学习这么长时间来自己做的第一个完整项目，现已开源！

引入

如你所见，本站基于 Typecho 博客框架，建站多年来，从 WordPress 到 Gridea，Hexo等又回到了 Typecho，原因很简单，他足够轻，足够用，一切都刚刚好，不会过于臃肿也不会太过繁琐。这也是我创作 PureSuck 的初衷————干净，纯洁，淡雅朴素
Pure 即纯洁、纯粹的含义，至于 Suck 则来自我挚爱的名字，这里就不多赘述啦~

总结

由于是第一次正经意义上的做一个项目，加上本人属于极度的小白，作为学习的帮手，学习过程依赖 ChatGPT 4o，不得不感慨 AI 的发展属实是真正降低了普通人的门槛。开发这个主题的想法已经在脑海里酝酿很久很久，趁着暑假让自己忙碌了起来，本次开发差不多用时10天，由于没有鼠标垫+电脑用的过多，手腕都有点接受不了，主题经过内部迭代多次（一天一次）之后才正式放出来，因此初始版本即1.1.0，后续如果遇到更多问题或者个人需要会再次更新

以下是主题的介绍：

外观

本站用的便是亲手开发的 PureSuck！你可以到处逛逛看看效果样式方面还在不断打磨优化，可能会出现变动以及风格的调整

特色

代码高亮
细微动效设计
界面简约干净
有一定自定义空间
阅读体验良好
TOC目录树
头图功能
流畅！
内置几个小组件
作者人比较好，愿意陪你瞎扯
更多细节欢迎自行体验~

安装与设置

在 Release 下载 zip 源码，解压后移动到 Typecho 主题目录。（文件夹名应该为PureSuck）
主题设置页面位置：Typecho 后台->控制台->外观->设置外观，里面有如何设置的描述
主题设置页面位置：Typecho 后台->控制台->外观->设置外观，里面有如何设置的描述
如果需要支持评论区发表情，需要在 Typecho 后台->设置->评论->允许使用的标签添加已经不需要了！换了一种实现方式

功能与组件

设置大图时需要在自定义字段中新建一个img，随后在内容输入图片的链接，效果正如本文那样啦~
初始有三种组件，引用条，彩色信息窗和友链卡片，使用格式如下

引用条

<div ALERT-TYPE="red">墨希墨希，123456，QWERTY</div>
<div ALERT-TYPE="yellow">墨希墨希，123456，QWERTY</div>
<div ALERT-TYPE="blue">墨希墨希，123456，QWERTY</div>
<div ALERT-TYPE="green">墨希墨希，123456，QWERTY</div>
<div ALERT-TYPE="pink">墨希墨希，123456，QWERTY</div>
墨希墨希，123456，QWERTY
墨希墨希，123456，QWERTY
墨希墨希，123456，QWERTY
墨希墨希，123456，QWERTY
墨希墨希，123456，QWERTY

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

彩色信息窗

<div WINDOW-TYPE="red" TITLE="测试测试">墨希墨希，123456，QWERTY，！@#￥%……这是一段比较长的文本，因为这是一个比较长的窗口，所以我要测试。墨希墨希，123456，QWERTY，！@#￥%……这是一段比较长的文本，因为这是一个比较长的窗口，所以我要测试。</div>
墨希墨希，123456，QWERTY，！@#￥%……这是一段比较长的文本，因为这是一个比较长的窗口，所以我要测试。墨希墨希，123456，QWERTY，！@#￥%……这是一段比较长的文本，因为这是一个比较长的窗口，所以我要测试。

同样五色可选，WINDOW1-TYPE 处填写五种颜色之一，在 TIILE 处填写标题，注意内部如果要换行请用<br>标签

友链卡片

<div FRIEND-NAME="MoXiify" ICO="https://note.moxiify.cn/usr/themes/PureSuck/images/MoXiiiiii.png" URL="https://note.moxiify.cn" >做一条，<br>逆流的鱼</div>
做一条，
逆流的鱼

不可选择颜色，默认跟着主题强调色走的（在主题设置里切换），描述信息如果要换行请用<br>标签

更多组件请移步至 GitHub

引用库

aos
medium-zoom
OWO.JS
HighLight.JS
排名没有先后，如有遗漏欢迎反馈我补充！

License

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