使用hexo-github搭建个人博客

以下内容是通过CM喂饭的视频完成，感谢大佬

视频： https://www.youtube.com/watch?v=GtYcFZ55GJI
博客： https://vercel.blog.cmliussss.com/p/HexoBlogNo1/

一. 事前准备

1. 域名（非必须，你也可以使用免费域名，或者GitHub.io或Pages.dev分配的域名也可以）
2. GitHub（必须，你需要注册一个GitHub帐号）

• 1.配置用户名和邮箱

1

git config --global user.name "你的用户名"

1

git config --global user.email "你的邮箱"

• 2.通过git config -l 检查是否配置成功。

1

git config -l

• 3.配置公钥连接Github

1

ssh-keygen -t rsa -C "你的邮箱"

提示Enter file in which to save the key直接一路回车即可，新手小白不推荐设置密钥

• 4.之后打开C盘下用户文件夹下的.ssh的文件夹，会看到以下文件

  • id_rsa 私钥
  • id_rsa.pub 公钥

• 5.用记事本打开上述图片中的公钥id_rsa.pub，复制里面的内容，然后开始在github中配置ssh密钥

• 6.将 SSH KEY 配置到 GitHub

  • 进入github，点击右上角头像 选择settings，进入设置页后选择 SSH and GPG keys，名字随便起，公钥填到Key那一栏。

• 7.测试连接，输入以下命令

  1	ssh -T git@github.com

  第一次连接会提示Are you sure you want to continue connecting (yes/no/[fingerprint])?，输入yes即可
  出现连接到账户的信息，说明已经大功告成，至此完成了环境准备工作。

3. Cloudflare（非必须，你需要注册一个Cloudflare帐号，这样你就可以将博客部署在CF的CDN里加速，但是你也可以直接使用GitHub.io分配的域名）

二. 软件支持

1. Node（必须）
2. Git（必须）
3. VSCode（非必须，这是一款轻量型的代码编辑器，可以帮助你养成一个很好的编程习惯）

三. 初始化 Hexo 博客

1. 创建一个文件夹来保存博客源码（我这里选的路径为D:/Hexo-Blog），在文件夹内右键鼠标，选择 Open Git Bash here

2. 在 Git Bash 输入如下命令安装 Hexo

1

npm install -g hexo-cli && hexo -v

3. 安装完后输入hexo -v验证是否安装成功。

1

hexo -v

4. 初始化 Hexo 项目安装相关依赖。

1
2
3

hexo init zeck
cd zeck
npm install

• 初始化后文件夹内有9个文件，结构如下图：

5. 启动项目

1

hexo cl; hexo s

6. 打开浏览器，输入地址：http://localhost:4000/ ，看到下面的效果，说明你的博客已经构建成功了。

四. 主题美化

1. Git 安裝 （stellar主题）

• 在博客根目录里安装最新版主题
• https://xaoxuu.com/

1

git clone -b main https://github.com/xaoxuu/hexo-theme-stellar.git themes/stellar

2. 应用主题

• 修改 hexo 配置文件_config.yml，把主题改为：

1

theme: stellar

3. 配置主题与主站配置文件

• 本地预览

1

hexo cl; hexo s

五. 将静态博客挂载到 GitHub Pages

Github使用账号：wenliquan8@gamil.com

1. 安装 hexo-deployer-git

1

npm install hexo-deployer-git --save

2. 修改 _config.yml 文件

• 在根目录下的_config.yml，就是整个Hexo框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述。

• 修改最后一行的配置，将repository修改为你自己的github项目地址即可，还有分支要改为main代表主分支（注意缩进）。

1
2
3
4

deploy:
  type: git
  repository: git@github.com:zeckblog/zeckblog.github.io.git
  branch: main

• Url 修改为自己的 Github 地址

1

http://zeckblog.github.io

3. 修改好配置后，运行如下命令，将代码部署到 GitHub（Hexo三连）。

• Git 终端

1

hexo clean && hexo generate && hexo deploy  

• Vscode终端

1

hexo cl; hexo g; hexo d

如果不想每次上传全部的更新，按下面的方法修改配置文件和代码

• 根目录下的_config.yml

1
2
3
4
5

deploy:
  type: git
  repository: git@github.com:zeckblog/zeckblog.github.io.git
  branch: main
  message: "Update blog content"

• Vscode终端

1

hexo g; hexo d

不使用 hexo cl ,不用清除缓存，避免每次需要重生成

六. 将静态博客挂载到 Cloudflare Pages

• 本地部署 http://localhost:4000/

• Github http://zeckblog.github.io/

• cloudflare pages zeckblog-github-io.pages.dev

• 自定义域名 zeckblog.us.kg

end…