PureSuck-Theme

原作者仓库：MoXiaoXi233/PureSuck-theme
魔改版：云野

Banner Release Badge

PureSuck 是一个干净、简约、优雅的 Typecho 主题。
这是我第一次认真做一个项目，如果遇到问题或有建议，欢迎反馈。主题的样式和功能还在不断迭代中，可能会随着版本更新而发生变化。感谢你的使用！

外观展示

你可以前往希记查看最新版的演示效果。

主题提供四种可选的强调色，并内置了几种多彩的小组件，欢迎通过 Issues 提交建议！

PureSuck

任务清单

[x] Pjax
[ ] 重新设计组件
[ ] 精简代码，优化性能
[ ] 统一设计语言

特性

代码高亮
精美的动效设计
简约干净的界面
灵活的自定义空间
良好的阅读体验
TOC 目录树
头图支持
流畅的体验
内置多个小组件
~~作者人比较好，愿意陪你瞎扯~~

更多功能和细节，欢迎体验主题！

安装与设置

从 [Releases][3] 下载最新的 zip 压缩包，解压后将文件夹放入 Typecho 主题目录。
请确保主题文件夹命名为 PureSuck，否则可能会出现样式或功能缺失。
主题设置可以在 Typecho 后台 > 控制台 > 外观 > 设置外观 中找到，里面有详细的设置说明。

注：若使用 CommentNotifier 回调函数，使用 parseOwOcodes。

功能与组件

归档页面

在后台创建一个页面，并选择归档页面类型。

组件短代码

警告框

[alert type="red"]这是一个红色警告。[/alert]
[alert type="yellow"]这是一个黄色警告。[/alert]
[alert type="blue"]这是一个蓝色警告。[/alert]
[alert type="green"]这是一个绿色警告。[/alert]
[alert type="pink"]这是一个粉色警告。[/alert]

支持五种颜色的警告框。若想使用灰色警告框，可以使用内置的 blockquote 标签。

彩色信息窗

[window type="red" title="信息窗口"]这是一个信息窗口。[/window]
[window type="yellow" title="警告窗口"]这是一个警告窗口。<br>第二行内容。</window>

支持五种颜色，指定 type 和 title，使用 <br> 实现换行。

友链卡片

[friend-card name="好友" ico="avatar.jpg" url="http://example.com"]这是好友的描述。[/friend-card]

不支持选择颜色，样式跟随主题强调色。描述中可使用 <br> 换行。

可折叠面板

[collapsible-panel title="面板标题"]这是面板内容。[/collapsible-panel]

折叠较长的内容，默认使用灰色样式。

标签页

[tabs]
[tab title="博客信息"]这是博客信息内容。[tab]
[tab title="交流群"]这是交流群内容。[tab]
[tab title="申请友链"]其他内容。[tab]
[tab title="关于我们"]关于我们的内容。[tab]
[/tabs]

时间线

[timeline]
[timeline-event date="2023-01-01" title="事件 1"]事件 1 的描述。[/timeline-event]
[timeline-event date="2023-02-01" title="事件 2"]事件 2 的描述。[/timeline-event]
[/timeline]

哔哩哔哩视频卡片

[bilibili-card bvid="BV1KJ411C7SB"]

嵌入一个哔哩哔哩视频卡片，只需提供 bvid 视频 ID。

开发中的功能组件

瀑布流图片

[PicGrid]
![图片.jpg][1]
[/PicGrid]

使用 [PicGrid] 标签包裹图片，展示瀑布流布局，适合多张图片的展示。

MoxDesign 通知

确保在 DOMContentLoaded 后调用：

MoxNotification({
    title: "持久通知",
    message: "此通知不会自动关闭。",
    duration: 0,  // 设置为 0 表示需要手动关闭
});

MoxDesign Toast

MoxToast({
    message: "这是一个 Toast 消息",
    duration: 3000,
    position: "bottom",  // 可选 "top" 或 "bottom"
    backgroundColor: "var(--card2-color)",
    textColor: "var(--text-color)",
    borderColor: "var(--border-color)",
});

引用库

License

本主题使用 MIT 协议开源，欢迎更多人参与或进行二次开发！
感谢每一个使用本主题的朋友！

riceshowerX / PureSuck

readme