GitHub搭建免费博客

一、GitHub仓库准备

搭建博客需要准备两个仓库。一个存放博客图床的仓库,另一个存放博客网站的仓库。

1.1、图床创建

  • 新建仓库

第一步:

sc_20240505154123.png

第二步:

sc_20240505154819.png
  • 生成Token令牌

    点击右上角头像->Settings->下拉,直到左侧到底,选择Developer settings(开发人员设置)->Personal Access tokens(个人访问令牌) -> Tkens(classic) -> Generate New Token(classic, 一定要选择 classic 方式)-> 配置相关信息 -> Generate token

第一步:

sc_20240505155610.png

第二步:

sc_20240505160325.png

第三步:

sc_20240505160632.png
  • 创建图片文件夹

    第一步:

sc_20240505172745.png
第二步:
Xnip2024-05-07_11-14-43.jpg
  • 设置Typora实现自动上传

    Mac系统:Typora-->设置-->图像

    sc_20240505205640.png

1.2、博客网站

第一步:新建GitHub仓库

sc_20240505154123.png

第二步:设置仓库

  • 注意!:仓库名称必须是xxx.github.io,否则不能成功创建网站。
sc_20240505180831.png

二、图床使用

2.1、下载PicGo软件上传图片

官网下载

2.2、配置PicGo

选择图床设置-->GitHub-->编辑按钮

仓库名:GitHub用户名/GitHub仓库地址
分支名:GitHub的分支名称
Token:GitHub中设定的AccessToken
自定义域名:https://fastly.jsdelivr.net/gh/用户名/仓库名

sc_20240505164122.png
Xnip2024-05-07_11-25-11.jpg

2.3、使用PicGo

选择上传区-->切换图片上传为GitHub-->拖拽图片上传

sc_20240505165730.png

三、Hexo安装

3.1、安装Node.js

第一步:下载Node软件安装

[前往Node.js下载LTS稳定版](https://nodejs.org/en/download/),下载完成后双击下载文件,按步骤默认安装即可。

第二步:验证

npm -v

第三步:配置淘宝镜像源

npm config set registry https://registry.npm.taobao.org

验证是否设置成功

npm config get registry

3.2、安装Hexo

npm install hexo-cli -g

3.3、使用Hexo创建个人博客项目

初始化博客项目:hexo init 项目名

hexo init Blog

进入博客项目目录

cd Blog

安装依赖

npm install

新建文章:hexo new 文章名

hexo new first
sc_20240506222851.png

启动本地服务

hexo s
sc_20240506223521.png

3.4、自定义Hexo主题

可以在 https://hexo.io/themes/index.html进行主题的挑选。将下好的主题放在`themes`文件夹内,同时在`_config.yml`中进行主题修改。一下以Aurora主题的配置为例.
sc_20240506224848.png

第一步:前往主题的GitHub仓库,选择Release版本下载主题

sc_20240506225223.png

第二步:将下载下来的主题包放在themes文件夹内

sc_20240506225613.png

第三步:复制themes-->aurora->_config.yml到Blog目录下,命名为_config.aurora.yml

sc_20240506230323.png

第四步:修改Blog目录下_confg.yml文件

sc_20240506231904.png

安装插件

npm install hexo-theme-aurora hexo-plugin-aurora --save

主题包安装依赖

cd themes/aurora
npm install

根据Aurora主题配置文档https://aurora.tridiamond.tech/en/guide/getting-started.html,完成其他配置。

第五步:生成网页

hexo g

第六步:部署

hexo d
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容