Fork me on GitHub

Hexo博客文章链接优化

文章的URL

文章默认的URL配置是包含年月日以及文章标题的,而且每次文章文章有修改就会引起一些链接的变化,繁琐且不易于检索传播。而URL地址对于SEO来说(Search Engine Optimization:搜索引擎优化)是相当重要的,如何缩短并固定每篇文章的连接,同时又可以在链接后面加上html使其显得更为正式。这就是本篇文章需要讲解的。

效果可参考我的博客,部署环境是Hexo+Next

插件安装与配置

基于Hexo搭建的博客,可以通过插件hexo-abbrlink来实现自定义文章的连接。首先我们使用如下代码进行优化:

1
npm install hexo-abbrlink --save

接着打开站点配置文件_config.yml,按照如下部分进行相关配置:

1
2
3
4
5
6
7
8
9
10
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://www.xiemingzhao.com
root: /
#permalink: :year/:month/:day/:title/
#permalink_defaults:
permalink: posts/:abbrlink.html
abbrlink:
alg: crc32 # 算法:crc16(default) and crc32
rep: hex # 进制:dec(default) and hex

如上所示,是我本人的配置,其中url配置的是我博客所关联的域名,具体域名的捆绑可参考我的另一篇博客,Hexo博客绑定域名。另,permalink的配置,我多加了一个固定链接posts,纯属个人喜好,你也可以去掉直接配置成:abbrlink.html

文章配置与效果

我们完成了如上的配置后,如果不对博客文章做任何处理的话,在部署的时候,将会根据算法随机生成每篇博客的数字链接。当然,如果你觉得使用随机的数字连接不具有识别性,想要自定义每篇博客的链接的话也是可以的,只需要在你的博客.md文章的头部配置如下字段即可:

1
abbrlink: your_blog_url

例如,我的这篇博客就是配置成abbrlink: Hexoblogurloptimize,最终我的博客的连接就是https://www.xiemingzhao.com/posts/Hexoblogurloptimize.html

通过这一顿操作,你就可以随心所欲控制你的博客的链接了。每次修改博客文章的时候,只要不修改abbrlink配置项,那么这篇博客的链接就永远不会发生变化。这样不仅有利于博客链接的记忆与传播,更有利于整个博客的SEO优化,提升检索度和排名。

一些官方配置信息

官方文章中你还可以使用如下变量的配置,当然除了这些还可以使用Front-matter中的所有属性。

变量 描述
:year 文章的发表年份(4 位数)
:month 文章的发表月份(2 位数)
:i_month 文章的发表月份(去掉开头的零)
:day 文章的发表日期 (2 位数)
:i_day 文章的发表日期(去掉开头的零)
:title 文件名称
:id 文章 ID
:category 分类。如果文章没有分类,则是 default_category 配置信息。

假设你在永久链接中使用一些变量,利于lang,你可以在permalink_defaults中进行个变量的默认值配置,例如:

1
2
permalink_defaults:
lang: en

如此,你不指定该变量的时候,就会使用默认值,增加了灵活性。

参考文章
Hexo | 博客文章链接优化
永久链接(Permalinks)

-------------本文结束感谢您的阅读-------------

本文标题:Hexo博客文章链接优化

文章作者:小火箭

原始链接:https://www.xiemingzhao.com/posts/Hexoblogurloptimize.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。