✨ Content Button! -> v2.2.0

CHANGELOG.md

@@ -4,101 +4,117 @@
 
 ### Refactored
 
-* 修复了一些在 **Accessibility** 上的问题
-* 优化了部分内容，速度更快了
+- 修复了一些在 **Accessibility** 上的问题
+- 优化了部分内容，速度更快了
 
 ## [1.0.4] - 2024-5-30
 
 ### Refactored
 
-* 优化了部分内容，评分 **395**
-* 修改了 README
+- 优化了部分内容，评分 **395**
+- 修改了 README
 
 ## [1.1.0] - 2024-6-2
 
 ### Features
 
-* 新增 `ProjectCard`
-* 完善了 Project 页面
+- 新增 `ProjectCard`
+- 完善了 Project 页面
 
 ### Refactored
 
-* 取消了头图的懒加载，删去了莫名其妙的 br
+- 取消了头图的懒加载，删去了莫名其妙的 br
 
 ## [1.1.1] - 2024-6-2
 
 ### Refactored
 
-* 优化链接样式，在 `pagespeed.web` 获得 400 分
+- 优化链接样式，在 `pagespeed.web` 获得 400 分
 
 ## [1.1.2] - 2024-6-12
 
 ### Features
 
-* 新增 `busuanzi` 计数器
+- 新增 `busuanzi` 计数器
 
 ## [1.2.0] - 2024-6-16
 
 ### Features
 
-* `css` 已经改为 `scss`
-* 自定义了 `waline` 的样式
-* 完善了 `Footnotes` 的样式
-* 添加图标
+- `css` 已经改为 `scss`
+- 自定义了 `waline` 的样式
+- 完善了 `Footnotes` 的样式
+- 添加图标
 
 ## [1.2.1] - 2024-6-28
 
 ### Features
 
-* 爆改 `scss` 文件，基本上改成了 `Tailwind`
-* 修改了 `footer` 的样式
+- 爆改 `scss` 文件，基本上改成了 `Tailwind`
+- 修改了 `footer` 的样式
 
 ### Refactored
 
-* 微调了部分组件的样式
-* 微调了文章样式
-* 删去了不必要的友链
+- 微调了部分组件的样式
+- 微调了文章样式
+- 删去了不必要的友链
 
 ## [2.0.0] - 2024-7-8
 
 ### Features
 
-* `Lighthouse` 400
-* 文本压缩……启动！！
-* 页脚修改……返璞归真
+- `Lighthouse` 400
+- 文本压缩……启动！！
+- 页脚修改……返璞归真
 
 ### Refactored
 
-* 删除 `busuanzi` 计数器
+- 删除 `busuanzi` 计数器
 
 ### Fix
 
-* 修复了文章内标签跳转的问题
+- 修复了文章内标签跳转的问题
 
 ## [2.1.0] - 2024-7-9
 
 ### Features
 
-* 新增搜索功能
+- 新增搜索功能
 
 ### Refactored
 
-* 微调页脚
-* 微调导航栏
+- 微调页脚
+- 微调导航栏
 
 ## [2.1.1] - 2024-7-9
 
 ### Fix
 
-* 修复了不能跳转的问题（原因未知）
+- 修复了不能跳转的问题（原因未知）
 
 ## [2.1.2] - 2024-7-10
 
 ### Features
 
-* （半成品）添加 `twikoo` 评论
-* 一些组件，将在 2.2.0 总结
+- （半成品）添加 `twikoo` 评论
+- 一些组件，将在 2.2.0 总结
 
 ### Refactored
 
-* 完善了搜索的黑夜模式
+- 完善了搜索的黑夜模式
+
+## [2.2.0] - 2024-7-13
+
+### Features
+
+- 添加目录功能！（终于加了）
+- 添加了一篇指导文章
+- 添加了新的组件
+
+### Refactored
+
+- 修改了行距
+
+### Fix
+
+- 修复了在手机屏幕下页脚显示不全的问题

README.md

@@ -19,6 +19,7 @@
 ## ✨ Features
 
 - ✅ Lighthouse 400
+- ✅ Blog content support
 - ✅ View transition animations
 - ✅ You can search your articles
 - ✅ **Light** / **Dark** mode available
@@ -65,6 +66,7 @@
 |  |  |  ├── info.astro
 |  |  |  ├── success.astro
 |  |  |  └── warning.astro
+|  |  ├── Content.astro
 |  |  ├── Comment.astro
 |  |  ├── EnvelopeCard.astro
 |  |  ├── Footer.astro
@@ -114,14 +116,14 @@
 
 ## ✒️ Article Information
 
-|    Name    |       Meaning       | Mandatory |
+|    Name     |       Meaning       | Mandatory |
 | :---------: | :-----------------: | :-------: |
 |    title    |    Article title    |    Yes    |
 | description | Article description |    Yes    |
-|   pubDate   |    Article date    |    Yes    |
-|    image    |    Article cover    |    No    |
-|    tags    |    Article tags    |    No    |
-|    badge    |    Article badge    |    No    |
+|   pubDate   |    Article date     |    Yes    |
+|    image    |    Article cover    |    No     |
+|    tags     |    Article tags     |    No     |
+|    badge    |    Article badge    |    No     |
 
 ## ⬇️ Usage
 
@@ -133,19 +135,18 @@ npm create astro@latest -- --template EveSunMaple/Frosti
 
 ## 🎯 Plans
 
-- [ ] Add table of contents (done but CSS not written yet)
+- [x] Add table of contents (done but CSS not written yet) ~~(Jul 13 2024)~~
 - [x] Add timeline component ~~(Apr 21, 2024)~~
 - [x] Add friends component ~~(Apr 21, 2024)~~
 
 ## 👀 Issues
 
-- [X] ~~`global.css` is too messy~~
-- [X] ~~**Light** / **Dark** mode transition ~~currently not implemented~~ `ENOUGH🛠️`
+- [x] ~~`global.css` is too messy~~
+- [x] ~~**Light** / **Dark** mode transition ~~currently not implemented~~ `ENOUGH🛠️`
 - [x] ~~Website score has not reached 400 points yet~~ `GET IT✨`
 
 ## 🎉 Thanks
 
 @[Saicaca](https://github.com/saicaca) His inspiration was the main reason for me to create this theme.
 
 @[WRXinYue](https://github.com/WRXinYue) Helped me a lot when I was first starting out.
-

README.zh-CN.md

@@ -20,6 +20,7 @@
 
 - ✅ 灯塔 400
 - ✅ 视图过渡动画
+- ✅ 文章目录支持
 - ✅ 你可以搜索你的文章
 - ✅ **白天** / **黑夜** 模式可用
 - ✅ 为丰富文章内容提供的各种组件
@@ -66,6 +67,7 @@
 |  |  |  ├── success.astro
 |  |  |  └── warning.astro
 |  |  ├── Comment.astro
+|  |  ├── Content.astro
 |  |  ├── EnvelopeCard.astro
 |  |  ├── Footer.astro
 |  |  ├── FormattedDate.astro
@@ -114,14 +116,13 @@
 
 ## ✒️ 文章信息
 
-
-|    名称    |   含义   | 是否必要 |
+|    名称     |   含义   | 是否必要 |
 | :---------: | :------: | :------: |
 |    title    | 文章标题 |    是    |
 | description | 文章简介 |    是    |
 |   pubDate   | 文章日期 |    是    |
 |    image    | 文章封面 |    否    |
-|    tags    | 文章标签 |    否    |
+|    tags     | 文章标签 |    否    |
 |    badge    | 文章徽标 |    否    |
 
 ## ⬇️ 使用方法
@@ -134,15 +135,15 @@ npm create astro@latest -- --template EveSunMaple/Frosti
 
 ## 🎯 计划
 
-- [ ]  添加目录(已做好但没有写 CSS )
-- [X]  添加时间线组件 ~~(Apr 21, 2024)~~
-- [X]  添加友链组件 ~~(Apr 21, 2024)~~
+- [x] 添加目录(已做好但没有写 CSS ) ~~(Jul 13 2024)~~
+- [x] 添加时间线组件 ~~(Apr 21, 2024)~~
+- [x] 添加友链组件 ~~(Apr 21, 2024)~~
 
 ## 👀 问题
 
-- [X]  ~~`global.css` 过于混乱~~ 
-- [X]  ~~**白天** / **黑夜** 模式目前无法实现缓动~~ `足够了🛠️`
-- [X]  ~~网站评分还没有到达 400 分~~ `已经达成✨`
+- [x] ~~`global.css` 过于混乱~~
+- [x] ~~**白天** / **黑夜** 模式目前无法实现缓动~~ `足够了🛠️`
+- [x] ~~网站评分还没有到达 400 分~~ `已经达成✨`
 
 ## 🎉 感谢
 

astro.config.mjs

@@ -18,6 +18,15 @@ export default defineConfig({
   integrations: [mdx(), sitemap(), tailwind(), playformCompress(), pagefind()],
   markdown: {
     remarkPlugins: [remarkMath],
-    rehypePlugins: [rehypeKatex]
+    rehypePlugins: [() => async (tree) => {
+      for (const node of tree.children) {
+        if (node.tagName === 'pre' && node.properties && node.properties.className) {
+          node.properties.className.push('mockup-code');
+        }
+        if (node.tagName === 'blockquote' && node.properties) {
+          node.properties.className = ['alert'];
+        }
+      }
+    }, rehypeKatex]
   },
 });

package.json

@@ -1,7 +1,7 @@
 {
   "name": "frosti",
   "type": "module",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -25,7 +25,7 @@
     "rehype-external-links": "^3.0.0",
     "rehype-katex": "^7.0.0",
     "remark-math": "^6.0.0",
-    "sass": "^1.77.7",
+    "sass": "^1.77.8",
     "shiki": "^1.10.3",
     "twikoo": "^1.6.38",
     "typescript": "^5.5.3"