功能与组件

归档页面：后台新建一个页面，右边选择归档即可 内置一些组件，使用短代码进行解析，使用格式如下

引用条

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

彩色信息窗

信息窗口

这是一个信息窗口。

警告窗口

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

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

GitHub 卡片
Goofps-typecho-Repotypecho插件-一个在网站左上角显示实时帧数的插件GitHub★1UnknownGoofps-typecho-
Goofps-typecho-Repotypecho插件-一个在网站左上角显示实时帧数的插件GitHub★1UnknownGoofps-typecho-
GitHub ProfileHinataikoUsergithub.com/HintaikoNo bio provided.Followers 0Repos 9Hintaiko
支持仓库卡片和用户卡片，url 可以填写完整链接，也可以填写 owner/repo。
卡片数据由 GitHub API 获取，主题内有缓存；如果 API 访问受限会自动显示失败提示卡片。

文章卡片
halo world.Posthello world！2026-07-03忆记忆记halo world.

Post
Not Found
Unable to locate the linked post.
/halo world./

Post
Not Found
Unable to locate the linked post.
halo world.

用于在文章内引用站内文章，url 支持完整站内链接、相对路径或 slug。
如果链接解析不到文章，会显示 Not Found 卡片。

友链卡片

好友
这是好友的描述。
Avatar
不可选择颜色，默认跟着主题强调色走的（在主题设置里切换），描述信息如果要换行请用
标签，描述信息尽量简短避免影响样式

折叠内容

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

Tabs选项组

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

时间线


2023-01-01
Event 1
Description of Event 1.
2023-02-01
Event 2
Description of Event 2.
在[timeline]中添加子[timeline-event]一直加下去就行，应该没什么大问题

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


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

*开发中的功能组件
瀑布流图片

图片.jpg图片.jpg图片.jpg

用 Typecho 默认的插入图片方式即可，用[PicGrid]标签包裹即可完成一个瀑布流的照片展示，适合多张图片展示的场景

MoxDesign
作为 JS 脚本在页面中自行开发使用
需要使用的时候请确保在 DOMContentLoaded 之后调用
MoxDesign Notification通知，默认出现在右下角

MoxNotification({

title: "Persistent Notification",
message: "This notification won't auto-close.",
duration: 0, //设置为 0 则需要手动关闭，单位毫秒

});
MoxDesign Toast弹窗，等同切换颜色时的提醒

MoxToast({

message: "This is a toast message",
duration: 3000,
position: "bottom", // 可以是 "top" 或 "bottom"
backgroundColor: "var(--card2-color)",
textColor: "var(--text-color)",
borderColor: "var(--border-color)", // 使用CSS变量或默认值

});
开发中····