参考
使用Hexo从0到1搭建个人博客详细教程(超详细,超简单)
从零开始搭建个人博客(超详细)
可能是最全面的github pages搭建个人博客教程
部署到Github
- 安装node.js
- 配置npm安装的默认目录,并安装webpack
- 安装博客网站的框架Hexo
- 在Github新建一个仓库
- 本地新建一个Blog文件夹,在该目录下打开Git Bash,输入npm命令安装Hexo
- 初始化博客
- 静态部署
- 启动服务器
- 浏览器访问
本地部署完成
- 将Hexo部署到Github
- 在Blog文件夹下找到_config.yml并打开,在文件末尾追加
- 还是在Blog文件夹下打开Git Bash,安装git部署插件
- 清理缓存并重新部署
- 浏览器访问
部署成功
- 在Blog文件夹下找到_config.yml并打开,在文件末尾追加
- 绑定域名
- 从阿里云购买一个域名,在域名控制台点击“解析”
- 添加两条记录,其中第一条记录值可以ping 仓库名得到
- 在Blog\source下新建一个CNAME文件,写入购买的域名
- 还是在Blog文件夹下,打开Git Bash,依次执行以下代码
1
2
3hexo clean
hexo g
hexo d - 查看repo的setting->Pages,Custom domain已经配置好了
- 直接访问该域名
- 从阿里云购买一个域名,在域名控制台点击“解析”
部署到云服务器
可参考 Hexo进阶教程(四)| 部署Hexo到自己的服务器
选择主题
- 以Cactus主题为例
- Cactus官方使用文档
- 在Blog目录下打开Git Bash,执行git clone
- 修改_config.yml
- 进入/theme/cactus文件夹下,修改_config.yml,选择自己喜欢的scheme
- 重新启动hexo
1
2
3hexo clean
hexo g
hexo d - 博客页面的主题已经被成功切换
- 优化主题可参考个人博客第8篇——优化主题(持续更新)