[教程] typora + gitee + Picgo搭建图床

[最新教程] typora + gitee + Picgo搭建图床

​ 在用typora写md文件的时候,图片地址是在本地的,如果将md上传到其他平台(如CSDN),图片就会加载不出来。解决方案为利用Picgo将在我们编写md的过程中的图片自动快速上传至Gitee,并获取图片 URL 链接,这样图片就不是保存在本地,而是保存在图床上了。复制md至别的平台时,图片也能显示了。

具体步骤为:

  1. 下载Picgo

    点击链接[Picgo官方教程][https://picgo.github.io/PicGo-Doc/zh/guide/#特色功能]下载应用image-20211030091554037

    选择exe文件下载并下载安装。

    image-20211030091713250

    注意 安装完成Picgo之后,应用不会自动弹出,我们在电脑右下角中找到并点击,可以看到Picgo主界面。

    image-20211030093243938 image-20211030093215955
  2. 在Picgo中下载gitee插件

    Picgo中默认支持github、腾讯云等图床,但没有Gitee。但为了国内快速访问我们选择Gitee。在插件一栏中搜索Gitee,并下载安装。

    image-20211030093510272

    ​ 如果在安装插件过程中,报错需要Node.js的话,我们就去Node官网下载。

    1. 下载node node.js官网地址 ,选择安装位置,一路安装就好了
    image-20211030093747835
    1. 配置环境路径。

    将node所在文件夹(我的安装位置是D:\node\),添加到 此电脑-属性-高级系统设置-系统变量-path中。

    1. 查看是否安装成功

      打开cmd命令行,进入node所在文件夹。输入npm -v查看node.js版本,如果有返回版本号就说明下载成功。

  3. 新建gitee仓库
    1. 进入Gitee,登录后点击右上角的+,新建仓库
    2. 新建时注意画红圈的地方。开源初始化仓库单分支模型
    3. 仓库地址中两个画波浪线的地方要注意,之后我们配置picgo时需要用到。

    image-20211030094501763

  4. 生成gitee令牌

    摸着右上角的头像,点击设置。在左侧中找到私人令牌。

    image-20211030094938428

    生成新令牌,设置如下。复制好令牌,不要忘记哦~

    image-20211030100053227
  5. 配置Picgo

这一步很容易因为配置错误而失败。网上的教程很多都过时了,这里贴出实测可用的配置说明。

  • 注意之前生成的仓库地址,repo为仓库名,就是地址最后一个参数

  • owner为用户名,就是地址倒数第二个参数。

    点击设置为默认图床。为了测试配置是否成功,可以在Picgo里点击上传图片,如果gitee仓库里出现了的话,就是成了。

image-20211030100718827
  1. 配置typora

最后一步了,我们在typora中进行配置。点击文件-偏好设置。插入图片时选择无特殊操作,上传服务中选择picgo(app),然后选择picgo文件路径。最后点击验证图片上传选项,看是否成功。

image-20211030101012258

插入图片时选择无特殊操作的原因是:图片上传至Gitee是实时的,但有时候我们写文档的过程中,会遇到一些想要撤销的图片。如果我们把它也上传到Gitee仓库的话,Gitee很快就会满了。所以编写文档的过程中,图片地址还是本地的。如存储在C盘。

image-20211030101249206

当文档编写完毕之后,点击格式-图像-上传所有本地图片,就可以把最终版本的图片全都上传了。

我们可以看到图片的存储路径变成了gitee。

image-20211030101727488

完结~

猜你喜欢

转载自blog.csdn.net/a61022706/article/details/121047350