新手如何快速排版公众号文章🔰

前言

相信很多人在公众号发文章时,将自己写好的 Markdown 的文章粘贴到微信公众平台文稿中时会惊讶,怎么不支持 Markdown 。难道要自己再手动进行一次排版吗?

那么我们如何能快速将自己写好的 Markdown 文章快速发布到公众号?

给大家推荐一款工具 墨滴在线编辑器,推荐的原因是:

  • 可以选择 多种主题风格 ,会 CSS 的话也可以自定义主题。
  • 非常方便的 左侧编辑 右侧预览 功能,使用体验非常 nice。

如果你还不会 Markdown 的基础语法,可以看它的 官方教程,非常详细,这里就不给大家多做赘述了。

墨滴在线编辑器的简单使用

墨滴在线编辑器打开后的工具栏我们来简单看下:

右上角有三个图标,分别是复制到公众号复制到知乎复制到掘金,以及最后一个预览效果,在这里做好排版后,我们点击复制到公众号,然后粘贴到公众号的编辑器内。粘贴成功后不要着急发布哦,我们来看看有哪些地方需要注意一下👻👻 。

自己用心写出来文章,当然希望它能更好的展现给各位看官啦ʕ ᵔᴥᵔ ʔ

发布公众号注意事项

1. 边距问题

墨滴在线编辑器直接复制过来的内容,发布的文章左右两边边距会很宽,一开始也是非常纳闷啊,翻了别人写的文章,边距都很正常,怎么到我这里就......

无意中发现,公众号编辑器工具条上面的清除格式按钮点一下就好了,哇!心情大好啊。 🥰🥰

我们来看图对比下,直接复制过来的边距和正常边距的差距有多大:

2. 「标题」和「公众号昵称」字数控制

公众号发布消息会被折叠在「订阅号消息」里,所以想吸引微信用户的注意,一定要起一个吸睛且短的标题,让微信用户尽可能一眼看完消息内容,那么昵称也不要起的名字太长哦,我们来看下面两个对比效果。所以当文章概要展示全的时候,用户看到感兴趣的内容就点进来了。


3. 「文章摘要」字数控制

文章摘要是在用户分享的时候,分享卡片上的副标题。那么我们就需要注意,在编辑文章摘要时尽量用较少的文字,写出你想让用户看见的内容,下面还是截图举了两个例子,方便展示区别。第一个的效果明显就好很多,摘要的全部内容都显示全了,字数大概控制在35个字以内更好。

4. 文章里的图片名称显示问题

如下图:显示图片1.png,不太美观的样子。由于我的图片链接是这样实现的

js 复制代码
![图片1.png](https://raw.githubusercontent.com/username/ArticlePictureCollection/main/%E6%8E%92%E7%89%88%E5%85%AC%E4%BC%97%E5%8F%B708.jpg)

可以尝试修改图片名称或者直接去掉名称就可以了,改成下面的样子就OK啦。

js 复制代码
![](https://raw.githubusercontent.com/username/ArticlePictureCollection/main/%E6%8E%92%E7%89%88%E5%85%AC%E4%BC%97%E5%8F%B708.jpg)

私有图床

因为我同时在掘金和公众号上维护我的博客,之前也用简书,图片存放就成了问题。为了方便管理所有图片,在网上找了免费的放图片的解决方法:PicGo + GitHub 。具体实现方法自行百度吧,哈哈哈。

其他工具推荐

Typora

Typora 提供所见即所得的编辑模式。在 Typora 的官网有免费版和收费版, Typora 的下载地址。如下图其中 Stable Release 对应的是收费版本,Dev/Beta Release 是测试版本(也就是免费的)。如果只是自己写写文章,免费版就够用了。

MarkText

MarkText 是一个简单的开源编辑器,专注速度和可用性。

重点:免费! Typora 收费后,MarkText 就大火了,现在有了更庞大的社区和项目维护者

MarkText GitHub

MarkText 下载地址


欢迎各位读者有更好的建议或不同见解,来评论区交流学习~

微信公众号:草帽Lufei

相关推荐
杨浦老苏3 天前
AI驱动的轻量级笔记应用Blinko
笔记·docker·ai·markdown·群晖
理竹子4 天前
Typora导出pdf手动分页和设置字体样式
pdf·typora·markdown
一个处女座的程序猿6 天前
LLMs之PDF:zeroX(一款PDF到Markdown 的视觉模型转换工具)的简介、安装和使用方法、案例应用之详细攻略
pdf·markdown·zerox
哇咔咔哇咔7 天前
使用Markdown编写适用于GitHub的README.md文件的目录结构
vscode·markdown
算家云8 天前
moffee模型部署教程
人工智能·python·github·markdown·nvidia·ppt·幻灯片制作
哇咔咔哇咔10 天前
在VSCode中读取Markdown文件
vscode·markdown
华山令狐虫11 天前
vscode markdown-image 图片粘贴自动上传到本地目录设置
vscode·markdown
emmm45920 天前
Markdown语法详解及常见的使用场景
markdown
EliasChang22 天前
【解决】使用Hypermark将Markdown文件转化为HTML文件
html·markdown·网站
△曉風殘月〆1 个月前
Github上的Markdown语法详解
github·markdown·md