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

@[Toc]

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

• 使用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

并创建一个公开的仓库，需要注意仓库必须是

公开

的，否则无法预览。

• 选择

  Redeme初始化这个仓库

  ， 这样码云会自动给你的仓库建立master分支 ,不然可能会出现插件无法找到分支的错误

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 博客笔记写作环境搭建

【3】：

PicGo + Gitee(码云)实现markdown图床