把md档变成Medium文章

• 订阅patreon即可看到更多文章 https://www.patreon.com/wade3c
• 会员文章列表 https://coda.io/d/YT-channel_dLrb0LRX0xj/Patreon_supr9#_lu-tL
• 公开文章列表 https://coda.io/d/YT-channel_dLrb0LRX0xj/Patreon_sucfV#_luJfw
• Youtube频道 https://www.youtube.com/c/增广建文
• 粉专 https://www.facebook.com/wade3c/
• GitHub https://github.com/johnny12150
• Digital Ocean推荐连结 https://m.do.co/c/1edcf7d6c08e
• Linode推荐码 https://linode.gvw92c.net/a19zeW

由於Medium不支援直接用markdown输入文章实在很头痛

Google了一番发现目前网路上的自动转工具几乎都需要登入你的GitHub帐号，因为他会帮你把code-block自动转成gist

但是这个作法除了不是很安全外，他还会把你的gist变的乱七八糟，每一个code-block都会独立新增一个gist

这是我目前在GitHub上找到唯一一个不会自动转成gist的专案，在多数情况下使用起来还算方便

https://github.com/fanderzon/markdown-to-medium-tool

但是他在处理heading还有code-block有时候会跑版 (Medium在这两部份都有改版过)

这导致我每次都到Medium後都还要手动调整，所以就想来自己找一套更方便的workflow

这时突然想到很久以前有看过一个叫medium-editor-markdown的专案

他支援了把Medium的文章转成md的功能，但是不能反过来使用

突发奇想如果我们要借助这个套件把md转成Medium格式

或许可以先把md先转成html，再把html给塞进这个专案

medium-editor-markdown这个专案使用到的是turndown.js与medium-editor这两个套件

前者负责把md转成html，後者负责显示html成Medium Style

实际的改造作法就会如下：

Step 1. MD -> HTML

这里可以用之前分享过的marked.js专案或是上面提到的turndown.js，都能轻松且快速的把md转成html

如果不想安装套件去转，可以直接使用marked.js的demo网页版来转

https://marked.js.org/demo/

如果你用的是macOS，还有marked 2这个App可以协助你快速取得Html

Step 2.HTML -> Medium

再来只要把刚刚拿到的HTML给贴到这个专案中的index.html 内的editor class下的left class里面就好 (要覆盖掉原本的内容)

开启这个专案的网页之後，画面左侧就会显示Medium形式的内容

有些不支援的写法就会像上图一样跑版

把左侧的Medium Style内容复制起来直接贴去Medium就能发文了

转出的code-block内不会有syntax highlight是正常的，因为Medium本身就不支援

底下就是实际贴到Medium上的成果

All-in-one Site

最後为了方便日後在ithelp和Medium都能发表一致的文章，我有把它包成一个完整的服务

这个服务是Patreon会员限定的，有兴趣可以到我的patreon查看

https://www.patreon.com/wade3c

Reference

GitHub - IonicaBizau/medium-editor-markdown: A Medium Editor extension to add markdown support.