github pages+hexo 搭建自己的个人博客

创建仓库

1.输入仓库的名称和说明（非必填），仓库名称格式为username.github.io,username 一定要和用户名一致，否则会404的

2.点击 Create repository创建仓库

---

创建站点

1.点击仓库中的setting

2.找到GitHub Pages 为站点选一个主题

---

hexo使用

安装hexo

安装hexo 之前首先安装git 以及node.js.
使用npm 全局安装hexo

npm install -g hexo-cli

初始化hexo

执行以下命令，创建hexo所需文件

hexo  init

在初始化的文件夹中下载依赖

npm install

注意_config.yml文件，网站的 配置 信息，可以在此配置大部分的参数。具体参考配置信息

修改_config.yml文件并部署到github上

修改_config.yml中

原有：

deploy:
  type: ‘’

改为：

deploy:
  type: git
  repo: git@github.com:BeginnerDone/beginnerdone.github.io.git
  branch: master
  message: 第一次部署

参数	描述	默认
type	使用何种方式进行部署（有git、Heroku、Netlify等等）	必填一种
repo	库（Repository）地址	我这里使用的是ssh 验证，因为https地址每次输入账号和密码是很麻烦的一件事！推荐使用ssh，没有ssh key的请先生成添加到github上
branch	分支名称	gh-pages (GitHub) coding-pages (Coding.net master (others)
message	提交信息	Site updated: {{ now(‘YYYY-MM-DD HH:mm:ss’) }})

以上参数冒号后面的参数一定要加空格！空格！空格！

部署访问站点

执行

hexo deploy

访问我的github pages 博客

---

更改hexo主题

这里替换的是Next主题

安装Next

只需要将主题文件拷贝至站点目录的 themes 目录下，然后修改_config.yml文件中的theme节点为next即可

当然了，不用自己去拷贝那么麻烦，只需要在当前站点文件夹下
使用git命令下载next即可

git clone https://github.com/iissnan/hexo-theme-next themes/next

查看theme文件夹已经下好了next主题

主题设定

外观Scheme选择

Next提供三种 不同的Scheme外观

1.Muse - 默认 Scheme，这是 NexT 最初的版本，黑白主调，大量留白
2.Mist - Muse 的紧凑版本，整洁有序的单栏外观
3.Pisces - 双栏 Scheme，小家碧玉似的清新
只需要在themes\next中的_config.yml中scheme节点启用即可
例如这里启用了Mist

设置语言
设置根目录_config.yml中的language 为中文，

language: zh-Hans

后续配置参考Next

再次部署

这里要特别注意，更换主题后，再次部署的时候要执行下，

hexo clean

然后再执行hexo deploy --generate（简写hexo d -g）生成文件自动部署

---

问题：

1.访问首页和归档的时候总是404
url地址后面总会多出%20编码，通过在线编码转换查出url地址多出了空格。
解决办法就是themes\next中的_config.yml中menu选项中空格全部去掉，比如/archives/后面的空格就要去掉

个人博客地址：传送门
github：传送门
千里之行
始于足下