Typora+PicGo-Core搭建个人在线笔记

1、本文档解决的问题

　　Typora 是一款 Markdown 文档编写工具，也可以用来编写日常的工作记录。但是这个软件有个小问题，就是如果文档中插入了图片，在跨机器查看文档的时候图片就没法正常显示。

　　好在 Typora 提供了一些插件可以解决这个问题，我们可以在编写文档时把图片上传到网络上，这样无论在哪里，只要有网络文档就可以正常显示。

　　可以存储 Typora 的服务有很多，比如说 阿里云、腾讯云、SM.MS、七牛云、GitHub等，但是上述的像阿里云、腾讯云都需要收费、而七牛云有域名限制、GitHub网络又不好。所以再三思索下决定使用 Gitee，这样既可以存图片，又可以存 markdown 文档一举两得。

2、软件安装

我们需要下载两个软件：

• Typora 最新版本的安装包

• Node 软件安装包（用来安装插件）

2.1、Typora 安装

　　下载完 Typora 之后，点击安装就可以了。如果想完成图片自动上传，则需要 Typora 支持上传服务设定。也就是在 偏好设置 的 图像 设置中要有下面这个选项才可以。比较低的版本是没有这个的，所以最好下载最新版。

2.2、插件安装

　　安装插件前需要先安装 Node，安装完之后执行如下命令可以检验是否安装成功

C:\Users\denggh\Desktop>node -v
v12.16.3

　　需要用到的插件有两个，他们是 PicGo-Core 和 gitee-uploader 。安装的相关命令如下：

// 设置仓库为淘宝的，这样下载速度就会比较快
C:\Users\denggh\Desktop>npm config set registry https://registry.npm.taobao.org

// 安装 picgo-core
C:\Users\denggh\Desktop>npm install picgo -g

// 查看 picgo-core 安装到哪里了
C:\Users\denggh\Desktop>where picgo
C:\Users\denggh\AppData\Roaming\npm\picgo
C:\Users\denggh\AppData\Roaming\npm\picgo.cmd

// 安装 gitee-uploader 插件
C:\Users\denggh\Desktop>picgo install gitee-uploader

　　picgo 默认安装到 ~/AppData/Roaming/npm 目录下。gitee-uploader 插件安装到 ~/.picgo/node_modules 目录下，如果不想放到这个目录其实可以修改的。修改文件 ~/AppData/Roaming/npm/node_modules/picgo/dist/src/core/PicGo.js文件找到以下内容，修改后面这个 config.json 文件位置即可。

this.configPath = os_1.homedir() + '/.picgo/config.json';

2.3、Gitee 仓库配置

　　我们登录 Gitee 创建一个仓库，仓库需要公开的，不然图片无法访问。同时我们还需要创建一个仓库的私人令牌。在个人中心 安全设置 私人令牌 哪里就可以创建。

　　仓库名称就叫做 document 他有两个分支：master markdown-picture 。master 分支用来存放 md 文档，markdown-picture 用来存放图片。里面以年份作为文件夹存放当年的编写 md 文件的图片。

　　参考：https://gitee.com/readiay/document

2.4、插件相关配置

　　我们找到 config.json 文件，并修改他为如下内容

{
  "picBed": {
    "current": "gitee",
    "uploader": "gitee",
    "gitee": {
      "branch": "markdown-picture", // 图片上传到这个分支
      "customPath": "",
      "customUrl": "",
      "path": "2020/", // 路径
      "repo": "readiay/document", // <用户名>/<仓库名称>
      "token": "34097jy0142b767hy64569baadeac247" // token 令牌
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2020-05-07 11:43:43"
  }
}

　　然后进入 Typora 软件，进行如下配置

4、测试运行

　　配置完之后，我们就可以进行 md 文档编写了，然后截图之后直接拷贝到 md 文档中选择上传图片即可。他会自动把图片的URL替换成对应的网络图片URL。