目录
创建仓库
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/
后面的空格就要去掉