找到
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),应该也能跑起来。 如果用的时候遇到问题,或者有其他想实现的小功能(比如加个“取消排版”按钮),欢迎在评论区说~ 后续也会分享更多这种“小而美”的源码~