欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
改动hexo本人blog主题风格
时间: 2021-03-16 12:46 浏览次数:
估算许多小伙子伴在构建布署hexo进行后,会见到上边的网页页面后,随后就觉得,啊?就这?这一网页页面也很难看过。有木有甚么方式能够改一下这一网页页面的UI啥的,方式是有的

估算许多小伙子伴在构建布署hexo进行后,会见到上边的网页页面后,随后就觉得,啊?就这?这一网页页面也很难看过。有木有甚么方式能够改一下这一网页页面的UI啥的,方式是有的:

第一种自身动手能力改动源代码,能够保证你自身要想的实际效果,前提条件就是你得懂node.js,加上上ejs、jade、swig、haml模版模块,很感兴趣的小伙子伴能够深层次掌握node.js开发设计出归属于自身的主题风格模版;第二种方式便是立即采用巨头们开发设计的主题风格,在GitHub巨头千家争鸣下,拥有各种各样各种各样的精致的主题风格,作用也趋向健全,开源系统的方法也让主题风格新项目慢慢完善,大家能够开启hexo的官方网文本文档https://hexo.io/themes/看出到现阶段有313个是在hexo上展览会的。

这儿我也强烈推荐一下github上star排行前端的yilia、next等主题风格,自然你还可以出自己喜爱的主题风格,假如点一下图中的主题风格并不是立即自动跳转到github新项目,你可以以在浏览的blog网站内寻找github的连接,例如现在我点一下这一Academia,大家能够在网站底端见到这一主题风格名字的超级链接接,点进来就自动跳转来到。进到新项目的目地是以便查询文本文档,怎样学好应用文本文档自身实际操作。

接下去我将应用yilia主题风格来做演试。

开搞!

1. 安裝主题风格

最先大家需先复制远程控制库房到大家当地,themes/yilia-plus的含意是复制到themes下的yilia-plus文档夹下,假如themes下沒有这一文档,他会全自动建立一个。

git clone --depth=1 https://github.com/JoeyBling/hexo-theme-yilia-plus.git themes/yilia-plus

免费下载速率慢的,能够改一下hosts文档,加上github等网站的IP详细地址(百度搜索一下如何实际操作),历经悠长的等候下,還是不成功得话,先删掉yilia-plus文档夹,再更换上条指令的https:为git: 速率立即起降,有木有。

git clone --depth=1 git://github.com/JoeyBling/hexo-theme-yilia-plus.git themes/yilia-plus

接下去大家就刚开始变更主文件目录下的_config.yml文档的theme字段名,把landscape改成yilia-plus

_config.yml

改动完后一定要储存,要不然不是会起效的,ctrl+s储存_config.yml,随后消除静态数据文档,再次转化成静态数据文档,随后在当地运作

hexo clean;hexo g;hexo s

2. 配备网站信息内容

然后大家来改动网站的全局性信息内容,title相匹配的就是你网页页面的题目信息内容,author`相匹配的就是你的客户名

改动完后一定要储存,要不然不是会起效的,ctrl+s储存

_config.yml

一样要消除静态数据文档,再次转化成静态数据文档,随后在当地运作

hexo clean;hexo g;hexo s

3. 配备主题风格信息内容

接下去,大家要寻找这一yilia-plus文档夹下边的_config.yml,这一是主题风格的配备信息内容,记牢是在yilia-plus文件目录下边的,大家来改动头像(别的改动照片的方式相近)

寻找yilia-plus下的source下的img文档夹,大家能够放自身界定的相片,随后改动avatar相对性应的照片相对路径,改动完立即更新网页页面就可以了,不用重新启动当地网络服务器,开展消除静态数据文档等实际操作

其他的实际操作就依照

config.yml的汉语挑选自身的必须,这儿也不做多的详细介绍,变更结束后,ctrl+c关掉当地网络服务器,随后消息推送到远程控制库房

hexo clean;hexo g;hexo d

4. 小结

hexo改动主题风格就提到这儿,期待大伙儿能打造出源于己喜爱的本人blog。



Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园