permalinks - Hugo:自动链接标题

标签 permalinks hugo

使用 Hugo 静态站点生成器,是否可以让它自动在标题元素周围放置链接?我看到它确实填写了 ID 属性,所以它可以是 referenced但我也想自动创建链接,如下所示:

<a href="/post/cool-blog-post#some-interesting-title">
    <h2 id="some-interesting-title">Some Interesting Title</h2>
</a>

无论如何,我在文档中没有看到这样做,我认为这对用户在冗长的帖子中链接到特定点会有所帮助。

最佳答案

据我所知,不可能开箱即用,即开箱即用。

我自己也有这个愿望;我solved it通过 jQuery,使用链接动态包装所有 h2 和 h3,在旅途中生成 slug:

enter image description here

然后我有一个粘性侧边栏导航,它可以作为 smooth-scroll 的一种方式。在标题之间,加上它 highlights当前标题:

enter image description here

今天我会以不同的方式对它进行编码(可能没有 jQuery),但我对它的工作方式非常满意。我认为 JS 开销很小,特别是如果编码整齐的话。

关于permalinks - Hugo:自动链接标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42213736/

相关文章:

ajax - WordPress 分页不适用于 AJAX

包含分类 slug 的 Wordpress 自定义类型永久链接

r - 自定义hugo academic主题中的 "about"widget

twitter-bootstrap - Hugo 短代码忽略了 "raw HTML omitted"

Hugo:列出链接和逗号分隔的标签?

wordpress - 多种自定义帖子类型,相同的 URL 结构

css - 如何在 Tumblr 的永久链接页面中隐藏图片?

WordPress nginx 预览帖子是 404 未找到,但旧帖子正在工作

command-line - 无法从命令行通过 hugo 创建新帖子

html - 如何在 Hugo 模板中将值列表转换为逗号分隔的字符串