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 |

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