typora-结合gitee+PicGO设置图床


简述

  typora作为一款支持markdown格式非常好的软件,作为工作、学习的工具,使用频率非常高。但有一个问题 .md文件在传输时,其中的图片,就会丢失,通过点击图片可以看到,它是在本地的一个文件,typora仅是引用其来显示,所以在传输给其他人或换了一个电脑,图片就会丢失,为了解决这个问题,需要使用图床来将图片放在服务器,不限于GitHub、gitee、各种云环境。

  这里我使用gitee作为存放图片的服务器

安装注册

下载typora

  官网地址

  在2021.11.23,typora官方推出了正式版后,typora开始收费了,Beta版够用的话,可以不用升级(我够用),土豪忽略。当然,也有很多大神使用vscode加插件等工具替换掉typora作为日常记录的工具

  :借用一位大佬的教程,网上有很多。不用全部记住,比如讲ctrl+1 2 3 表示几级标题、```python 插入代码块,这些记住,已经可以满足日常使用了

  使用typora画流程图:除了记录文字和图片,typora还支持画流程图,不过是通过指令去完成的

注册gitee

  官网注册即可

  注册完后,创建一个新的仓库用来存放图片

  创建仓库:

    仓库名称:见名知意即可,如 tuchuang

    选择:开源、设置模板(勾选Readme 文件)、设置分支模型(单分支创建)

获取私人令牌

  创建完仓库后,点击右上角头像 -- 设置 -- 私人令牌 -- 生成新令牌 -- 仅勾选project -- 填写令牌描述 -- 提交。这样就可以拿到一个只能看到一次的令牌,所以要提前保存好,后续会使用到。

下载PicGo

  GitHub下载即可,版本没有要求

配置PicGo

  下载gitee-uploader:打开安装好的PicGo -- 插件配置 -- 搜索gitee-uploader,安装

  由于安装gitee-uploader需要安装nodejs,会自动调整到nodejs官网,下载一个即可,补不过不要勾选安装依赖的包。

  安装完nodejs后,回来继续安装插件,插件安装成功

配置

  在完成了PicGo、gitee、typora安装后,就可以进行配置了。

PicGo配置

打开PicGo面板后 -- 图床设置 -- gitee

repo:仓库地址,格式为:gitee账号名/仓库名,如 zhangsanfeng/tuchuang

branch:master即可

token:上面在gitee获取到的token信息,记得保密。

path:可填可不填,填的话,会自动在gitee创建一个文件夹,如 /img

测试PicGo配置

  回到PicGo主页面的上传区,上传一张图片,如果上传成功,那么PicGo配置就到此结束了

Typora配置

  打开typora页面,文件 -- 偏好设置 -- 图像 -- 设置参考(如下图)-- 验证图片上传选项 -- 验证成功 -- 配置结束

验证

验证图片上传选项成功后,再到typora添加图片时,就会看到图片地址已经是gitee的地址

END.