前言
最近把公众号里最近的一个专题连载做了一下全网发布,想来自己搬运自己的文章,原稿都在,也就Ctrl+C,Ctrl+V的事情,还是遇到很多的坑,有些心得和体会,写出来与大家分享交流一下
撰写流程
![](https://i-blog.csdnimg.cn/blog_migrate/f76a43ff326930645f0490a37269b481.png)
写技术类文章与普通文章的基本流程是类似的,区别在于会带很多的公式和代码,原创类的复现时还会带运行环境的截图。
选题
列大纲
收集素材
程序复现
截图
贴代码和公式
整理文稿
排版发布
写作的时候专注度要求很高,特别是到整理文稿阶段就需要专注写作内容本身,避免被排版,字体大小,文字颜色,布局等一堆美化工作所干扰。而最终发布前,排版美化和文本润色又是不可或缺的一部分。
工具选择
1. 便签记事本
灵感和创意可遇不可求,所以一个随身的笔记工具是必备的。在手机不离身的年代,还需要兼顾本地和云端,多设备同步等等要求。
![](https://i-blog.csdnimg.cn/blog_migrate/2e7bd50a5d90d3f2eacf32498310b82f.png)
Evernote
和 有道云笔记
都是不错的选择,不希望用公网服务的,还可以选择 DS note
这种私有云方式。
其实微信的文件传输助手
也够用,随时记录随时分享,内容比工具重要。
2. Markdown
![](https://i-blog.csdnimg.cn/blog_migrate/2a72e78b4ff5712bb437e78d3a4fbfb2.png)
对于技术类文章而已,有如此多代码和公式的场合,Markdown 无疑是最佳的选择。一旦用上,一定爱上。基础语法没几条,写过 github
文档的基本都会,速查表如下:
# 标题文本
>引用文本
*斜体*
**粗体**
***加粗斜体***
~~删除线~~
*{+、-} 列表项(无序列表,若为1.、2.就成了有序列表,)
[链接文本](链接地址)
![图片摘要](图片链接地址)
`代码`
--- 分隔符
| 表格 | 表格 |
会这些常用的就够用了,其他的高级功能,也不是所有平台支持的(比如自动目录 [toc]
),等用到的时候再查就好。
3. Typora
![](https://i-blog.csdnimg.cn/blog_migrate/7f5e1e9d8085c8ee6014387e24314aed.png)
在Markdown
的编辑器里,Typora
是一个好选择,简洁优雅,自带预览,所见即所得。
官网下载安装包。
https://www.typora.io/
将收集的素材选择性的使用,并先做本地化存储。不依赖于网络的封闭式创作环境真的太重要了,特别是外网不稳定的糟心和互联网花花世界的诱惑,分分钟把1小时的写作时间变成1整天。
4. PicGo
![](https://i-blog.csdnimg.cn/blog_migrate/c780f89d3376d5fa61c8e980156d7e26.png)
而待发布时一张张图片手动上传替换资源,则实在是太反人性了,所以我们还需要PicGo
实现自动上传图片并返回markdown
格式的图片url
。
官网下载PicGo-Setup-2.3.0-beta.3.exe
安装包
https://github.com/Molunerfinn/PicGo/releases
![](https://i-blog.csdnimg.cn/blog_migrate/b548e9e96c72e6ed361f5b2c603b5d50.png)
图床选择
![](https://i-blog.csdnimg.cn/blog_migrate/4957cc958503b6191e14ed6e8bdc1ce6.png)
图床简单而言,就是在互联网上存放图片资源的空间,加速还是次要的,主要是方便发布平台来抓取资源。
1. 图床对比
图床 | 免费/收费 | 国外/国内 |
---|---|---|
SM.MS图床 | 收费 | 国内 |
腾讯云COS | 收费 | 国内 |
Github图床 | 免费 | 国外 |
七牛图床 | 收费 | 国内 |
Imgur图床 | 免费 | 国外 |
阿里云OSS | 收费 | 国内 |
又拍云图床 | 收费 | 国内 |
gitee | 免费 | 国内 |
为了访问速度先排除国外的,再筛选掉收费的,那gitee
就是最佳选择。
在PicGo
的插件设置里搜索gitee
,安装gitee-uploader
![](https://i-blog.csdnimg.cn/blog_migrate/63135155d6db6b3bed171e9e38dbbdea.png)
Tip:
插件需要依赖
node.js
环境的npm
,如果没有安装,可以在官网下载
https://nodejs.org/
2. 配置 gitee
在 gitee
上新建一个仓库,设置一个仓库名称,比如 blogimages
,设置公开,初始化仓库。
https://gitee.com/
![](https://i-blog.csdnimg.cn/blog_migrate/c17576495d7d0b4e44cbfc29a0859c6c.png)
在网页上点击设置->私人令牌->生成新令牌,权限里选择projects
,提交后就能获取到令牌了。
![](https://i-blog.csdnimg.cn/blog_migrate/87686e65fb507e52f8dab86b5453e67c.png)
3. 设置图床
回到PicGo
,把获得令牌设置到图床设置里。
repo:填写刚才新建 gitee
的项目地址
token:令牌
![](https://i-blog.csdnimg.cn/blog_migrate/f8c69cae207afc46c14845fa967e1b08.png)
4. 绑定 PicGo
在Typora
的菜单文件
-->偏好设置
里,设置插入图像后的行为,默认是先保存到本地目录。上传服务里选择PicGo
程序,完成绑定。
![](https://i-blog.csdnimg.cn/blog_migrate/23fd147d398cb9a760dfd6d614e1b673.png)
5. 上传图片
往Typora
的编辑框里拖曳一张图片,会发现图片被复制到文章的同目录下。选择格式
-->图像
-->上传所有本地文件
,就能发现文章里的图片链接都被替换到图床链接的地址了。
![](https://i-blog.csdnimg.cn/blog_migrate/fa38139a7f5c4b0af72273f6ccbb5c11.png)
富文本编辑器
既然 Markdown 如此的好用,那为什么还要用富文本编辑器呢?
因为理想是美化的,现实是骨感的。文章的受众不一定都是geek
类型的,普通人还是更喜欢Blingbling
的多图美文。
对于前端工程师和设计师来说,Markdown
需要大量 html
和 css
才够看,而且模板这种东西体现的是效率,而非个性。虽然Markdown
可以嵌入html
,不过我建议仅在发布前才用。
硬要在Markdown
里做效果,这一小段标题,对应一大坨的Html
代码,你真的要在内容创作的时候面对这个么?
![](https://i-blog.csdnimg.cn/blog_migrate/3865ae8cd75567a3377feaeb0b624580.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c3e662ae0b7e13049360002e6e67b293.png)
但对于编辑特效来说,没有比富文本编辑器更随心所欲的了。我们也没有必要为了优雅,放弃华丽。
1. mdnice 插件
对于公众号来说,mdnice
可以架起 Markdown
到 html
的桥梁。
https://www.mdnice.com/
安装方式如下
https://preview.mdnice.com/article/user/extension/
可以选中一部分,插入到富文本编辑器中,同时兼有两者的优势。更换主题和代码主题就等于选择了不同的 CSS
模板,对统一风格很有帮助。
![](https://i-blog.csdnimg.cn/blog_migrate/7b357a909cf4ed483347e6bc2cd219ae.png)
Tip:偶尔会有几张图片文件过大,拉取失败,注意一下提示信息,本地上传即可。
2. 壹伴插件
在富文本的编辑器下,那壹伴插件里有更多的模板和素材样式,有精力的话,可以设计出一套独一无二的风格。
https://yiban.io/
![](https://i-blog.csdnimg.cn/blog_migrate/89e80fddb13be0f89485fa7291f66f1a.png)
不过设计不是一朝一夕可以学会的,我们这种理工男完全没有经验,可以学习一下别人的配色方案和结构布局。
https://www.canva.com/
![](https://i-blog.csdnimg.cn/blog_migrate/2508ca4758445a60beb5181a00836489.png)
发布平台选择
小孩子才做选择,成年人一般都要。这里就体现出Markdown的优势了,现在主流的专栏都支持自动缓存外链图片资源到各自网站内,而富文本的Html方式则仍保留原有图床的链接,不仅占用自己服务器资源,这未来可能由于各种防盗链的限制造成图片丢失的情景。
![](https://i-blog.csdnimg.cn/blog_migrate/c861eb3da370e609efd41edd73f66cb3.png)
我选用最近连载的系列文章,选择了掘金、知乎、简书、CSDN、思否 5个平台做了一下测试,以每天一篇到两篇的频率发布。
除了公众号,各大平台对Markdown
的支持都比较好,有了 Markdown
文档 + 图床,真就能实现ctrl+c
,ctrl+v
一键发布了。公众号的话,用上文介绍的mdnice
插件,也能无缝衔接,妥妥的效率神器。
当下各大平台对公众号引流和外网访问的政策都暧昧不清,文章中涉及很多软件和源码,VPN
,百度网盘
和公众号
在一些平台上属于敏感词,二维码
分享一般都会被禁止。
1. 微信公众号
![](https://i-blog.csdnimg.cn/blog_migrate/7c8c6cedd37a04102ee0474da89aac6b.png)
文章的首发地址,自由度比较高,可以做原创声明,设置自动回复给粉丝发资源。富文本编辑器让人又爱又恨的,有时候排版一动就乱,只能打开壹伴的HTML
编辑功能手动调整...
mdnice
对不需要修改的布局特别友好,对于混合模式的编辑,修改还不如重新生成。
但用壹伴插件,富文本也能做出很多特效,个性化上无与伦比。
非腾讯域名和白名单的外链都禁止跳转,估计全实名认证的关系,技术交流相对宽松,之前该吐槽的吐槽,百无禁忌的,发布这个系列十几篇文章,还没遇到过需要被审核退回修改的文章。没有比较就没有伤害,对于之后的那些经历来说...
2. 掘金
![](https://i-blog.csdnimg.cn/blog_migrate/047bf59cd32ef395643ba191c2534e5d.png)
前端内容为王的社区,优质的文章会被得到推荐。这个系列很多篇被推上首页,所以阅读量和关注量都上升的比较快。界面简洁舒服,总体感受很好。
被和谐了1篇,审核不通过会直接删除,而且没有任何提示信息,我一度以为上传失败了,额。
不限制公众号引流,不过禁止贴二维码图片。
3. 知乎
![](https://i-blog.csdnimg.cn/blog_migrate/5eec7e6c822ef659faec2e9ad3cc4121.png)
社区活跃度很高,创作等级提升很快。Markdown
只能通过导入的方式读取,主要还是富文本编辑,普通的二维码会被转义成链接,动态二维码正常。
正文不能出现公众号
字样,一开始一直没有问题,估计长假期间是没有被审核,长假后直接被提示5篇需要修改,被关7天小黑屋... 额,最终只发布了7篇,等解封了再说吧。
4. 简书
![](https://i-blog.csdnimg.cn/blog_migrate/d57d5b82ee4fcc5e6f1dfa00e618c7b4.png)
简书属于综合性社区,技术类的关注度不高。每天最多只能发布2篇文章,不能放置二维码,包括动态二维码,但不限制公众号引流。
5. CSDN
![](https://i-blog.csdnimg.cn/blog_migrate/17bf875a848e9566b38d724974665b33.png)
程序员的社区,专业度最高,对markdown
的支持最好,不仅包括自动生成目录的 toc
,还能各种代码高亮,公式编辑。可以申请自动搬家服务,可能是长假的因素,审核周期约一周左右。不过通过后就完全不用操心了,每天凌晨会自动同步公众号的文章。
![](https://i-blog.csdnimg.cn/blog_migrate/19c595a3b9d4c3fca43e4880ce785479.png)
自动同步会去除模板和html
的效果,如果希望排版更好些,可以关闭同步,通过markdown
文件来自行发布。
不限制公众号引流,可以直接贴公众号的二维码展示,但对翻墙类相关技术不能发布。被和谐了2篇,误杀1篇。Yolo那篇因为预告了几句就被封杀,关键字匹配审核太无情。
6. 思否
![](https://i-blog.csdnimg.cn/blog_migrate/2a2f316c3a50917e097fb461d5319416.png)
思否主要是个问答社区,所以发专栏文章的不多。正文不能出现公众号
字样,不限制发二维码。
7. 汇总
历时一周左右,阅读数和关注数基本反映社区的活跃度,对技术原创内容的支持力度和文章与社区的匹配度。
下面这个表格里的各种坑都是以封号和删帖的代价换来的,这还都是通过公众号已发布的文章,可见各个平台的审核策略大有不同。这样的干货不收藏一波么
平台 | 编辑器 | 公众号 | VPN | 二维码 | 和谐数/文章数 | 点赞数/阅读数 |
---|---|---|---|---|---|---|
微信公众号 | 富文本/Markdown(插件) | 允许 | 允许 | 允许 | -- | -- |
掘金 | 富文本/Markdown | 允许 | 禁止 | 禁止 | 1/12 | 27/5,453 |
知乎 | 富文本/Markdown(支持导入) | 禁止 | 未知 | 动态 | 5/7 | 5/683 |
简书 | 富文本/Markdown | 允许 | 允许 | 禁止 | 0/11 | 0/203 |
CSDN | 富文本/Markdown/自动搬运 | 允许 | 禁止 | 允许 | 2/13 | 10/229 |
思否 | Markdown | 禁止 | 未知 | 允许 | 0/9 | 0/632 |
总结
总结一下,工具链为 Note + Typora + PicGo + Gitee图床 + mdnice + 壹伴。
便签
碎片化记录,Markdown
专注内容,图床
托管资源,最后针对平台富文本编辑
发布。
local
版本的可以随时在断网情况下编辑,保证数据安全,也避免写作干扰;完成写作后,另存一个
online
版本;用
Typroa
里的上传所有本地文件
,将图片更新到gitee
图床;online
版本的ctrl+v
一键发布,就能免除图片上传插入等繁琐工作了;如有必要,最后根据发布平台上的实际效果,做具体美化工作即可。
![](https://i-blog.csdnimg.cn/blog_migrate/4f38289c70b6f214dcca4a48defcb052.png)
其他的平台比如百家号,头条号,牛客网等等,就留给大家去尝试了。记得留言反馈一下结果,大家可以避开那些潜在的深坑。
软件下载
![](https://i-blog.csdnimg.cn/blog_migrate/dd90118b94fd364dc9d6031632b9ac04.png)
本期相关文件资料,可在公众号“深度觉醒”,后台回复:“writing”,获取下载链接。
往期推荐