前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo博客进阶教程(一)| 优化文章永久链接为数字编号

Hexo博客进阶教程(一)| 优化文章永久链接为数字编号

作者头像
Mculover666
发布2020-07-16 11:21:14
1.5K1
发布2020-07-16 11:21:14
举报
文章被收录于专栏:TencentOS-tinyTencentOS-tiny

1. 待优化问题

Hexo默认使用的文章永久链接格式是:

代码语言:javascript
复制
year/:month/:day/:title/

这种链接,如果遇上个中文标题,简直要爆炸,如下:

而且这种中文链接,由于编码的问题,在分享文章链接的时候往往变成:

就问你难受不难受?

这种方式不仅导致链接变得非常长,而且一旦修改文章发布日期或者标题,链接立马失效,造成大量死链,所以:

不换掉它准备留着过年?

abbrlink插件可以帮助我们很好的解决这个问题,Github仓库如下:

  • https://github.com/rozbo/hexo-abbrlink

2. 安装abbrlink插件

在博客根目录(执行hexo命令的地方)安装插件:

代码语言:javascript
复制
npm install hexo-abbrlink --save

3. 编辑站点配置文件

打开博客根目录下的站点配置文件_config.yml,修改如下配置:

代码语言:javascript
复制
#permalink: :year/:month/:day/:title/
#permalink_defaults:
permalink: posts/:abbrlink/
abbrlink:
  alg: crc32 #support crc16(default) and crc32
  rep: dec   #support dec(default) and hex

下面解释说明一下:

首先指定Hexo文章永久链接的格式,接下来两个是abbrlink插件的设置:

代码语言:javascript
复制
alg -- Algorithm (currently support crc16 and crc32, which crc16 is default)
rep -- Represent (the generated link could be presented in hex or dec value)

这两个设置的示例如下:

代码语言:javascript
复制
crc16 & hex
https://post.zz173.com/posts/66c8.html

crc16 & dec
https://post.zz173.com/posts/65535.html
代码语言:javascript
复制
crc32 & hex
https://post.zz173.com/posts/8ddf18fb.html

crc32 & dec
https://post.zz173.com/posts/1690090958.html

4. 重新生成部署

使用hexo clean && hexo g重新生成博客,在博客源文件可以看到自动生成的abbrlink编号:

接下来使用hexo d部署,使用浏览器查看:

这样优化后的优点有以下几个:

  • 纯英文和数字链接非常有利于SEO;
  • 只要abbrlink编号不变,该文章的url就不变,可以随意修改文件名,文章标题;

第一篇Hexo优化教程就到这儿,快去试试吧~

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-11-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Mculover666 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档