Hugo 网站优化(8): 书房装上了小电视， 使用 hugo shortcodes 支持 bilibili 视频播放

原文链接:https://tangx.in/posts/2023/01/04/hugo-bilibili-support/

在学习的时候希望资料和笔记内容都能在一起。这样 查阅、回顾起来就更方便了。

【资料图】

hugo 短代码(shortcodes) 模版

在搜索的时候， 找到 利用hugo的短代码功能插入b站视频并且自适应[1]了这篇文章， 实现了嵌入 Bilibili 的播放器。

进一步查询 hugo - 短代码[2]和 hugo - 自定义段代码模版[3]， 并参考原文。

终于实现了， 在书房看电视的方案。

Bilibili 视频引用语法

在书房中看电视的语法规则。

支持两个参数

支持两种语法

named-grammar

建议使用 具名语法， 这样在 markdown 中跳转更方便。

unnamed-grammar

仅仅是为了保留语法与兼容性考虑。

代码实现

{{-$dest:=(.Get0)-}}{{if.IsNamedParams}}{{$dest=(.Get"src")}}{{end}}{{if(hasPrefix$dest"http")}}{{$dest=(strings.TrimPrefix"http"$dest)}}{{$url:=urls.Parse$dest}}{{$dest=$url.Path}}{{$dest=(path.BaseName$dest)}}{{end}}{{-$page:=(.Get1)-}}{{if.IsNamedParams}}{{$page=(.Get"page")}}{{end}}{{if(not$page)}}{{$page=1}}{{end}}本视频一切权利归bilibili及原作者所有如果觉得好，请点击跳转到bilibili给予支持{{$dest}}