Hexo+Github+域名绑定+Material Theme 快速搭建个人博客.
整个搭建过程还是算比较简单的,按照官方文档一步一步来,绑定域名时遇到了一些小坑以下为大概步骤记录:
流程
- Node.js 环境
- Git 环境
- GitHub 注册和配置
- Hexo 安装配置
- 关联 Hexo 与 GitHub Pages
- GitHub Pages 地址解析到个人域名
- Material Theme 主题配置
- Hexo 的常用操作
Hexo 安装配置
关联 GitHub Pages
- 新建Github仓库,例如我的 blog
- 在该仓库中新建一个文件如README,然后在仓库设置settings中找到GitHub Pages,选择master分支后保存
- 在Hexo配置文件中关联你的Github项目,注意此时未绑定域名时的配置,否则会造成样式丢失或404,例如:
12url: https://exrick.github.io/blogroot: /blog/
1
2
3
4
|
deploy:
type: git
repo: https://github.com/Exrick/blog.git
branch: master
|
- 安装 hexo-deployer-git
1$ npm install hexo-deployer-git --save
GitHub Pages 地址解析到个人域名
- 购买域名后进入域名解析设置,本人以腾讯云为例:
- 注意此时绑定域名后Hexo的配置,否则会造成样式丢失或404,例如:
1
2
|
url: http://blog.exrick.cn
root: /
|
- 在hexo项目根目录下的source文件夹中新建名为
CNAME
没后缀名的文件,其中内容编辑为你绑定的域名,例如blog.exrick.cn
;或者在Github设置页面的Github Pages找到Custom domain
填入你的域名
Material Theme 主题配置
- 个人很喜欢的原生主题 viosey大神作品
- Material Theme官方文档
Hexo 的常用操作
- 创建新文章
1
|
$ hexo new "My New Post"
|
- 运行本地服务器查看
1
|
$ hexo server
|
- 生成静态文件
1
|
$ hexo generate
|
- 部署到远程
1
|
$ hexo deploy
|
- 常用组合命令
1
2
|
$ hexo clean
$ hexo d -g
|
更多命令: 中文官方文档