Typora+PicGo+Gitee搭建博客写作环境（超详细）

@

在我们的博客写作中，通常有这样的需求：

• 使用Markdown编辑博客
• 一篇博客发布多个平台
• 图片一次上传，处处引用

为了方便写作，我们可以采用Typora+PicGo+Gitee的方案来搭建我们的博客写作环境。

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

1、软件安装

1.1. Typora

1.1.1、下载

Typora下载地址：typora.io，下载对应的版本，一步步安装即可：

在这里插入图片描述

1.1.2、主题扩展

Typora有五种主题，基本够用了，如果还不满意，Typora提供了添加更多主题的方法。

可以参见这篇文章：Typora添加主题。

1.2、PicGo

PicGo下载地址： Molunerfinn /PicGo

PicGO安装包放在了Github上面，下载对应的版本，一步步安装即可。

在这里插入图片描述

2、配置图床

2.1、创建仓库

登录gitee并创建一个公开的仓库，需要注意仓库必须是公开的，否则无法预览。

在这里插入图片描述

在这里插入图片描述

2.2、设置私人令牌

• 击右上角头像-设置，找到 安全设置下 私人令牌 ，然后点击生成新令牌，权限选择project即可。

在这里插入图片描述

在这里插入图片描述

• 随便填入一个名字

在这里插入图片描述

• 发布私人令牌，这个令牌记下来，后面会用到

在这里插入图片描述

2.3、PicGo配置Gitee图床

• 打开PicGo，在插件设置中查找gitee，安装gitee-uploader

在这里插入图片描述

• 安装完毕重新启动，点开"图床设置"可以看到 gitee图床

在这里插入图片描述

• gitee图床配置

在这里插入图片描述

  - repo写入码云建的仓库地址

在这里插入图片描述

  - token写入前面生成的私人令牌

2.4、PicGo配置

• PicGo本身我们也进行一些配置。打开PicGo设置·

在这里插入图片描述

• 查看当前图床的服务端口，方便接下来的配置：

在这里插入图片描述

在这里插入图片描述

3、图床接入

接下来可以在 Typora中接入我们的图床了。

• 打开Typora，找到偏好设置，

在这里插入图片描述

• 打开图像

在这里插入图片描述

• 进行如下配置

在这里插入图片描述

• 最后检验图床对接是否成功，点击 “验证图片上传选项” ，成功就会显示获取成功。

在这里插入图片描述

• 到此，我们复制到Typora的图片就会自动上传了

在这里插入图片描述

4、Typora快捷方式

• 关于Typora有一些好用的快捷键，可以提高写文的效率： 一级标题：CTRL + 1 二级标题：CTRL + 2 三级标题：CTRL + 3 四级标题：CTRL + 4 五级标题：CTRL + 5 六级标题：CTRL + 6 加粗文字：CTRL + B 插入图片：CTRL + SHIFT + I 插入链接：CTRL + K 插入表格：CTRL + T 插入下划线：CTRL + U 全文搜索：CTRL + F 全文替换：CTRL + H 有序列表：CTRL + SHIFT + [ 无序列表：CTRL + SHIFT + ] 打开或者关闭源代码模式：CTRL + /
• 要插入代码片段，可以在英文状态下，输入~键(esc键下面)三次，后边紧接着所需语言小写，如下：

​```html          回车，这就是插入html代码片段
​```css           回车，这就是插入css代码片段
​```javascript    回车，这就是插入javascript代码片段
​```c             回车，这就是插入c代码片段
​```java          回车，这就是插入java代码片段
​```bash          回车，这就是插入bash代码片段

参考：

【1】：学习Typora这一篇就够了

【2】：手把手教学 Typora+PicGo+Gitee+Mubu 博客笔记写作环境搭建