1. 创建一个文件夹 HexoFile 用于存放 Hexo 文件
2. 创建一个文件夹 BlogFile 用于存放 Blog 文件
一、安装 Node.js
默认下一步即可
二、安装 Git
默认下一步即可
三、创建资源库
注:使用 githib.io 后缀
创建后 Settings -> GitHub Pages -> Choose a theme -> GitHub Pages 选择主题返回后我们可以看到以下
点击上面那个链接就可以看到我们的主题了,小编这边是安装Hexo后的样子
四、安装 Hexo 及 部署
1. 创建一个文件夹 HexoFile 用于存放 Hexo 文件
1.1 在该目录下右击 Git Bash Here
1.2 输入 npm install hexo-cli -g 安装 hexo
1.3 输入 npm install hexo --save 继续安装 。
2. 创建一个文件夹 BlogFile 用于存放 Blog 文件
2.1 切换到 BlogFile 下
2.2 输入 hexo init 初始化文件夹
2.3 输入 npm install 安装必备的组件
2.4 输入 hexo g 生成静态网页
2.5 输入 hexo s 打开服务器
2.6 输入 http://localhost:4000 就可以看到我们的博客啦
2.7 输入 ctrl + c 关闭本地服务器
3. 部署到 github
3.1 切换到 BlogFile 下
3.2 编辑 _config.yml 文件,将 repository 改为自己的即可
deploy:
type: git
repository: https://lovelinesslyt.github.io/ningze.github.io.git
branch: master
将 root 的地址改为项目名,否则部署后找不到静态资源
3.3 输入 hexo g 生成静态文件
3.4 输入 hexo d 上传到 github
3.5 输入地址就可以看到我们的博客啦
四、更换主题
1. 切换到 BlogFile\themes 下
2. 输入 git clone https://github.com/iissnan/hexo-theme-next 下载该主题
3. 修改 _config.yml 的主题为 hexo-theme-next
4. 切换到 BlogFile 下
5. 输入 hexo clean 清空所有生成的网页缓存
6. 输入 hexo g 生成静态文件
7. 输入 hexo d 上传到 github
8. 输入地址就可以看到我们的博客啦,主题如下