搭建工作

下载安装 node.jsgit 默认安装即可

安装成功后,右击系统菜单键会多出两项
  • 在系统盘上,找个地方,如D:/github/
  • 进入到文件夹,右击,点击Git Bash Here

安装Hexo

1
2
3
4
5
6
7
8
npm install hexo-cli -g
hexo init blog
cd blog
npm install node-sass@4.14.1
npm install
npm install hexo-renderer-pug --save
npm install hexo-renderer-sass --save
hexo server
  • 意思分别为 安装hexo
  • hexo在blog文件夹初始化,不需要手动创建 (blog可以改变,只是一个文件夹名字)
  • 进入blog文件夹
  • 安装依赖扩展插件
  • 开启服务,此时在浏览器输入http://localhost:4000/ 或者 http://127.0.0.1:4000 可以看到相关页面(ctrl+c退出)
1
可以使用nvm管理nodejs的版本,按目前还说,最好使用v12版本的

Hexo常用命令

1
2
3
4
5
6
hexo generate (hexo g) 编译生成
hexo server (hexo s) 启动服务
hexo deploy (hexo d) 上传
hexo new page "p" 生成一个p页面
hexo new "p" 生成一个标题为p的新文章
hexo clean 清除编译生成
Hexo还有很多插件,如果下面使用过程中发现问题,可以百度查找,安装对应的插件

创建一个Github代码仓库

  • 如果没有帐号,需要注册一个
  • 点击在网页右上角,选择新建仓库
  • 仓库的Repository name为仓库名,格式有规定,如果你注册的github帐户名为orz,那么这里就要填orz.github.io,其它设置看介绍,创建仓库

添加SSH

数据提交这里选择SSH,下面是SSH安装与Github绑定

SSH安装

1
2
3
4
5
6
7
ls ~/.ssh
检查是否安装了ssh,如果有id_rsa.pub,跳过下面步骤

ssh-keygen -t rsa -C "邮箱地址"
安装的时候,连续点击三次回车,分别是跳过文件夹和把密码设置为空
pwd ~/.ssh
查看ssh的安装路径

绑定

  • 找到ssh/id_rsa.pub,打开,复制全部内容
  • 打开github网站,选择SSH and GPG keys

  • New SSH Key标题随便写,将复制的内容写到Key里面,添加

  • 验证是否连通 输入 ssh -T git@github.com如果看到你在github注册的帐号名,即表示成功

初始化设置

打开D:/github/blog/_config.yml

1
2
3
4
deploy:
type: git
repo:
branch: master

rope的值参考下图

点击Clone or download弹出的链接 写入到_config.yml的rope 注意和:有一个空格,不能少

主题设置

从网上查找Hexo主题,下载放到D:/github/blog/themes里面。打开D:/github/blog/_config.ymltheme:改为刚刚下载的主题文件夹名。其余设置需要参考主题的介绍

纸上得来终觉㳀,绝知此事要躬行