Hexo-Theme-PureSuck
Hexo-Theme-PureSuck
PureSuck，干净，纯洁，淡雅朴素的 Hexo 主题。
移植自 Typecho 主题 PureSuck-theme ，感谢 MoXiify 开发了这么棒的一个主题。
注意
遇到问题欢迎提 Issue。
遇到问题一定要提 Issue。
演示
https://puresuck-demo.ksable.top/
安装与设置
安装主题
npm i hexo-theme-puresuck
博客根目录下的 _config.yml 文件通常负责站点相关配置、第三方 npm 插件相关的配置。
设置主题
theme: puresuck
复制主题配置文件，运行下列代码
hexo copy_theme_config
关闭 Hexo 自带的代码高亮
hexo >= 7.0.0
syntax_highlighter: # 留空
hexo < 7.0.0
highlight:
enable: false
页面
文章头图
在 Front-matter 中设置 img 为文章头图的 URL，例如
---
img: /images/MoXiiiiii.png
---
文章摘要
在 Front-matter 中设置 description 为文章的摘要，例如
---
description: 我是摘要
---
归档页面
hexo 默认会在 /archive 下生成归档页面，你也可以在其他地方建立归档页面。
新建页面 archive/index.md
---
layout: archive
title: 归档页面
---
功能与组件
引用条
这是一个红色警告。
这是一个黄色警告。
这是一个蓝色警告。
这是一个绿色警告。
这是一个粉色警告。
五种颜色可选，在 type 中填写，效果图可以看上面合集，普通的灰色样式用自带的 blockquote 即可
彩色信息窗
信息窗口
这是一个信息窗口。
警告窗口
这是一个信息窗口。
这是一个信息窗口的第二行。
同样五色可选，type 处填写五种颜色之一，在 title 处填写标题，注意内部如果要换行请用<br>标签
友链卡片
不可选择颜色，默认跟着主题强调色走的（在主题设置里切换），描述信息如果要换行请用<br>标签，描述信息尽量简短避免影响样式
折叠内容
没有颜色选，灰色，用来折叠比较长的内容
Tabs选项组
按道理来说可以简单嵌套，简单测试了一下没什么问题
时间线
Event 1
Description of Event 1.
Event 2
Description of Event 2.
在[timeline]中添加子[timeline-event]一直加下去就行，应该没什么大问题
视频卡片
目前只做了b站的
像这样就可以插入一个视频卡片啦！其实就是官方那个 iframe 内嵌代码，更方便更简洁了一点而已，默认不自动播放
*开发中的功能组件
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变量或默认值
});
License
使用 GPL-3.0 协议开源，欢迎更多人参与二次开发！
感谢，每一个使用本主题的朋友们！