
前文提要
-
零基础零代码搭建Hexo博客系统;
-
根据菜鸟教程(1/3)想必你已经搭建好hexo,这两天你也学习了相关的操作和主题配置;
-
也许你曾经胡乱操作,但不要紧,便携版hexo最方便的一点就是无论你怎么折腾,大不了重置,哪怕把紧要文件都误删,只要重新解压hexo压缩包,重新配置,即能成功;
辅助软件
更换主题以及编辑各种站点信息,我们需要用到一款叫Notepad++的编辑器,根据各自的系统进行下载。

Notepad++内置中文语言,不必惊慌,且看:



主题配置
闲话少叙,我们这就开始吧!
1-1、hexo主题选择,打开此链接,有非常多的主题,请自行选择自己喜欢的主题。本教程采用下载排行榜第一的NEXT(hexo主题榜单)。

1-2、打开NEXT,点击开始使用,下载稳定版,解压。



1-3、安装主题之前建议好好阅读Next文档,这个技术文档写得简单直白,如果每个软件的使用方法都写得如此细致,那就无须另外再出教程了。
1-4、将解压之后的文件重命名为next
剪切到themes
目录下。

1-5、一切准备就绪,我们要开始更换主题喽!
1-6、在 Hexo 中有两份主要的配置文件,_config.yml
。 名称一样,但所在目录不同,我们暂且叫主目录的为大哥,主题目录下的为小弟。这两个文件千万不要搞混淆。


主题启用
2-1、在blog目录下右击_config.yml
的站点配置文件,注意不要打开错了,是大哥。

2-2、为什么要用Notepad++编辑器打开,难道记事本就不行吗?且看:

2-3、打开_config.yml
之后,拉到最下面,看到了吧?把theme: landscape 改为 theme: next
,注意:冒号后面有一个空格。

2-4、渲染并部署,相当于你已经设定next为主题,但还没有上传更新。方法有两种:
- 方法一:如果根据菜鸟(1/3)教程,你安装了git,那么只需在blog目录下,注意不是随随便便的哪个文件夹下右击,是blog目录下右击,点
git bash here
,输入hexo d -g
,甭管它是什么,照着写,打死就这一个命令,其余不学都行。



弹出以上信息,就算更换主题成功,网络会有一些滞后,静待两三分钟之后,打开你的博客,是不是就这样了!有点小兴奋,不着急,后面更精彩。

- 方法二:hexo便携版独有的脚本,双击运行
渲染并部署
一样可以。简单快捷,十分高效。

主题设定
3-1、如果你已经成功更换了next主题,那么接下来进一步设定,使你的博客更加迷人。
3-2、next有三种外观方案可选,分别是:
-
Muse - 默认,黑白主调,大量留白;
-
Mist - 紧凑,整洁有序的单栏外观;
-
Pisces - 双栏,小家碧玉似的清新;

3-3、假如我们选择“Pisces”这款外观,那么怎么设置呢?打开_config.yml
的主题配置文件,注意:是主题目录下,如果主目录下的是哥哥,那这个就是弟弟,OK?

你可以像word一样操作Notepad++,ctrl+f
搜索Scheme,然后给现任的外观加#,需要使用的外观去掉#。



3-4、改完了,保存了,然后呢?重复2-4,渲染并部署,静待几分钟,重新刷新博客。是不是已经变成小家碧玉型的风格了呢!

3-5、博客风格确定下来之后,我们需要把博客的界面设置为中文,具体怎么做?我们以next主题为例,其他主题请参阅各自技术文档。
3-5-1、在“站点配置文件”注意blog目录下的大哥_config.yml
,打开之后,作如下改动,找到language:
冒号后面空一下输入zh-Hans
,不管你复制还是照着打字,输入完毕之后记得保存。
language: zh-Hans

3-5-2、重复2-4,渲染并部署,静待几分钟,刷新博客看看是否已经变成中文界面。

3-5-3、提示:无论你修改哪一个设置或操作,想要看到修改后的结果,必须在每次操作保存之后2-4,即“渲染和部署”(可理解为更新并上传)
3-6、如何上传文章?如果你下载的是便携版hexo,方法有两种:
- 方法一:在blog目录下右击
Git Bash Here
,然后输入:
hexo new "第一篇博客"

- 方法二:零代码创建文章,在hexo便携版的文件夹里有几个脚本文件,双击其中一个名为“新建文章bat”的脚本,输入文章名,回车即可创建。

3-7、创建文章之后怎么编辑?在_posts
文件夹里直接双击或右键打开“第一篇博客”,选择任意你喜欢的markdown编辑器进行编辑,记得保存。

3-7-1、至于如何用markdown语法以及选择一款好的文本编辑器,你可以参看ATOM:一款让你文思泉涌的写作神器!,这里我们就不展开了,有兴趣的朋友可以点链接了解下。

3-7-2、文章编辑保存之后,别忘了2-4,渲染并部署。静待几分钟,刷新一下博客,是不是成功上传!

本期总结
- 更换NEXT主题
- 更换NEXT主题下的风格
- 设置博客默认语言为中文
- 两种方式新建文章并上传更新
参考资料
下期我们将针对站点和主题进一步设置,欢迎收看。
我的个人博客:LeiDi's Blog
网友评论