1 新建 GitPage 项目
GitHub Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务,可用于搭建个人博客。
创建新的 Repository,并命名为 {userName}.github.io
2 安装 Hexo
验证安装命令:
$ node -v : 验证 node 安装版本
$ npm -v : 验证 npm 安装版本
$ hexo -v : 验证 hexo 安装版本
Hexo 安装命令:
$ npm install -g hexo-cli
3 初始化 Blog
安装 Hexo 完成后,执行下列命令,会在指定文件夹中新建所需要的文件。
$ hexo init <folder>
$ cd <folder>
$ npm install
执行下列命令,可以查看在本地预览;
$ hexo g // 生成静态页面
$ hexo s // 启动本地 blog 服务器
打开浏览器,在地址栏输入 localhost:4000,就可以查看本地博客了
4 同步 Hexo 博客到 Github
Hexo 提供了快速方便的一键部署功能,让您只需一条命令就能将网站部署到服务器上。部署到 Github Pages,步骤如下:
安装 hexo-deployer-git
$ npm install hexo-deployer-git --save
修改部署配置
deploy:
type: git
repo: git@github.com:{userName}/{userName}.github.io.git
branch: master
执行部署
hexo d // 将本地博客发布到 github
5 Next 主题配置
下载主题
git clone git@github.com:theme-next/hexo-theme-next.git themes/next
应用主题
修改 _config.yml,将主题设置为 next
theme: next
6 域名设置
设置域名
1 切换到个人博客 repository [https://github.com/kakakeven/kakakeven.github.io]
2 点击 Setting,进入项目设置页面
3 在 Custom domain 下,新增域名配置,并点击保存;
参考链接:
Adding or removing a custom domain for your GitHub Pages site
存在的问题
通过 Setting 添加的 CNAME 文件,每次执行 hexo deploy 的时候都会消失
解决方案
安装 hexo-generator-cname
1 安装插件: npm install hexo-generator-cname --save
2 启用插件:修改 _config.yml,配置 plugins:
plugins:
hexo-generator-cname
3 配置 CNAME: 修改 _config.yml,配置 url: http://lintrp.com