hexo主题及配置GithubPage

hexo主题、简单配置及Github Page配置

主题

这里我选用Fluid主题

1
yarn add hexo-theme-fluid

更多配置详细参考Fluid官方文档

Github Page

首先在github新建一个仓库,我新建的名称为blog

安装hexo-deployer-git

1
yarn add hexo-deployer-git

在_config.yml中添加以下配置

1
2
3
4
deploy: 
type: git
repo: https://github.com/<username>/<project>
branch: gh-pages

主要需要关注repo和branch配置

repo为 https://github.com/virzs/virzs.github.io 时branch需要指定为master分支,配置完成后地址为 https://virzs.github.io/

repo为 https://github.com/virzs/blog 时branch需要指定为gh-pages分支,配置完成后地址为 https://virzs.github.io/blog/

此处virzs为我的用户名,virzs.github.io和blog为仓库名

执行 hexo clean && hexo deploy

hexo clean命令会清除缓存文件和已生成的静态文件

hexo deploy命令会部署网站

打开github仓库settings,找到pages设置,设置source,如果仓库名为 <username>.github.io 类型,选择master分支 /(root) 文件夹。如果仓库名为 <repo> 类型,则选择gh-pages分支,文件夹同样设置为 /(root) 。点击save按钮 github会提示github page的链接。点击进入即可访问博客。