逍遥谷

记录日常的点点滴滴

0%

Hexo Github Pages搭建博客

流程

  1. 开通githubpage
  2. 本地安装git、node.js、hexo
  3. 添加域名解析,指向githubpage

开通githubpage

在github上创建一个新的repo,命名为username<github的username>.github.io

进入repo,点击setting,找到Github Pages,将source改为master,并点击save保存

安装git、node、hexo

git和node没什么好说的,必须先装好

重点说下hexo部分

本地新建一个文件夹,打开该目录的命令行,安装hexo-cli:

1
2
3
4
5
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

打开可以显示http://localhost:4000,用浏览器打开可以看到默认的样式,到这里通过hexo生成blog就算是初步完成了。详细的可以去了解下hexo生成出来的项目目录结构,方便资源调整,代码编写。

接下来要配置git发布相关

打开根目录下的_config.yml找到其中的deploy项,在其中添加github相关配置,配置如下:

1
2
3
type: git
repo: github的git工程地址
branch: master

如果想要一键部署到github,需要安装辅助插件:

1
npm install hexo-deployer-git --saves

然后使用命令发布

1
hexo clean && hexo g && hexo d

添加域名解析,指向githubpage

将域名做CNAME解析,解析到username.github.io这个地址

在hexo工程的source目录下建一个CNAME文件,里面写入解析的域名,即完成博客搭建