效果如上 ⬆️

轮子来自于 @JoeZhao 同学的 《在 hugo 中插入游戏信息卡片》 ,👍

Hugo 主题集成

game.html 另存为 html 之后丢入主题 /layouts/shortcodes/ 内。

文章内如下插入即可(需去掉反斜杠,链接末尾无斜杠):

\{\{< game "https://www.yystv.cn/g/36">\}\}

相关 css 见这里 theme-20230123.css ,搜索 post-preview

说明

Hugo getJSON 函数获取远程 API 数据可能失败,导致整个站点构建失败,所以可以在 config.toml 加一句:

ignoreErrors = ["error-remote-getjson"]