加载中...

【开源图床】使用Typora+PicGo+Gitee搭建个人博客图床


0. 准备工作

首先电脑得提前完成安装如下:

  1. PicGo:图床神器之PicGo下载、安装与配置详细教程https://picgo.github.io/PicGo-Doc/zh/guide/#picgo-is-here

  2. Node.js:PicGo的插件依赖node.js环境,所以需要下载nodejs,官网地址:https://nodejs.org/en/

  3. Typora:markdown神器之Typora【收费软件】

    支持正版,请大家自行获取。

工具介绍:

  • Typora:Markdown工具,写Markdown文件的神器,简洁、方便
  • PicGo:开源的图片管理工具,可以自己上传图片到各种图床
  • gitee-uploader:PicGo依赖这个插件进行上传到gitee仓库
  • gitee码云:借助gitee码云建立自己的仓库,构建免费图床,国内速度快

1. 什么是图床

图床是一种在线存储图片的服务,通常用于在网页、博客等互联网平台上存储和分享图片。图床服务允许用户将图片上传到服务器,并生成一个唯一的URL链接用于访问这些图片。这样一来,用户可以在发布文章、发表评论或者分享内容时,直接引用这些图片的链接,而无需将图片文件直接插入到内容中。图床服务的优势在于可以减轻网站或博客的服务器负担,提高页面加载速度,同时也方便了用户管理和分享图片资源。常见的图床服务提供商包括七牛云、腾讯云、阿里云等,此外,也有一些开源的图床工具可供用户自行搭建和使用。

2. Typora+PicGo+Gitee搭建个人图床

2.1 PicGo

打开PicGo,可以看到PicGo默认是不显示Gitee的图床,需要安装一个插件(见后续)

PicGo

安装插件gitee-uploader

安装gitee-uploader插件

插件安装完成后,会发现现在图床出多显示了gitee

选择gitee图床

点击图床设置->gitee(将其设置成默认图床)

设置默认图床

现在需要填入对应的参数

参数示例

前往gitee官网https://gitee.com/,新建仓库(后续用以存放图片)

创建git仓库

此时可以写入参数repo和img:

gitee插件参数设置1

点击:个人主页 -> 私人令牌,创建一个新的令牌,在选择权限时,只需要勾选 projectsgists 即可。令牌创建成功,记得复制令牌,这是一次性的!!!

把复制的令牌填入Picgo的参数token,并且参数customPath选择年月,点击确定。

gitee插件参数设置2

2.2 Typora

打开Typora,选择文件->偏好设置->图像【配置如下】

选中 对本地位置的图片应用上述规则对网络位置的图片应用上述规则

上传服务选中我们安装好的PicGo.exe程序。

图像设置

点击 验证图片上传选项 按钮,出现如下则配置成功:

验证图片

此时可以登录gitee的对应项目目录下查看上传的图片。

2.3 给图片增加水印

我们上传的图片默认是没有水印的,为了标注版权,就给图片加上水印。这里在PicGo中使用 watermark-elec 插件。

插件具体使用方法请戳:https://cloud.tencent.com/developer/article/2409693

2.4 压缩图片

如果图片很大,可以通过PicGo的插件来压缩图片,插件有很多,比如:

参考链接:


文章作者: 无夜
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 无夜 !
评论
  目录