目录
Stack主题虽然自定义程度很高，但它并不像Fixit、Luna等主题那样自带很多短代码。
由于我对代码的掌握程度仅仅取决于我能不能在当中找到我认识的英语单词，Hugo官方文档里的自定义短代码教学对我来说基本等同于天书。
但这无法阻止我眼馋别人的各种花里胡哨小功能，我也成功在热心网友的分享下找到了不少可行的短代码，想着干脆做成合集，既方便后来的朋友抄作业，也能当作模板让我能一键查询自己搜集的短代码的写法。
这篇文章将会长期更新，如果以后我学会了更多的短代码，也会一并放在这里。
但其实我根本没打算在博客里放太多“技术性”的东西，天知道情况怎么会发展成这样。
作业大合集
按照本人的惯例，在展示我的搜集成果前应当感谢各位乐于分享的赛博友邻们。
-
首先还是塔塔！短代码的部分主要参考了这两篇文章：Hugo|另一篇 Stack 主题装修记录，Hugo|在文章中插入轮播图片，再次感谢塔塔！
-
来写一些好玩的Hugo短代码吧 By吕楪，我最开始添加的短代码就是从她的博客里找到的，从那以后深刻体会到了短代码有多么好玩，遂开始努力收集……悄悄在她评论区留言也被温柔地回复了，好开心！
-
短代码测试 By咖喱，是在互联网上赛博赶海时偶遇的博主，因为在她博客里看到了很想要的Shortcodes，从别的主题照搬文件复刻又失败了，只好厚着脸皮留言问她写法，过了几天居然在邮箱里收到了打包好的源码文件——！有点小小的感动，从我开始搭博客以来，遇到的都是非常非常好的朋友们！
-
自定义Hugo Shortcodes简码 By一路向北，同样也是赛博赶海时偶遇到的博主，写的这篇教程简直比数学课本还简洁利落，好多都是我从没见过的新代码，值得收藏！
前置准备
没有什么特别的准备！但可以提前打开custom.scss文件和layouts/shortcodes文件夹。
文本样式类
重点标记
1.代码：
- 新建
mark.html，内容为：
|
|
- 在
custom.scss中添加：
|
|
2.使用：好喜欢蓝色！
|
|
文本缩写
1.代码：
- 新建
abbr.html，内容为：
|
|
2.使用：这个短代码只在电脑端生效
|
|
文本折叠
1.代码：
- 新建
detail.html，内容为：
|
|
2.使用：
叠叠乐
实际使用时别忘了换成双括号！
|
|
高斯模糊
1.代码：
- 在
custom.scss中添加：
|
|
2.使用：一些手动打码效果！
但总之换行的话就加个空标签。
|
|
文本黑幕
1.代码：
- 在
custom.scss中添加：
|
|
2.使用：数据删除！数据删除！
但总之换行的话就加个空标签。
|
|
文字渐变
1.代码：
- 在
custom.scss中添加：
|
|
2.使用：
我挑的配色很好看吧！
好喜欢蓝色（再次）（再次）
但总之换行的话就加个空标签。
|
|
文本位置
1.代码：
- 新建
align.html，内容为：
|
|
2.使用：
文字居左
文字居中
文字居右
|
|
摘录引用
1.代码：
- 新建
blockquote.html，内容为：
|
|
2.使用：
“年复一年，创作的冲动随年衰减，创作的能力逐渐消失——也许两者根本上是一回事，我们常把自己的写作冲动误认为自己的写作才能，自以为要写就意味着会写。”
|
|
居中引用
1.代码：
- 新建
quote-center.html，内容为：
|
|
- 在
custom.scss中添加：
|
|
2.使用：
左右两边的符号可以自定义
使用需要双括号
换行需要空标签
|
|
键盘样式
1.代码：
- 在
custom.scss中添加：
|
|
2.使用：Ctrl+Alt+Del
|
|
评分样式
1.代码：
- 新建
rating.html，内容为：
|
|
- 在
custom.scss中添加：
|
|
2.使用：
|
|
卡片样式
1.代码：
- 新建
card.html，内容为：
|
|
- 在
custom.scss中添加：
|
|
2.使用：
可以在这里插入链接假装是卡片式链接。
好像不能插入图片？
换行需要空标签。实际使用需要双括号。
好像不能插入图片？
换行需要空标签。实际使用需要双括号。
|
|
仿Github样式
1.代码：
- 新建
github.html，内容为：
|
|
- 在
custom.scss中添加：
|
|
- 在
data/SVG.toml中加入图标（给出的代码是Github自己的图标，我已经换成了自定义的）：
|
|
2.使用：这样是不是就能伪装成卡片式链接啦！
|
|
标签块样式
1.代码：
- 新建
notice.html，内容为：
|
|
- 在
custom.scss中添加：
|
|
- 在
data/SVG.toml中添加：
|
|
2.使用：
Warning：就像打开浏览器的开发者工具发现网站在报错。
info：咦，这是什么，点开看看！咦，这是什么，点开看看！咦，这是什么，点开看看！
note：可以标注一下，但是没必要。
tip：在示例里胡说八道会使观看者会心一笑。
|
|
对话框
1.代码：
- 新建
message.html，内容为：
|
|
- 在
custom.scss中添加：
|
|
2.使用：
祝你编写出漂亮的网页样式！
|
|
时间轴
1.代码：
- 新建
timeline.html，内容为：
|
|
2.使用：
2023
时间轴
一段介绍。
2024
时间轴
一段介绍。
|
|
插入外链类
图片轮播
1.代码：
- 新建
imgloop.html，内容为：
|
|
- 在
custom.scss中添加：
|
|
- 在
config.yaml找到params:，添加enableimgloop: true。
2.使用：
|
|
瀑布流相册
1.代码：
- 新建
gallery.html，内容为：
|
|
- 在layouts/partials/footer/custom.html中插入:
|
|
- 在/layouts/partials/head/custom.html中插入:
|
|
2.使用：
|
|
多图排版
1.代码：
- 在
custom.scss中添加：
|
|
2.使用：
|
|
PDF/PPT插入
1.代码：
- 新建
pdf.html，内容为：
|
|
2.使用：在手机端上好像看不见，不过在电脑上浏览效果还不错！
|
|
网易云音乐
1.代码：
- 新建
netease.html，内容为：
|
|
2.使用：
|
|
Spotify
1.代码：
- 新建
spotify.html，内容为：
|
|
2.使用：这是一个spotify的音乐模块，但是在中国大陆无法直连访问。
|
|
哔哩哔哩
1.代码：
- 新建
bilibili.html，内容为：
|
|
2.使用：夹带一点私货，来看岚少！
|
|
引用长毛象嘟文
1.代码：
- 新建
mastodon.html，内容为：
|
|
2.使用：
|
|
引用NeoDB条目
1.代码：
- 新建
neodb.html，内容为：
|
|
- css样式：
|
|
2.使用：
进入社会工作至今的十年间，胡安焉走南闯北，辗转于广东、广西、云南、上海、北京等地，做过快递员、夜班拣货工人、便利店店员、保安、自行车店销售、服装店导购、加油站加油工……他将日常的点滴和工作的甘苦化作真诚的自述，记录了一个平凡人在生活中的辛劳、私心、温情、正气。
在物流公司夜间拣货的一年，给他留下了深刻的生理印记：“这份工作还会令人脾气变坏，因为长期熬夜以及过度劳累，人的情绪控制力会明显下降……我已经感到脑子不好使了，主要是反应变得迟钝，记忆力开始衰退。”在北京送快递的两年，他“把自己看作一个时薪30元的送货机器，一旦达不到额定产出值就恼羞成怒、气急败坏”……
但他最终认识到，怀着怨恨的人生是不值得过的。这些在事后追忆中写成的工作经历，渗透着他看待生活和世界的态度与反思，旨在表达个人在有限的选择和局促的现实中，对生活意义的直面和肯定：生活中许多平凡隽永的时刻，要比现实困扰的方方面面对人生更具有决定意义。
book
|
|