简洁的微信Markdown编辑器

article/2025/11/2 22:56:23

在这里插入图片描述

老苏写文章习惯使用 Markdown 格式,因为可以一键发布到 hexo,但微信公众号并不支持 Markdown 格式。

最早发微信公众号,是复制粘贴 Markdown 渲染后的预览页面,后来用了墨滴免费的网页版,虽然没有收费版功能全,但是还是省去了一些排版的工作,提高了效率。

现在老苏找到了一款可以自托管的轻量的微信 Markdown 编辑器 --> WeChat Markdown Editor

什么是 WeChat Markdown Editor ?

WeChat Markdown Editor 是一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性。

如果不想安装,可以试试官方提供的在线编辑器

  • Gitee Pages:https://doocs.gitee.io/md
  • GitHub Pages:https://doocs.github.io/md

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 doocs ,选择第一个 doocs/md,版本选择 latest

端口

本地端口不冲突就行,不确定的话可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口号
本地端口容器端口
505880

默认并没有暴露容器端口

需要点 + 号自己添加

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷,老苏更喜欢命令行,搭建环境比较快捷

# 运行容器
docker run -d \--restart unless-stopped \--name wme \-p 5058:80 \doocs/md:latest

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

version: '3'services:wme:image: doocs/mdcontainer_name: wmeports:- 5058:80

然后执行下面的命令,在 portainer 中执行也是可以的

# 新建文件夹 wme 
mkdir -p /volume2/docker/wme# 进入目录
cd /volume2/docker/wme# 将 docker-compose.yml 放入当前目录# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:5058 就能看到主界面

在这里插入图片描述

只要在左侧编辑区域撰写就可以

功能特性

  • 支持自定义 CSS 样式
  • 支持 Markdown 所有基础语法
  • 支持浅色、暗黑两种主题模式
  • 支持 Ctrl + F 快速格式化文档
  • 支持色盘取色,快速替换文章整体色调
  • 支持多图上传,可自定义配置图床
  • 支持自定义上传逻辑
  • 支持在编辑框右键弹出功能选项卡
  • 支持批量转换本地图片为线上图片

如果在 WeChat Markdown Editor 直接写文档,直接支持图床就很有用了

不过老苏只是用 WeChat Markdown Editor 做渲染,图床就显得可有可无了。

参考文档

doocs/md: ✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性
地址:https://github.com/doocs/md

doocs/docker-md: 🐋 doocs/md 项目 的 docker 镜像
地址:https://github.com/doocs/docker-md


http://chatgpt.dhexx.cn/article/QQETOUas.shtml

相关文章

Windows最佳Markdown编辑器

This popular article was updated in 2017, covering the newest Markdown editors for Windows and reviewing how some older ones have fared over time. 这篇颇受欢迎的文章于2017年进行了更新,涵盖了Windows的最新Markdown编辑器,并回顾了一些较旧…

最新主流 Markdown 编辑器推荐

Markdown ,2004年由 John Gruberis 设计和开发,是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式,以下将介绍目前比较流行的一些 Markdown 编辑器(排名…

网页内嵌markdown编辑器

网页内嵌MarkDown 下载MarkDown编辑器文件 下载地址 下载解压文件目录 创建文件夹 将上方框起来的文件拖入一个文件夹 创建网页引入文件(editormd.min.css,editormd.min.js) <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-…

制作一个实时渲染的markdown编辑器YaliEditor

制作一个实时渲染的markdown编辑器YaliEditor 文章目录 制作一个实时渲染的markdown编辑器YaliEditor开源项目地址IR模式实时渲染渲染解析节点监控undo System渲染效果目录预览效果 字体颜色的修改 开源项目地址 WenyaoL/YaliEditor: 一个简易的实时渲染markdown编辑器 (githu…

markdown编辑器使用方法(对数学公式的编写方法做了全面详细的说明)

一、Markdown&#xff08;轻量级标记语言&#xff09; Markdown文档以.md后缀文档 GitHub中的README文件就是用Markdown编写的&#xff0c;现在很多网站都支持用Markdown编写&#xff0c;如知乎、CSDN、简书等平台&#xff0c;另外Markdown支持LaTeX和代码的显示&#xff0c;因…

在HTML页面中引用Markdown编辑器(Editor.md)

目录 1、下载Ediotor.md 2、引入Ediotor.md 3、确定Ediotor.md在哪里显示 最近写博客项目&#xff0c;用到了Markdown编辑器&#xff0c;这里介绍一款国内好用的Markdown编辑器&#xff1a;Editor.md&#xff0c;下面介绍一下该编辑器以及如果在页面中引用。 1、下载Edioto…

所见即所得的 Markdown 编辑器

✨ 特性 支持三种编辑模式&#xff1a;所见即所得&#xff08;wysiwyg&#xff09;、即时渲染&#xff08;ir&#xff09;、分屏预览&#xff08;sv&#xff09; 支持大纲、数学公式、脑图、图表、流程图、甘特图、时序图、五线谱、多媒体、语音阅读、标题锚点、代码高亮及复制…

Qt官方示例-Markdown编辑器

基于QWebEngineView与QWebChannel实现的Markdown编辑器。 0x00 原理 Markdown编辑器演示了如何使用QWebChannel和JavaScript库为自定义标记语言提供富文本预览工具。 Markdown是一种轻量级的标记语言&#xff0c;具有纯文本格式语法。可以在浏览器中查看时将内容呈现为富文本格…

react实现markdown编辑器

文章目录 思路体验地址 [https://hongbin.xyz/admin#/md](https://hongbin.xyz/admin#/md)效果加粗/斜体等粘贴图片上传拖拽图片上传添加列表/代办/表格添加 代码片段同步滚动 toc目录 功能如下 上传图片 包括 点击上传 拖拽上传 粘贴图片上传 点击nav button添加语法块 自动…

Django + markdown 前台使用markdown编辑器深入浅出详解

一、需求来源 近期有一个 django 前台使用 markdown 编辑器的需求&#xff0c;网上查了很多资料很多都是在后台使用 markdown 编辑器&#xff0c;然后在前台展示&#xff0c;可以参考。但是这种的教程对于想在前台页面使用 markdown 编辑器的人来说&#xff0c;属实是很难看懂…

基于Web的Markdown编辑器HedgeDoc

什么是 HedgeDoc &#xff1f; HedgeDoc 是一个开源的、基于 web 的、自托管的、协作的markdown编辑器。您可以使用它轻松地在笔记、图形甚至演示文稿上进行实时协作。用户需要做的就是将你的笔记链接分享给同事&#xff0c;他们就可以开始使用了。 不想自己搭建可以试试官方的…

只需3步把VSCode打造成Markdown编辑器

对于大部分编程人员来说都熟悉VSCode&#xff0c;因为大家经常使用它来编写代码&#xff0c;其实也可以把它当作加强版的记事本来使用&#xff0c;还能这么做&#xff1f; 我就是这么做的&#xff0c;其原因在于以下工作场景&#xff1a;分析或者编写代码时需要做一些笔记&…

本地Markdown编辑器推荐

以前用markdown记东西都是网页编辑器例如作业部落、MarkdownEditor&#xff0c;一直想找一个本地可以离线使用的markdown编辑器。 以下就是我找到并且亲自尝试的一些了&#xff0c;这篇文章是适用于Windows的。 文章目录 MarkTextTyporaTextsHaroopadMarkPadMarkdownPadCaretC…

盘点好用的 Markdown 编辑器

Markdown 是以文本形式保存的&#xff0c;基本上任何一款编辑器都可以完成 Markdown 写作&#xff08;包括 Windows 的记事本、Linux 的 Vim 等等&#xff09;。不过&#xff0c;如果你想更专注于写作&#xff0c;一款支持语法显示和实时渲染的工具能让你事半功倍&#xff01; …

前端:推荐一款开源免费的浏览器端Markdown编辑器Vditor

目前程序员的世界到处都是Markdown &#xff0c;比如CSDN、简书、GitCha、 GitHub、掘金社区等等都支持Markdown文档&#xff0c;另外近几年许多官方技术文档都是使用Markdown来写的。 使用Markdown不仅可以非常方便的写博客、写技术文档&#xff0c;而且可以直接导出对应的网站…

Vue Markdown编辑器

效果展示 因工作中需要使用 是在https://gitee.com/wike2019/wike__md_editor中自己摸索完成 如有侵权请 告知本人 本人立刻删除此文章 简介 一款使用marked和highlight.js开发的一款markdown编辑器&#xff0c;除常见markdown语法外&#xff0c;支持快捷输入、图片粘贴、代…

R语言计量经济学:虚拟变量(哑变量)在线性回归模型中的应用

最近我们被客户要求撰写关于线性回归的研究报告&#xff0c;包括一些图形和统计输出。 为什么需要虚拟变量&#xff1f; 大多数数据都可以用数字来衡量&#xff0c;如身高和体重。然而&#xff0c;诸如性别、季节、地点等变量则不能用数字来衡量。相反&#xff0c;我们使用虚拟…

《计量经济学》学习笔记之虚拟变量及滞后变量模型

导航 上一章&#xff1a;放款基本假定的模型 文章目录 导航经典单方程计量 经济学模型&#xff1a;专门问题5.1虚拟变量模型一、虚拟变量的引入二、虚拟变量的设置原则 5.2滞后变量模型一、滞后变量模型二、分布滞后模型的参数估计三、自回归模型的参数估计四、格兰杰因果检验…

R语言使用虚拟变量(Dummy Variables) 回归分析工资影响因素

最近我们被客户要求撰写关于虚拟变量(Dummy Variables) 回归的研究报告&#xff0c;包括一些图形和统计输出。 简介 本文与以下两个问题有关。你应该如何添加虚拟变量&#xff1f;你应该如何解释结果&#xff1f; 如果使用一个例子&#xff0c;我们可能会更容易理解这些问题。…

虚拟变量在模型中的作用

虚拟变量是什么 实际场景中&#xff0c;有很多现象不能单纯的进行定量描述&#xff0c;只能用例如“出现”“不出现”这样的形式进行描述&#xff0c;这种情况下就需要引入虚拟变量。例如即将到来的女生节&#xff0c;每年的这个时候毛绒玩具的销量都会上升&#xff0c;说明女生…