Typora+PicGo-Core+Github+jsDelivr 搭建图床(2021.1.31) - Go语言中文社区

Typora+PicGo-Core+Github+jsDelivr 搭建图床(2021.1.31)


Typora+PicGo-Core+Github+jsDelivr 搭建图床(2021.1.31)

Markdown 作为一种轻量级标记语言,只能记录纯文本内容,所以平时编写的文档如果发给他人或者上传到博客,会导致图片资源无法加载出来。为了解决该问题,我们可以把图片上传到服务器上,在文档中以网络资源的形式引用,但这一切手动操作比较麻烦,因此有必要利用工具搭建图床实现自动化操作。本文作为笔记搭建的记录帖,对搭建过程不作详细描述,如有疑问,可联系笔者。

1. 搭建环境

在不同的系统和环境中,搭建的过程可能会有所区别,但基本都大同小异,所以如果你的环境与下文展示的环境不同,那么本文只能当作参考。本文搭建的具体环境如下:

  • Windows 20H2;
  • Typora 0.9.98(beta);
  • Picgo-Core 1.4.7;

2. 图床选择

PicGo 是一个用户快速上传图片并获取图片 URL 的工具,而 PicGo-Core 是 PicGo 的 CLI(Command-Line Interface) 版本。根据其官方说明目前支持七牛、腾讯云、又拍云、Github、SM.M2、阿里云、Imgur八大图床,且本体不再添加新的图床支持,可自行开发第三方图床插件。本着免费的想法,笔者最终决定在 Gitee 和 Github 两者之间进行选择。

  • Gitee:访问速度较快,但仓库空间较小(单仓库大小不超过500M,仓库数量限制30个,且总仓库大小不超过5G);
  • Github:仓库空间较大(单仓库无大小限制,建议1G以内,超过可能会受到邮件提示),且数量没有限制,但国内访问速度较慢(可通过 cdn 进行加速访问);

上述对仓库大小和数量的描述可能不完全准确,详细可取查阅 Gitee 和 Github 的官方文档。通过比较,笔者最终选择了使用 Github。

3. 搭建过程

3.1 安装 Picgo

  1. 安装 Typora,相信看到此文的你必定已经安装了 Typora,所以此处不再赘述;

  2. 通过 Typora 安装 Picgo,依次点击文件->偏好设置->图像

    picgo下载

    注:因网络问题下载速度可能会比较慢,请耐心等待或通过科学上网加速下载。

3.2 创建 Github 仓库

  1. 创建公开仓库用于存储图像;

    创建Github仓库01

    创建Github仓库02

  2. 创建 token,便于 Picgo 能够操作仓库;

    创建 token 01

    创建 token 02

    创建 token 03

    创建 token 04

    创建 token 05

    创建 token 06

3.3 配置 Picgo

此处因为笔者安装的为 CLI 版的 Picgo,所以需要在命令行进行配置。

  1. 此处不再为 Picgo 设置环境变量,直接进入所在目录进行操作,Win+r快捷键输入cmd回车进入命令行,跳转到 Picgo 所在目录C:UsersxxxAppDataRoamingTyporapicgowin64

    picgo 版本

  2. 配置 Picgo Uploader 信息;

    配置 picgo uploader

  3. 选择 Picgo 使用的 Uploader;

    选择 picgo uploader

3.4 验证上传

在 Typora 内依次点击文件->偏好设置->图像->验证图像上传选项

验证上传

4. 安装插件

Picgo 的插件依赖于 nodejs,因此需先安装 nodejs 和 npm;

  1. 安装 nodejs 和 npm 并配置国内镜像源,此处不再赘述;

  2. 通过 picgo 安装 rename-file 插件实现图像重命名,避免名字重复;

    rename-file 插件

  3. 配置 rename-file 插件;

    rename-file配置

5. 结束语

至此,图床搭建就完成了,此帖只作为记录用途,大部分细节没有进行详细描述,如有疑问,可联系笔者。

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/qq_44797987/article/details/113483254
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢