快速搭建个人博客:Hexo+NexT+GitHub Pages

本地环境配置

• windows系统
• git 下载gitforwindows 教程
• node.js 官网下载 注意:在Windows上安装时务必选择全部组件，包括勾选Add to Path。

Github Pages申请

1. 申请Github账号；
2. Create a new repository：name为账户名.github.io

然后就可以访问 https://账户名.github.io/

配置SSH

SSH

Hexo

Hexo官方文档

之前node.js配置好了的前提下，很多指令也可以直接在cmd里面使用，但推荐使用git bash来完成，git bash可以使用一些Linux的指令，比如ls等，比cmd要方便。

安装

$ npm install -g hexo-cli

初始化

$ hexo init <folder>
$ cd <folder>
$ npm install

More info: 建站

本地运行

$ hexo server 

该命令可简写为

$ hexo s

默认情况下，访问网址为： http://localhost:4000/。

More info: 指令

部署

安装 hexo-deployer-git 插件

$ npm install hexo-deployer-git --save

修改配置文件

修改根目录下的_config.yml文件

deploy:
  type: git
  repository: git@github.com:wangshouz/wangshouz.github.io.git
  branch: master

指令部署

$ hexo clean
$ hexo g
$ hexo d

等待执行完毕，即可以访问 用户名.github.io 来查看自己的博客主页

More info: 部署

Themes–Next

官方文档

基本配置

基本使用根据官方文档配置即可，注意_congif.yml文件会有两处，分别为“站点配置文件”和“主题配置文件”，不要配置错了。

坑

• git相关的坑：因为本身对git的使用不是十分熟练，所以过程中出了问题多google、百度就对了；
• 用下载稳定版的方式下载next源码，需要把hexo-theme-next文件夹改命为next；
• Next主题里的search的配置：Local Search
• 源码：部署只会把编译之后的public文件夹里的内容部署到github.io项目里；想要上传源码需要新建项目单独上传。
• next使用克隆最新版本的方式获取的时候在上传到自己的github项目的时候会报错，因为git用的不6，所以直接删掉了next里面的.git文件夹，把next当成本地文件重新add上传；
• 侧边栏社交链接图标：因为使用的是Font Awesome图标库，所以有些是找不到图标的，比如知乎，简书。。。

我的博客

• 效果 https://wangshouz.github.io
• 源码 https://github.com/wangshouz/blog