本文最后更新于：2020年11月19日 下午
关于 Next 主题的自定义设置。
前言
现在最新版本的的 Next 8.0 +，官方主题文档主要为英文设置，我应用时有点不是特别熟悉，所以主要参考了国内前辈们的设置方案。
主题设置
文章信息设置
在博客站点文件夹下，具体位置为：blog/scaffolds/post.md
在其内书写以下内容，其中标点符号使用英文标点。
1
2
3
4
5
6
7
8
9
10
11
| ---
title: {{ title }}
date: {{ date }}
tags: [01,02]
categories: [03]
---
这里是博客摘要，以上 markdown 图片链接可以替换成头图设置。
<!-- more -->
这里是博客正文
|
在每一次使用 hexo n "title" 时，即可在文章页面上显示以上信息。
二级分类设置
类别模块，往往只显示一种类别，但有时候博客之间归属一大类却各有差异，因此设计二级分类目录，使得类别简洁的同时又能将具体博文区别。因为Hexo原生支持父子分类，在博文撰写的md文件首部categories下原先的类别A下再写一个类别B，即可得到父子类的效果，A为父类，B为子类，示例如下
设置文章分类形成父子类效果，具体设置在 blog/scaffolds/post.md 中修改以下选项，A 为父类，B 则为子类，不建议设置三级以上分类，如有需要，请使用标签功能
页脚相关设置
针对页脚实现自定义效果，文件在：blog\themes\next\layout\_partials\footer.swig，修改 footer.swig 即可实现页脚自定义。
比如添加博客显示时间，可以在其中添加以下代码。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
| <div id="days"></div>
<script>
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("01/01/2020 00:00:00");
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=setzero(Math.floor(e_hrsold));
e_minsold=(e_hrsold-hrsold)*60;
minsold=setzero(Math.floor((e_hrsold-hrsold)*60));
seconds=setzero(Math.floor((e_minsold-minsold)*60));
document.getElementById('days').innerHTML="本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
}
function setzero(i){
if (i<10)
{i="0" + i};
return i;
}
show_date_time();
</script>
|