一直就希望有个博客记录自己的学习过程,方便今后查找和回顾。开始想在著名站点直接注册博客,注册了才发现各种限制,自定义的空间太小。
直到发现了 GitHub 这个宝库,继而利用 GitHub Pages 托管静态文件,结合 Hexo 部署了这个博客。
-
创建 Hexo 开发目录
$ hexo init $ npm install
-
安装 Hexo 插件
npm install hexo-generator-index --save npm install hexo-generator-archive --save npm install hexo-generator-category --save npm install hexo-generator-tag --save npm install hexo-server --save npm install hexo-deployer-git --save npm install hexo-deployer-heroku --save npm install hexo-deployer-rsync --save npm install hexo-deployer-openshift --save npm install hexo-renderer-marked@0.2 --save npm install hexo-renderer-stylus@0.2 --save npm install hexo-generator-feed@1 --save npm install hexo-generator-sitemap@1 --save
-
开启本地服务
$ hexo server
浏览器登录 http://127.0.0.1:4000/ 即可查看效果
-
Hexo 官网展示了许多可选主题
-
例如挑选了主题:hexo-theme-next
进入 Hexo 文件夹下的 themes 目录,将该主题的 GitHub 仓库下载到 themes 目录
git clone https://github.com/iissnan/hexo-theme-next
-
修改 Hexo 配置文件
theme: hexo-theme-next
-
在 GitHub 新建一个名为
[GitHub账户].github.io的仓库 -
生成静态文件
$ hexo generate
-
将静态文件同步到
[GitHub账户].github.io仓库$ hexo deploy
-
浏览器登录 https://[GitHub账户].github.io/ 即可查看效果
我的 GitHub Pages :wish007.github.io
-
在 GitHub 建了一个仓库 wish007/blog-backup 来备份 Hexo 源文件,将 Hexo 文件夹
push到仓库$ git push origin master
-
当切换电脑需要继续写博客时,直接把整个仓库
clone到本地$ git clone git@github.com:wish007/blog-backup.git
- 关联个人域名到 GitHub Pages
- 添加访问量统计
- 添加网站图标