博主头像
希记

ワクワク

头图

我的第一个开源项目!PureSuck Theme

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

引入

如你所见,本站基于 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 协议开源,欢迎更多人参与/二次开发!
感谢,每一个使用本主题的朋友们!

我的第一个开源项目!PureSuck Theme
https://note.moxiify.cn/post/LoveWithPureSuck
本文作者 MoXi
发布时间 2024-08-05
许可协议 CC BY-NC-SA 4.0
已有 98 条评论
  1. 评论头像

    大佬这主题弄的真不错害羞 我最近也移植了一个hexo的主题到typecho,可惜原主题有一部分好玩的组件,我不知道如何去弄成短代码,比如tabs标签和timeline时间线,不知道大佬有空可以顺便帮忙看一下吗?感谢!这是原主题文档:https://xaoxuu.com/wiki/stellar/ 里面好多小标签组件,都挺好看的 这是我移植后的小博客 https://t.kuhehe.top/
    谢谢大哭

    酷小呵 2025年01月04日 16:13 回复
  2. 评论头像

    大佬这主题弄的真不错害羞 我最近也移植了一个hexo的主题到typecho,可惜原主题有一部分好玩的组件,我不知道如何去弄成短代码,比如tabs标签和timeline时间线,不知道大佬有空可以顺便帮忙看一下吗?感谢!这是原主题文档:https://xaoxuu.com/wiki/stellar/ 里面好多小标签组件,都挺好看的 这是我移植后的小博客 https://t.kuhehe.top/
    谢谢大哭

    酷小呵 2025年01月04日 16:14 回复
  3. 评论头像

    啥时候更新啊,等不急了,天天在github看你更新没

    2025年01月09日 16:15 回复
    1. 评论头像

      一是忙于学业,二是没有什么需要更新的了,现有的版本有什么问题吗

      MoXi 博主 2025年01月09日 16:21 回复
  4. 评论头像

    请问跳 undefined 是怎么回事?

    Patrick 2025年02月03日 21:10 回复
  5. 评论头像

    请问跳 undefined 是怎么回事?

    Patrick 2025年02月03日 21:10 回复
  6. 评论头像

    您好,评论跳 undefined 是怎么回事?404 了,我一开始还以为伪静态没写疑问

    Patrick 2025年02月03日 21:12 回复
    1. 评论头像

      有人反馈过,但我没找到怎么复现。

      MoXi 博主 2025年02月04日 05:16 回复
    2. 评论头像

      发现你的站确实这样了,方便打开typecho的debug模式吗,最好和我加个好友!谢谢你(ฅ´ω`ฅ)

      MoXi 博主 2025年02月04日 09:30 回复
      1. 评论头像

        好呀!
        debug 开啦,因为防止有人利用漏洞,所以打开了 auth,QQ3821661994 哦

        Patrick 2025年02月04日 14:33 回复
  7. 评论头像

    抱一丝没翻页

    Patrick 2025年02月03日 21:13 回复
  8. 评论头像

    主题很好看。跟你年纪差不多但是马上要面对考研了哈哈bilibili2233-14

    明石 2025年02月09日 22:41 回复
发表新评论