Hugo 添加知乎卡片式链接 Shortcodes

源碼

基於 LoveIt 主題的 Link Shortcodes, 主要改到以下幾個文件，完整提交記錄

assets/css/custom.scss
assets/css/partial/cardlink.scss          # 卡片式鏈接樣式
layouts/partials/plugin/cardlink.html     # 卡片式鏈接模板
layouts/shortcodes/cardlink.html
static/images/card-link-bg.jpg

使用

使用參數见 FixIt 擴展 Shortcodes - Link

1

{{< cardlink href="https://github.com/Lruihao/hugo-blog/commit/089c303693e806bff855ecf3fee110baa62b870b" content="知乎卡片式链接 Git 記錄" >}}

💡 注：FixIt 已合併 shortcode cardlink 到 shortcode link，只需添加 card=true

1

{{< link href="https://github.com/Lruihao/FixIt" content="卡片式链接已整合到 FixIt 主题" card=true >}}