在微信公众号的图文内容里的这种图片是怎么做到的？有编辑器或者app能做到吗_百度知道
在微信公众号的图文内容里的这种图片是怎么做到的？有编辑器或者app能做到吗
//b.jpg" />截图里的那个建筑物内部的图片://b./zhidao/pic/item/32fa828ba61ea8d32cdd9abf5894。怎么做的.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="http://b.hiphotos.baidu，是可以用手滑动的.com/zhidao/wh%3D600%2C800/sign=8b6d7f824dfbfbeddc0c3ee/32fa828ba61ea8d32cdd9abf5894.jpg" esrc="/zhidao/wh%3D450%2C600/sign=d28da37df136afc30ec7f2/32fa828ba61ea8d32cdd9abf5894，自行脑补一样<a href="http.hiphotos
提问者采纳
其他类似问题
为您推荐：
其他1条回答
css代码控制的
你把原网址复制一下提取出来更改图片就行啦
编辑器的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁如何排版微信公众平台的文章？
微信公众平台的图文编辑能力个人觉得就是一超级大BUG，但是还是看到不少图文消息的排版十分美观，他们是如何做到的？
按投票排序
: 网友补充道目前的新版微信公众后台里，已经不支持插件转换了，但是可以利用一些MD的书写软件渲染后后，在复制到后台。下文是利用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 的读者我不告诉他。其次，好的排版会让读者读起来舒心和开心，他们一高兴就会想「这小子花了这么多心思，咱还是买丫本书吧」。第三，可以买书。
泻药。我从素材搜集到文本整理、写作再到文本编辑几乎全部通过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
和菜头版权所有，我们是自媒体的搬运工开设微信公众号的个人、媒体、商家越来越多，许多原来传统媒体的人也在不断迁移过来，而且是带着原来的编辑习惯过来。结果就是页面惨不忍睹，那叫一个谢特。偏偏有些内容还不错，那么勉强看下去，内心那叫一个法克。有鉴于此，代表着龟毛的正义的少年的我，必须出来说几句：1、请在段落间空行！平媒排版，首行缩进两个字，段和段之间不空行。这个原则拿到网络上来，尤其是手机上来，简直是累死个人。为什么？因为在那么小的屏幕上阅读，需要足够多的空白让眼球休息一下。眼球的天性就是不断扫描内容，这个小东西蠢萌蠢萌的，如果没有看到空行或者分隔符这样明显的间隔，它就会蠢萌蠢萌地自主往下扫读，时间一长就累死了。相反，如果下面有空行，它就傲娇地减缓速度，因为它知道那里是视觉上的标记，下一次可以从那里继续阅读，就不用继续不断向下扫读了。所以，为了读者的眼球，段落间请空行！2、首行缩进去死！即便有了段落间的空行，如果继续保留平面媒体的首行缩进，页面还是会跟谢特一样。为什么？请看我这篇作文的左侧，如同刀削斧砍一样有没有？那我每段缩两格呢？那么，左边的空白就会变得非常不规则，跟狗啃过一样。段落间是空白，这个空白加上每行开头的空白，这就是缺牙狗啃出来的效果。要知道，你们人类蠢萌蠢萌的。蠢萌的人类天性喜欢规则外形，像我这样方正的块状文字，视觉上分辨起来很容易。这样会不会太萌呆了？请看文章的右侧，看到因为中文在排版上天然造成的残缺吗？是不是形成了自上而下无规则的空白变化？嗯，这就是我们网文届体现飘逸的地方。凡事要知道原理。你拿一本书起来，是不是和脸一样宽？那是不是说你的视线自然落向书本，就可以笼罩一行的宽度？你再看看书页的形状，你读的时候，是不是当前读的这一页中间隆起，两边下沉？那你为了阅读，是不是经常手腕轻微左右转动？书被设计为适合你们人类眼球阅读的形式，而且有手的帮助，所以在每一段做首字缩进已经足够了，眼球在那个空位上扫一下就能定位。可手机屏幕有多宽？一行能放几个字？一眼又能扫几行？手机阅读是非人类的，所以我们要放置空行，所以我们要废除首行缩进，好让读者读起来不累。3、记事本万岁！文字工作者之前不涉及具体的排版，Word文档写好交给排版室就好了。但是，在微信上发布内容，你是你自己的排版师，你要对最终输出的效果负责。有些奇丑无比的页面一眼就能看出来，是直接从Word文档里拷贝粘贴过来的。让你的Word去死吧！因为微信的编辑后台是一个网页编辑器，什么意思？就是如果直接拷贝粘贴的话，会带着原来的格式过来。无论你的原文是放在Word文档，还是网站上，一群你根本不知道他们姓名的伟大工程师为文本里的每一个字都指定了大小、粗细、颜色、字体。你如果不看代码，是不知道他们做了这些指定的。但是，一旦你直接拷贝粘贴过来，会带着原有的所有格式过来。而那些格式，很可能根本不适合手机，也不适合微信。所以，麻烦你无论拷贝什么内容过来，先打开一个你可能觉得巨土无比的工具，它的芳名叫做：记事本。她那蓝色的小封面安详而坚定，三十年间一直如此从容美丽。请把内容粘贴进记事本，等再次拷贝出来的时候，一切原始的格式都会消失。微信自带的网页编辑器会为你的文章重新指定合适微信阅读的格式。记事本！Boys And Girls，弄起来！4、体积！体积！体积！微信公众号支持图文模式，但这不意味着你可以把你喜欢的图片直接上传就OK了。你有没有想过，在我大中华的广袤领土上，还有很多同胞用不上Wifi，买不起3G手机，在用2G小水管艰难地下载你的巨图？那种等待打开时的尿急感，你知道有多痛苦么？你考虑过膀胱的感受么？好了，膀胱终结者，请永远把图片的尺寸放在心上，尽可能地降低你每一个图文页面的体积。麻烦去下载一个修图软件，这里我不方便提及名字，以免我的读者投诉我涉嫌做软广告。你可以用那个不可以提及具体名字的美图秀秀对图片做裁剪，无论如何，请不要让宽度超过600。在储存的时候，请务必存成JPG文件格式。而且，在JPG字样的边上，有一个按钮叫：画质。请勇敢地点开它，调节压缩的百分比。没有什么图片是必须用100%压缩比率的。你可以直线压缩到85%，在这个比率上是最划算的，体积飞速下降，图片质量却不会有肉眼可见的大幅度下跌。请尽量让图片的体积低于100K，最好是60k以下。这样，2G水管用户还能够忍受，厕所目视可见，不会尿在裤子上。5、用手艺推广学坏容易学好难，很多人上来就学习各种营销号，在文章最后挂上一堆花花绿绿的东西。你确信有用么？你觉得自己写了半辈子文章，可以跟网上这帮中学没毕业，工作之后就在做内容农场，诱骗点击，站群SEO的哥们比拼怎么骗用户么？在微信公众号里搜索我的ID和菜头是找不到我的，必须搜索槽边往事才能找到我。但人们还是来了，为毛？因为我在文章屁股后面挂了一串屁帘？告诉他们怎么关注我？怎么转发？错！因为我英俊，我的英俊吸引了这些颜控读者，所以他们克服千难万险也要关注我。一个人一辈子有一样技能比别人强已经很不容易了。所以，多想想怎么让手头的这个技能达到极致，而不是再学几门三脚猫的手艺。写字强，那就好好写字。把字写好，把版面弄清爽。你关照你的读者，虽然他们腹黑又蠢萌，但是他们迟早会感受得到你的这份心意。于是就会觉得你很英俊，人见人爱，花见花开，菊花见菊花开。这才是最好的推广。6、结语隔行如隔山，又说到什么山头唱什么歌。既然来到网络，来到移动互联网，那么就按照这里的规矩来。一个三四种字体，七八种颜色的页面，那是丐帮的制服。而一个简洁、紧凑、漂亮的页面，如同一个人洗脸刷牙浆洗衣服一样，是对观者的尊重。唉……一个经常写错别字的人，也恬不知耻地和别人大谈尊重读者，这是什么世道啊？你是谁？为什么到我的作文里乱写字？我是你的羞耻心啊，菜头，你怎么变成这样了？滚粗！我是著名网络作文家好吗？唉，让你这么愤怒，都是我不好，来，抱抱……就这样吧，散会！(C)本文来源于和菜头，版权属于原作者— 公众平台智库 —提供给微信运营者全称智力支持排版、案例、工具、营销[ 微信号：gzptzk]— END —
时代在进步，知乎回答也要时刻更新。师父还发现最近微信文章的排版比以前有了挺大的提升，所以结合最近的与广大的运营者、读者以及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排版微信交流群的二维码，欢迎加入~扫码直接可以注册，查看使用方法：
为了提升公司所经营公众号的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，这像话吗？！------未完-------
原答案已删，推荐用秀米和135吧。
看到有人居然给我点赞！我的小心脏啊！于是我决定今天先排下版，然后慢慢更新。（7.17）我来回答一下吧，刚入门微信不久，尽情的拍砖吧写在前面我在两个月前，就知道微信目前大概有三千多万公众账号了！个人感觉微信的趋势越来越像微博了，抓住第一波浪潮的人，得名得利，我们这些跟风的人，其实很困难，尤其是做纯自媒体的，更困难，个人认为，微信目前最好做的还是基于实体企业的o2o优化。好了，跑题了，接正文吧。你的公众号的定位是什么？需求决定供给我觉得公众号的排版是和你本身的公众号定位是相关的，排版，内容，图片都是以用户为中心的，并不是考虑你排版美不美的问题，而是要考虑你的粉丝定位什么样的，从而给他们什么样的排版和内容体验。需求决定供给一、举一大堆栗子我个人加了好多好多微信，大概的分类如下。资讯阅读类深阅读类实体企业类网店类三俗类资讯阅读类 首推36氪 他的定位是资讯，也就说，我作为粉丝打开的要阅读的东西，就是看标题，其他的不重要。于是他的排版是这样。基本结构是标题图1标题（加粗显示）文字2标题文字底栏深阅读类 果壳 他的定位深阅读，为什么我觉的他是深阅读呢？主要因为他每次的推的文章基本都是以问好作为题目的，况且大多是人都是geek，感兴趣的他们花时间去读。基本结构正文插图正文插图底栏还有我自己的“温小野的九点十分”（广告！！！！！！！！）我给他们的定位也是深阅读，但是我没有那么资讯可以讲也没有好的文笔，于是就要给别人能看下去的感觉（那就要靠排版了）。基本结构栏目图微信名称前言内容图（必有的）正文题目小标题1正文小标题2正文插图投票拉粉丝底栏实体企业类 企业的公众号就是为了营销！就是为了变现！突出产品，就好！温州本地一家企业的排版顶栏（）题目正文（各种五颜六色，越花越好）图片图片图片图片图片底栏（交代自己的地址）网店 炒客（我的公众号就是抄袭他的排版，也是我目前看见的最好的排版）定位就是高逼格加小清新。美图美图美图文字文字底栏三俗类这个我不多讲 应该算是以上所有类型的综合体看了这么多，估计也应该能对比其他公众账号有个定位了，明确自己的定位，参考同定位的公众号排版风格，就设计或者借鉴别人的排版以下是我运营自己公众号的一些经验，和大家分享1、微信公号的底不是白色！！！！！！！！！！！我们很多人都知道，但是都忽略了这个问题，这个在配色时候会有很大的出入！微信的背景颜色是#f7f8f3然后你可以参考网页设计的经常配色思路去改变字体的颜色。2千万不要用微信自带的编辑器！功能阉割不说，编辑的地方很小啊！有木有！没有效率啊！有木有微信用的是百度的ueditor编辑器推荐在这个里面编辑，编辑的时候很有快感啊！有木有！3、能借鉴的就借鉴！你可以不懂html css什么，但是一定要懂得复制黏贴。用微信网页版打开你喜欢的公众号页面，然后复制到ueditor里面，打开代码模式改！4、你没节操的复制黏贴，有白底怎么办！用橡皮啊！！！！5、内容为王，外在的一切都是纸老虎！6、微信排版，真的，干净就好。微信内容控制在手指划三页之内。千万不要有错别字！三、撸个广告聚米派（jumipa）个人微信 wheredyougo
最近撰写的关于微信排版的微信文与大家一起分享：但是作为一枚文案汪微信运营相较于传统广告多了一门叫做“排版”的新姿势好的微信排版能够让文章看起来▼我想这次奥格威撰写的《一个广告人的自白》应该是帮不了我了毕竟这本书正式出版时貌似微信他爸都还在喝奶奶（奶奶请读第一声）可是大师就是大师，我重拾翻阅旧书没想到发现了关于“文案排版”的篇章精选八条建议，与大家一起分享1这是写作排版的首要建议一系列精心撰写、安排巧妙的小标题可以把你想传递的全部信息的实质告诉那些懒得读全文而知浏览广告的人例如下面的文章如果不分段就显得鸡肋2微信编排中对于首个文字的放大，有着强调吸睛的效果，即便我这段文字主要是就是展示这个板式，没有啥卵用，相信你还是看这些废话了~3赶脚处女座看见这样的排版会抓狂过长的文字容易让读者厌烦阅读所以多分段，多起小标题逐步吸引读者的兴趣4对于字体的要求，奥格威是建立在报纸排版同理，字体大小对于微信排版来说也很重要我习惯使用14px听说显得比较精致还能装逼不要问为啥反正谁用谁知道5使用一些分隔符可以营造一种留白艺术感此乃微信运营装逼偷懒必备良符例如：以下四种排版案例逼格和留白成正比关系▼6你造么，手机党窝在被窝里看微信已经很辛苦了整篇文章要是黑底白字这种费神费力的阅读体验分分钟给你果取关（莫非你的微信是恐怖漫画主题？）7关于这点，我想强调“简洁”若想保持逼格，首先不要卖萌▼不要一闪一闪亮晶晶的特效▼更不要试图在微信里召唤▼理想的配色方案应该是黑+灰+白香奈儿的品牌基色也是这三跟着逼格之神后面学，不会错或者选定符合品牌LOGO的颜色微信排版的工具我只推荐三个▼秀米+ i排版+135编辑器稳定、简约、还能组合放招（本文排版使用了以上三种工具）8哈罗德·鲁道夫大师把这种魔力的因素称为“故事诉求”在照片里注入的故事诉求越多读你广告的人也就越来越多同理微信编辑中只要你能不怕麻烦为文章找适宜的配图点赞转发你微信的人自然也会越来越多
同样用的是UEditor编辑器：经过试验确定了格式大概是这样的：字号大小12px，行距2.0，段前距10，颜色#7f7f7f，两端对齐。还算舒服吧。如下图所示（适合普通长文）公众号
（laoqinppt）： 关于目录的排版可以按照需求，缩小了字号以及用了一些特殊样式：当然，超级无敌好看的公众号号排版(
：weikeshalong)：
这个问题吧，先给大家看一下百度的结果:其实吧，2013年6月的时候，才有微信排版这个概念，我也在那个时候写了一系列的微信排版教程。教程汇总在我的公号里，如果你真的想把微信公号做好，你可以搜一下我的公号“刘健亮”，不玩公号的就不要关注了，不能提高打开率的关注都是耍流氓。给大家截几张图看看我平时的一些排版吧：其实我更想说的是：排版不是为了好看，而是为了阅读体验。不能为了排版而排版！对于普通的文章而言，主要就是由文字构成，文字清爽一点即可，堆砌效果是画蛇添足的事。如果你真的追求排版效果的话，需要懂点CSS知识，每一篇文章就是其实一个网页。懂网页编码，才能灵活实现效果。如果不会代码的话就直接COPY别人效果再修改文字吧！比如我的效果，大家可以免费COPY！再给大家推荐一些常用的工具吧：-----------分享我公众号最近的一些排版样式：文章专题排版（可跳转到图文）杂志风排版（可设计多个栏目）
微信公众号运营者们都知道，群发干货文章也好，软文也好，为的就是给用户阅读或植入品牌信息推广自己的品牌，但终极目的则是能转化成粉丝数。公众号推送文章编辑是一个细致的活，图文消息编辑细节决定成败，图文编辑做到细而精，图文阅读和分享自然多，粉丝还不快到碗里来？简单以一篇文章为例，小编教教小伙伴如何从细节入手，巧用图文编辑，让用户看后自觉关注你。一、简短精炼的标题一篇文章，哪个部分是吸引用户、粉丝的关注点？答案当然是标题。标题一直是重头戏，尤其是近期微信公开了阅读数，这促使很多标题党横生。小编摒弃标题党不说，标题应该符合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更适合。取色可以参考，至于具体配色嘛，没把握可以参考一些现有你觉得做的比较好的公众号的选择。先说这些，回头想起什么再补充。
其实微信公众平台的图文编辑排版，很多都是借助第三方图文编辑器，在第三方平台编辑好了，直接copy过去，图文编排就美美的了。以下是我日常工作中，经常使用的一些工具：我感觉这是我总结过程中，目前用到比较实用的微信图文编辑器：易点编辑器：秀米：135编辑器：96微信编辑：关于微信运营的更多详细内容：可以点击这篇我总结的文章，全在里面。《》
写在前面:读罢期待已久的马尔科姆.格拉德威尔的传播学著作《引爆点》，作为一个微信平台运营者的笔者来说，自然免不了有一些感想。运营平台近一年的时间，弯路并不是没走过，成功的经验也并不是没有，如果说有什么值得拿出来分享的，恐怕也都在此文之中。当然《引爆点》给我个人所带来的，也不仅仅局限于这些。全书结构清晰，作者为“引爆点”（即引发病毒性传播的那个关键点）列举了三个要素：个别人物法则，附着力因素，环境威力法则。笔者姑且依此逻辑按图索骥，以期与读者一起发现具体到微信公众平台运营的引爆点，期间将穿插一些个人在运营微信公众平台“四九城”及实际生活中的真实案例，以避免纸上谈兵。（一）、个别人物法则引爆美国独立战争的那个“点”，竟然是一个名为Paul.Revere的魅力小伙的一次骑马夜行？正是他将英国军官不经意的一句“明天要好好教训美国人”的话，散播到了从查尔斯顿到列克星顿的多座村庄，从而引爆了第二天一早的北美独立战争。我们认为，Paul是一个集合了所谓“联系员，内行，推销员”的天才，换成Peter，则也许根本没可能完成这样的壮举。“联系员”，“内行”，“推销员”的定义非常容易理解，不妨回忆一下，你是否曾遇到过：声称“只要你告诉我她的人名，我将在三分钟之内告诉你她所在的高中和班级”的家伙；对于苹果系统新升级版本的每个功能都了如指掌，并不厌其烦地告诫你一定要选购ipadmini而不是一个ipodtouch的人；成功地说服你一遍又一遍去他的淘宝店选购商品，并清空你的购物车的导购员；那么恭喜你，他们就是你要找的“联系员”“内行”和“推销员”。这一点对于平台运营的启示则是：试着找到属于你的平台的“联系人”，“内行”和“推销员”，尽管它们或许并不仅仅局限于个人的身份。这里以“四九城”在2014年夏天制作的微电影《念想》的传播过程为例。在该电影发布的第三天，北京国安官方微博转发了我们的影片，拥有着470万粉丝的微博大号便可谓“联系人”；国安官微延伸了此次传播的“触角”与此同时，尽管我们的影片并没有立刻博得资深电影人的青睐，但是却引起了诸如“新片场”等专业电影网站的兴趣，而他们的自发传播也一定程度上为影片吸引到了圈内人士的关注；至于“推销员”，谁会为了一部网络微电影苦口婆心地劝说别人呢？事实上，我的理解是，每一个通过类似微信朋友圈等方式传播该片的个人用户，在网络传播的这个维度上，都可以被纳入“推销员”的范畴。因为他们与受众之间是更为私密的朋友关系，而不是信息发布者与粉丝的关系，他们的转发（更何况部分转发者还附带了极为精彩的短评）使得信息更具有附着力，从而不会对受众造成所谓“左耳进右耳出”的低效传播。朋友圈传播充当了“内行”角色《念想》在微信上所实现的传播效果（二）附着力因素法则“在适当的情况下，总是存在一种简单的信息包装方法，使得消息变得令人难以抗拒，我们的任务就是要找到这种包装方法。”马尔科姆给出的一个故事是：如果你通过校园报刊的专栏告诉一群高中生“在流感病毒高发季应该接种流感疫苗，而校医院目前正免费提供流感疫苗的接种”，则一个月后真正接种了疫苗的学生仅占全体信息接受者的3%；若换一种方式，专栏中的内容一个字都不改动，只是在旁边注上一幅简单的校园地图并标明校医院的位置（尽管这看上去是完全无用的信息，因为学生们不知道校医院具体位置的可能性几乎为零），这个比例将提升到28%。事实上，让读者真正选择去阅读和分享你在微信平台上发布的文字，附着力因素更起着尤为重要的作用。案例一：14px与16px“一味”与早期的“四九城”的两篇图文坦白讲，尽管这两者都想营造出一种“文艺小清新”的图文风格，但看上去显然是“一味”做的更为成功一点。即使是假设两篇文章的文字水准没有差距，我们也可以从阅读量上判断出孰优孰劣，而问题的根源之一实则很简单：一味的编辑选择了14px的字号，而四九城的编辑选择了16px的字号。14px在手机上的显示效果与16px的差距远比你想象的大得多。一个有趣的现实体验是：小字体相较于大字体更给人一种素雅的感觉，并且，如果你的目的只是让图文交融使读者产生一种“好文艺啊！~”的评价（换言之读者通常不一定会认真阅读文字），14px的字号显然能实现更好的效果。案例二：封头图和封尾图封头图和封尾图现在几乎成为了所有推送的“标配”，也正是由于这个原因，它们在吸引关注者方面的功效也渐渐变得鸡肋，但可以想象第一个这么干的平台一定受益匪浅，就好像第一个穿上高跟鞋的女人那样引人注目。但是当所有女人都穿上高跟鞋，高跟鞋本身的功效也就丧失了简短的却包含着盛情邀请甚至“勾引挑逗”的文字信息，往往能使得一个在“关注它”和“不关注它”之间摇摆不定的读者决定选择前者。【皇城根胡同串子】制作的较为简单的封头封尾图出于美感及实用性等方面的考虑，四九城在运营后期撤掉了封头图，但一直保留了精心制作的封尾图。请拉到文章最后观看，或者待会儿您分享本文的时候再观看也不迟。案例三：排版方式上的美感及其他采用空行式分段而不是缩行式分段，采用字体加粗的方式对内容进行分割，插图与文字的结合方式，乃至文章题目遮盖封面图的面积...排版方面的优化对于一个微信编辑来说是永无止境的努力过程。事实上，一种正确的分段方式往往就好比一副简明扼要的标注校医院位置的地图，尽管它看上去对内容没有一丝一毫的影响，但是却在一定程度上决定了读者会不会将你的文字看下去——回忆打开一篇微信推送的过程吧，题目也许足够吸引人，但是你会先进行一下卷屏操作来决定是否开始从第一个字开始阅读（而那实际上就是人们下意识地审阅排版质量的过程）当然，如果您能够耐心地读到这里，也就证明本文的排版至少是合格的。精心设计的《念想》微电影首发排版为读者发送语音信息，与读者的个人故事互动，甚至发放刮刮卡...（刮刮卡来自：阿蒙的店）（三）环境威力法则其一，“然而，你一旦理解了环境的重要性，理解了环境中那些具体，相对细小的因素可能成为人们的行为引爆点...”马尔科姆甚至举了一个略微极端的例子：想要治理纽约地铁的乱现象吗？先把列车上的涂鸦擦干净吧。该说法涉及包括“破窗理论”在内的一系列理论支撑，但显然与本文的讨论不搭边，故在此带过。当然，这并不是说环境因素法则对我们的现实生活没有指导意义——大学食堂中嘈杂烦人的就餐环境，学生们不守规矩的用餐行为，其引爆点也许正是收拾脏餐具的工作人员制造出来的震天响的噪音。纽约地铁车厢内的涂鸦其二，“150，一个神奇的数字...为了发起大规模的流行，你得首先发起一些小规模的流行，而这规模要控制在150人之内。”名不见经传的女作家作品《丫丫姐妹会的神圣秘密》为何会登上畅销书排行榜？原因是她举办了一场针对150位左右的感性的中年妇女的朗诵会，而150这个数字之所以神秘，是因为一旦越过了这个数字，群体在统一观念，行动能力等方面就会出现结构上的障碍。是什么引爆了“丫丫姐妹会”？也许我能据此给与“四九城”同期创办的微信公众平台“CampusChic”提出一些点子。这是一个致力于宣传高校潮流文化的组织，运营状况也相当不错，且他们的线下Party也办得有声有色。然而，两次受邀参与其中的我却每每感觉此Party缺少一些Party必备的，类似“凝聚力”的东西，喧闹的环境和糟糕的服务质量往往令精心筹备的Party大打折扣。"CC"的两次制作精良的Party宣传而我的建议是：把参与Party的人数控制在150人。这不但有助于改善环境和服务，更重要的是令Party产生令人期待的“向心力”。每个参加Party的人在Party结束后都会告诉身边的朋友：“嘿你知道CC吗？Party特棒，平常推送的内容也很棒！哦，就是个微信公众平台啊，微信号是...”而不是：“哦你说Party啊，还行吧，喝了好多酒，好像是一个公众平台办的吧，叫什么来的...反正就是跟一般的夜店酒吧没什么不同啦。”CC的Party现场后言：与马尔科姆一样，由于《引爆点》给出的三大要素并不在所有的情况下都适用，因此他在书的最后还加上了两章“个案分析”。从微信运营的角度上来说，故事甚至还要有趣的多。下面仅给出一例：这是我们后台回收的一组数据，请注意“图文页阅读人数”和“转发+收藏人数”这两项，很有意思的一幕出现了：阅读次数的多少与转发收藏人数的多少竟然不呈现正相关性，甚至还偶然地呈现出负相关性。这个问题实际上也很好回答：你只需要考虑人们选择“转发”一条图文信息时候的基本动机就可以了。大多数时候，人们这么干并不是真的觉得本文有多么“有用，精彩”，而是转发该文这一行为本身可以让自己“具有某些特质”，“找到身份认同感”或“凑个小热闹”——作为国安球迷，转发一条关于国安比赛的信息，则带出了一种球迷的骄傲；作为吃货，转发一条关于美食比较的信息，则是在标榜自己食之有道。而阅读量最多的那一篇，尽管我个人认为其精彩程度是最高的，但是它并不具有太多的吸引人转发的特质。但无论如何，我们要做的传播就是要让更多的人去看文章啊，那么上例是否意味着吸引别人进行分享是徒劳的呢...?
干货编辑器万岁本文适合无编程基础、想快速上手又希望排版出彩的微信公众号小编，编程代码大神请飘过……嘻嘻微信公众平台感觉是被各种阉割的，缺少的功能太多了，导致我不得不四处搜罗弥补方法。今天先说说图文编辑。平台自带编辑器的功能实在是渣， 字体、字号、行间距、首行缩进统统没有，连字体颜色都木有我最爱的桃红色，以至于每次我想用桃红+天蓝配色时，欲哭无泪……大概半年前，人们还是通过代码编程CSS语言来提升编辑器的能力，但是无基础小白看到这个画面就醉了吧……眼看腾讯迟迟不改进公众平台的编辑功能，各种第三方编辑器如雨后春笋一般冒了出来。不得不说，造福人类啊。什么是第三方编辑器独立于腾讯微信公众平台之外，由第三方企业或个人针对公众账号管理者开发的，能够便捷进行微信素材编辑和排版的在线工具。我几乎把所有的在线编辑器都试了一遍，给团粉们推荐几款傻瓜式的免费编辑器。共同功能word可以实现的功能这些编辑器几乎都可以办到，还需要我多说吗，改字体简直是小菜。你只要从下面的编辑器里把编好的内容复制粘贴到公众平台去就OK。1微推宝最大特点》十余款精美设计模板，你只要换换图片和文字就好啦2易点微信最大特点》可以在线搜索图片3微联盟最大特点》可以修改段落格式4秀米最大特点》逐段编辑如同手机时时预览现在你可以到PC上去好好体验一下上述几款编辑器，使用方法我相信你只要打开网页就能get八九不离十了。当然每款编辑器也有着自己的短板，以后还会给大家具体介绍。有什么疑问就给团团留言吧！最后，排版只是在内容上的锦上添花，为了更清爽更好地阅读。我们最关注的还是内容质量，千万不要为了追求花哨的排版而忽略了内容哦。
提供几个微信在线图文编辑器，就不截图了，大家可以亲自尝试一下。1.秀米编辑器：2.微信超级编辑器：3.易点微信编辑器：
1.看到别人好的排版，用浏览器打开然后复制下来。改成自己的内容。。直接粘贴在内容里面。2.不嫌烦的话，像上面拷贝代码，百度下“微信公众号”排版会有的。。保存为.html格式。自己打开复制。。。记得改成自己的内容。
百度搜到他的微信排版教程。。。3.复制粘贴文章的时候，清除正文的格式。。。。段落开头空格按四下(那是英文状态下的)这个很麻烦的就是有时候保存后他又往前靠了。。。要多预览几次。。。4.其实如果不烦代码就用编辑器编辑成html网页复制过去然后清除下正文底色差不多了吧~~~不过我还是直接复制成品。。。并用一个单图文收集起来~~~。。比如我收集的排版素材→→，并固定运用。。。。做成一种风格~~~5.如果不是原创内容找些微信导航的网站看看别人的内容也许看到好的排版也可以复制——导航网站也可能有排版素材，分割线素材，指引关注/阅读原文素材。。。6.段落间的隔行看情况，我不固定。。。开头空两格看起来知道是一段话了。。。适当插入图片~~图片可以做分段用~~~7.发之前一定要多预览。。有时候ctrl+Z撤销会改掉另一篇文章的——如果你先后修改两篇然后撤销几次。。。结果两篇文章都是第二篇修改的内容了。。。除了图片~~~
什么xxx语言，什么xxx编辑器，需要吗？对大数公众号编辑来说，根本用不到。我想，只要你满足了以下几点，你的公众号文章就已经足够了。1，单图文记得自己写摘要。2，文章所有配图记得色调一致，别整那些花花绿绿华而不实的。3，这不是word，段落首行不用缩进。一般段落之间空行，首行顶格就好。4，如有文章开头有“电子蓝字免费关注”之类的内容，记得把默认勾选的“封面图片显示在正文中”勾掉不要。5，字体一般以14或者16为宜，主要粉丝为中老年人可适当放大。6，行间距默认为1，适当调整成1.5或者1.75就可以。7，一般而言，文章开头放置一张“点击蓝字即可关注”之类的引导语，因为不是所有人都知道。8，尾部最好放一张带公众号二维码的图片，图片上写几句关于你公众号的介绍，以吸引关注。二维码是为了方便在非微信状态下浏览时关注。9，适当使用编辑器。个人用的最顺手的是秀米，简单易懂，编辑后复制粘贴即可。当你能顺手做到以上内容的时候，排版上根本不需要再去花费精力了。不要把太多精力放在排版上，排版是重要，但是几乎没有人会因为排版而去关注你。对公众号而言，标题决定是否打开，排版决定是否看内容，内容决定是否关注、互动及转发。最重要的，是给你确定的粉丝和潜在粉丝发送他们想看的内容。