汇芳书院

专注计算机视觉、机器学习、分布式计算等领域, 兼聊投资、写作、生活

0%

Hexo博客教程

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

hexo next 为文章添加分类

新建一个页面，命名为 categories 。命令如下：

1
hexo new page categories

编辑刚新建的页面，将页面的类型设置为 categories ，主题将自动为这个页面显示所有分类

可选是否关闭评论

1
2
3
4
title: 分类
date: 2014-12-22 12:39:04
type: "categories"
comments: false

在菜单中添加链接。编辑主题的 _config.yml ，将 menu 中的 categories: /categories 注释去掉，如下:

1
2
3
4
5
menu:
  home: /
  categories: /categories
  archives: /archives
  tags: /tags

在其中添加categories属性，再部署之后就可以在分类页看到分类了

1
2
3
4
title: hexo next 为文章添加分类
date: 2016-03-16 08:12:43
tags:
categories: tech

更多可以参考Hexo官方教程

hexo文章折叠

使用以下标签，之后的文章都会被折叠

1
<!--more-->

添加站点地图

站点地图是一种文件，您可以通过该文件列出您网站上的网页，从而将您网站内容的组织架构告知Google和其他搜索引擎。Googlebot等搜索引擎网页抓取工具会读取此文件，以便更加智能地抓取您的网站。

在 Google 的 Search Console 的 抓取->站点地图 有为你的站点添加站点地图的选项。在此处添加了站点地图文件地址后，你的站点就能够充分地展示在 google 搜索引擎使用者的眼前。

在 Hexo 根目录下，执行如下命令以安装插件

1
2
3
4
5
6
# Google版本
npm install hexo-generator-sitemap --save

# Baidu 版本
npm install hexo-generator-baidu-sitemap --save

生成站点地图文件

安装好插件后，插件会在每次 hexo g 命令将 markdown 文件转化为 html 文件时执行

执行结果为，在存放 html 文件根目录下，即 blog/public 下生成一 ‘sitemap.xml’/‘baidusitemap.xml’

添加站点地图 url

最后，你只需将该站点地图文件的 url 添加至搜索引擎的 search console

使用 LocalSearch 搜索功能

安装搜索插件

博客根目录执行以下命令

1
$ npm install hexo-generator-searchdb --save

配置博客

安装完成，编辑博客配置文件：_config.yml

1
2
3
4
5
search:
  path: search.xml
  field: post
  format: html
  limit: 10000

Next 主题自带搜索设置，编辑主题配置文件：_config.yml

1
2
3
# Local search
local_search:
  enable: true

开启字数统计及阅读时长预估

安装插件

博客根目录执行以下命令

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

配置博客

安装完成，编辑博客配置文件：_config.yml

1
2
3
4
5
symbols_count_time:
  symbols: true # 文章字数
  time: true # 阅读时长
  total_symbols: true # 所有文章总字数
  total_time: true # 所有文章阅读中时长

编辑Next主题配置文件：_config.yml

1
2
3
4
symbols_count_time:
  separated_meta: true  # 是否换行显示 字数统计 及 阅读时长
  item_text_post: true  # 文章 字数统计 阅读时长 使用图标 还是 文本表示
  item_text_total: false # 博客底部统计 字数统计 阅读时长 使用图标 还是 文本表示

指定文章置项

Hexo Next主题中，首页文章默认排序方式是按照时间逆序来排的，越新的文章排在越前面。当我们想让访客一进来就能看到推荐的文章时，可以将这些文章置顶。

1 卸载原插件和安装置顶插件

执行下面两行命令：

1
2
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save

2. 在新增文章的开头中加入top: true，比如：

1
2
3
4
5
6
title: Hexo Next主题设置文章置顶
id: 1
date: 2022-04-04 17:26:01
categories: Hexo
tags: Next主题
top: true

3 设置置顶标志

打开\themes\your theme\layout_macro\post.swig
找到

下面插入一下代码：

1
2
3
4
5
6
{% if post.top %}
    <i class="fa fa-thumb-tack"></i>
    <font color="RED">置顶</font>
    <span class="post-meta-divider">|</span>
{% endif %}

至此，功能已完成。

坚持原创分享，您的支持将鼓励我继续创作

欢迎关注我的其它发布渠道

------------- 本文结束,感谢阅读 如有问题可留言交流 -------------