头图

博客主题备忘录

文章摘要

本文介绍了如何使用备忘录功能和组件来创建具有不同颜色警告、信息窗口、友链卡片、折叠内容、Tabs选项组、时间线和视频卡片的归档页面。通过使用短代码和相应的格式,用户可以轻松地在页面上添加这些组件,以增强页面的视觉效果和用户体验。

PureSuck是一款开源主题,感谢作者的开源精神,需要可以了解:

https://github.com/MoXiaoXi233/PureSuck-theme

以下记录这款主题的部分功能与组件。

归档页面

后台新建一个页面,右边选择归档即可

内置一些组件,使用短代码进行解析,使用格式如下

引用条

五种颜色可选,在 type 中填写,效果图可以看上面合集,普通的灰色样式用自带的 blockquote 即可

彩色信息窗

信息窗口

这是一个信息窗口。

警告窗口

这是一个信息窗口。
这是一个信息窗口的第二行。

同样五色可选,type 处填写五种颜色之一,在 title 处填写标题,注意内部如果要换行请用
标签

友链卡片

一个个人博客网站。
不可选择颜色,默认跟着主题强调色走的(在主题设置里切换),描述信息如果要换行请用
标签,描述信息尽量简短避免影响样式

折叠内容

这是面板的内容。
没有颜色选,灰色,用来折叠比较长的内容

Tabs选项组


这是我的博客信息内容。
这是交流群内容。
这有其他内容。
这是关于我们的内容。
按道理来说可以简单嵌套,简单测试了一下没什么问题

时间线


2023-01-01

Event 1

Description of Event 1.

2023-02-01

Event 2

Description of Event 2.

在[timeline]中添加子[timeline-event]一直加下去就行,应该没什么大问题

视频卡片
目前只做了b站的


像这样就可以插入一个视频卡片啦!其实就是官方那个 iframe 内嵌代码,更方便更简洁了一点而已,默认不自动播放

博客主题备忘录
https://zhouhao.cn/archives/blog-theme-memo
本文作者 zhou
发布时间 2025-07-12
许可协议 CC BY-NC-SA 4.0
发表新评论