如何排版微信公众平台的文章？
微信公众平台的图文编辑能力个人觉得就是一超级大BUG，但是还是看到不少图文消息的排版十分美观，他们是如何做到的？
按投票排序
: 网友补充道目前的新版微信公众后台里，已经不支持插件转换了，我自己尝试了一下，还是支持的！下文是利用Mardown进行快速微信排版的教程：其实，我觉得用markdown书写，然后渲染一下，文章结构清晰而且简洁。今天教你如何在“简陋编辑器”的现有条件下，利用Markdown+扩展插件来优化微信文章的排版。Markdown是一个极其优美、简洁的书写语言（不是编程哦！）。一旦使用，极易上瘾！1. Markdown是什么：(下文引用自简书：Markdown——入门指南) Markdown 是一种轻量级的「标记语言」，目前也被越来越多的写作爱好者，撰稿者广泛使用。请不要被「标记」、「语言」所迷惑，Markdown 的语法十分简单。常用的标记符号也不超过十个，学习成本很低，且一旦熟悉这种语法规则，会有一劳永逸的效果。Markdown简洁的语法代替排版，而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字，用「标记」语法，来代替常见的排版格式。例如此文从内容到格式，甚至插图，键盘就可以通通搞定了。2. 使用Markdown语言写作的好处：纯文本，所以兼容性极强，可以用所有文本编辑器打开让你专注于文字而不是排版格式转换方便，Markdown 的文本你可以轻松转换为 html、电子书等结构清晰，排版美观，易读性强3. Markdown简明语法标题：对于文章的标题1、标题2，你只需要在文字前面加上对应数量的#号，Markdown会自动渲染出格式。列表：在 Markdown 下，列表的显示只需要在文字前加上 - 或 * 即可变为无序列表，有序列表则直接在文字前加1. 2. 3.符号，再在符合和文字之间加上一个字符的空格即可。引用：如果你需要引用一小段别处的句子，那么就要用引用的格式。你只需要在引用的文本前面加上一个 & 和空格即可，例如：更多Markdown语法，点击查看。（上图转载自简书）4. 如何在微信公众平台优化排版在Chrome上安装插件在微信公众后台使用Markdown语言写作按住快捷键Ctrl+Alt+M，对Markdown文章进行渲染至此，什么引用符号、标题样式、分割符、代码栏等样式就一一具备了。拿去得瑟吧！本文源：
关于微信文章的排版，不客气的说，我的 MacTalk 曾经被无情的赞美过，很多人问过我写作工具和排版方式、字体等诸多问题，在这回复一篇，也算回应。先说说 Day One我使用 Day One 进行微信文章创作，纯文本写作，版式采用 Markdown 语法控制。很多程序员都有纯文本情节，我也不例外。除非必要，我所有的文档基本上都以纯文本的形式存放。Day One 就是一款纯文本、支持 Markdown 语法的日志类软件。最初发现这款软件的时候，我发现这货几乎是为微信写作而生，界面优雅，功能简约，支持每日写作，一日多条，日历，时间轴，地图信息和日期管理，文章配图，多终端（OS X 和 iOS），iCloud 或 Dropbox 云同步，搜索，标签，PDF 导出……等等。最重要的是，支持 Markdown！当我发现了这个 App 之后，我想，微信写作就是它了。这个软件68块，去 Mac App Store 购买即可。我是2013年上半年购买的，我想它为我带来的回报何止成百上千倍。所以，我在微信、书中有机会就会推荐一下，也推荐给很多好朋友使用。是开发者，都不容易。另外，如果读者中有 Day One 公司的，告诉他们一声，拖欠的稿费不用付了，谢谢。再说说 MarkdownMarkdown既不是工具也不是程序语言，而是一种轻量级的「标记语言」，是由约翰·格鲁伯（John Gruber）和亚伦·斯沃茨（Aaron Swartz）创建的。它允许人们使用纯文本格式编写文档，然后根据其中的标记转换成有效的XHTML（常用的就是HTML）文档。理解了这一点，我们就知道，支持 Markdonw 语法的写作软件至少有两种模式，一种是写作模式，一种是预览模式，在 Day One 中可以通过 command + 回车进行模式切换。预览模式会把你写的文字和标记解析成对应的 HTML，其中的版式效果通过软件内置的 CSS 进行渲染。Markdown 的标记语法非常简单，如果你想好好学学，可以去 Google 一下，满世界都是教程，如果你觉得够用就好，看下一节吧。最后是干货我说说自己的做法，以下内容采用了「甭废话有事说事」模式，欢迎品鉴：1、采用 Day One 进行微信创作。2、字体选用 18 pt，在手机显示效果最佳。字体使用了Avenir，纯属个人喜好。3、在 Day One 中文章第一行默认加黑为标题，不想要标题第一行空着即可。在标准 Markdown 里用一个或多个「#」和一个空格来设置各种大小标题，例如 「## 哈哈」，放在行首。4、段首不留空格，我自己的习惯，留空格令人发指和抓狂。5、标准 Markdown 的分段用回车两次（空一行）的方式，在 Day One 里回车一次或两次都可以，只不过换行的行距不同，大家可以在我的文章里看到。6、引用文字使用「&」，文本最前面会出现竖线，表示该段文字是强调或引用。7、如下操作可以实现绿色标题和下划线的效果：#### 示例（放在行首）。8、由于微信的编辑器对列表和代码的支持非常差，所以我一般就用1、2、3、4的写法，没有用 Markdown 的标准列表写法。也很少贴代码，很麻烦。9、Markdown 里加链接也很容易，你可以写成&&，不过微信的图文消息不支持文中外链，只能呵呵了。10、使用三个星号（***，单独放在行首），可以实现我常用的那条若隐若现的性感分割线11、写作过程中使用 command+回车进行模式切换，调整版式效果。12、写作完成之后，通读一遍，检查版式和错别字。但是，有时候这一点是徒劳的，因为你左看右看上看下看原來每个字都不简单，怎么看都像是一篇完美的文章，衰。13、用 Safari 打开微信的素材管理编辑器，把预览模式下的文字复制进去，略做调整，如果有时间还可以发给自己的手机看看效果，没时间就直接发送了事。14、一篇美好的文章就推送给读者了，然后你就可以想象读者看到你的文章后那种热切和缠绵……这当然是YY。总结首先，一篇排版良好的文章可以体现写作者的品味，如果你是个产品经理，尤其要注意这一点，不是 MacTalk 的读者我不告诉他。其次，好的排版会让读者读起来舒心和开心，他们一高兴就会想「这小子花了这么多心思，咱还是买丫本书吧」。第三，可以买书。
为了提升公司所经营公众号的big，算是研究了一个星期微信公众号文章排版，其中包括封面图尺寸、版式设计、代码实现、与丑陋编辑器的勾心斗角。一一道来：1. 封面图尺寸微信给出的封面配图长宽规范是：单图文消息及多图文中的首条消息：900px × 500px；多图文非首条消息：200px × 200px；这里有一个坑！下图为大号封面样例：而真正显示情况是这样的：ipad mini retina下，单图文封面左右被截断，多图文首条上下被截断。huawei C8812下，单图文封面上下左右均有截断，多图文首条上下被截断。huawei C8812下，单图文封面上下左右均有截断，多图文首条上下被截断。不同设备下截断情况各有不同。以下是转发至朋友圈后的封面图截断情况。多图文非首条消息无截断发生，可百分百正常显示。可以基本得出一个还算通用的规范：把你要在封面图中重点展示的信息放在正中央400px × 400px的区域中，以最大程度减少截断影响。2. 版式设计对以往所发布的文章内容详细了解后，提取出以下常用或必备的文章元素：关注引导 (subscription guide)；文章导读 (intro)；视觉分割线 (separator)；排行列表 (ordered list)；引用语 (quote)；转载申明 (copyright state);广告 （promotion);微信固有格式：文章标题font-size: 20
font-weight:
color: #000;
时间，作者font-size: 12
color: #8c8c8c;
订阅号关注、阅读原文链接font-size: 12
color: #607fa6;
页面背景background: #F8F7F5;
另外，微信默认的段落文字大小、颜色、行高就很好，不必费心调了。就不上设计稿了，直接贴效果图：quoteordered listpromotionsubscription guide & intro & separator特殊排版3. 代码实现仅提供less源码片段及emmet书写的html························································CSS部分························································调色板// variables
@cherry: #EA4267;
@caeseous: #ADB3C9;
@system-link: #
@system-background: #F8F7F5;
@fate: #808080;
@imgHeight: 50
基础类// clear default
.clearMargin {
margin: 0;
.clearPadding {
padding: 0;
display: inline-
.square() {
@width: @imgH
@height: @imgH
标签// label
border-radius: 2
line-height: 12
font-size: 12
.solidLabel {
padding: 3px 4
margin-right: 12
.blockLabel {
border-radius: 3
background: #f2f1f0;
border: 1px solid #
padding: 4px 10
font-size: 13
.hollowedLabel {
padding: 2px 3
//color == backgroud
background:
border: 1px solid @
.label-cherry {
background: @
.label-caeseous {
background: @
行内装饰// inline deco
.highlighter {
font-size: 18
各级标题// header
font-size: 19
font-weight:
font-size: 18
font-weight:
font-size: 20
padding-left: 10
line-height: 22
border-left: 3px solid @
引用语// quote block
padding: 2em 3
.quoteMark {
font-size: 60
margin-top: 20
margin-right: 10
line-height: 10
.quoteText {
font-size: 16
line-height: 24
广告卡片// card
padding: 0.5em 0.5em 1em 1.2
background: @
border: 1px solid #E7E7EB;
border-radius: 1
margin-left: 0.5
margin-right: 0.5
.cardTop {
margin-bottom: 10
margin-top: 0.5
.cardBottom {
margin-right: 0.5
font-size: 14
line-height: 20
.cardRightTop {
.imgWrapper {
.square();
border-radius: 50%;
background: @
margin-right: 10
margin-top: 0;
.square();
分割线.dotDivider {
text-align:
font-size: 14
letter-spacing: 0.5
line-height: 50
其它.index {
margin: 6px 12px 0 0;
line-height: 40
font-size: 56
.footnote {
font-size: 14
color: #666;
line-height: 22
························································HTML部分························································subscription guidefieldset&section.blockLabel{订阅职业精鹰 ，↑ ↑ ↑ 点击上方蓝字。}
introfieldset.footnote&section.label-caeseous{小鹰导读}+lorem20
seperatorfieldset&section.dotDivider{&·············}
ordered list((fieldset&span.index{$}+span.h2{绿日和枪花}+{Rose出生在印第安纳州拉斐特一个虔诚的基督教家庭中})+br)*12
special combo((fieldset&(section.h1{玫瑰$}+section&span.label-caeseous{工作城市}+{Rose作为乐队的主唱，音域宽广})+(section&span.label-caeseous{网申地址}+{Rose作为乐队的主唱，音域宽广})+(section&span.label-caeseous{招聘专业}+{Rose作为乐队的主唱，音域宽广}))+br)*10
multi level headerfieldset&section.h3{摇滚篇}+br+section.h2{枪炮与玫瑰}+p{很难想象AXL这个玩世不恭的坏小子能够作出象《NOVEMBER RAIN》这样气势磅礴的曲子，《ESTRANGED》这样动情的感觉。}
promotion cardfieldset.card&(section.cardRightTop&span.hollowedLabel{兄弟号})+(section.cardTop&(section.imgWrapper&img[src=img/shark_space.png])+span[style=font-size:18]{沙客空间}+br+(span&span[style=font-size:14]{微信号：}+span.highlighter{shark_space}))+(section.cardBottom{有品味、爱学习、爱折腾的Sharkers，共创青年职场学习社群。})
这里又有一个坑！！许多html标签时不被支持的，例如：div, h1, h2, h3, p, span等。一般解决方法是，使用&fieldset&和&section&标签，再往里面塞&span&或嵌套更多的&section&。本地预览的网页中，使用了fieldset标签时会出现的outline和多余padding在编辑器中预览后是会消失的，so, Don't panic!························································开发完的本地网页长这样：················································································································热乎乎的文章链接：4. 丑陋的微信官方编辑器只能undo不能redo，这像话吗？！------未完-------
时代在进步，知乎回答也要时刻更新。师父还发现最近微信文章的排版比以前有了挺大的提升，所以结合最近的与广大的运营者、读者以及i排版（）用户的交流，我们小黄人团队总结出一些微信排版的常见标准，再次更新，分享给大家。【标题篇】1. 图文标题? 图文标题是提高用户阅读欲望的首要动力，标题越简洁，越能快速被用户解读，并转化为文章的阅读。因为订阅号是被折叠起来的，折叠后能显示的文字非常有限，如果公众号名字还很长，很可能在订阅号折叠页是没办法直接了解文章想要表达的意思的，比如下面这三个文章标题，哪一个信息传达的更友好就很显然了。? 标题字数要尽量控制在约13个字以内。在多图文中，标题会在封面图片上方带黑色遮罩，超出13字换行会不同程度地遮挡封面图。同时，过长的标题也会加大读者对标题的理解难度。当标题一行或两行时，封面内容还能看清楚，如果，只是如果，你的标题很长，那么就会变成这个样子：?标题可添加“【】”来凸显关键字，或者是简洁的“ | ”（竖线），但不要有过于繁琐、奇怪的符号。使用【】、| 这类的符号，是为了突显一些账号的栏目内容；但我们经常也会看到不少账号在标题里加了许多奇怪的符号，或者emoji表情，此时再谈文章的逼格就太难咯。2. 正文小标题? 小标题要尽量醒目并与正文在距离和大小上区分开来，一般区分方法有：
加大行间距区隔，一般在小标题和正文之间空一行；
改变小标题字体颜色；
改变小标题字号大小；另外，如果小标题过长，可以将小标题断句折成两行分为主副标题。我们非常不建议使用过长的标题，一来难理解，二来不好看，尤其是手机的屏幕是狭长的，简短明快才是关键。? 改变小标题的文字大小与颜色。当然也可以使用编辑器里的标题样式，但一定不要用得太多，让文章看起来很花，有时候只需要改一下文字大小就能突出，读者能领会你要表达的意思的。总结：标题是引起读者阅读兴趣的开始，简明扼要的标题能迅速吸引读者的注意，也能帮助用户快速找到文章的结构以及重点。需要注意的是文章标题尽量控制字数，简短醒目、易理解的标题往往更受读者的青睐。至于标题怎么起吸引人，我们以后可以专门写篇文章来讲述，管叔还有一款神奇的工具可以判断出一个标题的分值，什么样的标题能火都是可以计算出来的，不知道他们有没有开发完，以后出来了给大家分享一下。-------------------------------------------【图片篇】一篇优秀的文章配图一定也很精彩，因为它会给提升文章的吸引力与魅力分值。微信中的图片一般包括，头图封面、小图封面、以及文章正文中的配图。这三种图片又各有不同，接下来给大家介绍一下每种图片的特点与挑选方法。1. 封面图（头图封面+小图封面）?好的封面图可以有效引起读者的阅读欲望，并转化为内容阅读，同时也能体现出作者的审美品味。在挑选封面图的时候也有尺寸、内容等要求，可以添加有特色的元素让自己的封面别具一格。【封面图尺寸900x500 次图200x200】这个尺寸一定要牢记，相应位置配图的时候严格按照这个来做图，可以保证出来的效果最佳的，经常会看到头图选了方形的，把脑袋给切了去。
小图选了宽图，全部变形了。? 封面图要尽量选择干净、色彩统一的图片。在挑选图片时也要清楚自己的品牌定位，尽量挑选与自己品牌形象相一致的图片。如果能对图片进行一定的加工，突出文章的主题，读者也会感受到你的用心的。? 多图文的配图，整体风格要保持和谐一致，如果还能巧妙突显账号的品牌风格，那就更好了。这方面3W互联网深度精选、拉勾网、Pingwest等账号都做得不错，电商们的账号经常也拿封面来做公关活动，光看这个也会觉得特别有意思。?另外，封面图片的主要内容要尽量居中，因为在读者分享到朋友圈的时候，微信后台会自动截取封面图居中的正方形内容，这样才保证图片的精彩内容更容易被读者看到。以师父在微信公众号【yourshifu】上分享的《（小黄人内部）职场必备：商务邮件礼仪》封面为例：光看封面觉得也没什么，但是分享到朋友圈的时候优势就明显了，位于正中央的图片会成为朋友圈图文封面的正中心。试想如果封面是一个商务人士，很可能分享过去的就是半边身子的人了。2. 正文配图?文章中的图片在挑选时要尽量选择与文章内容相近的图片。在挑选这些图片时也要注意图片内容、色彩冷暖的一致性。并且正文图片一定要与文章封面图相呼应。总结：图片看似无意，但实际在文章中扮演的角色是非常重要的。好的图片可以为文章增色不少。但是图片的选择种类也是花样繁多，这里只介绍基本的选择方法，如果你艺高人胆大，有好的创意，欢迎你与我们随时交流。-------------------------------------------【正文篇】? 文章正文的字号最好在14—18px之间，以16px最为合适。文章篇幅较长，字体可以稍大一些（16-18px）。比较偏“文艺范”的文章字体可以适当稍小一些（12-14px），显的文章更精致一些。这个部分我们有三种字体的截图比较，请看下图：? 行间距：1.5-1.75倍的行距看起来会比较舒服。1.0行确实有点挤，好在图文不像报纸还要计算版本，怎么舒服怎么来。? 移动端的文章均无需首行缩进。传统印刷以及PC端屏幕较大，较宽，为了方便识别出文章的开端，首行默认缩进2个字。而在移动端，由于屏幕比较狭长，首行缩进没有必要，而且会使段落看起来不整齐。这一点许多人都提及过，和菜头，小道消息都专门说过此事，所以微信排版完全没必要首行缩进。如果确实想在段落开头着重强调一下，可以使用首字下沉，这是传统平面媒体积累下的非常有效的办法，可以借鉴。这个功能i排版（）也是提供的。? 正文一段不要超过一屏，正文段落之间至少空一行。?许多童鞋还问过为什么不推荐一下字体呢？由于微信图文不支持字体的设定，在此，我们也不做推荐。相应的，i排版里也不提供字体选项，把不用的功能全部删除掉。-------------------------------------------最后再总结一下“微信排版”要诀吧：正文字号建议为14-18px；行间距建议为1.5-1.75倍；强调文字可以改变字体颜色或背景，也可添加适当的排版样式；正文段落尽量不超过一屏，多分段；段落之间最好空一行，让眼睛休息；首行无需缩进。这就是我在某一个微互动（wihudong）的群分享和诸多运营者分享的关于排版的内容，如果你也想了解更多微信运营、微信排版的知识与技巧，欢迎关注我们的微信；或者在i排版的网站（）上也有i排版微信交流群的二维码，欢迎加入~扫码直接可以注册，查看使用方法：
同样用的是UEditor编辑器：经过试验确定了格式大概是这样的：字号大小12px，行距2.0，段前距10，颜色#7f7f7f，两端对齐。还算舒服吧。如下图所示（适合普通长文）公众号
（laoqinppt）： 关于目录的排版可以按照需求，缩小了字号以及用了一些特殊样式：当然，超级无敌好看的公众号号排版(
：weikeshalong)：
不用编辑器，也能优雅排版图文消息！运营个人公众号也有小半年了，总有人对我说：乌素，公号做得不错，回头向你学习一下排版作为一个专心做内容的girl，我的内心几乎是崩溃的，你们难道不能夸夸我文章写得有趣，教程写的清晰吗…不过，既然你们诚心诚意地夸了，我就半推半就地接受吧，咱们就来唠唠微信图文排版那点事儿~P.S. 各位前辈见笑，还请不吝赐教~一、关于编辑器市面上的图文编辑器我可以一口气说出20个，然而最初的体验却让我对他们敬而远之，为什么？粘贴过来老！出！问！题！什么字体变啦，排版变啦，位置变啦都是小事，最坑爹的就是，变了还不好改，改了还不好预览，预览的和实际的还不一样…特别提一下秀米编辑器。它能直接同步到微信公众号，按理来说不会出现上面的问题了。不过我实在是不适应分段的编辑模式，而且它的模板对我也没有足够的吸引力，排版嘛，简单大方就好啦~所以，我坚定不移的选择微信默认编辑器，所见即所得，还能模拟手机预览，棒棒哒~太喜欢这个功能了！太喜欢这个功能了！不过，也不能将编辑器一棍子打死，毕竟，我还是会用到它的。先留个悬念，其实聪明的小伙伴应该已经猜到咯~二、正文排版技巧1、颜色细心的人会注意到，我的文章里并不是纯黑色(#000000)。因为纯黑色会与背景的白色形成强烈的对比冲突，显得有些刺眼。相较之下，灰色就柔和多啦。通常我会选用两种不同程度的灰黑色：2、字号个人偏好14号字，显得比较秀气。而文字较密集时，建议选用16号字，看起来会没那么累。3、对齐方式像我一样的罗里吧嗦星人可以直接用左对齐，毕竟一行写不下。4、行距和段距正文行距选择1.5或者1.75都是可以的。可以先 Ctrl+A 选中全文后统一设置。电脑端编辑的时候，可能会觉得很松散，但在移动端阅读时，会更轻松。段距可以直接用回车换行代替~5、突出重点突出重点的方法有加粗，加下划线，但尽量不要用斜体。总有种病怏怏的感觉，而且完全起不到突出显示的效果…对于较少的条目，建议梳理成小点，然后用无序列表来呈现。为什么不用有序列表呢怕和标题序号混淆啊。故事、举例、名句等，也可采用引用格式。毕竟默认编辑器的功能不太多，能用的要尽量用起来啊——乌素不过这个引用的效果实在是太不明显，因此，可以用变颜色、缩进等效果来辅助呈现。最后提一个，我个人最爱的「直角引号」，迎面而来的优雅有木有~6、格式刷这大概是我用得最多的按键了。用处不用多说，为了格式统一，请务必到处刷刷刷！（不能用F4快捷键，真痛苦！）三、标题排版技巧1、使用自带编辑器为了区别正文，标题的处理方法一般就是变色、加粗、加大字体。也可以利用反色进行处理，即蓝色做背景色，白色做文字颜色。在文字前后多加两个空格，会更协调。还有一个小技巧，就是给标题的每个字之间加一些空格，效果如下。2、使用图片标题图片标题，其实就是把标题做成图片的形式，再插入到正文中。算是曲线救国吧~用PPT，可以做出各种各样的标题样式来。最诱人的，就是可以任性地加图片、换字体注意：直接导出PPT图片的话，上下无效区域会比较多。可以更改PPT的大小，或在截图时只截取有效区域。3、使用编辑器标题（编辑器：黑完人家又来用人家）虽然外部编辑器各种坑爹，但还是有一些简单的样式，可以为我们所用。选取几个例子（来自135编辑器）因为简单，所以不容易出错，而且可以复制到以后的文章里，反复用~4、“剽窃”标题对于排版优美的文章，不妨也参考一下它们的标题样式，不过，可遇不可求，留个心眼就好~四、图片上传技巧对于看到这里的真爱粉，我必须投放一个重磅技巧。第一步，打开你的QQ空间。（啥？你不用QQ？）第二步，新建一篇日志。第三步，复制一张图片到空间日志。这一步中，你可以直接粘贴你剪贴板的图片，省去了上传操作。比方说你用Ctrl+Alt+A(QQ截图快捷键)截了个图，直接Ctrl + V到空间日志，就自动上传了~。。。第四步，见证奇迹的时刻！直接Ctrl + C(复制空间日志里的图),然后直接Ctrl + V到图文编辑页，又自！动！上！传！了！这个方法可以完美避开上传图片、逐个插入正文的复杂操作，秒传图片不是梦！最后，回答一下没有QQ的同学：你可以试试简书，同样可以自动上传。
泻药。我从素材搜集到文本整理、写作再到文本编辑几乎全部通过Wiz笔记完成。首先，先放一张Wiz笔记的文章编辑截图，下面再做解释。由于我的文章多数情况下，模式是相似的。比如第OO期第XX期，关键词，简介，前言等。所以直接将一条编辑好的笔记保存为笔记模版，下次编辑的时候直接套用模版即可。将Wiz笔记的默认字体设为：字体：微软雅黑、大小12Pt，行高1.4，文字色黑色，背景色#F8F7F5，这个背景色是和微信的背景色一样的。多敲空格就对了。不要盲目加注颜色，适当加粗。把最常用到的笔记直接锁定标签。如，-------关于文末的签名档，我是这样处理的。包含微信公众号的ID，QQ群和私人微信。最后一句是公众号的Slogan，特意用不同颜色标注。不建议在文末放二维码，也不建议放上一张包含公号信息的图片，多为粉丝着想，能为他们省1k的流量就不多浪费。----- ，update出于某些方面的考虑，将签名档改为以下内容：-----另，再说一下如何去除从别处复制过来的内容会出现白底。（注：此方法谢绝无节操转载营销号使用。不过，料想，他们也不会这么好心再去一下底色的。）如下图：有三种方法：方法一：使用微信后台编辑器的橡皮擦，擦除一切格式，不建议采纳。方法二：所有文章编辑均需要通过wiz笔记编辑器。对Wiz笔记进行如下设置。依次找到以下选项卡：选项——编辑——编辑器设置，平常我们内部编辑器足够我们使用，特殊情况下可自由选用外部编辑器，以满足更强大的编辑功能。其中重点为：字体设为微软雅黑，12pt，行高1.4，文字色为黑色，背景色为#F8F7F5（上边已说过）如此设置后，在wiz笔记内编辑内容后，虽然复制到微信编辑器的时候有灰色的背景，但是发送到手机预览时灰色的背景是看不到的，因为手机上显示时页面背景也是同样的灰色（#F8F7F5）。另注意，从别处复制摘要的内容，需要去除特殊格式后方可在wiz笔记编辑器内编辑，以减少后期工作量。方法三点击wiz工具栏的找到HTML代码选项，即可按照以下步骤继续操作。找到HTML代码选项，即可按照以下步骤继续操作。精简为三小步：1、点击HTML代码选项。2、使用快捷键Ctrl+H将「background-color: rgb(255, 255, 255);」替换为空白3、再点击HTML代码选项，回到可视化文本编辑模式。----最后，附上一个图片压缩的神器如图所示，图片品质可调，支持批量压缩，支持预览，支持压缩到指定大小，简单、快捷、高效。秒杀任何已知的图片压缩软件。&图片致敬
& -----最后，排版之美在于简洁，在于便于阅读，切勿顾此失彼，一味地强调排版而忽视了内容。微信公众帐号：书荒，ID：ishuhuang两只萌妹纸和一只糙汉子共同呵护的网络自留地，聊聊生活，谈谈命运，说说理想，侃侃爱情和..妹纸，然后顺便帮你解决书荒问题。-end
微信公众号运营者们都知道，群发干货文章也好，软文也好，为的就是给用户阅读或植入品牌信息推广自己的品牌，但终极目的则是能转化成粉丝数。公众号推送文章编辑是一个细致的活，图文消息编辑细节决定成败，图文编辑做到细而精，图文阅读和分享自然多，粉丝还不快到碗里来？简单以一篇文章为例，小编教教小伙伴如何从细节入手，巧用图文编辑，让用户看后自觉关注你。一、简短精炼的标题一篇文章，哪个部分是吸引用户、粉丝的关注点？答案当然是标题。标题一直是重头戏，尤其是近期微信公开了阅读数，这促使很多标题党横生。小编摒弃标题党不说，标题应该符合2个要求：1、标题简短，易于用户阅读，标题太长，阅读要花时间，理解标题意思又要时间，这是要逼出强迫症的节奏。2、标题要精炼，能让用户一眼明晰文章将要传达的意图。例：标题“微信加粉有这些技巧，公众号再也不担心没粉丝了”可精炼至“微信加粉秘籍，粉丝快到碗里来”。二、封面标题美陪衬通常推送文章图片和标题是相映衬的，用户看标题的时候也会关注图片，图片做到精致，用户关注度就高。图片的形象要与标题渗透的意思相符，这样才能两者完美结合，传达意境。当然这需要平面设计的底蕴。以黄金大标题图为例，如果你想表达初夏时节的心灵鸡汤文章，试试以下这张标题图，会不会觉得超有意境感？教你如何做好图文编辑增加用户关注 - 微信闻360|分享微信营销案例,微信营销技巧,微信营销教程,微信营销文案,微信营销资源的网站 - 1三、摘要抓取好奇心标题给力，让用户点击进来看文章，成功了第一步。接下来就是摘要，很多微信运营者都不太重视摘要，直接就是文章，但是小编特别重视摘要。吸引人的摘要，足以让用户把整篇文章阅读完。摘要讲究简洁明了、概以全意、引发遐想点。例如前段时间微信公开阅读数点赞数，你想推送这样一篇文章，摘要就可以简而言之：“其实微信将数据公开透明化，其实也可以理解，这也是微信去中心化的一个体现。”这样的摘要就运用到位了。四、内容相关价值高其实图文编辑中，内容是最重要的。许多新用户关注你一方面是觉得文章与自己很相关，还有一种就是与自己不相关，但是却有价值意义，会吸引用户关注，进行分享。就微信营销这一块，最有价值的内容就是实战技巧。中国微营销网总结的几点用户最想看到的价值内容：1、微信增粉方法2、公众号运营技巧3、微信怎么赚钱4、微信营销技巧一般这样的内容分享的用户很多，看到的人也更广了，关注公众号的人自然多了许多。五、文章排版有新意文章排版是很重要的，直接关系到用户是否愿意阅读下去。虽然现在越来越多的运营者排版上已无明显的差异，但是唯独缺少一些新意。可以说，微信自带的后台是相当简单的，玩创意基本不行。文章排版有新意，不多说，看看微客来群发时的文章排版，不敢说有多好，但一定有足够的新意！想学这招的小伙伴赶紧关注微客来并留言，帮你微信号玩出新意。六、超链直捣公众号加关注可以说现在什么扫二维码、搜公众号的方式简直是弱爆了！现在文章内可添加超链接，这就是一个完美的契机。你可以在图文下面直接带上公司的微信公众号，然后添加超链，可直接进入公众号资料页，引导用户点击添加关注。这是最快捷的方式，当然你应该温馨的提醒下用户，让用户知道这个直接关注的超链。微信公众号运营，单靠微信推送文章平淡的排版和布局，已经很难在580多万的微信公众号中脱颖而出。运营者们只有突破局限，寻找创新，把文章编辑做到个性化，博得用户喜爱，只有这样才能保证不会被海量的公众号信息所淹没。
叶良辰教你微信排版叶良辰：在吗赵小西：你谁啊？叶良辰：叶良辰叶良辰：跟你说个事，帮我公号发一篇文章赵小西：为什么要帮你发，自己不会发啊！叶良辰：我在和道上大哥喝酒，没空叶良辰：听别人说你擅长这个叶良辰：晚上九点前就要赵小西：你这是命令我吗？叶良辰：我不喜欢和人废话叶良辰：若你觉得有实力拒绝我叶良辰：良辰不介意奉陪到底****赵小西：你谁啊，我认识你吗？叶良辰：晚上九点前发出，懂？叶良辰：你可以选择拒绝赵小西：可以呀，你让别人发好了叶良辰：不过叶良辰：以后你休想在新媒体圈子里混赵小西：我怕死了~~叶良辰：呵呵，你只要记住，我叫叶良辰赵小西：我他妈不是被吓大的！赵小西：记住你，你配吗？叶良辰：呵呵叶良辰：我会让你明白，我从不说空话叶良辰：嗯，别让我去微新工场找你****赵小西：哦，可惜我只记得长得帅的叶良辰：呵呵，无妨叶良辰：你可以把西瓜会的人全部叫来叶良辰：不介意，陪你玩玩叶良辰：若我赢了叶良辰：你给我乖乖滚出深圳新媒体联盟赵小西：吓死西西了~~叶良辰：兄台，别逼我动用在深圳的势力叶良辰：我本不想掀起一场腥风血雨叶良辰：我是深圳本地人叶良辰：我可以有一百种方式，让你待不下去叶良辰：而你，却无可奈何赵小西：反正你找不到我叶良辰：我知道你公司在高新园叶良辰：你的叫是怪木西西叶良辰：呵呵，还怪木赵小西：怪木怎么了？！叶良辰：良辰最喜欢对自认能力出众的人出手叶良辰：人要明事务叶良辰：所以，良辰望你三思而后行****（两分钟后）****赵小西：那好吧，就帮你这个忙叶良辰：麻烦您了，九点之前发出来叶良辰：那良辰多谢了****（十分钟后）****赵小西：你预览一下，我要发送了噢。叶良辰：你觉得这样就可以了吗叶良辰：不用排版吗赵小西：我没时间排版，不排了！叶良辰：你要是忙，可以拒绝，我不反对叶良辰：若是，相反，看你在群里吹水叶良辰：你的日子不会再很舒心赵小西：呃...算了，反正弄都弄了。叶良辰：你排一下就好了，对你而言，很简单赵小西：那人家许多大V都没排版，怎么解释？叶良辰：别学叶良辰：有的人鼓吹不要排版叶良辰：良辰以为叶良辰：首先，叶良辰：没有硬货，再不排版，就是找死叶良辰：长得一般，再不打扮，能行？叶良辰：蓝后，叶良辰：六神、小道消息Fenng和环时老金，叶良辰：随便写点啥，叶良辰：阅读和转发量都比你多。叶良辰：为啥？叶良辰：人家的内容有资历和名气加持啊。叶良辰：所谓一句顶一万句。叶良辰：所以，谁对谁错，一眼就看出来了赵小西：那好吧。我去找一款编辑器。叶良辰：不必叶良辰：良辰看来，第三方编辑器没必要折腾叶良辰：多一种工具，多一些麻烦赵小西：那用什么？叶良辰：微信公众号后台自带的编辑器就行叶良辰：虽然简陋了点，但是足够用了叶良辰：就像你手里有一把简单的刀，不满足叶良辰：到处去找花里胡哨的刀叶良辰：却没把时间用在练功夫上。何苦？赵小西：也对，排版会消耗很多精力。叶良辰：我问你叶良辰：手中这把简单的刀，你都摸熟了？叶良辰：自带编辑器的功能，你都试过了？叶良辰：每个功能的排版效果你都知道了？赵小西：呃...没有...叶良辰：如果没有，即便给你顶级编辑器叶良辰：你也只会其中几项基本功能叶良辰：排版讲求美感叶良辰：恕良辰直言，各种编辑器很多叶良辰：排出来花样不少叶良辰：但，美感好的文章，真的不多****赵小西：那怎样才算好的排版？叶良辰：你认为呢赵小西：创意好，有很多美图。叶良辰：不对叶良辰：其实，排版很简单叶良辰：目的就两点叶良辰：让读者眼睛爽，印象深叶良辰：更重要的，为了突出内容叶良辰：让读者专注于内容叶良辰：读完文章，知道你叶良辰：到底传达了什么意思，或者什么情感叶良辰：所以，评估一个排版的好坏叶良辰：不是单纯看花样、看创意叶良辰：而是，是否有助于实现这两点目的叶良辰：如果没有，那么花样越多叶良辰：反而造成干扰赵小西：那要排到什么样程度才好？叶良辰：简约，突出重点，必要的引导，即可****（十分钟后）****叶良辰：好了吗赵小西：我还是有点不懂...叶良辰：不懂就问叶良辰：年轻人，不要装逼赵小西：那要怎么用微信编辑器各个功能呢？赵小西：哪些细节需要注意？赵小西：为什么我排出来的效果就很一般啊？叶良辰：排版要注意三点叶良辰：一、颜色和字号，突出重点内容叶良辰：二、段间距和行间距，平衡布局叶良辰：三、线条和符号，实现视线引导赵小西：那能不能说说你都是怎么弄的叶良辰：首先，复制文字，粘贴到微信编辑器叶良辰：记住，不要用ctrl+v叶良辰：这样保留原来的样式，调整起来麻烦叶良辰：要用ctrl+shift+v粘贴赵小西：好的，那接下来呢？叶良辰：然后，全选正文，设定行间距叶良辰：微信默认的行间距是1，这样太拥挤叶良辰：最好调为1.5或者1.75赵小西：如果文字少呢？叶良辰：文字少，那就调为2倍叶良辰：这样让文章显得不那么单薄赵小西：那段与段之间要调吗？叶良辰：也要调叶良辰：每段文字要少，段与段之间空一格叶良辰：不然大段文字容易让读者失去耐心叶良辰：此外，还可以调段前距和段后距叶良辰：你可以试试看赵小西：试了下，看起来舒服多了叶良辰：还有，每隔几段文字叶良辰：要用段落标题区分开叶良辰：也可以添加分割线赵小西：好滴。颜色和字号要怎么弄才好？叶良辰：我曾经做过一次测试，有近70人参与叶良辰：最后，有两种颜色得票最多叶良辰：也就是让人看起来更舒服叶良辰：装逼的说法，就是视觉友好度高叶良辰：虽然样本小，但也有参考作用赵小西：是哪两种？叶良辰：595959和a5a5a5赵小西：具体怎么用呢？叶良辰：标题，18号字，加粗，颜色595959叶良辰：可以用汉字，也可以用数字叶良辰：正文，用16号字，颜色595959叶良辰：18号字略大，14号又看起来太费劲叶良辰：正文中的重点内容，可以加粗叶良辰：注释，用16号或14号字，颜色a5a5a5叶良辰：记得把注释部分，加入引用框赵小西：这两种颜色会不会太淡啊，赵小西：黑色行不行？叶良辰：讲真，纯黑有些刺眼，灰色温和些赵小西：那彩色怎么样？叶良辰：呵呵叶良辰：黑灰白三色，最安全也最有逼格叶良辰：彩色不是不可以用叶良辰：但是没有深厚的功力，难以驾驭叶良辰：一般用彩色来突出重点内容叶良辰：良辰偏爱暗红c00000，叶良辰：或者深蓝0070c0叶良辰：记住，除了图片叶良辰：正文全部颜色，加起来不要超过三种赵小西：好滴。叶良辰：还有，背景色要慎用叶良辰：尤其忌讳大红大紫叶良辰：如果，一定要背景色，最好用浅淡的赵小西：对齐怎么弄呢？叶良辰：正文一般情况下左对齐叶良辰：除非文字特少，比如诗歌、广告文案叶良辰：可以18号字正文居中叶良辰：右对齐用的少，你也可以试一下叶良辰：列出的条目，或者并列关系的句子叶良辰：可以用有序或者无序列表区分开叶良辰：对于无序列表叶良辰：小黑点适合英文叶良辰：小方块更适合中文叶良辰：小圆圈适合注释内容赵小西：哇，按照这么排，果然好多了！赵小西：可是，这样会不会有点单调？叶良辰：别急，还没完叶良辰：对于文章中的人名、地名、书名叶良辰：可以加下划线，一目了然叶良辰：斜体不讨巧叶良辰：一般用于正文中括号内的注释叶良辰：用线条和符号，引导视线叶良辰：领着读者的眼睛，叶良辰：看你想让他看的地方叶良辰：各种三角符号是个好东西叶良辰：? ? ? ? △▽▲▼叶良辰：其他还有一些备用符号叶良辰：直角引号比较古典，尤其用在标题中叶良辰：用「」和『』代替 “ ”叶良辰：▍这个加在分级标题前效果好叶良辰：▏这个在段落前等于是空格叶良辰：? 和 → 还有 ? 以及 ? 引导视线叶良辰：? 和 ? 是已经选择，OK叶良辰：? 是错误，删除，NO叶良辰：? 是剪切叶良辰：? 这个是复制粘贴叶良辰：? 是添加，补充，选项叶良辰：① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩叶良辰：这样的数字是不是很酷叶良辰：Ⅰ·Ⅱ·Ⅲ·Ⅳ·Ⅴ·Ⅵ·Ⅶ·Ⅷ·Ⅸ·Ⅹ·Ⅺ·Ⅻ叶良辰：罗马数字比较优雅复古叶良辰：更多符号，可以搜：****赵小西：这么多，完全够用了。赵小西：对了，配图怎么说？叶良辰：鉴于公号文章在手机上的阅读效果叶良辰：题图最好选择横向矩形状叶良辰：并在图片下面，用文字说明出处叶良辰：12号字，颜色a5a5a5，居中，叶良辰：文前加 ▲赵小西：你觉得，图片要不要打上水印？叶良辰：良辰是这么想的叶良辰：涉及到私密的图片，就打水印叶良辰：让人拿去不容易胡乱用叶良辰：如果是别处找来的图片，不打水印叶良辰：方便读者保存叶良辰：换个角度想，叶良辰：你看到一张喜欢的图片打了水印叶良辰：有什么感觉？赵小西：我会不开心~~叶良辰：那就对了，你会因此产生微妙的厌恶叶良辰：如果他可以保存不带水印的图片，叶良辰：就平添几分好感赵小西：我还想加入一些gif动图，赵小西：末尾加个带指纹的二维码，赵小西：这样引人去关注公号。叶良辰：千万别，良辰不喜欢叶良辰：我想问一下，有卵用不？叶良辰：一闪一闪的，眼睛都被闪花了赵小西：呃，好吧。赵小西：排的差不多了。叶良辰：好叶良辰：排版样式定下来最好不要变叶良辰：这样便于形成视觉风格叶良辰：通俗点说，叶良辰：让人从穿衣打扮上一眼就认出来是你叶良辰：抓住几个主要的就行，无须面面俱到叶良辰：美感是和谐，不是花样的堆砌叶良辰：花样不过是锦上添花叶良辰：有的甚至是锦上添乱赵小西：嗯，确实。叶良辰：在简书上用Markdown写好，再拷贝叶良辰：也是不错的选择，简约、大气叶良辰：良辰喜欢大气的东西赵小西：Markdown？怎么用？叶良辰：可以去简书看V先生写的一篇文章叶良辰：[《10分钟学会Markdown V1.5》]()赵小西：好滴。赵小西：良辰，你让我想起一句话赵小西：Less is more赵小西：以前读《道德经》里，也说赵小西：少则得，多则惑叶良辰：嗯，就是这样叶良辰：你已经得知精髓了叶良辰：奥卡姆剃刀：如无必要，勿增实体叶良辰：假如排版占用你过多时间叶良辰：就有必要停下来想一想叶良辰：其中是否有一些不必要的细节？叶良辰：留白，是一种艺术****赵小西：差不多了吧，还有要注意的不叶良辰：对了，文首记得注明作者叶良辰：如果可以，叶良辰：标上篇目，如001，让读者心里有数赵小西：标题呢？叶良辰：标题有两种，正与奇叶良辰：就像兵法一样赵小西：啥意思啊？叶良辰：正标题，寥寥几个字，叶良辰：一眼就让人知道是干嘛的叶良辰：奇标题，制造悬念，叶良辰：让人忍不住想点开看叶良辰：良辰读了辣么多文章，啥标题没见过叶良辰：但凡喜欢的标题，都记下来叶良辰：汇总到Excel表中，写文时就参考下叶良辰：此外，对于公号的文章叶良辰：标题的效果有三种场景叶良辰：推送用户、转发朋友圈、发送给好友叶良辰：不同场景，标题的呈现略有不同叶良辰：最好分别预览下效果再发布赵小西：好。赵小西：良辰，你是怎么学习排版的？赵小西：相比起鱼，西西更想知道如何捕鱼。叶良辰：没有捷径，多看，多总结叶良辰：良辰平时看到排版好的文章叶良辰：都手机截屏，定期导出图片到电脑上叶良辰：汇总至文件夹，名叫《排版创意库》叶良辰：时常浏览学习下叶良辰：要知道，叶良辰：这些都是别人千辛万苦琢磨出来的叶良辰：除了参考别人的文章叶良辰：还可以读读Muji艺术总监原研哉的书叶良辰：《设计中的设计》和《白》赵小西：良辰这番话，小西还要消化下。赵小西：我先把文章弄好，在八点前发出去。叶良辰：好的，有劳小西了叶良辰：有时间，良辰必有重谢！****作者：V先生.私聊、转载、约稿事宜请加V先生私人微信：zorbabuddhaV先生的公众账号：iamvxsV先生的知乎：V先生的简书博客：
【补充】不谈具体的内容，单从编辑发布图文信息的角度来看，做好格式的首要一步，是正确理解图文的逻辑关系。什么是逻辑关系？简而言之，就是文字和文字的关系、文字和图片的关系，以及图片和图片的关系。微信上的图文消息，大抵有这么几种形式：一整段文字（中间可能穿插少量图片）；多段文字（每段带标题）；文字穿插图片（文字量相对前两者较少）；多图（会在开始和图片下方有少量文字）对于一整段文字来说，比较好的方式就是提升文字的易读性，并尽量减少对阅读的干扰。转换到实际的编辑工作中，由于有跨平台的需要以及网页和移动端的一些限制，所以主要就是打松行间距、拉开段间距，并且设置一个合适的颜色，如果开头有介绍性文字的话可以加个基础的框，当然，如果文章内没有英文且数字较少的话，也可以考虑做首行缩进。多段的文字，在文字段落上的处理基本和整段文字是大同小异的。如果每段文字的内容不算太多，那么可以考虑使用框线来处理；如果都是大段的文字，那么直接在标题处抽真空（做留白）加线分隔也是不错的方法。至于文字与图片互相穿插的文章，则要视具体内容而定。比如一些类似于列举类（比如标题是“十大…”、“20个…”诸如此类）的图文，可以用框线逐个圈禁，再适当的使用颜色来增加图版率，活化版面；也可以用不同的图文块设计互相穿插，或者适当增加跳跃度，来体现图文内容。最后，对于多图的内容，从打开速度和效果来看，都是不太推荐的。但如果一定要编辑的话，如果可以，最好是分为两部分发送，在格式上也要尽量“减负”，因为纯图片的内容，图版率已经飙到最高了，就没必要再加其它的东西干扰读者了。【未完待续…】······································?·········································【原有回答】怎么编辑上，其它回答已经说得差不多了，我再补充几个建议：编辑器建议用UEditor。不是因为它够直观，主要是因为微信用的那个其实就是他家的……建议学一点点的前端，因为编辑公众平台的文章所用的代码其实也不是很难，大的代码块一般都会封装在&p&和&blockquote&、&fieldset&这几种标签里，再用style写一写样式就好了。自己写的话，其实可以不用复制粘贴中的代码那么乱就可以达到一个不错的效果，还不会雷同；如果会用ZenCoding（Emmet），其实很快的（我一般用Brackets编辑，还有颜色预览哦~）。如果敲代码的话，稿件中的图片建议在稿件准备好以后一次性上传到公众平台，然后拷贝回UEditor编辑器抓到&img&就能直接扔到代码里了。常用的图片和一些分隔符、二维码之类的，可以在编辑好代码之后单独保存，用的时候直接拷贝代码放在需要的位置即可。这里要特意说明的一点是，如果图片是一些配色相对简单（比如只有二维码、公众号名称和关注提示的图片，配色只有黑白和一个底色）但对锐度要求略高的图片，（用矢量工具）导出为8位PNG会比非常容易产生杂色的JPEG更适合。取色可以参考，至于具体配色嘛，没把握可以参考一些现有你觉得做的比较好的公众号的选择。先说这些，回头想起什么再补充。
已有帐号？
无法登录？
社交帐号登录