利用hexo在GitHub上搭建博客

Author Avatar
ssssdl 8月 24, 2018

利用hexo在GitHub上搭建博客

到底还是把这个更新到blog上面来了 。。。

环境:Windows、node.js、github、git、hexo

0x00 准备

  1. github注册登陆,建一个用户名.github.io的库,好要设置主分支

  2. 本地安装git,傻瓜安装,选上add to path,如果有git gui here 和git bash here就勾选上,管理灵活一些,具体操做会写一篇操做

  3. 安装node.js:傻瓜安装,直接去官网下载最新版本,最新版不用配置环境变量,尽量不要用老版会有兼容性问题

  4. 建立一个储存博客的空文件夹,比如D:/blog/

  5. 安装hexo:Windows下npm install hexo-cli -g

0x01 本地搭建+应用主题

1.初始化,

进入用于储存博客的空文件夹右键git bash here,输入如下命令`hexo init

2.在本地生成静态页面

命令 : hexo generate 或者 hexo g
这里有可能出一个这样的错误

ERROR Local hexo not found in D:\blog

ERROR Try running: 'npm install hexo --save'

关于解决大家众说纷纭,我当时的解决大致命令如下(昨晚十二点了记不太清了)

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

npm install hexo --save

3.本地启动

hexo server 或者 hexo s

这个命令还可以加其他参数,比如 -p 端口 指定端口 ,-debug 显示详细错误,如果没有特殊指定端口执行完此命令后就可以浏览器打开http://localhost:4000,查看本地的静态博客了

4.设置主题

到hexo.io上面下载自己喜欢的主题下载下来解压到储存博客的路径下的themes文件夹,,不明白路径可以参照原来自带的landscape主题,解压完成后修改 存放博客目录的(注意不是主题目录的)_config.yml文件,大概在结尾的地方修改成这个样子

image.png

把涂黑的地方改成你主题存放的文件夹名

然后主题就应用完了,可以在本地生成静态页面(hexo g)并且查看主题是否用用成功(hexo s,访问127.0.0.1:4000)

注意要阅读主题说明文档(README.md)会有一些主题的个性化配置及说明

0x02 发布到GitHub

还是修改_config.yml(博客目录下的,一般在文档最后)配置成如下

image.png

涂黑的地方是你的github ID

接下来执行

1
2
3
hexo g

hexo d 或者 hexo deploy

然后会输入github id和密码 输入完成等待上传结束,就可以访问

你的githubID.github,io,看见你的博客了

0x03 写博客

命令比较简单

1
hexo new "文章题目"

其实是可以在命令行里面写的,但是命令行终究是不是写作的地方,所以也就不学了

直接打开 ./hexo/source/_posts路径下的”文章题目.md”

这是markdown文档,推荐用VScode或者Typora编辑(看自己喜好),有可视化编辑功能,也不用再去下markdownpad破解,写完之后,执行如下代码:

hexo clean //清除本地文件夹下的缓存文件和已有的静态文件

hexo g //生成静态文件

hexo s //生成本地站点测试一下 熟练了可以不用

hexo d //部署到云(github)上面

至于标签云,搜索,归档,时间轴,等功能大多要看着主题帮助文档配置

最后

暂时就学这么多等以后有时间再接着写,接着学