使用PicGo+Typora搭建个人本地知识库

[md]**鸽子洛翎，来补南风的催更啦**

**本文方案**

* 笔记软件：Typora
* 图片管理：PicGo
* 图片存储：Gitee

**准备**

* Gitee [https://gitee.com/](https://gitee.com/)
* node.js [https://nodejs.org/zh-cn/](https://nodejs.org/zh-cn)
* Picgo [https://github.com/Molunerfinn/PicGo/releases](https://github.com/Molunerfinn/PicGo/releases)
* Typora [https://www.typora.io/](https://www.typora.io/)

**Gitee**

> Gitee和GitHub类型，都是代码托管平台，和GitHub相比最大的都是就是其访问速度。本次我们需要使用他来存放我们的图片。

传送门：[https://gitee.com/](https://gitee.com/)

**新建仓库**

* **库名** ：pic-bed
* 可自定义
* **初始化仓库** ：
* 语言、添加 .gitignore、添加开源许可证
* 默认就好
* **选择分支模型** ：
* 选择：单分支模式（只创建master分支）
* 点击：**创建**

**生成私人令牌**

* 点击： **头像** —— **设置** —— **安全设置** ——**私人令牌**
* 点击：**生成新令牌**
* 修改配置
* **取消全选**
* **projects[查看、创建、更新你的项目]** ：
* 点击：**提交**
* 复制：token

**Gitee弊端**

在后续的使用过程中，大概率会碰到，有时候无法访问图片的情况，但是通过图片的地址，是可以访问到图片的，这是因为gitee为了出于安全考虑，大于1M的文件，需要登录之后才可以访问。

**node.js**

> node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。为了下面PicGo安装插件，我们需要安装他。这里不推荐使用最新node14+版本，可能会出现各种各样的玄学问题。

下载地址：[https://nodejs.org/dist/latest-v12.x/](https://nodejs.org/dist/latest-v12.x)

大家根据自己的需要选择对应的版本安装包安装即可。

**PicGo**

**下载**

GitHub传送门： [https://github.com/Molunerfinn/PicGo/releases](https://github.com/Molunerfinn/PicGo/releases)

根据自己的系统来选择对应的版本

无法访问的，可以参考一下星球内的这篇文章：

利用 cloudflare 搭建属于自己的免费 Github 加速站

**gitee插件**

**安装**

PicGo默认是没有gitee图床的，但是我们可以通过插件来添加gitee，插件名为gitee-uploade

* 插件设置
* 搜索插件：gitee-uploade

**配置**

点击图床设置，选择gitee

* repo
* 你的gitee仓库全部路径
* 填写：XXX\pic-bed
* branch
* master分支（创建的时候选择其他分支的话，就填写你的分支）
* 填写：master
* token
* 填写：上面Gitee令牌刚生成的token
* path
* 填写：img
* 其他：不填
* 点击：**默认图床**

**Typora**

> Typora是一款用于记录markdown笔记的软件，功能非常强大，真正的可以让程序员无需在文档格式上花费太多时间，仅需要专注于自己的文档写作即可。

下载地址： [https://www.typora.io/](https://www.typora.io/)

这里我们可以根据自己的操作系统来选择对应的Typora版本，然后无脑进行下一步即可。

**最后一个免费版本**

下载地址：[https://www.typora.io/windows/dev_release.html](https://www.typora.io/windows/dev_release.html)

选择版本：0.11.18

**与Picgo关联**

1. 点击：**偏好设置**
2. 点击：**图像**
3. 插入图片时：
4. 选择：**上传图片**
5. **前三项打勾√**
6. 上传服务设定：
7. 上传服务：**PicGo（app）**
8. PicGo路径：刚刚安装的**PicGo.exe**文件目录
9. 验证：
10. 点击：**验证图片上传选项**
11. 法一：查看是否有写着验证成功弹窗
12. 法二：查看 PicGO 相册
13. 法三：查看Gitee动态看是否有新的推送【记得刷新页面】

**总结**

本文讲述了一种利用PicGo和Typora构建的个人笔记系统。但由于Gitee的1M限制，存储的图片只能是1M以下的，这点就非常的不人性化，当然你也可以牺牲速度换取大小来选择GitHub作为图床，或者你是RMB玩家，可以选择使用诸如腾讯云、阿里云、七牛云等云商提供的对象存储来搭建性能更好的图床。

**美化方案**

**更换主题**

> Typora默认提供的主题种类比较少，但是Typora也想到了这一点，给我们提供了一个主题网站，大家可以根据自己的需要去选择自己所喜欢的主题。

传送门：[https://theme.typora.io/](https://theme.typora.io/)

* 下载喜欢的主题（一般是压缩包的形式）
* 点击：文件——偏好设置——外观——打开主题文件夹
* 打开压缩包，将其中的内容进行图拖拽，到刚刚打开的文件夹
* 重新打开Typora

**Typora自动编号**

> Typora配置正文、目录、侧边大纲中的标题自动编号

* 点击：文件——偏好设置——外观——打开主题文件夹
* 创建文件，并且改名为：base.user.css【包含扩展名】
* 复制下文的配置：
* 重新打开Typora

可以参考一下这篇文章的代码：[https://blog.csdn.net/zhongqi2513/article/details/105123345](https://blog.csdn.net/zhongqi2513/article/details/105123345)

> 本来打算复制代码的，但好像电脑显示不佳，我看看能不能上传文件吧

**参考文献**

1. Typora配置正文、目录、侧边大纲中的标题自动编号：[https://blog.csdn.net/zhongqi2513/article/details/105123345](https://blog.csdn.net/zhongqi2513/article/details/105123345)
2. PicGo+Typora搭建个人笔记系统：[https://zhuanlan.zhihu.com/p/340760172](https://zhuanlan.zhihu.com/p/340760172)
3. Typora常用好看主题推荐!!!：[https://zhuanlan.zhihu.com/p/340760172](https://zhuanlan.zhihu.com/p/340760172)

功能测试：

[/md]