Typecho Markdown 排版插件源码|一键实现轻絮感排版功能

寒烟似雪
10月5日发布 /正在检测是否收录...

AI摘要

Typecho插件FluffMarkdown一键为Markdown编辑器添加“轻絮感”排版按钮,自动给标题加随机emoji、段落补空行、列表前加图标,源码仅3文件,安装即用,新手友好。

分享一份 Typecho 插件源码:给 Markdown 编辑器加「轻絮感」排版按钮

之前写了 Markdown 柔和排版的小技巧,有朋友问“能不能不用手动调,点一下按钮就搞定?”——所以这次直接分享一份 Typecho 插件源码,帮编辑器加个「轻絮感排版」按钮,一键实现标题装饰、段落空行这些效果,新手也能轻松用~

为什么做这个插件?

之前手动给 Markdown 加 emoji 标题、空行分隔时,总觉得“有点麻烦”:比如每次写标题都要复制 ,段落多了还要手动加空行。

索性写了个简单插件,在 Typecho 的 Markdown 编辑器工具栏加个按钮,点一下就能:

  1. 给选中的标题自动加「emoji 前缀」(比如把 ## 工具推荐 变成 ## ✨ 工具推荐);
  2. 给段落之间自动补空行,避免文字挤在一起;
  3. 给列表前加小图标(比如 - 变成 - 📌 ),不用再手动敲符号。

核心就是“减少手动操作”,让排版这件事更像“轻絮飘过来”一样自然~

核心源码: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),应该也能跑起来。

如果用的时候遇到问题,或者有其他想实现的小功能(比如加个“取消排版”按钮),欢迎在评论区说~ 后续也会分享更多这种“小而美”的源码~

© 版权声明
THE END
喜欢就支持一下吧
点赞 0 分享 收藏
评论 抢沙发
OωO
取消 登录评论
SSL