Hexo+Github--搭建个人博客(二)主题配置

摘要:
安装hexo后,我们可以开始使用hexo。如果我们想改变主题,使网站更简单或更酷,我们可以改变主题。生成时,Hexo将使用此名称查找相应的语言翻译并提取显示文本。

安装完hexo后,我们便可以开始使用hexo,如果我们想更换主题使得网站更加简洁或者酷炫,那么我们可以进行主题更换。主题有很多,下面以NexT主题为例,

讲下如何更换主题:

一、NexT主题安装

Hexo提供了更换主题模块,进入你的博客部署文件夹,可以看到有个themes文件夹,这个文件夹就是用来存放主题的

首先我们使用git clone NexT主题到主题文件目录下

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

接着我们启用主题,在博客根目录下的_config.yml 配置文件 将theme 设置为next 即可

Hexo+Github--搭建个人博客(二)主题配置第1张

这里要注意博客根目录下的_config.yml 为站点配置文件用户hexo的一些设置,next主题文件夹下也有一个_config.yml 为主题配置文件用于配置主题信息

接下来我们来验证一下主题是否已经开启,执行命令

hexo clean  //用于清除hexo缓存
hexo -s //部署

接着我们访问http://localhost:4000 便可以看到主题已经更改成功

二、NexT主题个性化设置

1.设置风格

NexT主题包含了不同的风格:

  • Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
  • Mist - Muse 的紧凑版本,整洁有序的单栏外观
  • Pisces - 双栏 Scheme,小家碧玉似的清新

可以在主题配置文件中进行修改:

Hexo+Github--搭建个人博客(二)主题配置第2张

找到Schemes 这里我启用的是Pisces主题,如果想更换其他主题,去掉#号即可

Hexo+Github--搭建个人博客(二)主题配置第3张

2.设置菜单

首先设定菜单内容,对应的字段是配置文件中的 menu:

设置格式为:item name:link item name是一个名称,这个名称并不直接显示在页面上,将用于匹配图标及翻译

Hexo+Github--搭建个人博客(二)主题配置第4张

接着设置菜单项的显示文本

前面设置的菜单名称并不是直接用于页面显示。Hexo 在生成的时候将使用 这个名称查找对应的语言翻译,并提取显示文本。这些翻译文本放置在 NexT 主题目录下的languages/{language}.yml

Hexo+Github--搭建个人博客(二)主题配置第5张

设置菜单项的图标:

对应的格式是 item name :icon nameicon name是Font Awesome 图标的 名字

Hexo+Github--搭建个人博客(二)主题配置第6张

3.设置头像

设置头像需要到hexo 的配置文件中修改字段avatar,值为头像链接地址,链接地址可以是:

完整的互联网 URIhttp://example.com/avatar.png
站点内的地址

将头像放置主题目录下的source/uploads/(新建 uploads 目录若不存在)
配置为:avatar: /uploads/avatar.png

或者 放置在source/images/目录下
配置为:avatar: /images/avatar.png

Hexo+Github--搭建个人博客(二)主题配置第7张

4.设置作者昵称

作者昵称的设置也是hexo的配置文件中修改,字段为author

Hexo+Github--搭建个人博客(二)主题配置第8张

以上的设置我只选取了一些出来,详细的设置可以参考官网的文档,之后一些自己新增的设置也会在这里更新。

免责声明:文章转载自《Hexo+Github--搭建个人博客(二)主题配置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Python——将高德坐标(GCJ02)转换为GPS(WGS84)坐标Unity Input.GetMouseButtonDown 拿到鼠标按键下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

GitHub(hexo)博客页面访问量错误以及中文乱码解决

如果访问量不显示(乱码形状),是因为不蒜子域名更新,所以你的域名也需要更新 <script async src="http://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script> <span id="busuanzi_c...

HashMap在并发下可能出现的问题分析

我们都知道,HashMap在并发环境下使用可能出现问题,但是具体表现,以及为什么出现并发问题,可能并不是所有人都了解,这篇文章记录一下HashMap在多线程环境下可能出现的问题以及如何避免。 在分析HashMap的并发问题前,先简单了解HashMap的put和get基本操作是如何实现的。 1.HashMap的put和get操作 大家知道HashMap内部实...

Linux内核数据结构hlist_head

参考自:https://blog.csdn.net/zhanglei4214/article/details/6767288 一、hlist结构简介 hlist_head 和 hlist_node 是位于linux内核中的数据结构,其设计初衷主要是为了减少Hash表的内存消耗。 structhlist_head { struct hlist_node...

X awk 两个文件中记录的对比

Linux中awk抽取包含某字段的整行 awk '{if($ 0~“listAuths”)print}' xxx.log 发现 需要的是将一个文件中的内容与另一个文件中的进行匹配 并输出属于A,同时也属于B文件,则将B文件下该行内容打印出来 方法1: awk 'NR==FNR{a[$1];next}{if($2 in a)print }‘ file...

【开发笔记】- QQ消息轰炸

1、右键新建一个文本文件; 2、打开记事本将如下代码复制过去; On Error Resume Next Dim wsh,ye set wsh=createobject("wscript.shell") for i=1 to 100 '这里是轰炸次数 wscript.sleep 70 wsh.AppActivate("这里是要轰炸的人的名字")...

js中 转义字符

(1)针对双引号“”的使用: html= "<a href="javascript:void(0)" onclick="getSubContent('" +(choices[next])[0]+ "','" +(choices[next])[1]+ "','" +(choices[next])[2]+ "','" +((choices[next])...