vscode自动排版_微信公众号排版 | 最适合程序员的公众号排版
正如微信公众号的口号所言「再小的个体,都有自己的品牌」,于是越来越多的人开始拥有自己的公众号,这几乎成为了不少人写作的标配。然而在写公众号推文的时候,不管是谁出于什么目的,最头疼还是公众号的排版问题。针对大部分程序员来说,推送的文章几乎都是技术博客一类,他们希望把更多的时间花在写作上,而不是排版上。我也抱着这个目的,在网上寻找了一下快速排版的方法,然后找到了一个方法:Markdown+ Md2All。下面来讲解一下这个方法
Step1:通过Markdown来撰写文章
关于Markdown,我大约是在半年前开始接触的。接触后不久,就爱上了Markdown了,可以说真的很适合做IT的人写笔记写文章的,Markdown诞生之初的主要使用者也是这一类人。通过Markdown标志语言来写文章的一个最大特点就是:写文章和排版可以同时进行,通过简单的标志语法即可实现排版,甚至可以很夸张的说,通过markdown,可以在写文章做笔记的时候用不到鼠标。关于markdown的语法,可以在网上进行搜索,很多很多。而对于使用Markdown写作,一款支持Markdown语法的编辑器是相当重要的。这里我推荐Typora,主要是因为以下几点:
- 这款编辑器是开源的,支持Mac和Windows;
- 所见即所得。能够做到实时预览Markdown效果。市面上大多数编辑器,要么只能先写然后再预览,要么左右分屏一边写一边预览。事实上,当 Markdown 比较熟练以后,更需要是 Typora 这种能够实时预览的效果。
- 足够多的快捷键,代替 Markdown 语法符号输入。当你觉得一个一个敲入Markdown语法符号比较麻烦的时候,你可以使用Typora提供的快捷方式。举个例子,如果你想插入一幅图片,那么会输入
![]()
,而使用快捷键只需要输入:Ctrl + Shift + i
,就可以快速插入图片了。当然个人建议,还是在掌握好语法的基础上,再去使用快捷键。
Step2:使用VS Code给标题添加编号
使用 Markdown 编辑好文章后,其实我们已经完成一大半的排版工作。接下来「标题添加编号这个功能」其实是选择性的,可有可无,不过我觉得添加上编号会让文章显得更加有秩序。然而手动添加上编号会比较麻烦,而且文章一旦层次结构改变,又得去改编号会更麻烦。所以这边编号采用了:VS Code+Markdown-index插件 的方法,使用方法很简单:
- 安装VS Code
- 下载markdown-index插件
- 打开已经编辑好的Markdown文件
- 打开命令窗口 (Ctrl + Shift + P或F1),输入 Markdown add index,然后回车,就会自动给文章添加序号。如果后头标题顺序有调整的话,只需要再次执行该命令即可。
Step3:Md2All渲染文章
完成上述的工作之后,为了让公众号的文章变得更加好看,就需要对文章做最后一步的渲染工作。这里推荐Md2All来进行渲染,Md2All是一款线上渲染工具,搜索md2all进入官网之后即可使用,使用界面如下图所示:
我推荐Md2All,主要是因为它有以下优点:
- 排版样式非常多,而且支持自定义 CSS 样式
用户点击菜单栏中的“一键排版”选项之后,即可选择不同的样式,除“最爱样式”和“默认样式”之外的其他样式模板相对"默认样式“改动的部分,都用 红色 标出来。也就是说其他样式,如”标题居中“样式,这个样式相对”默认样式“修改的部分用红色表示出来了,未用红色标记出来的即相对”默认样式“是没有修改的。
同时用户可以在“最爱样式”中自定义自己的样式,作者推荐第一步先把"默认样式“中把整个样式内容复制到"最爱样式“中,然后再在最爱样式中进行修改。比如你喜欢某模板的标题样式,然后又喜欢另一模板的引用块样式,可以把相应的样式复制并整合到你“最爱样式”下,如有需要再加以修改就行了。
注意:修改样式后,“保存”就能才能预览到效果。
- 代码高亮主题样式多
用户可以通过菜单选项中的“代码主题“,来选择不同的代码高亮样式,当然也可以参考“一键排版”下的“代码块样式”来定义自己的代码高亮样式。但是需要注意的是一旦你使用的排版样式中自定义了代码的高亮样式,那么在该排版样式下,会固定用你自定义的代码高亮样式,而菜单的“代码主题不再有效”。
另外对于推送在公众号上的文章,因为大多数是在手机端查看,建议勾选代码紧凑选项,这样子代码的size在手机端会好看点。
- 可对接七牛云账号,支持直接上传图片;
点击菜单栏中的图片选项之后,即可跳出七牛云的配置,在此配置相关参数之后,即可使用七牛云图床。
Md2All的推荐使用链接:
- 玩转公众号markdown排版
- Md2All,把图片轻松上传到云图床,自动生成Markdown
Step4:复制到公众号
完成上述步骤之后,就可以点击Ma2All上的“复制”图标,然后打开微信公众号后台复制进去,格式会原模原样地保留下来,接下去发布就可以了。
注意:是点"复制"这个图标,已实现:全选+复制,不能用ctrl+c,或右键的复制。
vscode自动排版_微信公众号排版 | 最适合程序员的公众号排版相关推荐
- 微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号
微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号 前置条件 公众号最高管理权限(或能与最高权限管理者配合操作) 小程序开发权限或最高管理权限 小程序方面 根据官方资料描述,小程序中展示 ...
- 如何通过已认证的微信服务号快速注册小程序并复用公众号认证资质
注册微信小程序(方式二):通过已认证的微信服务号快速注册 此方法无需提交主体材料.对公打款和支付认证费用,建议选择此方法注册. 注册时将用到的资料 邮箱(未被微信公众平台注册,未被微信开放平台注册,未 ...
- android微信小程序自动填表_微信“填表”类小程序,你可能根本没用对
"填表"功能不是微信原生的,但在企业微信中却是群内自带功能,这个功能很方便的实现了群内成员共同填写一张表格的工作,无需下载和上传,无需收集汇总,只需要自己把自己的信息填好就行, ...
- 好评率超高的几个硬核公众号,99%的程序员都关注了!
是不是觉得公众号关注得太多,漫无目的地看文章,没有学到什么知识,还白白浪费了时间.诚然,随着移动互联网的饱和,以及抖音等短视频的崛起,移动互联网正式进入存量厮杀的阶段.伴随而来的则是信息的泛滥,以及优 ...
- webstorm下载微信小程序插件_微信电脑版可以打开小程序喽 前提你得下载测试版...
据微信开发者团队消息最新推出的小程序开发套件已经支持开发者面向电脑版微信测试微信小程序相关功能. 开发者下载新版本开发套件即可针对电脑版微信进行小程序调试,不过似乎也没有什么需要特别调试的地方. 既然 ...
- 一句话证明你是java开发_如何用一句话证明你是程序员?41 个答案揭晓!
作者 | 王晓曼 出品 | 程序人生 (ID:coder _life) 我们常说术业有专攻,也常感叹隔行如隔山.即便你在所处的领域学得不怎么样,对别人来说也可能是天书级别.之前有#一句话证明你是什么专 ...
- 有些新闻,公众可以遗忘,但程序员不能遗忘!
(点击上方公众号,可快速关注) 本文经授权转自[局面].文中的「我们」是指[局面]. 原标题:<有些新闻,公众可以遗忘,但我们不能遗忘>,原稿发于5月25日 苏享茂这个新闻,从我们关注到开 ...
- 女程序员微信表白遭拒精神失常 程序员表示七夕该如何过
点击上方"程序员大咖",选择"置顶公众号" 关键时刻,第一时间送达! 来源:综合自网络 程序员大咖整理发布,转载请联系作者获得授权 近日,江苏南京地铁3号线上, ...
- 程序员的职业规划_大学毕业进入职场,程序员如何进行合理的互联网职业规划?...
阿里巴巴创始人马云曾说,创业要选择正确的方向,如果方向出现错误,则干得越快,死得越快.其实不只是创业,对普通职场人士而言这一点同样重要.我们知道,职场竞争是非常激烈的,要在激烈的竞争中脱颖而出,必须要 ...
- java ide 进行图形化界面时不能显示汉字_主流开源IDE汇总,Java程序员一定能用上!...
点击蓝字 · 关注我们 谈开发,Java肯定是个绕不过去的话题,那大家到底都用哪些IDE呢?下面给大家讲讲7个程序员最爱的开源IDE工具,当然了这只是整理出来的一部分,如果你有更好用的,也欢迎在评论区 ...
最新文章
- FFT算法的完整DSP实现
- eclipse使用git提交本地项目,提交至远程github上
- 【直播预约】线上Greentea JUG Meetup
- 虚拟串口服务器zenetmanager,Avocent服务器/串口管理 KVM
- HTML中id、name、class 区别
- 【操作系统】同步和互斥
- Android设置状态栏为白底黑字
- eclipse代码自动提示,eclipse设置代码自动提示
- 非均匀采样的kalman滤波
- Go语言基础之10--面向对象编程2之方法
- 回忆我的网络生活(一)
- ActiveMQ(二)——常用api、持久化、签收模式、以及常见问题
- IP地址资源的分配和管理
- 基于vscode的vue开发环境搭建
- 带有Lowe’s算法的SURF特征提取和匹配
- 记一次搭建Postfix邮件服务器(上篇)_星语惜馨_新浪博客
- 二相混合式步进电机开环细分控制simulink仿真模型
- 真实经历,互联网大厂升职加薪那些事
- 如何快速在两台电脑之间传输大文件
- springboot实现微信模板消息推送