博客 on Mofei's Blog

博客搭建 | Hugo Stack 主题装修笔记（3）

Sun, 17 May 2026 00:00:00 +0000

前言

接上文，继续整理好玩的短代码~

1️⃣ 卡片样式

这里插入链接假装是卡片式链接。
好像不能插入图片？
换行要写空标签。

代码：

html

1#layouts\shortcodes\card.html
2{{- $raw := (markdownify .Inner | chomp) -}} {{- $block := findRE
3 "(?is)^<(?:address|article|aside|blockquote|canvas|dd|div|dl|dt|fieldset|figcaption|figure|footer|form|h(?:1|2|3|4|5|6)|header|hgroup|hr|li|main|nav|noscript|ol|output|p|pre|section|table|tfoot|ul|video)\\b"
4 $raw 1 -}}
5 <div class="mycard">
6 <div class="content">{{- if or $block (not $raw) }}{{ $raw }}{{ else }} {{ $raw }} {{ end -}}</div>
7 </div>

 1#assets\scss\custom.scss
 2.mycard {
 3 padding: 10px 20px;
 4 margin: 20px 0;
 5 border-radius: 4px;
 6 word-break: break-all;
 7 background: #d2e5eb14;
 8 box-shadow: 0 6px 10px 0 #00000033;
 9 .content {
10 line-height: 30px;
11 }
12}

使用：

博客搭建 | Hugo Stack 主题装修笔记（2）

Thu, 14 Aug 2025 00:00:00 +0000

一、基础配置

`hugo.yaml`

1baseurl: 网站根目录,部署后需要修改为你的实际网站地址/域名
2languageCode: 语言代码，默认值为en-us，可以修改为中文简体zh-cn
3theme: 主题名称，默认值为hugo-theme-stack
4title: 网站标题
5copyright: 版权所有者信息
6DefaultContentLanguage:默认内容语言，可修改为zh-cn
7hasCJKLanguage: 是否包含中文(影响字数统计)
8languages: 多语言设置

网站`icon`、时间格式、博客头像、`License`

博客搭建 | Hugo Stack 主题装修笔记（1）

Wed, 13 Aug 2025 00:00:00 +0000

前言

很早就想找个平台记录一下自己学习或写的东西，但是由于懒或者是操作不方便都放弃了。最近几个月开始萌生了自己搭建一个博客的想法，所以开始着手搜集这方面的知识，看到了很多炫酷的博客，但是考虑到上手问题，最终选择了hugo，通过挑选，选择了stack这个主题。经历了N多次推倒重建，这个博客终于快装修好了。