创建Hexo博客

安装Hexo

我是使用Window系统,可以使用winget来安装nvs,或者到nodejs下载安装

1
winget install nvs

安装完毕后直接使用nvs安装nodejs

1
2
nvs add latest
nvs

选择你安装的nodejs版本

进入要创建Hexo博客的地址并安装Hexo

1
2
3
4
cd D:\Hexo
npm install -g hexo-cli
npm install hexo
hexo init myblog

不出意外将成功创建Hexo博客

一些常用Hexo命令

1
2
3
4
5
hexo init [BLOG] # 在目前的文件夹建立网站
hexo new <title> # 新建一个名为title的文章
hexo generate # 生成静态文件 可以简写为 hexo g
hexo server # 启动服务器
hexo clean # 清除缓存文件和已生成的静态文件

上传至GitHub

使用图像化软件或者命令行创建Git并上传至github

1
2
3
git init
git add .
git commit -u "hexo blog"

在Github中创建以你用户名为名称的仓库之后就可以使用 <你用户名>.github.io 访问了

1
2
git remote add origin <你仓库地址>
git push -u orgin master

将你的博客上传至github,上传之前记得检查.gitignore中是否添加Public目录,不要将其上传

将 Hexo 部署到 GitHub Pages

在你的Hexo目录上创建一个名为.travis.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
sudo: false
language: node_js
node_js:
- 14 # 使用nodejs 14
cache: npm
branches:
only:
- master # 只编译master分支
script:
- hexo generate # hexo生产静态目录
deploy:
provider: pages
skip-cleanup: true
github-token: $GH_TOKEN
keep-history: true
on:
branch: master
local-dir: public

访问 Travis CI 将其添加到你GitHub账户中,只需要选择免费版本

Applications settings 中设置Travis Cl 的权限使其能够访问你的hexo仓库

访问 Personal Access Token创建新Token,只需要给Token repo 权限

回到 Travis Cl 选择你的Hexo仓库 More options–>Settings–>Environment Variables中添加环境变量变量名为GH_TOKEN 值为上一步创建的Token

再一次提交你的Hexo博客,将自动开始部署

自定义域名

Github中打开你Hexo仓库,Settings–>Pages Source 中选择gh-pages 并 点击save 应该可以使用 <你用户名>.github.io 访问你的站点

Custom domain中输入你自己的域名并将其CNAME指向 <你用户名>.github.io 可以使用自定义域名访问,但下次提交时会解除绑定,为此在 myblog/source中创建 CNAME 其中填写你的自定义域名就可以防止域名解绑


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!