小红帽友链送货上门安装服务（hugo shortcode）

缘起

在 BlogFinder 站长的blog下看到一段话：

每个博客都是一座宝藏

在阅读平台化，信息碎片化的今天，还坚持自己架设博客，并一直保持内容输出的人，是这个时代的「逆行者」。

这是他们大隐于市的后花园，也是值得您驻足片刻的芳草地。

在这里，您能感受到这些「分享者」们生活的悲喜，学习的乐趣；阅读的书籍，以及旅行的足迹……

已经2024年了，静态化博客的发展日新月异；它们一般没有自己的动态友情链接模板，
个站商店的这个小红帽友链功能正好填补了这个空缺。
动静结合，拿来就用。

如果你用的是hugo架构的网站，以下这个 shortcode 拷过去就可以用了- -

storeweb_link.html

短代码

layouts\shortcodes 目录下新建 storeweb_link.html 文件；填入以下代码：

个站商店 storeweb.cn 小红帽友情链接¹ hugo shortcode 复刻版

原代码 【更新】小红帽友链代码发布！²：

改动：

• api请求 get => post
• siteId 参数在 shortcode 引用时填入

应用: (注意去掉反斜杠)

 
### 小红帽友链
\{\{<storeweb_link 2189>\}\}

后记

结合站点的部分样式调整：

头像圆角和鼠标 hover 翻转

/* 小红帽opt */
.site-friend-link-image {
    border-radius: 50% !important;
}

.site-friend:hover img {
    transition: 0.9s !important;
    transform: rotate(360deg) !important;
}