2020技术类博客撰写发布一揽子解决方案

前言

最近把公众号里最近的一个专题连载做了一下全网发布,想来自己搬运自己的文章,原稿都在,也就Ctrl+C,Ctrl+V的事情,还是遇到很多的坑,有些心得和体会,写出来与大家分享交流一下

撰写流程

写技术类文章与普通文章的基本流程是类似的,区别在于会带很多的公式和代码,原创类的复现时还会带运行环境的截图。

  • 选题

  • 列大纲

  • 收集素材

  • 程序复现

  • 截图

  • 贴代码和公式

  • 整理文稿

  • 排版发布

写作的时候专注度要求很高,特别是到整理文稿阶段就需要专注写作内容本身,避免被排版,字体大小,文字颜色,布局等一堆美化工作所干扰。而最终发布前,排版美化和文本润色又是不可或缺的一部分。

工具选择

1. 便签记事本

灵感和创意可遇不可求,所以一个随身的笔记工具是必备的。在手机不离身的年代,还需要兼顾本地和云端,多设备同步等等要求。

Evernote有道云笔记都是不错的选择,不希望用公网服务的,还可以选择 DS note 这种私有云方式。

其实微信的文件传输助手也够用,随时记录随时分享,内容比工具重要。

2. Markdown

对于技术类文章而已,有如此多代码和公式的场合,Markdown 无疑是最佳的选择。一旦用上,一定爱上。基础语法没几条,写过 github 文档的基本都会,速查表如下:

# 标题文本 
>引用文本
*斜体*
**粗体**
***加粗斜体***
~~删除线~~
*{+、-} 列表项(无序列表,若为1.、2.就成了有序列表,)
[链接文本](链接地址)
![图片摘要](图片链接地址)
`代码`
---  分隔符
| 表格 | 表格 |

会这些常用的就够用了,其他的高级功能,也不是所有平台支持的(比如自动目录 [toc]),等用到的时候再查就好。

3. Typora

Markdown的编辑器里,Typora是一个好选择,简洁优雅,自带预览,所见即所得。

官网下载安装包。

https://www.typora.io/

将收集的素材选择性的使用,并先做本地化存储。不依赖于网络的封闭式创作环境真的太重要了,特别是外网不稳定的糟心和互联网花花世界的诱惑,分分钟把1小时的写作时间变成1整天。

4. PicGo

而待发布时一张张图片手动上传替换资源,则实在是太反人性了,所以我们还需要PicGo实现自动上传图片并返回markdown格式的图片url

官网下载PicGo-Setup-2.3.0-beta.3.exe安装包

https://github.com/Molunerfinn/PicGo/releases

图床选择

图床简单而言,就是在互联网上存放图片资源的空间,加速还是次要的,主要是方便发布平台来抓取资源。

1. 图床对比

图床免费/收费国外/国内
SM.MS图床收费国内
腾讯云COS收费国内
Github图床免费国外
七牛图床收费国内
Imgur图床免费国外
阿里云OSS收费国内
又拍云图床收费国内
gitee免费国内

为了访问速度先排除国外的,再筛选掉收费的,那gitee就是最佳选择。

PicGo的插件设置里搜索gitee,安装gitee-uploader

Tip:

插件需要依赖node.js环境的npm,如果没有安装,可以在官网下载

https://nodejs.org/

2. 配置 gitee

gitee上新建一个仓库,设置一个仓库名称,比如 blogimages,设置公开,初始化仓库。

https://gitee.com/

在网页上点击设置->私人令牌->生成新令牌,权限里选择projects,提交后就能获取到令牌了。

3. 设置图床

回到PicGo,把获得令牌设置到图床设置里。

repo:填写刚才新建 gitee 的项目地址

token:令牌

4. 绑定 PicGo

Typora的菜单文件-->偏好设置里,设置插入图像后的行为,默认是先保存到本地目录。上传服务里选择PicGo程序,完成绑定。

5. 上传图片

Typora的编辑框里拖曳一张图片,会发现图片被复制到文章的同目录下。选择格式-->图像-->上传所有本地文件,就能发现文章里的图片链接都被替换到图床链接的地址了。

富文本编辑器

既然 Markdown 如此的好用,那为什么还要用富文本编辑器呢?

因为理想是美化的,现实是骨感的。文章的受众不一定都是geek类型的,普通人还是更喜欢Blingbling的多图美文。

对于前端工程师和设计师来说,Markdown 需要大量 htmlcss 才够看,而且模板这种东西体现的是效率,而非个性。虽然Markdown可以嵌入html不过我建议仅在发布前才用

硬要在Markdown里做效果,这一小段标题,对应一大坨的Html代码,你真的要在内容创作的时候面对这个么?

wexin1
wexin2

但对于编辑特效来说,没有比富文本编辑器更随心所欲的了。我们也没有必要为了优雅,放弃华丽。

1. mdnice 插件

对于公众号来说,mdnice可以架起 Markdownhtml的桥梁。

https://www.mdnice.com/

安装方式如下

https://preview.mdnice.com/article/user/extension/

可以选中一部分,插入到富文本编辑器中,同时兼有两者的优势。更换主题和代码主题就等于选择了不同的 CSS 模板,对统一风格很有帮助。

Tip:偶尔会有几张图片文件过大,拉取失败,注意一下提示信息,本地上传即可。

2. 壹伴插件

在富文本的编辑器下,那壹伴插件里有更多的模板和素材样式,有精力的话,可以设计出一套独一无二的风格。

https://yiban.io/

不过设计不是一朝一夕可以学会的,我们这种理工男完全没有经验,可以学习一下别人的配色方案和结构布局。

https://www.canva.com/

发布平台选择

小孩子才做选择,成年人一般都要。这里就体现出Markdown的优势了,现在主流的专栏都支持自动缓存外链图片资源到各自网站内,而富文本的Html方式则仍保留原有图床的链接,不仅占用自己服务器资源,这未来可能由于各种防盗链的限制造成图片丢失的情景。

我选用最近连载的系列文章,选择了掘金、知乎、简书、CSDN、思否 5个平台做了一下测试,以每天一篇到两篇的频率发布。

除了公众号,各大平台对Markdown的支持都比较好,有了 Markdown 文档 + 图床,真就能实现ctrl+cctrl+v一键发布了。公众号的话,用上文介绍的mdnice插件,也能无缝衔接,妥妥的效率神器。

当下各大平台对公众号引流和外网访问的政策都暧昧不清,文章中涉及很多软件和源码,VPN百度网盘公众号在一些平台上属于敏感词,二维码分享一般都会被禁止。

1. 微信公众号

文章的首发地址,自由度比较高,可以做原创声明,设置自动回复给粉丝发资源。富文本编辑器让人又爱又恨的,有时候排版一动就乱,只能打开壹伴的HTML编辑功能手动调整...

mdnice对不需要修改的布局特别友好,对于混合模式的编辑,修改还不如重新生成。

但用壹伴插件,富文本也能做出很多特效,个性化上无与伦比。

非腾讯域名和白名单的外链都禁止跳转,估计全实名认证的关系,技术交流相对宽松,之前该吐槽的吐槽,百无禁忌的,发布这个系列十几篇文章,还没遇到过需要被审核退回修改的文章。没有比较就没有伤害,对于之后的那些经历来说...

2. 掘金

前端内容为王的社区,优质的文章会被得到推荐。这个系列很多篇被推上首页,所以阅读量和关注量都上升的比较快。界面简洁舒服,总体感受很好。

被和谐了1篇,审核不通过会直接删除,而且没有任何提示信息,我一度以为上传失败了,额。

不限制公众号引流,不过禁止贴二维码图片。

3. 知乎

社区活跃度很高,创作等级提升很快。Markdown只能通过导入的方式读取,主要还是富文本编辑,普通的二维码会被转义成链接,动态二维码正常。

正文不能出现公众号字样,一开始一直没有问题,估计长假期间是没有被审核,长假后直接被提示5篇需要修改,被关7天小黑屋... 额,最终只发布了7篇,等解封了再说吧。

4. 简书

简书属于综合性社区,技术类的关注度不高。每天最多只能发布2篇文章,不能放置二维码,包括动态二维码,但不限制公众号引流。

5. CSDN

程序员的社区,专业度最高,对markdown的支持最好,不仅包括自动生成目录的 toc,还能各种代码高亮,公式编辑。可以申请自动搬家服务,可能是长假的因素,审核周期约一周左右。不过通过后就完全不用操心了,每天凌晨会自动同步公众号的文章。

自动同步会去除模板和html的效果,如果希望排版更好些,可以关闭同步,通过markdown文件来自行发布。

不限制公众号引流,可以直接贴公众号的二维码展示,但对翻墙类相关技术不能发布。被和谐了2篇,误杀1篇。Yolo那篇因为预告了几句就被封杀,关键字匹配审核太无情。

6. 思否

思否主要是个问答社区,所以发专栏文章的不多。正文不能出现公众号字样,不限制发二维码。

7. 汇总

历时一周左右,阅读数和关注数基本反映社区的活跃度,对技术原创内容的支持力度和文章与社区的匹配度。

下面这个表格里的各种坑都是以封号和删帖的代价换来的,这还都是通过公众号已发布的文章,可见各个平台的审核策略大有不同。这样的干货不收藏一波么

平台编辑器公众号VPN二维码和谐数/文章数点赞数/阅读数
微信公众号富文本/Markdown(插件)允许允许允许----
掘金富文本/Markdown允许禁止禁止1/1227/5,453
知乎富文本/Markdown(支持导入)禁止未知动态5/75/683
简书富文本/Markdown允许允许禁止0/110/203
CSDN富文本/Markdown/自动搬运允许禁止允许2/1310/229
思否Markdown禁止未知允许0/90/632

总结

总结一下,工具链为 Note + Typora + PicGo + Gitee图床 + mdnice + 壹伴。

便签碎片化记录,Markdown专注内容,图床托管资源,最后针对平台富文本编辑发布。

  • local版本的可以随时在断网情况下编辑,保证数据安全,也避免写作干扰;

  • 完成写作后,另存一个online版本;

  • Typroa里的上传所有本地文件,将图片更新到gitee图床;

  • online版本的ctrl+v一键发布,就能免除图片上传插入等繁琐工作了;

  • 如有必要,最后根据发布平台上的实际效果,做具体美化工作即可。

其他的平台比如百家号,头条号,牛客网等等,就留给大家去尝试了。记得留言反馈一下结果,大家可以避开那些潜在的深坑。

软件下载

本期相关文件资料,可在公众号“深度觉醒”,后台回复:“writing”,获取下载链接。

往期推荐

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

bluishfish

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值