正文③教程我们已经知道了基本的编译源文件成静态文件,本地预览,远程博客上线等,本教程教大家更换主题,新建文章,教程力作详细!!!
更换主题
-
看过上期教程童鞋都知道,hexo生成的默认主题实在是太丑了,那么我们该如何跟换主题呢?
-
同样第一步,定位到自己的本地路径下,我都地址是
桌面上的Blog文件夹
,鼠标右键打开Git Bash Here
,输入cd themes //进入存放主题的目录
-
用git的克隆命令把主题克隆下来,此步骤受网络环境影响可能较慢,有条件的朋友请爬梯子”爬梯子”
git clone 你要克隆主题的git地址或https地址 例如:git clone https://github.com/theme-next/hexo-theme-next.git
-
更多主题请参考:https://hexo.io/themes
-
git clone 后面的地址在主题仓库的code下可以直接复制,如图
-
-
主题git clone完成之后,来到本地路径下,找到并且编辑
_config.yml
文件的theme:
字段,在theme:
后添加克隆的主题名称,注意,名称要和主题目录下的主题名称一致,例如第2步,主题名称为next
,则theme:
字段就改成theme: next
,冒号后边有空格。 -
至此更换主题完成,可以hexo g,hexo s预览,确认无误,再执行hexo d,这样跟换主题的全流程就完成了。
新建文章
方法一
-
在路径下,找到
source
文件夹,再找到_posts
文件夹,默认有一篇hello-world.md
文章,我们只需要新建新的文件扩展名为.md
文件就行,文件内容按照https://www.tsingsea.com/738.html文中提到的markdown语法书写即可。
方法二
-
在路径下,鼠标右键打开
Git Bash Here
,输入cd source/_posts //原理一样,都是进入存放文章的文件夹 hexo new post 命名 // 例如:hexo new post 123 //意思是新建一篇123.md的文章
新建完文章,填充完内容,同样需要再次hexo g,可以hexo s预览,确认无误,再执行hexo d,这样远程端就部署了你的新文章了,你要做的就是丰富内容。
新建页面
-
在路径下,直接输入
hexo new page 命名 // 例如:hexo new page about //创建一个关于页面
-
这时候在
source
文件夹,再找到about
文件夹下,有一个属于about的index.md,在里面添加关于你的内容就可以了。 -
这个时候是直接看不到页面的,还需要主题的加持,用next举例,我们更换了主题,来到主题根目录,编辑主题根目录下的
_config.yml
文件,去掉#
注释即可,如下menu: home: / || fa fa-home about: /about/ || fa fa-user tags: /tags/ || fa fa-tags categories: /categories/ || fa fa-th archives: /archives/ || fa fa-archive #schedule: /schedule/ || fa fa-calendar #sitemap: /sitemap.xml || fa fa-sitemap #commonweal: /404/ || fa fa-heartbeat
-
然后我们新建的about页面才能生效,其他页面亦是如此。
-
主题的具体操作,需要参照hexo主题官网的各个主题的介绍,都是很不一样的,但也都是差不多的。这时候就需要足够的耐心去学习,教程给你一遍流程,你应该举一反三。
本文结语
-
本文基本上算是入门结束了,本文以及写的前几篇,基本上可以为Hexo+GitHub静态博客的整个流程画上句号了,再往后就是静态博客的一些美化,高阶玩法了,我也会持续更新。。。。。。
专题结语
这个专题到此的主要内容已经差不多了,但是这个专题仍会持续更新,若童鞋们发现某个地方的错误,请留言反馈,以便及时纠正,教程不易,任何转载形式,不声明出处,均是小人行为,本专题教程参考https://hexo.io/