订阅号文章排版技巧

引言

最近发现技术类公众号文章的代码块排版都是类似终端的窗口，才意思到自己的排版已经落伍了

I 排版工具简介

• word 有一个插件 writage
• 目前发现的公众号排版还不错的编辑器是https://www.mdnice.com/

如果您有更好的markdown格式转换器,欢迎交流

• typora

https://kunnan.blog.csdn.net/article/details/111589547 1、typora集成了一个免费的图床小工具可以匿名上传到新浪图床， 2、【选中文字+command+K 】:使用剪切板的链接插到选中文字

强大的矢量绘图工具

1、Mac版本的Sketch是一款强大的界面设计工具 Sketch插件集合可戳：sketch.im https://oursketch.com/plugin/?page=2 2、Adobe Illustrator 常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作及logo设计等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

强大的图片处理软件

Photoshop是最流行的图像编辑器之一，支持平台：Windows＆Mac。它可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。

设计文章的UI图推荐采用Figma

UI (User Interface，用户界面)设计是指用户界面的美化设计，但实时上UI设计不仅是指“用户与界面”的从属关系，还包括交互设计和用户体验设计。 因此UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计

高保真原型演示

1、推荐使用《蓝湖》

2、iOS开发人员查看设计稿也可以使用PxCook

1.1 markdown排版工具

如果你使用markdown编辑文章，推荐使用 mdnice进行排版

• 可以自定义主题

可直接使用别人的主题，也可以自定义主题

• 直接使用插件跟公众号后台完美衔接

Markdown 基础入门 :文章目录生成、合并单元格、文章快速插入链接（使用剪切板的链接插到选中文字）

https://kunnan.blog.csdn.net/article/details/112350644

1.2 使用 壹伴·小插件进行文章素材的采集

公众号效率工具: https://yiban.io/

chrome插件安装地址 https://chrome.google.com/webstore/detail/%E5%A3%B9%E4%BC%B4-%C2%B7-%E5%B0%8F%E6%8F%92%E4%BB%B6/ibefaeehajgcpooopoegkifhgecigeeg

II 排版技巧

2.1 利用css 设计markdown 主题

https://kunnan.blog.csdn.net/article/details/118722777

在这里插入图片描述

2.2 头图

使用头图的价值：

①辅助表达，一张恰到好处的图片能够帮助作者准确的表达观点、情绪、感情、思想等； ②吸引用户眼球，增加用户停留时间

1. 优先选择含人物形象的图片

用包含人物形象的图片作头图，准确表达人类最丰富、细腻的各种情感

1. 设计重复塑造品牌的固定头图

‣精心设计凸显品牌的图片，重复使用，形成固定形式，通过对用户的视觉冲击强化帐号品牌 ‣将品牌元素置于每篇文章的头图,增强品牌印记的好办法。

1. 根据文章题目选择头图

‣关联度越高越好： 题目信息会激发用户某种情绪，形成用户预期，避免用户注意力转移 ‣据文章题目选头图的3个含义： ①表达对象要一致， ②表达情绪要一致， ③表达方式要直接

1. 要用现场感比较强的图片

‣新闻、热点类文章头图注重现场感，拉近用户的心理距离，让用户身临其境，即代入感更强 ‣现场感并不单纯指物理空间的现场感，而是指新闻的现场感，也表达紧迫感，促使用户查阅

2.3 阅读原文链接的玩法

添加原文的链接的意义：说明文章来源，又推广自己的网站、APP。

玩法1：推荐其它爆款内容

1、原创功能的帐号，可直接添加超链接推荐单篇文章，或做页面模版推荐精品内容合集； 2、自定义页面模版教程请看这篇文章https://kunnan.blog.csdn.net/article/details/113559044

玩法2: 将阅读原文链接做成查看历史消息

玩法3:链接其他内容载体

帐号都基于自己的内容做全平台分发 或有自己的帐号矩阵，不同平台、不同帐号间会互相推荐。 载体有官网、APP、微博、其他公众号。

2.4 取标题体现价值点

有收获的词语：iOS逆向手册、iOS逆向指南 效率：提升效率的iOS逆向工具 好奇心：一文看懂iOS逆向的6个玩法！

III 常见问题

• 如果图片过大，会保存失败。需要先去掉无法保存的图片，才可以保存。

解决方法：重新从本地上传

IV 辅助工具

4.1 写作排版工具

Markdown 基础入门 :文章目录生成、合并单元格、文章快速插入链接（使用剪切板的链接插到选中文字）

https://mp.weixin.qq.com/s?__biz=MzI0MjU5MzU5Ng==&mid=2247487292&idx=3&sn=f3bd8ef91e7d0c81d66f735389d1ee45&chksm=e978b56fde0f3c792ffab45f8d480606b0c4a8f9580a804840387b36fea396ffa80f26aa46c4&mpshare=1&scene=1&srcid=0707IDvgAyGvYmvVizaRGIgr&sharer_sharetime=1625645781050&sharer_shareid=38c24777c9b84b8b44c56026b3aa9bd7&version=3.1.8.90238&platform=mac#rd

4.2 效率工具

• 壹伴 · 小插件：快速采集文章素材,可快速查看你历史文章的封面素材

在这里插入图片描述chrome插件安装地址 https://chrome.google.com/webstore/detail/%E5%A3%B9%E4%BC%B4-%C2%B7-%E5%B0%8F%E6%8F%92%E4%BB%B6/ibefaeehajgcpooopoegkifhgecigeeg

• 数据统计: https://shimo.im

比如统计团队内部成员领域的顶尖信息素材网站及周边网站，以便共享资源 https://shimo.im/forms/cjJW9p6CPJyvPyTH/fill

4.3 快速发送文章链接

使用方法：输入快捷码，显示短语内容，按空格进行内容填充，回车即可直接发送内容

在这里插入图片描述

原理： iPhone自定义键盘输入码（快速打出常用文字，类似Xcode的代码块）

设置方法：打开设置->通用->键盘->自定义短语->输入短语内容和快捷码

例子：快捷码为blog 内容为：https://kunnan.blog.csdn.net/的设置方式如下

在这里插入图片描述

在这里插入图片描述

4.4 录制屏幕工具

录制手机屏幕

1. iPhone可使用自带的录制功能，也可使用iTools进行录制
2. 在 Mac 上使用“屏幕快照”或键盘快捷键拍摄屏幕图片（称为屏幕快照）或录制屏幕。

“屏幕快照”的工具面板可让您轻松拍摄屏幕快照和录制屏幕，并包含控制所捕捉内容的选项，例如您可以设定定时器延迟或者包含光标或点按。 在 Mac 上，按下 Shift-Command-5（或使用启动台）以打开“屏幕快照”并显示工具。

使用键盘快捷键拍照

https://support.apple.com/zh-cn/guide/mac-help/mh26782/10.14/mac/10.14 基础用法：`录制：点按“录制”。若要停止录制，再次按下 Shift-Command 5 点按菜单栏的停录“

4.5 其他辅助工具

• 头图设计
• 动图合成
• 表情包
• 查看其他mp 的数据

see also

订阅号使用心得（持续更新中）

https://kunnan.blog.csdn.net/article/details/112843839