优化Hugo链接显示

直觉得自己博客默认的连接地址都太丑了,所以想要美化一下,今天突然看到一篇文章,受到启发,所以对自己的博客改动一番。在此记录一下。

相关资料

原文章地址如下:

·~·slug 与 url 优化

image-20230308173704758

这篇文章已经比较详细了,这里就不多说什么了。

主题配置

我用的Hugo主题是hugo-theme-meme,官方地址是reuixiy/hugo-theme-meme,在github上。具体主题大概这个感觉:

image-20230308174157445

官方配置文件中找到如下几行:

1
2
3
4
# URL 结构
[permalinks]
    categories = "/categories/:slug/"
    tags = "/tags/:slug/"

按照官方默认的话,大概是这种效果:

image-20230308174655694

我修改了一下,大致改成了这样:

1
2
3
4
5
# URL 结构
[permalinks]
    categories = "/c/:slug/"
    posts = "/p/:slug/"
    tags = "/t/:slug/"

修改后大致是这种效果:

image-20230308174956230

嗯……似乎好点了?见仁见智吧。

注意事项

注意要设置每篇文章的slug,否则默认还是会选择title作为url的末尾部分。建议在网站目录下archetypes/default.md文件中加上一行,

1
slug: "{{ replace .Name "-" " " | title }}"

这样就会在使用hugo new xxx新建文章的时候自动添加了,之后再修改就好。我个人使用的是英文关键词作为slug内容,至于其它的形式,就看个人喜好了。

OVER

updatedupdated2023-04-072023-04-07