自从开始写公众号,我就一直吐槽公众号的编辑器。前几篇文章都用了壹伴助手,功能的确是很强大,但是我是个专注力较弱的人,在写作时容易被花里胡哨的东西分了心,没写几行字就开始整样式,结果半天都没把关键内容写完整。
虽然有点担心被你们说我矫情,但我还是希望有个简洁的编辑器。
于是我想到了Markdown[1],下载了几个Mac版本的Markdown编辑器,都很强大,但发现复制到公众号编辑器里就出现了各种意想不到的排版问题。于是乎又想到了万能的github,搜了一下果然发现了wechat-format[2]。试用了一下,嗯,这是我想要的。把代码弄下来自己动手做了些优化,并根据我的喜好定制了渲染主题。
然后,就有了这个编辑器。他主要有以下特性:
•易上手,Markdown语法,3分钟掌握•根据公众号样式规范进行编译•外部链接自动生成脚注(见本文尾部References)•爱怎么改就怎么改(仅对码农)
这篇文章就是用这个编辑器写的。你们感受下你感受下,如果你也喜欢简单的,更能专注写作的公众号编辑器,不妨来试一下:http://mpeditor.senscrm.com,在PC端【点击原文】可跳转过去。
如果你有什么改进建议,欢迎私微我:kevinhwq。
以下部分是示例样式。
一级标题
这是一个针对公众号的Markdown编辑器,语法与Markdown基本保持一致。本编辑器是基于Lyric的开源项目wechat-format,根据我的偏好做了优化和定制。
二级标题
Markdown是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。
公众号文章链接
《写给创业路上修行的你》是我感慨创业三年一路跋涉,半是欢喜半是忧,一时兴起,写给自己,也给同样在创业路上的你。可以点开试试。
外部链接
公众号以外的链接会被转换为脚注。晓售CRM[3]通过挖掘企业的客户数据价值,帮助企业构建客户画像体系,从而对不同客户群体和业务场景制定营销策略。结合自动化营销工具,将销售和营销工作精细化、规范化。为企业降本、提效、增收。
图片
插入链接与插入图片的语法很像,区别在一个 ! 号。
接下来是一张图片。你可以用自己图床,也可以上传到微信媒体库再把图片 URL 粘贴回来,或者编辑好以后,在公众号里插入图片。
文字样式
来自老父亲的提醒:走路别看手机,可以看妹子。
列表项
列表的显示只需要在文字前加上 - 或 * 即可变为无序列表,有序列表则直接在文字前加 1.2.3. 符号要和文字之间加上一个字符的空格。
使用 Markdown 的优点:
•专注你的文字内容而不是排版样式,安心写作。•轻松的导出 HTML、PDF 和本身的 .md 文件。•纯文本内容,兼容所有的文本编辑器与字处理软件。•随时修改你的文章版本,不必像字处理软件生成若干文件版本导致混乱。•可读、直观、学习成本低。
托 Neko[4] 的福,有序的列表项支持了。
1.一个列表项2.另一个列表项3.第三个列表项
引用
We believe that writing is about content, about what you want to say – not about fancy formatting.
我们坚信写作写的是内容,所思所想,而不是花样格式。
— Ulysses for Mac支持多级引用
支持多级引用
分割线
分割线的语法只需要另起一行,连续输入三个或者三个以上的 - 或者 * 都可以。
注音符号
注音符号 W3C 定义[5]。支持日语注音假名,小さ夜よ時雨しぐれ 和 汉语拼音 上Shàng海hǎi
用法有以下几种:
世界【せかい】世界{せかい}
世界せかい
小夜時雨【さ・よ・しぐれ】
小さ夜よ時雨しぐれ
食べる【たべる】食べる{たべる}
食たべる\n\n english【英文】 will not translated{fan yi}'
代码块
代码块,使用微信官方的高亮配色,在代码块标示语言即可。粘贴到公众号后,需要用鼠标点一下代码块,完成高亮。
```cpp你的代码```
#include const int MAX = 10;int cache[MAX] = {0};int fib(int x) { if (x == 1) return 1; if (x == 0) return 0; if (cache[x] == 0) { int ret = fib(x - 1) + fib(x - 2); cache[x] = ret; } return cache[x];}int main() { int i; printf("fibonacci series:\n"); for (i = 0; i < MAX; ++i) { printf("%d ", fib(i)); } return 0;}
然后是一个内联代码:a paragraphg with inline code {code: 0}
。
表格
接下来是表格示例:
姓名 | 技能 | 排行 |
刘备 | 哭 | 大哥 |
关羽 | 打 | 二哥 |
张飞 | 骂 | 三弟 |
References
[1]
认识与入门 Markdown: https://sspai.com/post/25137[2]
wechat-format: https://github.com/lyricat/wechat-format[3]
晓售CRM:专为B2C企业打造的智能CRM: https://www.senscrm.com[4]
Neko: https://github.com/nekocode[5]
注音符号 W3C 定义: http://www.w3.org/TR/ruby/
>>>> 往期推荐 <<<<
灰度认知,黑白决策 | 当你犹豫不决,请默念三遍
2020-03-28
聊聊「私域流量」| 别太迷信百度百科的定义
2020-03-20
无名之辈,你为何开始写作
2020-03-12
写给创业路上修行的你
2020-03-06
梳理2020年想做的几个事情
2020-03-02