Typora+Github + Picgo打造个人云笔记

创建仓库

如图创建一个新的仓库

指定仓库名

下载picgo

链接如下：

Releases · Molunerfinn/PicGo

下载后一直下一步傻瓜式安装即可。

进入GitHub图床设置

仓库名格式如上：用户名 + 仓库名
分支名根据你的远程分支自行指定

生成TOKEN

进入GitHub网站的设置页面

进入个人github账户setting.

点击Developer settings.

选择Personal access tokens.

点击Generate new token.

为你创建的token添加描述

描述一下，例如 Test。

选择token有效期时间。

可以选择永不过期
为token赋予权限。
点击生成。

Picgo配置

点击左边图床设置，选择GitHub图床，具体配置如下
设定仓库名，填写：GitHub名/库名
分支，默认填master
设定Token，刚才保存的token令牌
指定存储路径，默认填img/
点击确定和设为默认图床

一定保存好，这个Token只能查看一次。

进入PicGo设置，打开时间戳重命名

时间戳可以防止命名冲突。

免费CDN：jsDelivr+Github

如果默认不适用自定义域名，github里边这个地方是比较蛋疼的一点，上传的图片啥的，他会给你上传到另一个文件服务器里边，这个地址国内不使用vpn是无法访问的，而我们本地typora的图片链接和GitHub远端存储的链接是一样的，通常如下：https://raw.githubusercontent.com/sxfinn/Pic/master/img/202204120923663.png。

但是这个链接我们在国内是无法访问的，因此需求是给自己个人博客搭建图床的同学就会出现图片无法访问的问题。

解决方法：

CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。——百度百科

放在Github的资源在国内加载速度比较慢，因此需要使用CDN加速来优化网站打开速度，jsDelivr + Github便是免费且好用的CDN，非常适合博客网站使用。

使用方法

Picgo中设定自定义域名，自定义域名格式可以是你的 用户名/仓库名 前加上https://cdn.jsdelivr.net/gh，这样可以加速我们对图片的访问，默认不更改的话图片会是使用如下raw.githubusercontent 前缀的链接。

使用CND加速后，Typora文档的图片的链接会变成我们设置的自定义域名：https://cdn.jsdelivr.net/gh/用户名/仓库名/2022xxxxxx.png，而如果我们将文档上传到GitHub服务器上,链接则通常如下：

https://camo.githubusercontent.com/e27aa2f17225d131bfa13f46412a4cee2ec4796a29f62fca34cebc2421bc2efe/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f737866696e6e2f5069632f696d672f3230323230343132303935393338322e706e67

例如：我写下这篇文章时的同一张图片