订阅号文章排版技巧

简介: 订阅号文章排版技巧

引言

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

image.png

I 排版工具简介

如果您有更好的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、推荐使用《蓝湖》

image.png

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

image.png

1.1  markdown排版工具

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

image.png

  • 可以自定义主题

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

image.png

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

image.png

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

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

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

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

image.png

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 效率工具

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

image.png

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/forms/cjJW9p6CPJyvPyTH/fill

image.png

4.3 快速发送文章链接

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

image.png

image.png

4.4 录制屏幕工具

录制手机屏幕

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

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

网络异常,图片无法展示
|

使用键盘快捷键拍照

捕捉整个屏幕 按下 Shift-Command-3。
捕捉屏幕的一部分 按下 Shift-Command-4,然后将十字指针移到要拍摄屏幕快照的位置。按下鼠标或触控板键,拖移到要捕捉的区域,然后松开鼠标或触控板键。
捕捉窗口或菜单栏 按下 Shift-Command-4,然后按下空格键。将相机指针移到窗口或菜单栏上方以高亮显示该区域,然后点按。
捕捉菜单和菜单项 打开菜单,按下 Shift-Command-4,然后将指针拖移到要捕捉的菜单项上。
打开屏幕快照 按下 Shift-Command 5。
捕捉触控栏 按下 Shift-Command-6。

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

image.png


目录
相关文章
|
算法
经典控制算法——PID算法原理分析及优化
这篇文章介绍了PID控制算法,这是一种广泛应用的控制策略,具有简单、鲁棒性强的特点。PID通过比例、积分和微分三个部分调整控制量,以减少系统误差。文章提到了在大学智能汽车竞赛中的应用,并详细解释了PID的基本原理和数学表达式。接着,讨论了数字PID的实现,包括位置式、增量式和步进式,以及它们各自的优缺点。最后,文章介绍了PID的优化方法,如积分饱和处理和微分项优化,以及串级PID在电机控制中的应用。整个内容旨在帮助读者理解PID控制的原理和实际运用。
2703 1
|
7月前
|
缓存 Windows
文件剪切到一半取消了能找到吗?这样恢复文件试试
在日常电脑操作中,剪切文件时若因误操作或系统卡顿中途取消,可能导致文件“丢失”。本文详解剪切原理及不同场景下文件去向,并提供多种找回方法,包括检查原文件夹、搜索临时缓存、使用数据恢复工具等,助你避免误删风险,关键时刻挽回重要资料。
|
机器学习/深度学习 并行计算 算法
GPU加速与代码性能优化:挖掘计算潜力的深度探索
【10月更文挑战第20天】GPU加速与代码性能优化:挖掘计算潜力的深度探索
|
7月前
|
人工智能 搜索推荐 程序员
从产品经理视角深度解析五款热门AI产品:洞察创新与用户价值
本文从产品经理视角深度解析五款热门AI产品,包括ChatGPT、Midjourney、Notion AI、Perplexity与GitHub Copilot,剖析其成功要素与不足,总结AI产品设计的核心方法论,如用户体验优先、场景化落地、信任机制构建等,为AI时代的产品创新提供实践启示。
841 0
|
机器学习/深度学习 自然语言处理 Linux
【专栏】Linux 中的机器学习:Whisper适用于语音助手、翻译等领域,随着技术发展,其应用前景广阔
【4月更文挑战第28天】本文探讨了在Linux环境下,先进自动语音识别系统Whisper的运用与实现高效ASR。Whisper基于PyTorch,支持多语言识别,具有高准确性和实时性。文中介绍了安装配置Whisper的步骤,包括安装依赖、下载代码、配置环境变量及编译安装。通过数据准备、模型训练和识别,可实现语音识别功能。Whisper适用于语音助手、翻译等领域,随着技术发展,其应用前景广阔。
687 1
|
机器学习/深度学习 监控 API
合约量化/秒合约/永续合约对冲系统开发技术规则及源码示例
合约量化、秒合约、永续合约对冲系统的开发涉及策略编写、数据处理、交易执行、风险管理等关键技术。量化策略基于市场数据和机器学习,实现自动交易;秒合约强调高速交易和风险控制;永续合约通过资金费率机制平衡多空持仓。系统需具备高效的数据处理能力和实时监控功能,以确保交易的稳定性和安全性。
SublimeText配置Markdown编辑及预览
本文详细介绍了如何配置Sublime Text及相关插件,使之成为Markdown编辑器并且能够在浏览器中实现预览功能。
1225 14
|
Java 编译器
Java面向对象(三)详解: 封装 | 继承 | 方法重写 | 抽象类
Java面向对象(三)详解: 封装 | 继承 | 方法重写 | 抽象类
281 2
|
存储 JavaScript Python
word文档转成Markdown文档并在Typora免费版添加图床-----想想都很香
word文档转成Markdown文档并在Typora免费版添加图床-----想想都很香
953 0
|
存储 缓存 网络协议
淘宝 APP 网络架构演进与弱网破障实践
本文将介绍淘宝 APP 统一网络库演进的过程,讲述如何围绕体验持续构建南北向从监测到加速一体化的终端网络架构,通过构建 NPM 弱网诊断感知能力,落地原生多通道技术/多协议择优调度手段,贴合厂商附能网络请求加速,实现去 SPDY 及规模化 IPv6/H3 协议簇的平滑过渡,为用户提供弱网更好、好网更优的 APP 加载浏览体验,支撑业务创造更多的可能性。
481 0