转载https://blog.csdn.net/wirelessqa/article/details/105876032

对于习惯了使用 Markdown 写作的人来说,实在受不了微信公众号原生的排版功能。

因此出现了一批在线工具,能够将 Markdown 格式的文章直接转成适用于微信公众号排版的格式,比如:Md2All(http://md.aclickall.com/ 和 wechat-format(https://lab.lyric.im/wxformat/)。

但是,

对于追求高效、个性与颜值的人来说,这些工具还不够好,于是集众家之所长的 Markdown Nice 出现了。

Markdown Nice

Markdown Nice 是一个为了解决微信公众号排版而生的 Markdown 编辑器,当前有在线编辑器和 Chrome 插件 2 种产品形态。

基本信息

工具名称 Markdown Nice
在线版本 https://mdnice.com/
Chrome 插件 Markdown Nice
GitHub 地址 https://github.com/mdnice/markdown-nice

在线编辑器: https://mdnice.com/

在线编辑器是一种比较流行的解决方案,Markdown Nice 做的更开放更漂亮更精致一些。

主要功能特性有:

  • 可导入导出 Markdown 文件,或直接粘贴 Markdown 内容。
  • 可将 Html 转成 Markdown ( 菜单栏:功能 → SitDown → 输入 HTML → 得到 Markdown)
  • 有多款漂亮的主题可供选择,也可以自定义主题。
  • 可将文章转换成匹配微信公众号、知乎或掘金的格式。

实例演示

假设有一个写好的 Markdown 文件名为 test.md,我们要把它转换成微信公众号格式的文章。

操作步骤:

STEP 1. 打开在线编辑器 https://mdnice.com/

左边是编辑器,右边是预览区。

STEP 2. 把 Markdown 内容粘贴到左边的编辑区

或者通过菜单栏:文件 → 导入 → 选择 test.md 导入也是一样的。

如下图所示:

在最右侧的工具栏,依次是:

  • 复制到微信公众号
  • 复制到知乎
  • 复制到掘金
  • 切换预览模式(手机/PC)

STEP 3. 如果你要换个主题:菜单栏 → 主题 → 选择一款你心仪的主题 → 右边会实时预览效果

小提示:

查看 Markdown Nice 的主题列表: https://preview.mdnice.com/themes/

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y45PSd2t-1588304733455)(imgs/image-20200425003015371.png)]

STEP 4. 如果你要换个代码主题:菜单栏 → 代码主题 → 选择一款你心仪的代码主题

STEP 5. 点击右上角的公众号图标,复制渲染好的文章格式。

STEP 6. 打开微信公众号编辑器,粘贴就好了。

OK,简单吧,漂亮吧,方便吧。

都简单成这样了,可能你还是觉得有点麻烦,那能不能直接在微信公众号里编辑 Markdown 呢?

能,使用 Markdown Nice 插件。

Chrome 插件:Markdown Nice

安装 Markdown Nice

方法一:如果你能打开 Chrome 应用商店

在 Chrome 应用商店搜索 Markdown Nice 安装即可。

方法二:如果你无法打开 Chrome 应用商店

操作步骤:

STEP 1. 下载安装文件: https://my-wechat.mdnice.com/mdnice_1_0_7.crx

STEP 2. 在 Chrome 中输入网址: chrome://extensions/ 进入「扩展程序界面」

STEP 3. 打开右上角的「开发者模式」

STEP 4. 把下载的安装文件直接拖入「扩展程序界面」

安装成功后,在 Chrome 的右上角会显示 Markdown Nice 图标 [外链图片转存失败,源站可能有防盗

使用 Markdown Nice

操作步骤:

STEP 1. 进入微信公众号文章编辑界面

如下图所示:

Markdown Nice 将 3 个重要的功能嵌入到了微信公众号编辑器中:

  • 开关:控制着编辑区 Markdown 模式与原生模式的切换
  • Markdown Nice 功能菜单:跟在线编辑器的功能一样
  • 预览效果:预览 Markdown 的效果

STEP 2. 导入/粘贴/直接在编辑器中编辑 Markdown → 点击左下角的预览效果

如下图所示:

STEP 3. 关闭右上角的开关 → 编辑区的 Markdown 消失

如下图所示:

STEP 4. 点击左边的预览区域 → 预览的内容就被添加到右边的编辑区了

如下图所示:


接下来就可以直接发表了!

小提示:

出于信息安全和个人习惯考虑,图床功能我就不介绍了,你可以自己试一下。

<完>

这可能是用 Markdown 写微信公众号的终极解决方案相关推荐

  1. chrome插件(Markdown Nice):用 markdown 写微信公众号

    基本信息 工具名称 Markdown Nice 在线版本 https://mdnice.com/ Chrome 插件 Markdown Nice GitHub 地址 https://github.co ...

  2. 这可能是 Markdown 写微信公众号的一款神器了!

    大家好,我是 JackTian. 在前两期的 Markdown 系列文章中,介绍了 Markdown 的基本语法使用以及通过 Markdown 语法字符绘制思维导图,具体可参考如下: 为什么要学习 M ...

  3. 用Markdown写微信公众号文章

    目前微信公众号的编辑器是不支持Markdown语法的,那怎么办呢? 有一款叫Markdown Here的插件可以解决这个问题(支持Chrome.Firefox.Safari). 官方网站:http:/ ...

  4. markdown 写微信公众号,排版交给 mdnice

    mdnice 墨滴软件( https://product.mdnice.com/ ),提供了以面向微信公众号内容排版为主的辅助工具 Markdown Nice[1],效果堪称完美,极大的提升了发布微信 ...

  5. markdown编辑微信公众号

    前言 早前进入it这个行业就有写博客的习惯,之前用的一款百度出的[百度空间]的产品,当时一些文章还有不少的浏览量,可惜后来[百度空间]这款产品下线了,就这样自己的一点小积累付诸东流了.后来接触到了gi ...

  6. 写微信公众号注意事项

    写微信公众号注意事项 一.使用section标签代替div标签,并且每个section标签都要写上powered-by="xmyeditor.com" 二.每个模块之间需要写上 & ...

  7. 如何使用Markdown排版微信公众号推文

    如何使用Markdown排版微信公众号推文 应用场景: 熟悉使用CSDN博客的我,想把CSDN上面的博客迁移到微信公众号上面,但是把文本拷贝过来再重新调整样式有太花时间了,像我这种对排版没有太多追求的 ...

  8. 怎么在CSDN中写微信公众号推文?

    简 介: 本文给出了使用CSDN编写微信公众号的推文的过程.为了方便,编写了一些辅助程序以弥补CSDN中的补足,并对从CSDN到MDNICE进行文章格式的转换.通过长期使用,验证了这个过程非常有效. ...

  9. Markdown排版微信公众号文章

    前言 更多精彩微信关注:随心下(Suixinxia007) 大家知道,CSDN博客可以采用Markdown来写一篇文章,易于上手而且排版效果很赞,而发布微信公众号文章却不支持Markdown文件,一般 ...

最新文章

  1. Android_CodeWiki_01
  2. LPCRITICAL_SECTION 函数
  3. asp之GetArray提取链接地址,以$Array$分隔的代码
  4. Shell命令-内置命令及其它之exec、export
  5. 与其他Javascript类库冲突解决方案
  6. 如何在 Intellij IDEA 更高效地将应用部署到容器服务 Kubernetes
  7. FCN:Fully Convlutional Networks for semantic segmentation要点
  8. Jeff Dean谈2020年机器学习趋势:多任务和多模态会有大进展
  9. shell将输入的参数逆序
  10. python测试开发工程师前景_对未来测试开发工程师的前景你怎么看?
  11. Magisk 安装error
  12. 微型计算机接口技术论文,微机原理与接口技术课程论文
  13. 书剑中医电子处方软件 V16.0
  14. 科研人员论文投稿邮箱选择的问题
  15. SecureCRT通过vim打开文件时显示行号
  16. [计算机毕业设计]数字水印算法
  17. 全民远程办公的第一天,为什么你的视频会议卡住了?
  18. 【Chrome Extensions】实现一个可以下载图片的Chrome插件
  19. web前端——div和span标签
  20. GPDB中gp_vmem_protect_limit参数的意义

热门文章

  1. 新版白话空间统计(14):空间关系概念化综述
  2. 关于这两年自学代码的一些个人心得体会
  3. 因果推断学习笔记(一)——反事实推理中的归因问题
  4. 当幸福来敲门(The Pursuit of Happyness)和程序员人生
  5. mybatis查询一个实体类并且附带将该实体类里的引用类也一并查出来
  6. VR下双手与物体的交互
  7. 【GIF屏幕录制工具介绍】LICEcap
  8. 云安全实现高效预防 未来之路怎么走?
  9. 用RecyclerView来实现苹果后台样式的卡片布局
  10. 网络云存储技术Windows server 2012 (项目十五 存储服务间的数据同步)