使用 Hexo + Github Page 搭建个人静态博客

用此文记录一下我这个博客的搭建过程. 参考了这篇博客 Blog

Step 1: 建一个在本地运行的网站

1. 用的是 Hexo 框架. 基于 node.js 运行. 故先下载 node.js > 下载直达 <

2. 安装 Hexo. 运行 :npm install -g hexo-cli

   Hexo 将会安装在默认位置.

   文档在这 Hexo Doc, 可以的话, 官方文档是好于任何博客的东西.

3. 在新建的空博客文件夹内运行: hexo init, 初始化 Hexo. 文件夹内就多了 Hexo 的初始文件.

4. 这时运行 hexo s, 就可以在本地运行你的网站了. 一个很简陋的默认站. 使用的是默认的 landspace 主题.

Step2: 把它部署到线上

GitHub Pages是一种由GitHub中的仓库/项目直接创建的网页。管理简单，在本地编辑仓库中的内容，上传到GitHub上，GitHub Pages就能快速完成更新，重点是不花钱，不花钱，不花钱.

1. 新建 Github 仓库, 命名时一定要是 .github.io, 这样就自动识别位 Github Page 的 仓库. 属性为 Public

2. 将本地博客文件夹的文件上传到仓库中. 这里要使用到 Git. 建议学习基本的操作, 更多 Git 的问题网上都有, 不赘述. > 看这里 <

3. 到 _congif.yml 文件中修改 deploy 配置:

   deploy:
   	type: git # git 前有一个空格
   	repo: https://github.com/<Username>/<username>.github.io # 就是仓库地址
   	branch: master # 选择上传的分枝
   

4. 本地运行 :

   hexo clean //清除缓存, 当其它命令无效时可以试试
   hexo g //生成博客目录
   hexo s //本地预览
   hexo d //部署项目
   

   eg: 这里会缺少一个依赖: npm install hexo-deployer-git --save, 直接安装.

   上传过程中可能遇到 git 的问题, 大概率时网络问题.

到此为止, 就成功上线了自己的博客. 在 <username>.github.io.

Step3: 主题配置

我用的是 fluid 主题. 就因为它好看, 有原生的中文文档. fluid dos

配置文档里讲的很好.

更多主题: 官方主题库

Step4: 图床

Picco + Gitee

不过感觉写博客用不了多大空间, 就扔仓库里吧, 懒着配了.

---

后续更新访问加速, 域名, 搜索引擎权重和博客内配置等其他东西…