Typora+PicGo+Gitee搭建博客写作环境

Typora+PicGo+Gitee搭建博客写作环境

在学习的过程中，很多同学都有记笔记的习惯，记笔记的工具有很多，大概有以下几种：

• Word
• oneNote
• 印象笔记
• 语雀
• Markdown
• .......

总之，记笔记的软件五花八门，而程序员作为特殊的群体，他们热衷于钻研技术、分享技术，因此免不了写文章发布在各类博客平台。为了同非专业人士区分开来，程序员通常采用Markdown写作，撰写好的文章的会发布在多个博客平台，因此免不了图片复用。

本文以图片复用为出发点，详细阐述了如何使用Typora+PicGo+Gitee搭建我们的博客写作环境。

• Typora：它是一款轻便简洁的Markdown编辑器，支持即时渲染技术，即所写立刻所见，少了排版的时间，专注于文章内容的编辑。
• PicGo:它是一个用于快速上传图片并获取图片 URL 链接的工具，支持多种图库。
• Gitee:目前中国最大的代码托管的工具，除了代码，还可以用作图片存储。

本文共分为三部分，Typora和PicGo软件的安装、PicGo+Gitee图床环境的搭建和Typora接入图床。

1、Typora和PicGo

1.1 Typora

• Typora介绍

Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，并且由于仍在测试中，是完全免费的。

它首先是一个 Markdown 文本编辑器，它支持 Markdown 语法的文本编辑。在 Typora 官网上他们将 Typora 描述为 「A truly minimal markdown editor. 」

• 系统

本文使用的系统环境是windows10

• 下载

官网下载地址：https://www.typora.io/#windows

image-20210804213716829

根据自己的需要选择性的下载即可。

安装步骤比较简单，一直点击next即可。

1.2 PicGo

所谓图床工具，就是自动把本地图片转换成链接的一款工具，网络上有很多图床工具，就目前使用种类而言，PicGo 算得上一款比较优秀的图床工具。它是一款用 Electron-vue 开发的软件，可以支持微博，七牛云，腾讯云COS，GitHub，阿里云OSS，SM.MS，imgur 等7种常用图床，功能强大，简单易用。

• 下载

下载地址：https://github.com/Molunerfinn/PicGo/releases

NOTE：mac系统选择dmg下载，windows选择.exe下载。

image-20210804214907164

image-20210804214907164

安装过程很简单，一直next即可。

2、PicGo+Gitee图床环境的搭建

2.1 创建仓库

在自己的Gitee上创建一个仓库，仓库必须是公开(开源)的。

2.2 设置私人令牌

• 在gitee点击自己的头像，并找到设置按钮。

image-20210803232706236

• 在安全设置中找到私人令牌

image-20210803232813590

• 输入私人令牌描述和gitee密码
• 全部完成后，即可生成私人令牌，

image-20210803233119378

NOTE:一定要保存好令牌，页面关闭后，将再也找不到本次生成的令牌，若令牌丢失，可以重新生成新的令牌

2.3 PicGo的设置

2.3.1 设置Gitee图床

在图床设置中选择Gitee图床

image-20210803233435291

• owner：写自己的用户名即可
• repo：用户名/仓库名称，比如我自己的仓库Langyk/image_repository，也可以直接复制仓库的url

image-20210803233739059

image-20210803233739059

• 这个是可选项，可以不填写
• token：这个就是我们生成的私人令牌，直接复制到里面
• message：这个是非必填项，不影响

2.3.2 PicGo设置

• 设置开机启动和时间戳重命名

image-20210803234305235

2.3.3 插件设置

在搜索框中搜索gitee，并安装该插件

NOTE: 这里注意一下，必须要先安装node.js才能安装插件，没装的自己装一下，然后重启就行。

image-20210803234456302

3、Typora接入图床

有了前面的工作后，就可以在Typora中接入图床了

在Typora中的左上角选择文件--->偏好设置--->图像，

按照下图进行配置

image-20210803234944722

image-20210803234944722

• 最后点击验证图片上传选项检验图床是否接入成功，成功时则会显示验证成功。

image-20210803235212995

到此，我们的写作环境就搭建好了。

我是Simon郎，一个每天都想博学一点点的小青年，期待你的关注，我们下篇文章见。