AI摘要
Typecho插件FluffMarkdown一键为Markdown编辑器添加“轻絮感”排版按钮,自动给标题加随机emoji、段落补空行、列表前加图标,源码仅3文件,安装即用,新手友好。
分享一份 Typecho 插件源码:给 Markdown 编辑器加「轻絮感」排版按钮
之前写了 Markdown 柔和排版的小技巧,有朋友问“能不能不用手动调,点一下按钮就搞定?”——所以这次直接分享一份 Typecho 插件源码,帮编辑器加个「轻絮感排版」按钮,一键实现标题装饰、段落空行这些效果,新手也能轻松用~
为什么做这个插件?
之前手动给 Markdown 加 emoji 标题、空行分隔时,总觉得“有点麻烦”:比如每次写标题都要复制 ✨ ,段落多了还要手动加空行。
索性写了个简单插件,在 Typecho 的 Markdown 编辑器工具栏加个按钮,点一下就能:
- 给选中的标题自动加「emoji 前缀」(比如把
## 工具推荐变成## ✨ 工具推荐); - 给段落之间自动补空行,避免文字挤在一起;
- 给列表前加小图标(比如
-变成- 📌),不用再手动敲符号。
核心就是“减少手动操作”,让排版这件事更像“轻絮飘过来”一样自然~
核心源码:3 个关键文件怎么写?
插件名叫「FluffMarkdown」,总共 3 个文件,结构很简单,直接贴源码(关键处都加了注释,新手也能看懂):
1. 主文件:FluffMarkdown.php(插件入口)
2. 插件信息文件:Plugin Info.txt
3. 安装说明:README.md
# FluffMarkdown 插件安装说明
适用于 Typecho 博客,给 Markdown 编辑器加「轻絮感排版」按钮。
## 安装步骤
1. 在 Typecho 插件目录(`usr/plugins/`)下新建文件夹 `FluffMarkdown`;
2. 把 `FluffMarkdown.php`、`Plugin Info.txt` 这两个文件放进文件夹;
3. 登录 Typecho 后台,进入「插件管理」,找到「轻絮感 Markdown 排版」,点击「激活」;
4. 去写文章/写页面,编辑器工具栏会多一个「轻絮排版」按钮,点一下就能用~
## 小提示
- 如果按钮没显示,刷新一下页面试试;
- 排版效果可以手动调整(比如删掉不喜欢的emoji),不用完全依赖按钮;
- 建议先备份文章内容再用(虽然逻辑很简单,但以防万一~)。实际用起来是什么样?
举个例子:原本的 Markdown 内容是这样的:
## 工具推荐
这是一款很好用的 Markdown 编辑器,优点是轻量。
- 体积小,启动快
- 支持自定义主题
## 使用步骤
1. 下载安装包
2. 解压后双击运行点一下「轻絮排版」按钮,会自动变成:
## ✨ 工具推荐
这是一款很好用的 Markdown 编辑器,优点是轻量。
- 📌 体积小,启动快
- 📌 支持自定义主题
## 🌰 使用步骤
1. 下载安装包
2. 解压后双击运行是不是瞬间有了“轻絮感”?而且不用手动敲符号,省了不少时间~
写在最后
这份源码不算复杂,核心是“解决小痛点”——毕竟咱们絮博客的初衷,就是分享这种“轻量级、实用”的技术内容。
如果你的博客也是 Typecho,可以直接拿去用;如果是其他系统(比如 WordPress),稍微改改 JS 里“获取编辑器”的代码(比如把 #text 改成 WordPress 编辑器的 ID),应该也能跑起来。
如果用的时候遇到问题,或者有其他想实现的小功能(比如加个“取消排版”按钮),欢迎在评论区说~ 后续也会分享更多这种“小而美”的源码~