搭建静态博客：hexo+github

小灰灰 2022-03-10 05:36 344阅读 0赞

经过一段时间的折腾，第一个静态博客终于建了起来。相比wordpress的庞大臃肿，博主更喜欢hexo这个轻量级的博客框架。在这里记录下整个搭建过程，希望对大家也能够有所帮助。废话不多说了，开始吧。

## 定义 ##

Hexo 是一个快速、简洁且高效的博客框架。Hexo使用Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

## 环境搭建 ##

1.  安装Node.js  
    Windows环境下选择.msi安装包的话，一路回车直到安装模式选择框，选择Online documentation shortuts，剩下的回车安装即可。完成后在命令行中输入“path”，检查下环境变量中是否已包含Node.js。Windows环境下选择.msi安装包的话，一路回车直到安装模式选择框，选择Online documentation shortuts，剩下的回车安装即可。完成后在命令行中输入“path”，检查下环境变量中是否已包含Node.js。
2.  安装Git  
    Windows下安装Git，博主这里推荐下这个安装包 https://gitforwindows.org/
3.  安装hexo  
    Git Bash下运行以下命令  
    `npm install -g hexo-cli`
4.  初始化hexo

hexo init blog  
       cd blog  
       npm install

1.  启动服务器  
    到这里，本地搭建hexo博客的工作已经完成了。

## 博客推送 ##

1.  在github上创建一个仓库，例如我的：minghaohao.github.io
2.  安装hexo-deployer-git插件，打开Git Bash,在站点目录下运行  
    `npm install hexo-deployer-git --save`
3.  添加SSH Key  
    `ssh-keygen -t rsa -C "邮箱地址"`  
    密钥创建成功后，计算机自动将其保存在了这里：C:\\Users\\Administrator.ssh\\id\_rsa.pub，  
    复制粘贴到 New SSH Key即可。
4.  测试能否于github中建立的仓库连接

ssh -T git@github.com
       yes

1.  修改站点配置文件\_config.yml（以我的为例）

deploy:
      type: git
      repo: git@github.com:minghaohao/minghaohao.github.io.git
      branch: master

1.  推送到github pages

hexo clean
       hexo g
       hexo d

稍等片刻，访问网址（以我的为例）https://minghaohao.github.io  
7. 添加自定义域名（以我的为例）

*  打开仓库的设置，在Custom domain下，添加自定义的域名，保存后并点击强制转https
 *  回到本机，在站点目录的source文件夹下，创建并打开CNAME.txt，写入自定义的域名
 *  等待十分钟左右，访问自定义的域名。