工欲善其事

秋招基本结束了，在笔试面试的过程中我感到了经常总结的重要性，我一年前决定入坑简书作为我的个人技术博客无心插柳，没成想在秋招环节给了自己不少帮助，除了系统性整理了各种知识外，在简历上也是比较添彩的一笔。

然而人总是要有追求欲的，我在更新博客之余发现在简书之外，有一些对程序员更友好的网站如博客园、CSDN等，到后面又有了写公众号的兴趣，除此之外，发现有些童鞋的页面简洁而且好看，原来是用了一些基于MarkDown语法的H5编辑器。今天我花了一些时间将这些框架学习总结了一下，作为新的开始。

我今儿要介绍的是基于Typora+PicGo+Github&jsDelivr和基于Typora+PicGo+腾讯云COS两种自建图床与服务器的方法，一种免费，一种收取少量服务器租赁费（腾讯云COS年包10G的话1年9RMB，个人觉得不贵）

话不多说，干货来了。

Typora

介绍

Typora 是一款由Abner Lee开发的轻量级、支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，目前是完全免费的。
缺点
- Typora在兼容性上差点，某个主题下写好的富文本，拷贝到公众号上就变了样，所以还需要在mdnice上做一下调整。

写博客当然也是为了让别人看嘛，专业、稳定的图床软件必不可少。PicGo是一款可以搭建个人图床的软件（北邮大佬写的，tql），软件目前覆盖的图床有8个平台：SM.MS图床、腾讯云COS、微博图床、GitHub图床、七牛图床、Imgur图床、阿里云OSS、又拍云图床。

PicGo

当然如果我们在写博客的时候每遇到一个图片需要先打开PicGo操作一下，复制图片链接，那也太麻烦了，好在Typora提供了配置图像接口。具体在Typora的文件->偏好设置->图像里，如下图所示，前提是你得把PicGo下载并设置好图床。

关于PicGo图床的配置，我在下面两个栏目讲。

Typora上配置PicGo

错误排查：Failed to fetch

在上传图片的时候出现这个错误一般是端口设置错误造成的，阔以打开picgo的log文件看一下。
log
解决方法：打开picgo设置，点击设置Server选项，将端口改为36677端口，这是picgo推荐的默认端口号，然后保存，成功。

图床服务器的选择可以有多种方案，这里我在免费和付费里各选了一个经典的、我认为还不错的。

首先是免费方案，具体是利用Github里个人仓库搭建服务器。

点击GitHub主页右上角+创建New repository
设置Repository name以及可见性为Public，并Create repository
image
点击个人主页下方的Settings->Developer Settings->Personal access tokens->Generate new token，这里填一些基本信息，注意把repo复选框勾起。
image
接下来会生成一串token，把token保存起来，因为它只会出现一次。
在PicGo客户端上进行配置，设置仓库名、分支名、token，存储路径可以不管。
image
- 仓库名 即你的用户名+仓库名
- 分支名 默认master
- Token 即刚才复制的那一串
- 域名格式https://raw.githubusercontent.com/[username]/[仓库名]/master，这里我额外配置了CDN加速，具体的做法是把https://raw.githubusercontent.com/改成https://cdn.jsdelivr.net/gh/就可以，可以略微提升一下上传和下载速度

PicGo+Github配置图床的上传下载速度有点慢，而且网络稍有波动就失败了，所以还是氪金叭。

接着创建你打算放图片的文件夹，我新建了/image
配置PicGo，进入腾讯云API秘钥，这里有SecreteId、SecreteKey是你将要粘贴到PicGo配置信息栏里的。
image
注意COS版本弄成V5，其余的信息按照服务器信息填。

成功！腾讯云的速度和体验比GitHub好太多了，缺点就是氪金，50Gb存储器6个月大约24元，我个人的话10Gb完全够用，一年也才10元，你如果非要觉得贵，那你开心就好。