找到
1
篇与
前端开发
相关的结果
-
Typecho Markdown 排版插件源码｜一键实现轻絮感排版功能 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），应该也能跑起来。 如果用的时候遇到问题，或者有其他想实现的小功能（比如加个“取消排版”按钮），欢迎在评论区说～ 后续也会分享更多这种“小而美”的源码～
