群分享:arkdown实现微信公众号排版腾讯云开发者社区

Markdown 是一种轻量级的标记语言,它的文本可以转换为 HTML ,加上 CSS 的样式控制,能够很方便快捷进行文章排版。Markdown 解决了一文多处投放(微信公众号+博客)以及排版的问题。

CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素,样式通常存储在样式表中,外部样式表可以极大提高工作效率,外部样式表通常存储在 CSS 文件中。

我们发布在网络各处的文章,最终都会被转换为 HTML 进行展示,因此,当不需要复杂排版时,Markdown + CSS 完全可以满足我们的排版需求,比如本文。

理论陈述完毕,在介绍具体操作流程之前,我们再来介绍几个接下来会用到的小工具。(注:这些工具所提供的功能都可以用其他工具替代,这里提到它们,单纯因为,我测试的时候用的这几个。)

Markdown Here 是个浏览器插件(Chrome/Firefox/Safari),可以将浏览器中编辑器里的 Markdown 文本转换成渲染过后的 HTML,它的另一个特点是允许用户自定义渲染 HTML 的 CSS 。

Markdown 编辑器有千千万,在线的也有很多。如果对自己的 Markdown 语法够自信,不需要预览,其实用记事本写完存成(.md)文件也可以的。

Github 是一家公司,主要提供基于 git 的版本托管服务。目前并可能未来长期是本星球上最流行的开源托管服务提供商,程序员们的不具名简历集散地(通过询问一只程序猿在 Github 上的代码贡献量来评价ta是一个什么样的程序猿)。另外,Github 本身支持 Markdown 的在线编辑。

工具介绍完毕,进入实践。

试过若干 Markdown 编辑器,在线的,离线的,还差一点儿就想去尝试李笑来推荐的 Atom (这两个属于程序编辑器,Markdown编辑只是辅助功能)。在群里看到网友推荐 MWeb 之前,我一直都在使用 Macdown ,一款基于开源项目 Mou 的 Markdown 编辑器。现在,我在用 MWeb ,一款 运行在 OS X 以及 iOS 上的编辑器软件,支持 Github Flavored Markdown 语法(意味着它支持LaTex)。两款软件都支持自定义 CSS ,除了没有写作模版之外,其他的功能都灰常好用,并且这些好用的功能还免费。而我选择其中一个的原因,迟些时候,会在另一篇关于Wordpress写作的文章中提到。

对于辛勤耕耘在 Windows 上的同学,抛开 Github 的在线编辑器,MarkdownPad 是我目前能找到的还算能凑合用的编辑器。但是这款编辑器的自定义 CSS 功能是收费的,因此,我写下了方案三。

关于 Markdown 基础语法以及其他可用的编辑器,可以去看看这篇文章。4月15日我也许会重开一次关于 Markdown 写作的微课,平台暂定千聊,课程免费,欢迎带着问题来提问。(附上课程邀请卡)

关于 Markdown 你可能想知道的

邀请卡

关于中文排版,我直接拷贝了李笑来教程的原话,重点只有三个:

至于选择哪一种字体,其实并不是关键,因为对字体来说,最重要的其实是“通用” —— 即便是你设置好了你喜欢的字体,先不说那是不是你自己的偏好,更重要的是,若是读者的设备上没有那个字体,那你就等于是白折腾了……

鉴于微信中「微软雅黑」是通用字体,看着蛮顺眼,所以,我直接选了它。中文字体若是不设置行间距和字间距的话,在手机上读起来很费劲,另外很多人跟我反映大一点的字体尺寸,以上这些,除了字体,李笑来都做了。我在他的基础上进行了一些小修改。

李笑来版本:

我的版本:

注:.markdown-here-wrapper是插件 Markdown Here 的自定义标签,如果你使用的不是方案一,那么需要将其替换为 HTML 标签 body。

经过乔先生漫长的吐槽以及挑刺,我最终有两个配色方案,一个是基于李笑来配色方案的修改版(本文采用的配色),一个是没采用 Markdown + CSS 排版之前一直使用的粉色系模板的配色方案。如果你已经有自己固定的配色方案,把它照搬过来就是;如果还没有,要么上网找一个,要么自己配一个。附上 Google Material Design 的 Color Scheme:

我的加粗与倾斜样式配色如下:

在自定义 CSS 里的设置不起作用的话,试试在后面补上!important,就好像这样:

其他,请去 W3School 速成一下,附上网址:

英文好的同学也可以去 codecademy 上个 10 小时的课Learn HTML & CSS: Part I,培训 HTML 与 CSS 基础:

也许会有人因为 GFW 的原因没有办法安装 Markdown Here,如果你还不会爬墙,可以试试最基础的 Latern ,同样是一个 Chrome 插件。另一个选择是,采用方案二或者方案三,这样会额外生成一个 HTML 文件(微信公众号关闭了对 HTML 纯文本的支持,如果有大神能够告诉怎么避免生成 HTML 文件那就最好了,前端我不太懂)。

Chrome 的插件数据是跟帐户同步的,也就是说,只要你能够在 Chrome 上保持 Google 帐户在线,那么不管你换多少台电脑,都不用重新配置 Markdown Here。如果你的 Markdown Here 不好使,尝试更新 Chrome 到最新版本。

THE END
0.8款微信公众号编辑器,哪个最好用?综合测评:1、微信编辑器优点是可以快速提炼网页信息。2、高级编辑有大量模板,缺点是没有自动复制功能,导致手动复制到公众平台后台时会出现格式错乱的现象。3、另外编辑器自带图文素材,可参考使用。网址:www.weixinbianjiqi.com/ 敬请期待下期干货: 文章内容排版技巧! jvzq<84yyy4489iqe0ipo8hqpvkov87512>34867136:5=:758<`39>567;48?3ujvsm
1.盘点做公众号用过的微信编辑器!一开始从事新媒体行业到现在远远没有表面的那么容易,就拿微信编辑器公众号文章发布来说,光是那么多的编辑器都让你晕头转向的。 现在很多编辑器它不仅仅只是编辑,还有很多的附加功能,市面上很多微信公众号编辑器几乎都用过一遍了,今天就分享一下哪个编辑器更好用一些? jvzquC41o0ypj~3eqo5b1?=747934>d343:6;<93
2.公众号编辑器微信编辑器本专题将介绍公众号编辑器的设计功能、设计工具的使用方法以及推荐一些相关的设计模板风格。通过这些内容,你可以了解如何利用公众号编辑器进行设计,并选择适合自己风格的设计模板。jvzquC41o0mbqmnpi0ipo8kgcv{sg|4rwdrje6feeq{ov6jfkvooi
3.有一云微信公众号排版编辑器浏览器 Windows macOS 手机端 ,内置 DeepSeek、Qwen、ChatGLM 等多种大模型,创作随心所欲 3秒完成精美排版 公众号排版 公众号内容排版,内容润色、段落扩写、AI 一键排版 无文案,AI生成有文案,去排版 新媒体 AI 创作 支持20+ 新媒体平台,全域营销更便捷 jvzquC41k0{feutwf0ipo8
4.如何使用微信公众号自带的编辑器做出简洁舒适的图文排版登录微信公众号平台,选择“素材管理”,点击“新建图文消息”,即可进入自带的编辑器。 平台自带编辑器 新建图文消息的编辑器分三个部分,左边的图文列表、中间的图文消息编辑框和右边的多媒体。 一、图文列表 图文列表默认有一篇图文消息,即为当前编辑图文,显示图文消息的封面和标题;点击其下方的“+”按钮,可以增加二级jvzquC41yy}/lrfpuj{/exr1r1g1e9k;85>49k
5.新手做公众号,10个常用的工具推荐(建议收藏)公众平台安全助手,一个公众号,关注后绑定自己账号也可以查到自己公众号的数据,不想下载订阅号助手软件可以用这个代替,不过有个缺点,不能发表文章。 总的来说,就前两个用的比较多吧。 02 排版 秀米编辑器、公众号后台自带编辑器 市面上排版软件挺多的,我之前用了很长一段时间的秀米,功能是真的强大,上面有很多jvzq<84yyy4489iqe0ipo8hqpvkov87612;3585916?46><:2a724=58;2840|mvon
6.微信公众号图文排版有哪些好用的素材?在小墨鹰编辑器中如何查找:左侧素材区 -> 点击“分割” -> 选择“动态分割”或“普通分割”等分类。 持续更新:素材库会紧跟设计潮流和节日热点不断更新,保证内容的新鲜感。 善用这些素材,能让你从排版和美工的繁琐工作中解放出来,更专注于内容创作,同时轻松做出媲美专业设计的公众号图文。 发布于:河南省 平台声明jvzquC41o0ypj~3eqo5b1B:343896?d343:72><:
7.4款微信公众号编辑器,哪个最好用?微信公众号的文案编辑一定都有这样的感受:微信后台的编辑器功能太少了,想要做出一篇样式精美、内容丰富的文章,非常有必要找到一款好用的微信编辑器。 市面上的微信编辑器那么多,哪一款最好用呢?今天我们就一起来对比分析一下时下最热门的几款编辑器,帮大家选出最好用的微信编辑器。 jvzquC41dnuh0lxfp0tfv8r2a7846<73:1gsvrhng1jfvjnnu1727A;7;79
8.微信编辑器有哪些?微信公众平台编辑软件微信编辑器免费下载微信编辑器是一款专为微信用户打造的公众号文章编辑软件,软件功能十分强大,可以快速的帮助用户编辑文章、小程序等等,更有丰富的模板供大家选择,样式多样,种类丰富,欢迎来当易网下载。jvzq<84yyy4eq€s{k0ipo8pg{1}fknpdkgolrvk1
9.135编辑器微信公众号编辑器AI智能图文排版工具135编辑器是专业的微信公众号编辑器,提供AI智能图文排版解决方案。拥有海量版权样式素材,支持秒刷排版、AI图片素材编辑、智能水印和AI一键排版等功能,让微信公众号图文编辑更高效轻松。jvzquC41gpj267657gjjvxw0eqs0
10.微信公众号排版编辑器哪个好?推荐这4款编辑器公众号运营自媒体微信公众号的文案编辑一定都有这样的感受:微信后台的编辑器功能太少了,想要做出一篇样式精美、内容丰富的文章,非常有必要找到一款好用的微信编辑器。 市面上的微信编辑器那么多,哪一款最好用呢?今天我们就一起来对比分析一下时下最热门的几款编辑器,帮大家选出最好用的微信编辑器。 jvzquC41yy}/lk:30pku1ƒnogkzj1A;:49
11.96编辑器公众号的文章都需要在微信公众号平台里完成,然而平台提供的编辑器实在太简单,如果没有高深的功力,完全没可能编辑出图文并茂的好文章。对于我这个新手来说,这可太难了。好朋友推荐我用“96编辑器“。 最近在帮班级新建一个公众号,需要定时发布一些班级活动的新闻。文案有同学专门负责撰写,图片、视频等素材也都积累了jvzquC41yy}/fxzdcp4dqv4pqvk0::94:;;858
12.有什么微信公众号文章编辑工具是免费的电脑知识有很多免费的微信公众号文章编辑工具可供使用,这些工具能够帮助您轻松创建和编辑文章内容,以方便发布到您的微信公众号。以下是一些常见的免费微信公众号文章编辑工具: (1)微信公众平台自带编辑器:微信公众平台自身提供了一个基本的富文本编辑器,可以用来编写和排版文章。这是最直接的方式,但功能相对有限。 jvzquC41yy}/rqu0ep5gcz48668457mvon
13.记者调查:原创VS抄袭——微信公众号知识产权的博弈“微信编辑器”可使原作“大变脸” 赵凯是河南漯河某企业微信公众平台的管理员,他坦言,通过“微信编辑器”对原创作品进行面目全非的“大变脸”,原创作品的LOGO、作者署名、关健性地名、人名等到信息进行重新编辑。改头换面后,再标成自已的作品,堂而皇之的接受公众的阅览。 jvzq<84ejktb0lst0et0{|142762;541v813>5424e63@;394640|mvon