next主题进阶应用

发表于 更新于 分类于 ， 阅读次数： 本文字数： 2.6k 阅读时长 ≈ 2 分钟

添加「标签」页面

  1. 在 Hexo 站点目录下新建一个 tags 页面
    hexo new page tags

  2. 编辑source/tags/index.md文件
    在文件的Front-matter的title的date下面增加内容type: tags
    如果有集成评论服务，页面也会带有评论。可以增加内容comments: false关闭

  3. 修改主题配置文件的 menu，开启tags功能

以后在文章的Front-matter部分增加tags就会给文章自动打上标签

添加「分类」页面

  1. 在 Hexo 站点目录下新建一个 categories 页面
    hexo new page categories

  2. 编辑source/categories/index.md文件
    在文件的Front-matter的title的date下面增加内容type: categories
    如果有集成评论服务，页面也会带有评论。可以增加内容comments: false关闭

  3. 修改主题配置文件的 menu，开启categories功能

以后在文章的Front-matter部分增加categories就会给文章自动分类

自定义文件

next的主题配置文件中custom_file_path即是自定义文件的位置
自定义文件目录：source/_data/，在该目录下可以建立自定义的文件，
可以补充html，js，css等功能

文章字数统计和阅读时长

  1. 新增hexo站点配置文件设置

    1
    2
    3
    4
    5
    6
    7
    symbols_count_time:
      symbols: true                # 文章字数统计
      time: true                   # 文章阅读时长
      total_symbols: true          # 站点总字数统计
      total_time: true             # 站点总阅读时长
      awl: 4                       # Average Word Length（平均字长）
      wpm: 275                     # Words Per Minute（每分钟阅读词数）

  2. 修改next主题配置文件设置

    1
    2
    3
    symbols_count_time:
      separated_meta: true     # 是否另起一行（true的话不和发表时间等同一行）
      item_text_total: true    # 页面底部统计数量前是否显示文字描述（站点总字数、站点阅读时长）

  3. 安装插件npm install hexo-word-counter
    重新启动服务，不出意外的话就成功了。

本地搜索

  1. 站点目录下，执行命令npm install hexo-generator-searchdb

  2. 站点配置文件新增内容

    1
    2
    3
    4
    5
    search:
      path: search.xml
      field: post
      content: true
      format: html

  3. 主题配置文件开启本地搜索功能

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    # Local Search
    # Dependencies: https://github.com/next-theme/hexo-generator-searchdb
    local_search:
      enable: true
      # If auto, trigger search by changing input.
      # If manual, trigger search by pressing enter key or search button.
      trigger: auto
      # Show top n results per article, show all results by setting to -1
      top_n_per_article: 1
      # Unescape html strings to the readable one.
      unescape: false
      # Preload the search data when the page loads.
      preload: false

生成Google站点地图

  1. 安装Google站点地图生成插件

    1
    npm install hexo-generator-sitemap

  2. 修改_config.yml文件
    在站点配置文件_config.yml中增加以下内容

    1
    2
    sitemap:
      path: sitemap.xml

  3. google 搜索配置
    登录https://search.google.com/search-console，新增域名后按提示获取验证码
    ①新增域名解析

    1
    @ TXT google-site-verification=[验证码]

    ②修改_config.next.yml配置文件

    1
    google_site_verification: [验证码]

    以后google会自动来爬取链接了

生成百度站点地图

  1. 安装百度站点地图生成插件

    1
    npm install hexo-generator-baidu-sitemap

  2. 修改_config.yml文件
    在站点配置文件_config.yml中增加以下内容

    1
    2
    baidusitemap:
      path: baidusitemap.xml

  3. 百度搜索配置
    登录https://ziyuan.baidu.com/site，新增域名后按提示选择CNAME验证后获取验证码
    ①新增域名解析

    1
    code-[验证码] CNAME ziyuan.baidu.com

    ②修改_config.next.yml配置文件

    1
    baidu_site_verification: [验证码]

    以后百度会自动来爬取链接了（听说github屏蔽了百度）

  4. 主动提交链接
    除了上面的被动提交，还可以在一键部署的时候主动提交
    ①安装插件

    1
    npm install hexo-baidu-url-submit

    ②修改_config.yml文件
    在站点配置文件_config.yml中增加以下内容

    1
    2
    3
    4
    5
    baidu_url_submit:
      count: 5              ## 提交最新的五个链接
      host: www.xxx.cn      ## 百度站长平台中注册的域名
      token: xxxxxxxxxxx    ## 准入秘钥
      path: baidu_urls.txt  ## 文本文档的地址，新链接会保存在此文本文档里

    秘钥可以在https://ziyuan.baidu.com/linksubmit/index的普通收录中的api提交中找到
    ③在_config.yml文件新增发布类型

    1
    2
    3
    deploy:
      - type: git                       # 这里发布到github
      - type: baidu_url_submitter       # 这里提交到百度

  5. 手动提交链接
    登录https://ziyuan.baidu.com/linksubmit/index
    ①sitemap文件提交
    将站点生成的baidusitemap.xml提交即可
    ②网站链接逐条提交
    将站点生成的baidu_urls.txt的内容复制提交