Markdown写作器是WordPress Markdown编辑器插件,支持实时预览、20+短代码组件与暗黑模式,适合站长、博主快速写文章,告别原生编辑器繁琐排版。
Markdown基础功能
最基础功能
- 加粗 倾斜
删除 - 行内代码:
<?php echo '单行代码块测试:' . date('Y-m-d H:i:s'); ?> - 横线,标题,有序列表,无序列表
- 超链接: 主题源码阁
- 插入图片,表格,引用,当前时间,各种表情
这个就是引用,用来提示是非常方便的
代码块 常见的和不常见的代码全部包含,需要自行探索
<?php
/**
* 编辑器代码块测试 PHP 示例
*/
// 定义测试函数
function getTestMsg(string $name): string
{
return "Hello, {$name}! PHP代码块渲染测试";
}
$user = "编辑器";
echo getTestMsg($user);
// 数组遍历
$list = ['苹果', '香蕉', '橙子'];
foreach ($list as $item) {
echo "n- {$item}";
}
?>
以上都是,最基础的功能,这些其他编辑器也会有,下边介绍其他功能
提示类
ps:当然下边这些颜色都可以随时自己修改,喜欢什么颜色,就改成什么颜色16进制
标注功能::这是Markdown写作器
卡片描述:这是Markdown写作器
进度与清单
进度条
时间轴
2026.10.13导航主题立项
2026.11.13导航主题发布
任务清单
- 已完成事项
- 未完成事项
任务
容器
选项卡 标签页
这是我最喜欢的功能之一,当然理论可以无限增加,可以好多个选择
StartNav:是主题源码阁开发的一款简约导航模板
默认卡片
主题源码阁
折叠卡片
折叠标题一
折叠内容一
折叠标题二
折叠内容二
卡片列表
列表一内容
列表二内容
布局
宫格
宫格内容一
宫格内容二
宫格内容三
登录与评论 这里需要说明一下:由于每个人用的主题,都不一样,所以这里没有做点击直接跳转的,我在想想其他办法能否适配所有网站方式,或者后续增加个设置,直接自己填写链接,这里自动读取到你填写的链接,看看是否可行 此处内容作者设置了 回复 可见
装饰/按钮
多彩按钮
编辑器 主题源码阁便条按钮
StartNav StartNav StartNav变色标注
变色标注内嵌
B站视频
视频链接:支持抖音,快手等 抖音
页面内嵌
文字内嵌
Markdown 写作器: 本插件目前有 主题源码阁 进行开发与维护更新,所有代码无任何加密,下载后可以随意更改代码内容,遵循 WordPress 官方插件开发规范开发。2.0.0 起更名为“Markdown 写作器”;2.1.0 起全部短代码组件服务端展开为纯 HTML,前台不再依赖编辑器 JS 渲染,并提供主题主色适配与暗黑模式支持。
- CodeMirror 6 编辑内核:Markdown 语法高亮、行号、括号匹配、自动闭合。
- 54 个工具栏按钮 + 组件快速插入条:标题、加粗、表格、代码块等基础格式之外,另有一排组件按钮(页面内嵌 / 选项卡 / 登录可见 / 回复可见 / 居中标题 / 装饰标题 / 变色标注 / 任务清单),点击即在光标处插入组件语法。
- 分栏实时预览:HyperDown 解析 + Prism 代码高亮,可拖拽调节宽度、全屏编辑;独立写作页默认开启预览(左写右预览)。
- 独立写作页:后台"Markdown 写作"菜单,专注写作界面;支持新建 / 选择已有文章继续编辑、草稿 / 发布切换,保存链路与文章编辑页完全一致。
- 表情与符号:Emoji 面板、OwO 图片表情包、特殊符号大全、颜文字快捷输入。
- 短代码组件:任务清单(GFM
- [x])、居中标题{ctitle}、竖线装饰标题{vtitle}、变色标注{anote color="..."}、多彩按钮、便条、消息提示、进度条、卡片、选项卡{tabs}、时间轴、折叠面板、警告、宫格、跑马灯、回复可见{hide}、登录可见{login}、页面内嵌{iframe}、复制文本、云盘下载、视频(dplayer/bilibili)、外部音频(mp3)等。 - 服务端渲染 + 纯 CSS 交互:全部短代码组件(消息提示 / 进度条 / 多彩按钮 / 网盘卡片 / B 站视频 / 音频 / 面板 / 时间轴 / 宫格等 20+ 种)保存时展开为纯 HTML,交互(选项卡、折叠、可关闭警告)由纯 CSS 或原生标签实现,前台不依赖编辑器 JS 渲染。
- 多主题适配:组件结构色(文字/背景/边框)自动级联宿主主题的 CSS 变量,不依赖特定主题;主色默认为自动读取当前主题主色变量(读不到则落回内置橙),也可在后台强制指定;暗黑模式根据多种常见主题类名自动适配。历史文章(含 joe- 标签)自动按需加载兼容层,新老文章外观一致。
- 登录可见 / 回复可见按访客实时判定:保存时留动态占位,前台按当前访客登录状态求值,不会把作者视角"冻结"进文章。
- 媒体库上传:粘贴 / 拖拽图片自动上传至 WordPress 媒体库,并插入 Markdown 图片语法。
- 双存储:保存时 Markdown 编译为 HTML 存入文章内容,Markdown 源文另存一份,再次编辑时还原源文继续写作。
这是它最有意思的部分。几行简短的语法,就能生成平时得手写字段才能实现的模块,比如:
- 选项卡
{tabs}:把对比、多方案、分步骤内容收进可切换的标签页; - 折叠面板:长答案、剧透、附加说明默认收起,点一下展开;
- 时间轴:做更新日志、里程碑、故事线一目了然;
- 进度条 / 卡片 / 宫格 / 便条 / 消息提示:让信息层级更清晰;
- 警告框 / 变色标注 / 装饰标题:给重点内容加视觉锚点;
- 登录可见 / 回复可见:想引导互动或做会员内容时特别好用;
- 视频 / 音频:支持本地播放器与在线音频,m3u8 会自动处理;
- 页面内嵌
{iframe}:把外部页面嵌入正文(需对方允许被内嵌); - 还有任务清单、复制文本、多彩按钮、云盘下载等,覆盖绝大多数日常场景。
所有组件在保存时就会展开成纯 HTML,前台不再依赖额外的编辑器脚本去二次渲染。交互(比如选项卡切换、折叠展开、可关闭的提示)也都用纯 CSS 或原生标签实现。带来的直接好处是:首屏更快、更不容易因为脚本加载问题而"组件不出来",对搜索引擎也更友好。
像视频、音频、代码高亮会用到的第三方库,插件会按内容需要才加载——一篇普通文章不会白白请求这些外部资源,只有当文章里真的用到了对应组件,才会去加载,省掉了大量无谓的外链请求。
组件的配色会自动跟随你网站主题的主色与变量,不需要为某个主题单独定制;插件设置里也可以手动指定主色。暗黑模式下,各种组件同样有对应的适配,不会出现"白天好看、晚上一片刺眼白块"的情况。
- 习惯 Markdown、觉得 WordPress 自带编辑器不够顺手的作者;
- 想在正文里加一些漂亮组件,又不想装重型页面构建器的站长;
- 需要登录可见 / 回复可见这类轻互动内容的博客;
- 追求前台加载速度、希望"写的和看到的一致"的人。
习惯用 Markdown 写作、想让正文更容易排版的作者与站长,尤其适合博客、教程、文档类站点。
它和 WordPress 自带的古腾堡编辑器有什么区别?它提供专注的 Markdown 双栏写作与实时预览,并用短代码快速插入选项卡、折叠、时间轴等组件,无需手写 HTML 或安装重型页面构建器。
使用它会影响网站打开速度吗?不会。组件在保存时就渲染为纯HTML,前台不依赖额外脚本;视频、音频等第三方库也只会在文章真的用到时才加载。
需要懂代码或 Markdown 才能用吗?不需要。工具栏和组件快速插入按钮会帮你写好语法,你只负责填入内容;面板内还能直接粘贴、拖拽上传图片。
换主题后组件颜色会不会不协调?不会。组件配色会自动跟随你当前主题的主色与暗黑模式,也可在插件设置里手动指定主色。
其他说明
1.这个是我也比较喜欢的,编写边阅览效果
2.图片可以直接复制粘贴过来,并且在编辑器里为链接形式,这样也是很方便的
更新日志
- 新增
{scroll}文字内嵌组件:带标题与副标题的卡片,正文固定高度、框内竖向滚动,更新日志 / FAQ 等长内容不再撑长整篇文章。 {scroll}高度支持 px / vh / % 等单位或纯数字;右侧滚动条常驻、细样式(6px、无箭头),颜色级联主题变量、明暗自适应。{scroll}框内 Markdown 标题自动降级为“伪标题”,观感像标题但不会被文章目录(TOC)收录。- 新增
{timeline-item}的version/date属性,条目顶部渲染“版本号 + 日期”标题头。 - 时间轴第一条带版本的条目自动显示“最新版”徽章,新增版本自动上移、无需手写。
- 后台“组件快速插入条”新增“文字内嵌”按钮。
- 修复保存编译未去反斜杠,导致预览正常、发布后大量带属性组件(message / anote / abtn / tabs / collapse 等)不渲染的问题。
- 加固短代码属性解析,兼容双引号 / 单引号 / 无引号 / 裸布尔属性写法。
- 修复折叠
{collapse}子项解析、任务清单复选框未完成态可见。 - 新增行内代码小片自动高亮,复用站点 Prism、明暗自适应、历史文章免重存。
- 新增视频贴链接自动识别平台(B站 / 抖音 / 快手)并插入对应组件。
- 修复抖音短链(v.douyin.com)无法识别:服务端跟随重定向解析真实视频 ID。
- 优化前台代码块背景,与编辑器预览统一为深色。
- 优化编辑器代码块语言下拉,常用 12 种按首字母置顶。
- 新增正文标题(h2/h3)左竖条装饰,颜色随主色、明暗自适应。
- 优化后台菜单整合,“Markdown 写作”带【设置】【写作】子菜单。
- 新增登录可见自定义登录链接;回复可见点击自动平滑滚到评论区并聚焦。
- 性能:第三方库(APlayer / HLS.js / Prism)按内容需要才加载,普通文章零外链。
- 性能:前台样式脚本版本号按文件修改时间自动生成,改文件即刷新缓存、免硬刷。
- 将 Typecho Joe 主题内置 Markdown 编辑器完整移植为 WordPress 插件,遵循官方插件开发规范。
- CodeMirror 6 编辑内核:语法高亮、行号、括号匹配、自动闭合。
- 54 个格式化工具栏按钮 + 组件快速插入条,点击即在光标处插入组件语法。
- 分栏实时预览,可拖拽调宽、全屏编辑;独立写作页默认左写右预览。
- 后台“Markdown 写作”独立写作页:新建 / 续写、草稿 / 发布切换。
- 表情与符号:Emoji 面板、OwO 图片表情、特殊符号大全、颜文字快捷输入。
- 20+ 短代码组件:选项卡、时间轴、折叠面板、卡片、进度条、消息提示、跑马灯、任务清单、居中标题、装饰标题、变色标注、回复可见、登录可见、页面内嵌、视频、音频、云盘下载等。
- 全部组件保存时服务端展开为纯 HTML,前台零 JS 依赖,交互由纯 CSS / 原生标签实现。
- 图片粘贴 / 拖拽自动上传媒体库并插入 Markdown 图片语法。
- 双存储:正文存渲染后 HTML、Markdown 源文另存,再次编辑无缝续写。
- 多主题适配:结构色级联宿主主题 CSS 变量,主色自动读取、可后台指定,暗黑模式自动适配——所有主题均可直接使用。
- 历史文章(含 joe- 标签)自动按需加载兼容层,新老文章外观一致。
文章持续更新中
编辑器功能目前还在持续更新,新的功能,尽情期待
- 注意:本站资源多为网络收集和用户投稿,如涉及版权问题请及时与站长联系,我们会在第一时间内删除资源。
- 您购买的只是资源,不提供解答疑问和安装服务。免费源码里的接口不保证一直可以用
- 本站用户发帖仅代表本站用户个人观点,并不代表本站赞同其观点和对其真实性负责。
- 本站资源大多存储在云盘,如发现链接失效,请及时与站长联系,我们会第一时间更新。
- 转载本网站任何内容,请按照转载方式正确书写本站原文地址
- 如果发现侵权可以联系站长删除,站长vx:xiaoxiongmao0504或者邮箱通知3326096692@qq.com


小小测试员为官方人员,正在测试bug中