文章目录默认展开
对于想要通过点击目录来进行展开与收缩的,需要进行下面的操作,把
//文章目录默认展开
.post-toc .nav .nav-child { display: block; }
里面的.nav-child
去掉即可通过点击来实现目录的展开与收缩。
新建菜单以及添加菜单图标
在官网中查看主题设定->菜单那部分,当我们新添加一个菜单是(比如我要添加阅读),在next
的配置文件中(_config.yml
)里面找到下面的配置:
menu:
home: / || home
tags: /tags/ || tags
categories: /categories/ || th
archives: /archives/ || archive
book: /book || book #这里是新添加的菜单
# Enable/Disable menu icons.
menu_icons:
enable: tru
book: book(这里是图标)
然后在开启的对应的语言文件中,比如我使用的是中文,那么就是在zh-Hans.yml
文件中找到menu
:
menu:
home: 首页
archives: 归档
categories: 分类
tags: 标签
search: 搜索
book: 阅读
后面的book那一栏是后来添加的。需要注意的是在上面的第一个配置文件中所写的book
是Font Awesome中icon
的名称,这样才可以在我们自己的页面显示出图标。
添加社交功能之邮箱
在next主题配置文件搜索social:
social:
E-Mail: mailto:1744709138@qq.com || envelope
这里只是显示了邮箱,这些原来都是注释掉的,自己去掉前面的注释即可,需要注意的是邮箱前面的mailto
是必须要保留的,还有最后面的envelope
则是图标名字,也是不能修改的。
友情链接的配置
在next
主题配置文件中查找标签links
并进行如下配置:
# title
links_title: Links
links:
MacTalk: http://macshuo.com/
Title: http://example.com/
实现聊天功能
添加近期文章展示
显示文章的更新时间
在主题的配置文件中找到updated_at
,然后将其值修改为true
即可(这种方式应该是适用于5以后的版本)
对于以前的方式可以看这篇别人写的文章
字数统计与阅读时长
添加版权信息
在站点配置文件搜索post_copyright
,将enable
修改为true
,添加author
即可。
post_copyright:
enable: true
license: CC BY-NC-SA 3.0
license_url: https://creativecommons.org/licenses/by-nc-sa/3.0/
author: 咖啡杯里的茶
修改文章底部的标签
修改模板 /themes/next/layout/_macro/post.swig
,搜索 rel="tag">#
,将 # 换成<i class="fa fa-tag"></i>
修改博客的背景图
在themes->next->source->css->_custom->custom.styl
添加如下的代码:
//背景图
body {
background-image: url(https://i.loli.net/2019/05/02/5ccab829cdad9.jpg);
background-attachment: fixed; // 不随屏幕滚动而滚动fixed,scroll,inherit
background-repeat: no-repeat; // 如果背景图不够屏幕大小则重复铺,改为no-repeat则表示不重复铺
background-size: cover; // contain等比例铺满屏幕 //cover拉伸铺满
background-position: bottom;//x,y轴调整
+mobile(){
//background-position: 0% -20%;https://i.loli.net/2019/05/02/5ccab829cdad9.jpg
//https://i.loli.net/2018/12/29/5c270fc2bfcad.png
background-image: url(https://i.loli.net/2019/05/02/5ccab829cdad9.jpg);
background-size: cover;
}
}
上面几个有url
的地方换成自己想要使用的背景图的图片的外链地址即可。
将文章归类到新建的菜单中
比如自己已经添加了新的菜单book
,现在想要将新建的文章归类到book
这个菜单下做法如下:
在menu下如下配置:
menu:
home: / || home
tags: /tags/ || tags
categories: /categories/ || th
archives: /archives/ || archive
book: categories/book || book
最后一个book是我自己新建的分类。然后再写文章时添加如下头部信息:
title: abc
categories:
- book
这样当你点击book
那个菜单时就会先显示abc
这篇文章。
githubPag自定义域名
多台电脑使用hexo
不修改主题
需要注意的是如果后续只是写博客而没有修改主题等文件的话只需使用hexo分支来操作即可。
修改主题
如果需要修改主题的话依然是需要在搭建博客的电脑上搭建博客的那个目录(hexo
),使用两台电脑来写博客时都是使用的是后来创建的分支,此时修改主题则是在博客搭建目录里面去修改,修改完之后直接在博客搭建目录使用git bash
,然后通过hexo clean
, hexo d -g
, 将修改的主题发布出去,但是此时需要注意的是当我们发布之后再去访问自己的博客发现文章可能会少很多,这很正常,因为我们后来写的博客都是在创建的分支上面去写的,最开始创建博客的那个目录并没有维护起来,此时看到的博客其实是最开始创建博客的那个目录里面的文章,所以此时只需要将修改的那部分主题文件拷贝到我们的分支目录对应位置,然后提交并且在在分支目录里面重新hexo clean
, hexo d -g
一次就可以了。以后只要不修改主题文件就都是在分支上操作了,只要需要修改主题文件时才需要在最开始创建博客的那个目录去操作然后拷贝到分支上并提交。
我们创建博客的那个目录并不是一个repository
,所以在那个目录是不能使用git命令的,只是我们将其余github进行了关联而已,所以在那里面只能使用hexo命令
经过测试,不是非要在创建博客的那台上脑上该样式才有作用,实际上在另外的一台电脑上直接修改样式也是有效果的。