使用Typora+PicGo+Gitee搭建Markdown写作环境

左手的ㄟ右手 2022-12-28 12:35 180阅读 0赞

网络写作，图片管理一直是一个头疼的问题，本地管理容易丢失，发布文章需要一个个手动上传，而且在不同平台发布文章要重复上传。

图床很好的解决了这些问题，只要一个图片链接，就可以到处使用。但是很多免费的图床不稳定，图片也有挂掉的风险。当然，保险点可以自己购买云服务器和域名配置图床。

其实使用**Github**和**Gitee**可以搭建一个相对稳定又免费的图床，由于github服务器在国外访问速度慢（使用 jsDelivr 进行 CDN 加速可以解决），作为国内用户，从访问速度和稳定性来说，还是建议使用**Gitee**。

## 需要用到的软件 ##

#### 1.**Typora（Markdown文本编辑软件）** ####

Typora 是一款支持实时预览的 Markdown 文本编辑器，并且完全免费。关于markdown的一些知识，大家可以查看这篇文章[程序员必备技能之markdown写作][markdown]

**下载地址：** https://www.typora.io/

#### 2.**PicGo** ####

**PicGo** 是一款开源跨平台的免费图片上传工具，Windows、MacOS 和 Linux系统，覆盖SM.MS图床、腾讯云COS、微博图床、GitHub图床、七牛图床、Imgur图床、阿里云OSS、又拍云等图床，支持拖拽上传，剪切板上传等方式。

**下载链接：** https://github.com/Molunerfinn/PicGo/releases/

由于在线下载速度较慢，小编已经将软件打包好了，关注公众号 **「程序员知识精选」** 回复**图床**获取。

![format_png][]

## 注册配置Gitee ##

Gitee又称码云，一款基于 Git 的代码托管和研发协作平台官方，又称为国内的github。

**1.注册 Gitee 账号**

注册网址：https://gitee.com/signup

**2.新建 Gitee 仓库：**

登录Gitee，点击顶部右上角+号新建仓库。

![format_png 1][]

在新建仓库页面，输入仓库名称、路径，选择**公开**，勾选**使用Readme文件初始化这个仓库** ， 点击 **创建**。

![format_png 2][] image-20201216114345893

**3.生成私人令牌**

点击右上角个人设置，选择左侧私人令牌，点击**生成新令牌**，选择好权限后，点击提交。

> 注意，令牌只会显示一次，要注意保存备用。

![format_png 3][] ![format_png 4][] ![format_png 5][]

## 安装配置PicGo ##

直接安装PicGo 并启动，选择左侧插件设置，搜索gitee，安装gitee-uploader插件。

![format_png 6][]

点击左侧**图床设置**，选择gitee，进行如下设置，设为默认图床。

![format_png 7][]

repo：gitee用户名/仓库名
     branch：master
     token：上面生成的私人令牌
     path：img
     customPath：默认即可，不用填写
     customUrl：默认即可，不用填写

点击上传区，看到最上面的图片上传为 gitee ，然后就可以正常上传图片到 gitee 并获得外链了。

![format_png 8][]

拖动一张照片到上传区，切换到左侧相册就可以看到刚才上传的图片了，这里可以复制、编辑照片链接，也可以（批量）删除照片。

![format_png 9][]

## Typora 配置 PicGo ##

打开Typora，在文件中选择**偏好设置**，按照如下选择设置上传规则，其中PicGo路径，选择自己PicGo的安装目录。

![format_png 10][]

配置好之后，点击**验证图片上传选**项按钮，  验证成功如下：

![format_png 11][]

插入图片后，选择后，右键选择上传图片，这样本地有一份，图床上也会有一份。

也可以选择，插入图片时，上传图片。

![format_png 12][] image-20201216220715064

注意图片链接发布到公众号不被识别，需要使用第三方平台进行渲染，然后就可以复制到公众号了。这里推荐一个Markdown文字渲染平台：https://www.mdnice.com/

**整个搭建流程总体如下：**

1.注册gitee账号，创建图床仓库，生成个人令牌。

2.安装PicGo，关联配置gitee仓库

3.安装Typora，关联PicGo配置图床上传规则。

![format_png 13][]

[markdown]: http://mp.weixin.qq.com/s?__biz=MzI5NzIyMjQwNA%3D%3D&chksm=ecb9397ddbceb06be01cb88ac95c10b23edd3d43cd536b838e6f11ecf5b0a54f25796171d126&idx=1&mid=2247487766&scene=21&sn=7df27ca37792503bc36dd495af299aa4#wechat_redirect
[format_png]: /images/20221120/0e57b96b156c48109ebc46514f385bc2.png
[format_png 1]: /images/20221120/95ee59471e3844f19a1da3ef1616a845.png
[format_png 2]: /images/20221120/683591ddc5614aaba923d283a4512043.png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9YUFZ6cXNiRjhDVHAyaWFSd1BxaWFpY0hObW9XQVJuc3l1bXZvT2VIanU1V2FxTTNUUGlhQXR2NDFTSkhwTXRqRTNDZlBOaWI0M0hLNmVvM3o5aks3dWgwTDRRLzY0MA?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9YUFZ6cXNiRjhDVHAyaWFSd1BxaWFpY0hObW9XQVJuc3l1bWNwcGlhcWNHMjV5ZkhEbVZXMkRlSXl2U2dBaWFFTFRWVnNZNWJWZmEwUHhBVzljUUJzR3RQd3lnLzY0MA?x-oss-process=image/format,png
[format_png 5]: /images/20221120/8371f168a53e4fab86e395c7327d81ed.png
[format_png 6]: /images/20221120/79168ee8869e45b18fdc4dfde7ef1fe6.png
[format_png 7]: /images/20221120/24a3b969f1804b068b42e50aefd571ed.png
[format_png 8]: /images/20221120/220ee02d7e47439f8640eb1079e171c7.png
[format_png 9]: /images/20221120/2b5338130e19497f9dbedd481e3e1760.png
[format_png 10]: /images/20221120/758dbefcc6754f4db7f81e1b0b1f0e7f.png
[format_png 11]: /images/20221120/e45ab45448ca476a8b696be6bf567411.png
[format_png 12]: /images/20221120/f93bd761e082495497176e61d80c9bd0.png
[format_png 13]: /images/20221120/a2c408a0a9864fe29867e0f54e7e4fd9.png