NexT主题爬坑记

2019-07-18 本文已影响0人叶寒_Alex

一、设置文章底部版权信息

打开主题配置文件_config.yml，找到creative_commons

creative_commons:
  license: by-nc-sa
  sidebar: false
  post: true #设置为true
  language:

二、添加标签页

新建页面：
前面通过修改next主题下的_config.yml文件中的menu选项，可以在主页面的菜单栏添加标签选项，但是此时点击标签，跳转的页面会显示page not found。

hexo new page tags    #新建标签页面

输入命令后，在根目录/source会生成一个tags文件夹，其中有个index.md文件。

设置页面类型：
修改index.md，添加type：tags

---
title: tags
date: 2016-11-15 19:10:05
type:  tags
---

设置文章的标签：
当要为某篇文章添加标签时，只需在文章开头设置相应标签即可。

---
title: test1    #文章标签
date: 2017-09-20 13:29:11
tags:         #标签
  - test1
  - one
  - two
categories: 测试     #分类
---   
ps：注意这是在新建文章里添加标签

三、添加分类、关于页面

hexo new page categories/about

在根目录/source生成文件夹的中修改index.md文件中type类型分别为categories和about即可

文章添加分类

---
title: test1
date: 2017-09-20 13:29:11
tags:
  - test1
  - one
  - two
categories: 测试     #添加为测试类
---  
ps：注意这是在新建文章里添加分类

添加关于我

---
title: 关于我
date: 2017-09-17 10:22:54  
type: about 
comments: false
---
一只快乐的小菜鸟，欢迎分享知识。
ps：注意这是在about文件夹里修改index.md文件

四、添加公益404

新建 404.html 页面，放到主题的 source 目录下，内容如下：

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="robots" content="all" />
  <meta name="robots" content="index,follow"/>
  <link rel="stylesheet" type="text/css" href="https://qzone.qq.com/gy/404/style/404style.css">
</head>
<body>
  <script type="text/plain" src="http://www.qq.com/404/search_children.js"
          charset="utf-8" homePageUrl="/"
          homePageName="回到我的主页">
  </script>
  <script src="https://qzone.qq.com/gy/404/data.js" charset="utf-8"></script>
  <script src="https://qzone.qq.com/gy/404/page.js" charset="utf-8"></script>
</body>
</html>

效果如下 http://www.ixirong.com/404.html

五、添加搜索

安装 hexo-generator-searchdb，在站点的根目录下执行以下命令：

npm install hexo-generator-searchdb --save

编辑站点配置文件，新增以下内容到任意位置：

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

编辑主题配置文件，启用本地搜索功能：

# Local search
local_search:
  enable: true    #true开启

六、添加文章字数统计和阅读时长

npm install hexo-symbols-count-time --save

根目录配置文件_config.yml底部添加如下内容：

symbols_count_time:
  #文章内是否显示
  symbols: true
  time: true
  #网页底部是否显示
  total_symbols: true
  total_time: true

更多主题配置，点击这里
博客搭建高级应用，点击这里
官方主题文档，点击这里
官方三方服务文档，点击这里

多看官方文档、多看官方文档、多看官方文档

持续更新中...