Hugo/Wowchemy页内跳转链接无法渲染、点击无反应问题咨询
Hugo/Wowchemy页内跳转失效的解决方法
Hugo 及 Wowchemy 框架下的标题锚点会默认按如下规则自动生成:
- 所有字母转为全小写
- 空格、特殊符号统一替换为半角短横线
- - 连续短横线会合并为单个,首尾的短横线会自动剔除
针对你遇到的两个问题,修复方案如下:
- 标题
## Course schedule跳转不渲染的问题
你之前写的锚点#Course schedule包含未编码的空格,不符合Markdown链接语法,所以不会被识别为链接。该标题自动生成的锚点为#course-schedule,跳转代码修改为:
[See Course schedule below](#course-schedule)
即可正常渲染跳转。
- 标题
## Delivery跳转无响应的问题
你写的锚点#Delivery首字母大写,和自动生成的全小写锚点#delivery不匹配,所以跳转失效。跳转代码修改为:
[See the section on Delivery](#delivery)
即可正常跳转。
如果需要自定义锚点避免标题修改后链接失效,可以直接在标题后添加锚点声明,示例如下:
## Course schedule {#custom-schedule}
对应的跳转链接写为:
[See Course schedule below](#custom-schedule)
内容的提问来源于stack exchange,提问作者Martien Lubberink
相关产品推荐
相关产品推荐

