如何排版微信公众平台的文章

下文是利用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语法,点击查看Markdown——入门指南。(上图转载自简书)

4. 如何在微信公众平台优化排版

在Chrome上安装markdown here插件

在微信公众后台使用Markdown语言写作

按住快捷键Ctrl+Alt+M,对Markdown文章进行渲染

至此,什么引用符号、标题样式、分割符、代码栏等样式就一一具备了。拿去得瑟吧!文字排版

文字排版只要掌握基本的设计法则、排版指南就可以搞定,所以这个版块我会直截了当的给大家介绍我尝试过后总结下来的文字排版技巧,只要记住这几点就可以轻松搞定文字排版。

1.文字排版参数

文字排版参数,我主要从以下几个方面介绍:

字号:正文建议使用14—16号字,我使用的都是14号字,这样在手机上显示出来效果很好,当然根据文章类型15、16号都是可以使用的。标题建议使用16—22号字体,我基本上使用的是16号字,因为个人不是很喜欢太大的字体,所以选择的偏小,这个都可以根据文章需要在上面的区间进行调整,效果都不错。

字间距:这一参数很少人设置,前面我测试的时候发现设置后在手机上的显示效果,给读者的体验会更好,所以建议设置(用秀米可以设置)我一般用的是1像素,这个效果是最好的。

行间距:行间距建议设置在1.5—2.0倍左右,这样不会显得文字太密集,我经常使用的是2.0倍,效果还是很好,阅读起来眼睛不会太累。

对齐方式:如果没有特殊的排版样式,建议正文部分使用两端对齐的方式,这样在手机上显示出来的效果才会更加整齐,不会呈现出长短不一的效果。

2.色彩参数(配色)

文字颜色方面,前面我也看多很多的介绍,自己还尝试过好多种的配色方案,最后做了一张文字的颜色配色方案,还是很实用;关于这一点建议形成自己统一的配色方案,最好是成体系的,这样的话公众号也更具有特点和辨识度。直接给大家上一张图,自己去研究吧。

图片排版这一点,要说的有点多,我会把我选择图片的方式、编辑、处理图片的技巧全部分享给大家。

1.怎么找到优质图片

怎么找到优质的图片?怎为为公众号配图?可以通过哪些途径找到好看又合适的图片?公众号前面写过一篇关于找图的,所以直接分享出来,看完这篇,配图轻松搞定。点击下面链接查看。

如何搜索到满意的素材?大家是如何设定自己的关键词的? - 任小亮的回答

2.怎么设置图片尺寸

我发现,很多人排版的时候完全不在意图片的尺寸,只要在手机上能显示出来就好了,这完全是一种错误的理解和行为;我认为一篇好的微信排版就是包括每一张图片的尺寸都应该是统一的,这样不仅手机上看起来合适,电脑上打开整篇微信也是非常美观的。 根据个人经验,图片建议统一设置成宽度为900像素,宽高比不变;我最常用的工具就是美图秀秀电脑版修改图片尺寸,方便、快捷,推荐使用。还有一点是一定要提醒的,就是图片保存的时候一定要用美图秀秀改为jpg格式,不要使用png格式,因为png会让图片变得很大,不利于在手机中显示,可能网络不好的时候会半天加载不出来,所以为了用户体验,改吧。

3.怎么进行图片排版

图片排版我只有两点想说的:

一是留白,现在来看留白已经是很多主流排版方式的一种经常性选择,不论是ppt,还是设计行业都有这样的趋势。在微信排版中同样适用,所以建议在图片排版中文字和图片之间留一行空白,在手机阅读时体验更好;

二是居中,图片加入后对齐方式设为居中,可以保证在电脑中查看时图片也很规整。

4.图片排版中可能遇到的问题

图片排版有的时候会遇到一些问题,不过这基本上只存在于在编辑器里面应用了图片样式的情况,不知道这句话能不能理解,不过遇到过这个情况的肯定知道;举个例子可能在秀米中应用了图片的样式,但是复制到微信编辑器中却显不出来,或者预览到手机上有问题,这种情况就需要在微信编辑器里面直接加入图片或者换个浏览器再试。不过我微信中的图片全是在微信的编辑器里添加的,也就不存在这个问题。

5.关于文字云文字云,有人知道但不知道怎么生成,有人很熟悉,有人完全不知道,所以今天刚好给大家简单介绍下,我过几天会专门写一篇关于如何制作文字云的文章;今天之所以说到文字云,是因为在微信的图片排版中根据实际情况有的时候能用上文字云,或是在封面图上用文字云效果非常好,很能突出主题,并且能为整篇微信加分。



  • 寰俊鍏紬鍙鎺掔増鎬庝箞鍋
    绛旓細1. 椤佃竟璺濊缃細寤鸿灏嗗井淇″叕浼楀彿鏂囩珷鐨勯〉杈硅窛锛堜袱绔缉杩涳級璁剧疆涓1銆2. 鎺掔増宸ュ叿鎺ㄨ崘锛氬彲浠ヤ娇鐢╥鎺掔増鍜岀绫宠繖涓ゆ宸ュ叿鏉ヨ皟鏁撮〉杈硅窛銆傚湪i鎺掔増涓紝閫変腑鏂囧瓧鍚庝娇鐢ㄥ伐鍏锋爮鐨勭缉杩涘姛鑳斤紝閫夋嫨1鎴2绾х缉杩涖傝屽湪绉绫充腑锛岄変腑鏂囧瓧鍚庯紝鍦ㄩ棿璺濋夐」涓殑椤甸潰杈硅窛淇敼涓哄ぇ绾20宸﹀彸銆3. 鏂囧瓧闂磋窛璋冩暣锛氬畬鎴愬熀纭鐨勬枃瀛...
  • 寰俊鍏紬骞冲彴鐨勬枃绔犲浣曟帓鐗
    绛旓細5. 瀵归綈鏂瑰紡 鏍规嵁鏂囩珷鐨勮鍙ラ鏍硷紝鍙互璋冩暣鏂囧瓧涓哄眳涓榻愭垨涓ょ瀵归綈銆傜煭鍙ヤ负涓荤殑鏂囩珷閫傚悎灞呬腑鏄剧ず锛岃岄暱娈佃惤鍒欐洿閫傚悎涓ょ瀵归綈銆6. 瀛椾綋棰滆壊 鏁寸瘒鏂囩珷鐨勫瓧浣撻鑹插敖閲忎笉瑕佽秴杩3绉嶏細閫氬父鍖呮嫭榛戣壊銆佺伆鑹蹭互鍙婂搧鐗岃壊銆傝繖鏍峰彲浠ヤ繚鎸佹枃绔犵殑涓撲笟鎬у拰涓鑷存с傚笇鏈涗互涓婂缓璁兘澶熷府鍔╀綘鏇村ソ鍦版帓鐗堝井淇″叕浼楀钩鍙扮殑鏂囩珷锛屾彁...
  • 寰俊鍏紬鍙鏂囩珷濡備綍鎺掔増?
    绛旓細寰俊鍏紬鍙锋枃绔犳帓鐗堟湁寰堝绉嶆柟娉曪紝浠ヤ笅鏄竴浜涘父鐢ㄧ殑鏂规硶锛1. 閫夋嫨鍚堥傜殑妯℃澘銆傚井淇″叕浼楀钩鍙版彁渚涗簡寰堝妯℃澘锛屽彲浠ユ牴鎹嚜宸辩殑闇姹傞夋嫨鍚堥傜殑妯℃澘銆2. 閫夋嫨鍚堥傜殑瀛椾綋鍜岄鑹銆傚瓧浣撳拰棰滆壊鐨勯夋嫨瑕佷笌鏂囩珷涓婚鐩哥鍚堬紝鍚屾椂涔熻鑰冭檻璇昏呯殑瑙嗚鎰熷彈銆3. 浣跨敤鍥剧墖鍜岃棰銆傚浘鐗囧拰瑙嗛鍙互澧炲姞鏂囩珷鐨勮叮鍛虫у拰鍚稿紩鍔涖4...
  • 寰俊鍏紬鍙濡備綍杩涜鏂囩珷鎺掔増
    绛旓細01 鍩虹璁剧疆 鎶婂唴瀹瑰鍒跺埌鎺掔増缂栬緫鍣紝姣斿135銆佸9浼淬佺绫炽佹柊濯掍綋绠″绛夌綉绔欙紝鐒跺悗杩涜鍩虹鐨勮缃銆傚熀纭鐨勮缃富瑕佸寘鎷細瀛椾綋鐨勮皟鏁淬佺暀鐧姐傚瓧浣撶殑璋冩暣涓昏鍖呮嫭锛氬瓧浣撶殑澶у皬銆佸瓧闂磋窛銆佸瓧浣撶殑棰滆壊銆傚瓧浣撳ぇ灏忓缓璁敤姝f枃15鍙峰瓧浣撱佹爣棰17銆佹敞閲13锛涙枃瀛楃殑棰滆壊鏈濂戒笉瑕佽秴杩3绉嶃傜暀鐧戒富瑕佸寘鎷細椤佃竟璺濄佽闂磋窛...
  • 濡備綍瀵寰俊鍏紬鍙鏂囩珷杩涜鎺掔増
    绛旓細1銆侀夋嫨涓娆惧疄鐢ㄧ殑寰俊鏂囩珷缂栬緫鍣锛岀紪杈戝櫒鍦ㄨ繖閲屽氨涓嶆帹鑽愪簡锛屽彲鍦ㄦ煇搴﹁嚜琛屾悳绱2銆佹妸鎴戜滑鍐欏ソ鐨勬枃绔犳彁鍓嶅鍒跺埌寰俊缂栬緫鍣ㄩ噷锛屽湪杩欓噷鐪嬪埌缂栬緫鍣ㄧ殑鍔熻兘姣斿井淇℃湰韬嚜甯︾殑缂栬緫鍣ㄥ姛鑳藉己澶ц澶氥傦紙1锛夋钀藉墠椤舵牸鍐欙紝涓嶇┖琛岋紱瀛椾綋澶у皬涓16寰蒋闆呴粦锛堜竴鑸垜鍐欐枃绔犵殑鏃跺欓夋嫨鏄琛岀缉杩2瀛楃锛夛紱锛2锛夎闂磋窛璁剧疆...
  • 寰俊鍏紬鍙鏂囩珷鎵撳嵃鍑烘潵鎬庝箞鎺掔増濂界湅?
    绛旓細1. 澶嶅埗寰俊鍏紬鍙锋枃绔 棣栧厛锛屾墦寮寰俊锛屾壘鍒颁綘鎯宠鎵撳嵃鐨勫叕浼楀彿鏂囩珷锛屽苟澶嶅埗鍏ㄦ枃銆備綘鍙互閫氳繃鐐瑰嚮鏂囩珷鍙充笂瑙掔殑鈥溾︹濇寜閽紝鍦ㄥ脊鍑虹殑鑿滃崟涓夋嫨鈥滃鍒堕摼鎺モ濓紝鐒跺悗鍦ㄦ祻瑙堝櫒涓墦寮璇ラ摼鎺ワ紝鍏ㄩ夊苟澶嶅埗鏂囩珷鍐呭銆2. 灏嗘枃绔犵矘璐村埌Word鏂囨。涓 鎺ヤ笅鏉ワ紝鎵撳紑涓涓柊鐨刉ord鏂囨。锛屽苟灏嗗垰鍒氬鍒鐨勬枃绔鍐呭绮樿创鍒版枃妗...
  • 寰俊鏂囩珷鎺掔増鏈変粈涔堟妧宸у悧?
    绛旓細涓銆佹枃瀛楅儴鍒 寰俊鍏紬鍙蜂腑鐨勫浘鏂囩殑鏂囧瓧鐗瑰埆閲嶈锛屽寘鎷瓧浣撶殑澶у皬锛屾枃瀛楃殑鏍峰紡鍜屾枃瀛楃殑闂磋窛绛夌瓑銆傦紙1.锛夋枃瀛楃殑澶у皬 鏍囬锛16px-18px锛屾鏂囷細鎺ㄨ崘14px-16px锛屾爣娉細鎺ㄨ崘12px-14px 锛2.锛夋枃瀛楃殑鏍峰紡 閽堝鏂囩珷閲嶇偣鍐呭鍙互璁剧疆涓嶄竴鏍风殑鏂囧瓧鏍峰紡锛屾瘮濡傛洿鏀规枃瀛楅鑹诧紝鍔犵矖锛岃缃笅鍒掔嚎绛夌瓑锛涘垏璁颁笉瑕佹悶涓浜...
  • 鍏紬鍙锋庝箞鍋鏂囩珷鎺掔増
    绛旓細鍏紬鍙锋庝箞鍋鏂囩珷鎺掔増浠嬬粛濡備笅锛1銆佹牴鎹嚜宸辩殑鍏紬鍙疯皟鎬с佸畾浣嶆垨鑰呭唴瀹癸紝鏉ョ‘瀹氫竴涓叕浼楀彿涓昏壊璋冦傝瀹氫富棰樿壊鐨勭洰鐨勶紝鏄负浜嗚璇昏呭鍏紬鍙风殑瀹氫綅鏈夋洿娓呮櫚鐨勯敋瀹氾紝鍏ㄦ柟浣嶅湴绐佸嚭鍏紬鍙风壒鑹层2銆佽鐗堥潰鏁翠綋寮犲紱鏈夊害锛岃璇昏呯湅璧锋潵鑸掓湇銆傦紙1锛変竴鑸鏂囨枃瀛楀瓧鍙16鍙凤紝棰滆壊娣辩伆鑹诧紝寮曠敤鐨勬枃瀛楀彲浠ョ敤瀛楀彿14鎴...
  • 濡備綍鎺掔増寰俊鍏紬骞冲彴鐨勬枃绔?
    绛旓細1銆佹悳绱㈢绫崇殑瀹樻柟缃戠珯锛岀偣鍑昏繘鍏ャ2銆侀夋嫨鍥炬枃鎺掔増閫夐」銆3銆佺偣鍑绘垜鐨勫浘鏂囷紝杩涘叆鍒板浘鏂囩増寮忕紪杈戯紝缁х画鐐瑰嚮娣诲姞鏂扮殑鍥炬枃銆4銆佹牴鎹渶瑕佺殑鏉垮紡绫诲瀷杩涜閫夋嫨锛屼慨鏀规枃瀛楀唴瀹癸紝鏀规垚鑷繁闇瑕佺殑鏂囧瓧鍐呭锛屼慨鏀瑰畬姣曞悗锛岀偣鍑讳笂鏂瑰鍙凤紝杩涘叆鎷疯礉妯″紡锛岀劧鍚庝娇鐢╟trl+c杩涜澶嶅埗銆5銆佸洖鍒拌嚜宸辩殑鍏紬鍙蜂腑锛屼娇鐢╟trl+v绮樿创...
  • 寰俊鍏紬骞冲彴鐨勬枃绔鏄庝箞鎺掔増鐨?
    绛旓細1銆侀鍏堢櫥闄寰俊鍏紬骞冲彴锛岀偣鍑昏彍鍗曟爮宸︿晶鈥滅礌鏉愮鐞嗏濄2銆佽繘鍘诲悗锛岀偣鍑烩滄柊寤哄浘鏂囩礌鏉愨濊繘鍏ャ3銆佹牴鎹〉闈㈢伆鑹插瓧浣撴彁绀猴紝杈撳叆鏍囬銆佷綔鑰咃紝寮濮嬫挵鍐欐鏂囥4銆佺紪杈戝畬姝f枃鍚庯紝鍦ㄩ〉闈笅鏂癸紝闇瑕佷笂浼犲皝闈㈢収鐗囷紝灏侀潰鐓х墖鍙互鍦ㄦ鏂囦腑閫夋嫨锛屼篃鍙互鍙︿紶鍥剧墖銆5銆佺紪杈戝畬绗竴鏉″浘鏂囨秷鎭悗锛屾晥鏋滆涓嬪浘锛屽乏渚ц彍鍗曟爮鈥...
  • 扩展阅读:公众号推文模板免费 ... 免费公众号排版编辑器 ... 公众号制作模板 ... 公众号一键排版软件 ... 胡歌马伊琍入围首尔电视剧大赏 ... 手机编辑公众号 ... 公众号智能排版 ... 进入公众号 ... 公众号文章在线编辑 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网