hexo+github page博客搭建

环境准备

  1. 需要安装以下组件:
  • Node.js
  • git

    在cmd窗口验证执行以下命令查看是否安装成功
    node -vnpm -vgit --version

  1. 创建github pages仓库

本地安装hexo:
npm install -g hexo-cli
hexo init
hexo g
hexo s

  1. 部署hexo到github page

安装hexo-deployer-git
npm install hexo-deployer-git --save
修改_conifg.yml文件末尾的Deployment部分,如下:

1
2
3
4
deploy:
type: git
repository: git@github.com:用户名/用户名.github.io.git
branch: master

完成后运行hexo d将网站上传部署到github page
此时访问https://用户名.github.io就可以访问hexo网站了

  1. 绑定域名

先注册并解析域名,个人从腾讯云购买。
进入本地博客文件夹的source目录,新建CNAME文件(无后缀),内容为自己的域名。
可在github仓库页面找到Settings然后下拉找到Github Pages开启HTTPS

开始使用

发布文章
创建新博客:hexo new "My New Blog"
执行以下命令渲染文章并将其部署到GitHub Pages:

1
2
hexo g  # 生成页面
hexo d # 部署发布

hexo d
网站设置
包括网站名称、描述、作者、链接样式等,全部在网站目录下的_config.yml文件中,参考官方文档进行编辑。
更换主题
Themes|Hexo 选择一个喜欢的主题,个人选择了pure,执行以下命令
git clone https://github.com/cofess/hexo-theme-pure.git themes/pure
然后修改_config.yml中的theme为新主题pure即可
常用命令

1
2
3
4
5
6
7
8
hexo new "name"        # 新建文章
hexo new page "name" # 新建页面
hexo g # 生成页面
hexo d # 部署
hexo g -d # 生成页面并部署
hexo s # 本地预览
hexo clean # 清楚缓存和已生成的静态文件
hexo help # 帮助