每天前言

上几篇关键教大伙儿怎样运用github paages +专享网站域名+hexo构建自身的本人blog,坚信勤劳的小伙子伴们早已动手能力实践活动了,而且许多小伙子伴们早已取得成功构建起了自身的blog了!

今日本文关键教大伙儿如何应用hexo的主题风格,终究大家许多人并不是搞html开发设计的,都不是css高手,但大家大伙儿却都是有一颗追求美丽的心并不是,即然是自身的本人blog,也算作自身的一个小窝了,借问谁不愿把自身的小窝装饰设计的好看一点呢?

根据这一点,很多大神们提交了她们自身的hexo主题风格,大家能够在hexo的主题风格页去挑选一款自身喜爱的主题风格做为自身blog的主题风格,因为我曾人更喜爱简洁一点的设计风格,因此挑选了next主题风格。

下边就要大家一起刚开始next之行吧!

hexo主题风格页:https://hexo.io/themes/

主题风格免费下载

进到hexo主题风格页,寻找next主题风格,点一下以后,会赶到主题风格创作者的本人blog,以下图所显示

假如要想免费下载这一主题风格,非常简单的方法便是,进到hexo文件目录,随后开启git bash

随后键入

git clone https://github.com/theme-next/hexo-theme-next themes/next

下边就以我前几篇刚构建起來的blog开展一波实际操作,依然是IT文件目录

指令实行前

指令实行后

能看到,只需一个简易的复制指令,next主题风格就早已免费下载到当地了。

自然,这才只是是刚开始,接下去的全部实际操作,就必须紧紧围绕next这一主题风格实际操作了

拆换blog主题风格

开启网站根目录的配备文档_config.yml

寻找theme

能看到,hexo默认设置的是landscape主题风格,大家要做的的便是把landscape换为大家下完出来的next主题风格

拆换进行后,好必须将之递交到github上,才可以起效,依然是三步

1hexo c2hexo g3hexo d

每一次递交完,假如有专享网站域名的,不必忘掉将这儿再次配备一下

配备完后.再度开启blog,你能发觉,网页页面早已变为了下边那样

但是现阶段的网页页面,看见有点儿简单,大家能够给它加上一下标识页和归类页

此次就需要在next主题风格的配备文档下来做更改了

开启主题风格的配备文档,寻找menu项,只需将标识tags和归类categories前边的#(也便是注解)除掉,随后储存

随后依然是实行hexo 三部曲

1hexo c2hexo g3hexo d一波实际操作以后,大家的blog网页页面就变成下边那样

但是,尽管大家加上了标识和归类,但假如如今就要点一下得话,是会报404的,那就是由于,大家沒有给他们们特定实际的相对路径,下边,就给这2个网页页面特定相对路径

一般网页页面的文章内容这类的全是放到hexo的source文件目录下,如今要做的便是在此文件目录下建立标识和归类的网页页面

开启git bash

键入 hexo n page tags

如图所示,键入指令后,source文件目录下就出多了一个tags文档,归类文件目录的建立雷同

建立好后,递交github,点一下击tags,便会见到以下网页页面

网页页面建立好啦,又如何改动网页页面里边的內容和款式呢?那么就要进到大家刚建立的网页页面了,以下

开启tags文件目录下的index.md文档,便会见到默认设置的款式

下边就是我自身做的改动

改动后的标识页以下

改动主题风格款式

开启next主题风格的配备文档

寻找scheme 重要字

如图所示,默认设置应用的是Muse款式,下边就将每个款式都实验一遍

Mist款式

Pisces款式

Gemini款式

能看到上边四种款式都有千秋,找一个自身喜爱的设计风格便可以了

好啦,今日的內容就到此才行,下篇可能提到怎样变更头像,变更题目,创作者,连接,及其开启侧面栏,加上社交媒体连接,加上友谊连接,及怎样在建一一篇文章。

大量精彩纷呈內容,请顺手关心IT酒烟僧

这儿有酒,也是有小故事,有编码,有些人生,有眼下的苟且,也是有诗与远方