0%

Hexo+NexT搭建博客

准备工作

GitHub

注册一个 GitHub 账号,创建一个新的仓库,仓库名称严格命名为todest.github.iotodest为用户名,修改成你自己的。

Git

从此处 Git官网 下载并安装,右键打开Git Bash

配置SSH
1
ssh-keygen -t rsa -C "邮件地址"		# 连续回车

"C:\Users\你的用户名\.ssh\id_rsa.pub"的内容复制下来,打开GitHub设置->SSH and GPG keys->New SSH key,粘贴到此处确定。

1
2
3
4
ssh -T git@github.com
# 测试SSH是否配置好
# 看到You've successfully authenticated, but GitHub does not provide shell access.
# 则说明配置好了,否则无法使用hexo d

Node.js

Node.js官网 下载安装。

安装Hexo

1
npm install hexo-cli -g

install可简写为 i

初始化Hexo

1
2
hexo init Blog					# Blog可以修改成其他的名字
cd Blog # 进入Blog文件夹

安装Hexo扩展

1
2
npm install hexo-deployer-git --save
npm install

部署

本地调试

以下ggenerate的缩写,sstart的缩写,ddeploy的缩写。

1
2
3
hexo clean
hexo g # 生成 此条和后一条可简写为 hexo s -g
hexo s # 预览

hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容。

上传到GitHub Pages

上传之前,打开站点配置文件_config.yml,位于站点根目录下,修改最后一部分为如下部分。

1
2
3
4
deploy:
type: git
repository: git@github.com:todest/todest.github.io.git # 修改为你的GitHub用户名
branch: master

上传到GitHub Pages

1
2
3
hexo clean
hexo g # 此条和后一条可简写为 hexo d -g
hexo d

修改主题

主题位置themes目录下,默认为landscape主题。可从官网 https://hexo.io/themes/ 下载,推荐NexT主题,以下为安装方法。
安装过程就一行代码,站点根目录下运行。

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

打开站点配置文件_config.yml,找到theme: landscape,修改为next就可以了。

赏点呗!