首页 > 其他分享 >利用 PicGo 搭建基于 gitee 的个人图床,详细攻略!

利用 PicGo 搭建基于 gitee 的个人图床,详细攻略!

时间:2024-10-18 15:21:59浏览次数:5  
标签:Markdown gitee 图床 PicGo 上传 图片

前言
  大多数小伙伴写笔记都是用md格式了,为了更方便的去本地写博客以及笔记,准备自己通过gitee仓库搭建一个图床供自己使用,会让我们写笔记或博客更方便。运用图床工具可以方便地将图片上传到互联网,并获取图片的链接,这样可以在不同的平台上分享和使用这些图片。例如,在个人网站、社交媒体、博客文章、论坛帖子等地方需要插入图片时,使用图床工具就可以方便快捷地实现。同时,使用图床工具还可以有效地减少图片在上传和下载过程中的数据传输量,提升网站的访问速度和用户体验。

一、准备工作
1.1 为什么Markdown需要图床
  首先,需要搞明白:为什么Markdown需要图床?本质上,Markdown是一门文本语言,它并不能像Word那样直接嵌入图像,而是必须加载本地或者服务器上的图片。这意味着,如果你加载的是本地图片,这会给跨平台间的移植带来不必要的麻烦甚至灾难。比如你在Mac上能看到的图片在iPad或者Win上可能无法显示,除非你把Markdown文档以及本地的图片全都同步过来了,但这依然涉及繁琐的路径配置问题。
  此时,图床的重要性就显现出来了。有了图床,插入到Markdown文档的图片将直接从云端加载,因此可以在各种设备间无缝移植,只要有网络即可。

1.2 图床工具 - PicGo
  图床工具(Image Hosting)是一种将图片文件上传到互联网,并提供图片链接的工具。通过图床工具,用户可以将自己的图片托管到第三方服务器上,以获得更好的可靠性和稳定性。图床有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。
  网络上有很多图床工具,就目前使用种类而言,PicGo 算得上一款比较优秀的图床工具。PicGo 是一款基于 Electron 开发的免费的图片上传和管理工具,其与多个图床服务集成,可以将图片上传到图床并生成访问链接。PicGo 具有多种上传方式和自定义规则,并支持批量上传和编辑图片信息。PicGo 支持 Windows、MacOS 和 Linux 操作系统。这款工具支持的图床服务提供商包括七牛云、阿里云、腾讯云、Github、SM.ms、Imgur等。通过自定义设置和规则,PicGo 可以实现更加快捷和方便的图片管理,可在博客、社交媒体、论坛等网站上使用。

官方指南:https://picgo.github.io/PicGo-Doc/zh/guide/
下载地址:https://github.com/Molunerfinn/PicGo/releases
1.3 为什么采用Gitee图床
  尽管阿里云 OSS 的存储空间年费并不高,但是流量费用还是有些小贵的,特别是对于经常使用图床的用户,可能无法承受。GitHub 图床是另一个方案,但是GitHub 在国内访问速度感人,做图床简直没法用。为此,今天将利用国内的 gitee(相当于中国版“GitHub”),并结合PicGo,打造免费又快速的图床。

二、搭建流程
2.1 搭建图床仓库
2.1.1 创建Gitee仓库
Gitee是一个国内面向开源及私有项目的托管平台,不使用GitHub托管是国内种种原因网速较慢。

首先,到 Gitee 官网 注册一个gitee账号。

 

 

账号注册成功并登录后,在右上角的+号处,点击新建仓库。

 

 

按照下图所示,设置仓库信息。 输入仓库名称,设置模板选择 Readme 文件,选择分支模型选择单分支模型(只创建 master 分支),然后点击创建。

 

 

2.1.2 生成私人令牌
  图床仓库创建完成以后,还需要获取获取token(私人令牌),在你的gitee头像处,进入设置,然后点击左侧的私人令牌。

 

 

  点击生成新令牌,随后PicGo 中会用到。

 

 

  进行权限选择,如下图所示,先取消全选,再勾选projects,然后提交。 此时提示要输入gitee账户密码,输入即可。

 

 

  到此便获得了私人令牌,点击复制,并保存好。因为该窗口关闭后,将无法再查看该私人令牌。

 

 

2.2 PicGo 配置gitee图床
⚠️ 必须安装 Nodejs之后才能安装 PicGo 的插件,因为 PicGo 要使用 npm 来安装插件。

首先,进入PicGo的设置-->插件设置,搜索gitee,如下图所示。这里我们选择第三个 gitee-uploader 1.1.2 进行安装,插件安装完成以后需要重启 PicGo 才会生效。

 

 

进入PicGo设置界面,在左边找到gitee,按照下图进行gitee图床的配置。

 

 

其中,相关配置参数如下表所示:

参数  说明
repo  仓库路径。填写gitee的 账户名/仓库名
branch  分支,这里默认填写master即可
token  填写gitee的私人令牌
path  路径,一般写上images,可不填写。
customPath  提交消息。在提交到码云后,会显示提交消息,插件默认提交的是 Upload 图片名 by picGo - 时间
customUrl  本地图库


填写完毕后,点击确定,并设置为默认图床。 到此,便完成了「gitee + Picgo 图床」的所有设置,接着即可使用了。 注意:配置好后进行重启!!!!!!
2.3 Typora 配置 PicGo 图床
  Typora 是一款风格简洁、支持实时预览的 Markdown 编辑器和阅读器,可以帮助我们更快速方便的使用Markdown进行排版,而我们不需要专门去学习Markdown的语法,可以很大的提升我们的效率,专注在写作本身上。

首先,请确认你已经搭建好了PicGo图床。然后,打开Typora设置。点击左侧的「图像」,在「上传服务设定」处选择PicGo.app,如下图箭头所示。

 

 对于【对网络位置的图片应用上述规则】可选可不选,选中就是图片也会复制到本地。

接着,可以点击「验证图片上传选项」,验证图床是否正常工作。

 

 

上传图片之后,图片地址指向码云仓库并且提示上传成功就可了(但是因为图片尺寸等某些不知名原因,某些图片确实无法上传,这不是你的问题,哈~!)

到此便完成了配置,非常简单。当你用Typora进行写作时,从本地(或者通过截图)复制任意一张图片,然后粘贴到Typora中。此时,该图片会自动通过PicGo上传到云端,并形成一个图床链接加载到Typora中。

三、PicGo 常用设置
3.1 时间戳重命名
  注意,务必开启时间戳重命名。如此一来,上传图片的链接会以时间戳进行命名,而不是默认的一堆长长的字符,显得非常不美观简洁。

 

 

3.2 PicGo-Server设置
  PicGo内部会默认开启一个小型的服务器,用于配合其他应用来调用PicGo进行上传。监听的地址推荐就默认的 127.0.0.1 (本机),端口推荐默认的 36677。当然如果你不想要开启也可以选择关闭,只不过推荐你可以开启~可以配合一些第三方工具实现很方便的上传工作流。

 

 

 

 

四、结语
  总之,有了图床后,就可以在诸如Typora、Obsidian等Markdown编辑器中用上了。
————————————————

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/duleilewuhen/article/details/139478827

标签:Markdown,gitee,图床,PicGo,上传,图片
From: https://www.cnblogs.com/liangfengshuang/p/18474356

相关文章

  • 测试 图床
       https://zh-cn.imgbb.com/       ......
  • 使用Git将文件上传到GitHub和Gitee
    目录今天为大家带来一篇超级简单但是非常实用的Git教程,一分钟即可将文件上传到GitHub仓库(或者Gitee)中,很多教程教学的非常全面,但是我认为初学就应该使用最简单的方法,才能保证后续充满动力,更全面的学习!还请各位客官接着往下看!1.初始化目录文件夹1.找到目标文件夹(你想上传代码......
  • 图床搭建与工作流优化全方位集成教程:EasyImages2.0与七牛云的搭建与配置+通过 PicGo
    1.准备搭建–简单图床——EasyImage2.01.1前言无意中网上冲浪的时候,发现了一个叫做简单图床——EasyImage的图床,很好用,搭建也很简单。特别鸣谢简单图床——EasyImage作者大大。1.2特点支持WebP格式转换支持仅登录后上传支持设置图片质量支持文字/图片水印支持设置......
  • PicGo无法删除云端图片问题
    在使用PicGo一段时间后,遇到了一个麻烦的问题:上传后无法在相册内同步删除云端,一旦不小心上传错图片或者想更换图片就很麻烦。经过一段时间的寻找,赫萝大佬基于PicGo做出的PicList完美实现了在相册内同步删除云端文件的同时可以兼容PicGo的插件下载地址:PicListgitee地址:https://gi......
  • vue2接入高德地图实现折线绘制、起始点标记和轨迹打点的完整功能(提供Gitee源码)
    目录一、申请密钥二、安装element-ui三、安装高德地图依赖四、完整代码五、运行截图六、官方文档七、Gitee源码一、申请密钥登录高德开放平台,点击我的应用,先添加新应用,然后再添加Key。​如图所示填写对应的信息,系统就会自动生成。​二、安装element-ui没安装的......
  • Gitee简单操作
    gitee上传代码第一步:电脑上先安装git:下载链接https://git-scm.com/downloads#如果在桌面鼠标右键,出现下面两个东西,则安装成功openGitGUIhereopenGitBashhere第二步:注册gitee/github第三步:创建项目仓库(点击右上角+号)本地git配置-全局(最开始做一......
  • 配置图床PicGo
    1配置GitHub访问 GitHub官网,注册或登录账户。点击“New”按钮创建新仓库,用于存储图片。image-20231221104949913 Github创建一个token:进入Github主页,右上角点击头像选择 Settings->Developersettings->Personalaccesstokens,最后点击 generatenewtoken......
  • Git之5-Gitee(远程仓库)
    我们之前讲的全是在本地电脑上进行的操作,那还不如不用版本控制工具,自己去控制。因此我们团队小组开发,一定要用到远程仓库,这样才能更好地进行版本控制。(不用远程仓库的话,那小组开发只能用同一个U盘,但这样又太荒谬了)。因此我们使用远程仓库gitee。1、注册与创建远程仓库常用......
  • Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
    1.准备工作在GitHub申请token,申请的token只出现一次!下载node.js并安装,node.js官网,如果是win7系统,可以下载2020的最新版,笔者是win7,64位的系统,下载的是node-v15.5.0-x64.msi.2.在Typora中下载PicGo-Core(commandline)插件打开Typora,依次点击文件-偏好设置-图像;按......
  • 优秀的图床管理工具
    1.PicGo特点:广泛的图床支持:支持包括SM.ms图床、腾讯云COS、微博图床、GitHub图床、七牛图床、Imgur图床、阿里云OSS、又拍云图床等多种常见图床服务。丰富的功能:操作界面简单易用,支持多种图片上传方式,并且具有丰富的配置选项。还可以通过插件扩展功能,例如支持截图后快捷......