WeChat-Format将Markdown格式转换为公众号排版


关键词: 微信公众号,排版,WeChat-format,Markdown


推荐一个小工具:WeChat-Format,可能会拯救你的公号排版

• Markdown 转 HTML,输出公众号编辑器特制的网页,列表样式不会再被公众号编辑器重置

• 所有外链自动转成“参考链接”,编辑器会在链接文字的右上角添加一个数字角标,然后在文字末尾加上角标对应的链接

• 定制了所有文章元素的样式,不需要手工在公众号编辑器里调整样式

• 开源,如果你对默认输出的样式不满意,想定制字体、颜色。我把github地址放在了最后,可以下载源代码自己去修改(再去上传服务器and so on),当然,没有技术基础的还是将就了吧


使用时,需要把默认的 Markdown 内容换成你自己的内容。

Markdown是一种写文章用的语法。

我们日常写文章用的工具,比如说 Word,提供了大量排版格式样式相关的选项。

在写作之外,大量的时间都在处理这些排版、格式、样式、字体、图片位置等等。这不但是耗时耗力的事情,而且还会打乱写作时的思绪,影响你的工作。


下列内容为Markdown常用基本语法。

*斜体*_斜体第二种方法_

**加粗**__加粗的第二种方法__

___粗斜体___

两个enter是换行,或者用</br>标签表示换行

用一行的=或者-表示一级标题和二级标题。如:一级标题=======二级标题--------

也可以在前面加上一到六个#表示标题的1级到6级。如:#一级标题##二级标题###三级标题####四级标题#####五级标题######六级标题

无序列表:在前面加上 * 或者 + 或者 - 然后加个空格:* ABC* DEF* GHI
+ JKL+ MNO+ PQR
- STU- VWX- YZZ

有序列表:数字+英文句点+空格。如下:1. 呵呵2. 哈哈3. 嘿嘿4. 哼哼

&lt; // 会显示为”<&amp; // 会显示为”&“:在 href 属性里面,必须将 & 转变为 &amp;\. // 为了防止产生"1."变为有序列表,则可以写成"1\." * _ // 如果 * 和 _ 两边都有空白的话,它们就只会被当成普通的符号。

>只在整个段落的第一行最前面加上大于号可以显示引用(此时出现引用形式,并且为斜体)。但是引言内如果要断行,那个空行也必须在前面加上大于号。就像下面写的酱紫:>>区块引言也可以有级别,在前面加上不同数量的大于号即可。比如说这就是一个二级引言。>>>这是一个三级引言。格式会显示为字体更小了。



建立分割线的方法有:* * ******- - --------------------

超级链接:[超级链接显示的文字](超级链接的网址,可以是绝对路径、相对路径)也支持HTML格式的超级链接<a href="https://www.baidu.com/">百度</a>

如果要标记一小段行内程序代码,可以用反引号把它包起来(`),像这样:Use the `printf()` function.

插入图片:![图片的替换文字](图片的地址或路径)![风景区图片](/Snip20160202_227.png)

Email邮件:<123456789@qq.com>

锚点:(能够链接到某个一级标题)[想要显示的名称](#锚点的名称)



这里是一些对应的例子。



上面表现了链接和加重两种样式,公众号以外的链接会被转换为脚注。


段落、列表、引用



列表项:
- 一个列表项- 另一个列表项- 第三个列表项
托 [Neko](https://github.com/nekocode) 的福,有序的列表项支持了。
1. 一个列表项2. 另一个列表项3. 第三个列表项

列表项:

列表项列表项列表项

有序的列表项支持了。

1.列表项2.列表项3.列表项


> 引用:使用 Markdown 最大的意义在于可以让你关注写作本身 —— Lyric

引用:使用 Markdown 最大的意义在于可以让你关注写作本身 —— Lyric


代码块、表格、图片

关于插入图片。你可以用自己图床,也可以上传到微信媒体库再把图片 URL 粘贴回来,或者编辑好以后,在公众号里插入图片。

![](https://res.wx.qq.com/mpres/zh_CN/htmledition/pages/login/loginpage/images/bg_banner4273fb.png)

代码块,使用微信官方的高亮配色,在代码块标示语言即可。粘贴到公众号后,需要用鼠标点一下代码块,完成高亮。

```cpp你的代码```
#include <stdio.h>
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;}

然后是一个内联代码:

 `{code: 0}`

a paragraphg with inline code {code: 0}

接下来是表格示例:

| Header 1 | Header 2 || --- | --- || Key 1 | Value 1 || Key 2 | Value 2 || Key 3 | Value 3 |
Header 1 Header 2
Key 1 Value 1
Key 2 Value 2
Key 3 Value 3


References

[1] 学名:Homo sapiens,意为“有智慧的人”: https://zh.wikipedia.org/wiki/智人
[2] 注音符号 W3C 定义: http://www.w3.org/TR/ruby/
[3] 认识与入门 Markdown: https://sspai.com/post/25137
[4] Neko: https://github.com/nekocode



上面内容即为Markdown常用语法,如果觉得写得不清楚,还可以参考另外一篇:https://blog.csdn.net/qq_44621510/article/details/95452344

GitHub :http://t.cn/Exv9819
在线工具:http://t.cn/AiWDlifY

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容