从0开始Hexo搭建

相较于jekyll和Hugo,Hexo可以很好的再二者中取到一个性能和好看优势。

准备工作

需要Git和Node.js,安装直接去官网下安装包一路next下去就OK了

安装完后输入git -vnode -vnpm -v分别来检查一下,如果你很确定安装好了但是出不来版本那就只能说环境变量的问题了。

Hexo安装

进入文件夹打开bash(win下建议用git bahs或者powershell),输入

1
sudo npm install -g hexo-cli

然后依旧用hexo -v来查看一下,输出版本号那就说明安装成功了。

Hexo安装

然后开始初始化Hexo

1
hexo init myweblog

weblog随便换个名字替代吧,但尽量不要出现中文,代码的事遇到中文多多少少会出点问题。

初始化完毕

进入本地目录你应该能看见这些个文件

初始化后的本地目录

node_modules: 存放node依赖包

_config.landscape.yml: 默认自带主题landscape的配置文件

_config.yml: hexo的配置文件

public:存放生成的页面(这会还没有)

scaffolds:生成文章的一些模板

source:用来存放你的文章

themes:主题

博客安装、配置

进入博客根目录,输入

1
2
3
hexo clean
hexo g
hexo s

这时候你就可以通过http://localhost:4000访问你的Blog。

hexo运行

这就表示你的Blog正常的运行了起来,那几个warning不要在意那是Node版本太高的锅,实际上不影响,觉得看着不舒服就把Node版本换到12及以下。

访问一下

hexo首页

ok啦,最基础的Hexo搭建已尽OK了。下一步就该把它发布上去了

创建Github仓库

去Github(全球最大的同性交友网站)上创建一个账号,然后创建一个仓库

仓库名要改为你的Github的用户名.github.io,像我就是plaudern.github.io。

创建仓库

我是已经创建过了,所以提示命名重复,输完名字什么都不要动,直接点下面绿色的create repository。

仓库弄好后生成ssh并添加到github(这并不是必须的,但是有ssh密钥后会方便很多,不再需要每次提交的时候输入账号密码)

部署到Github

将你的blog部署到github上(等于白嫖一个服务器让你来放blog)

在站点的配置文件_config.yml中翻到最后

1
2
3
4
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master

安装一下部署插件deploy-git ,在blog根目录打开bash

1
npm install hexo-deployer-git --save

现在全部都大公告成了

接下来只要提交上去就Ok了

1
2
3
hexo clean
hexo generate
hexo deploy

其中 hexo clean清除了你之前生成的东西,每次最好来一遍免得被缓存坑。
hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写

如果设置了ssh,那么只有第一次提交的时候需要输入github的用户名和密码,如果没有ssh,每次提交都需要输入

现在你就可以用Github的用户名.github.io去访问了