Docker项目推荐——公众号文章一键排版

简介

markdown是纯文本编辑,写教程文章的时候用markdown,不需要考虑排版问题,只需要把注意力放到内容上,最后也能生成好看的文章。

不知道大家平时是怎么对微信公众号的文章进行排版的,我一般都是自己在本地用markdown写,然后渲染复制粘贴过来的,基本不会在公众号后台直接编辑。

markdown直接复制过来的话,肯定是不好看的,和纯文字差不多了,这里推荐几款markdown编辑器,支持docker私有部署,而且可以直接复制粘贴到公众号编辑器里的。

1.doocs

github链接:https://github.com/doocs/md[1]

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

界面如下图所示:

aad3911e1c3f89c8b25f517e55c5d82e.png

很简单的一个编辑器,你只需要把你写好的markdown复制粘贴到左侧框,然后就会自动看到右边的预览结果,然后直接复制粘贴到微信公众号后台就行了。

我的公众号就是用的doocs、mdnice这些排版的,每次只需要专注打字写文章就行。不用过多关系排版的问题

这类工具网上当然也有很多,但有时候会遇到网站链接失效,进不去,又不得不重新找新的编辑器的情况,网站突然收费之类的,所以最好就自己部署一个本地的,自己用。

使用docker直接部署

docker安装的话题不在本文讨论范围内。

确保电脑安装了docker之后,就可以直接输入以下命令,直接运行。

docker run -d -p 8080:80 doocs/md:latest
Docker项目推荐——公众号文章一键排版
f6dc77eb9f8e6879b6cabc17256234f2.png

然后打开浏览器,输入http://ip地址:8080访问。我虚拟机的ip地址是192.168.56.101

Docker项目推荐——公众号文章一键排版
d786b5826d6b6e1f880666cdaea5cd27.png

这里就可以直接看到结果了。这个是你电脑本地才能访问,数据也都在你电脑上。可以直接复制粘贴到公众号后台,样式就是右侧预览看到的样子。

2.mdnice

github链接:https://github.com/mdnice/markdown-nice[2]

  • 支持自定义样式的 Markdown 编辑器
  • 支持微信公众号、知乎和稀土掘金

docker命令:

docker run -d --name mdnice -p 8081:80 ibegyourpardon/md-nice-plus:latest
Docker项目推荐——公众号文章一键排版
48e0d759cb721ae9d6f063ed34cb5f0b.png

访问:http://192.168.56.101:8081

Docker项目推荐——公众号文章一键排版
72ee598194213e251514a59c5cc0a97d.png

搭建成功,觉得默认主题不好看的话,mdnice内置了10几种主题,比上面的doocs内置的主题多了很多。还可以自己自定义css。

Docker项目推荐——公众号文章一键排版
3434decf527a006073491d6928ffe2d1.png

还有一个外链转为脚注的功能,可以在文章的末尾汇总文章中的引用链接,让公众号文章看起来了更专业。

Docker项目推荐——公众号文章一键排版
2abbfbaa04b82b3d7097daa18b6976a1.png

3. wxmp

github仓库:https://github.com/jaywcjlove/wxmp[3]

  • 支持 Markdown 所有基础语法
  • 支持自定义 CSS 样式
  • 支持主题选择 & 编辑预览。
  • 支持明暗两种主题预览。
  • 支持代码块主题样式选择。
  • 支持色盘取色,快速替换文章整体色调
  • 支持 URL 参数加载 Markdown 内容。
  • 支持 URL 参数选择预览主题。
  • CI 自动生成 Electron 桌面应用。

docker命令一键运行

docker run --name wxmp -itd -p 8082:3000 ghcr.io/jaywcjlove/wxmp:latest

浏览器访问:http://192.168.56.101:8082

9afbbbb45b97c487c3900715d4226b96.png

这个内置主题就少了,但是可以直接编辑CSS样式,点击编辑样式,就可以直接写css样式了,这个就比较适合懂CSS样式的同学了,定制化程度很高。

f2fe951f9e8c018ee1b466103a8b5682.png

参考资料

[1]

doocs github链接: https://github.com/doocs/md

[2]

mdnice Github链接: https://github.com/mdnice/markdown-nice

[3]

wxmp github链接: https://github.com/jaywcjlove/wxmp

原创文章,作者:网络技术联盟站,如若转载,请注明出处:https://www.sudun.com/ask/49730.html

(0)
网络技术联盟站的头像网络技术联盟站
上一篇 2024年5月9日
下一篇 2024年5月9日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注