美文网首页
NexT主题爬坑记

NexT主题爬坑记

作者: 叶寒_Alex | 来源:发表于2019-07-18 17:43 被阅读0次

官方文档

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

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

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

Creative commons协议,这个就是设置版权声明

二、添加标签页

  • 新建页面:
    前面通过修改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

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

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

持续更新中...

相关文章

  • NexT主题爬坑记

    官方文档 一、设置文章底部版权信息 打开主题配置文件_config.yml,找到creative_commons ...

  • 为GitHub Page添加next主题与评论功能

    1.添加next 主题 1.1下载主题 添加next主题很简单,首先,去吧next主题下载下来,下载地址在http...

  • Electron 爬坑记

    最近想给上次鼓捣出的 搜索 App 加个搜索当前页面文字的功能。 开工前,觉得这应该是个有现成解的问题,很快找到了...

  • FireBase爬坑记

    昨天老大发来一个网页链接,说是要让对接一下一个SDK。跑去一看,是FireBase的,之前没听过,是做统计一类的,...

  • IJKPlayer爬坑记

    一开始制作的是IJKMediaFramework,有篇很详细的文。制作ijkplayer框架 然并卵,根本不能播放...

  • weex 爬坑记

    我是纯android 原生开发的Coder,最近React native 和weex都比较火,最先尝试了React...

  • iOS爬坑记

    今天参加了某公司的面试,答得感觉懵逼的,下面是面试题 1.@import跟#include的区别 (1)#impo...

  • Ubuntu爬坑记

    1、第一次登陆创建root账户命令 2、Ubuntu安装SSh服务 3.Ubuntu安装JDK 4.安装MySQL...

  • iOS 共享到Mail邮件

    iOS 共享爬坑记 坑 神坑 特别坑 利用系统的Mail邮件发送,刚开始收不到,还以为是我的代码有问题,检查了几遍...

  • Hexo+Next 主页以及侧边栏头像旋转

    最近优化自己的博客,换了个NexT主题。使用的是NexT主题的Muse样式。我的博客在进行了NexT主题的安装和常...

网友评论

      本文标题:NexT主题爬坑记

      本文链接:https://www.haomeiwen.com/subject/ddjllctx.html