Hexo 文章永久链接(permalink)
侧边栏壁纸
  • 累计撰写 36 篇文章
  • 累计收到 18 条评论

Hexo 文章永久链接(permalink)

Hrlni
2022-12-08 / 0 评论 / 43 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年12月08日,已超过512天没有更新,若内容或图片失效,请留言反馈。

注意!!!
经测试发现,permalink 必须添加 .html 后缀或者以 / 结尾,否则在你点击文章时,浏览器会由于错误识别类型默认进行下载,而非打开文章页面。

What

Hexo Docs - 永久链接(Permalinks)
Hexo 在生成博客文章链接时,默认是按照年、月、日、标题格式来生成
可以在 _config.yml 中的 permalink 设置,默认是 :year/:month/:day/:title

_config.yml
1
permalink: :year/:month/:day/:title/

Why

这样默认的设置会有以下几个缺点:

  • 当我们把源文件名改掉之后,链接也会改变
  • 如果文章标题很长,那么文章链接也会很长
  • 如果文章名包含中文,转码后链接一串乱码,不美观
  • 不利于 SEO

How

指定 permalink

我们可以在 Front-matter(即文件最上方以 --- 分隔的区域,用于指定个别文件的变量)中
自定义每个文章的 permalink

1
2
3
4
5
6
7
8
---
title: 这是文章标题
tags: 这是标签
categories: 这是分类
permalink: my_custom_permalink.html
---

content...

这样做会覆盖你在 _config.yml 中设置的 permalink
文章链接会变为 domain/my_custom_permalink.html
但你需要为每篇文章都单独设置一个 permalink ,否则他还将是采用默认的设置

hexo-abbrlink 插件(推荐)

  1. 首先安装插件


    1
    npm install hexo-abbrlink --save
  2. 修改配置文件 _config.yml


    _config.yml
  3. 重新生成静态文件


    1
    2
    hexo cl && hexo g
    hexo s

这样 Hexo 在生成静态文件时会按照你设定的规则
给你的每一篇文章添加一个 abbrlink 属性用于生成永久链接

这样一来妈妈再也不用担心文章地址过长或者失效的问题了
快去给你自己的博客搞起来吧!

Reference

0

评论 (0)

取消