IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 教你使用gitee+PicGo+typora搭建免费的Markdown图床 -> 正文阅读

[开发工具]教你使用gitee+PicGo+typora搭建免费的Markdown图床

欢迎关注公众号【Python开发实战】,免费领取Python安装教程和Python学习电子书!

本文详细介绍了如何使用gitee+PicGo+typora搭建markdown图床,自动把本地图片转换成链接,方便图片的访问。

当你使用markdown编辑器typora编写博客文章时,你可能会有遇到一个头疼的问题,就是在markdown文档里出现图片时,如果图片路径设置的不正确,图片很容易显示不出来。比如,博客文章里面出现的图片被保存在本地磁盘中,但是当你想要在博客平台上发表自己写好的博客时,使用本地图片路径是不能正确显示图片的,这就需要你点击图片上传将图片上传到博客平台的服务器上。但是如果一篇博客文章中出现了很多张图片,或想在另一个博客平台上发表文章,则又要重新上传每一张图片。

那可不可以将博客里面出现的图片统一保存到一个能够被多个博客平台访问的仓库里呢?这样博客里出现的图片只需要设置一次路径就可以在多个博客平台访问。这就是图床,专门用来存储图片,可以自动把本地图片转换成链接,方便图片的访问。

下面介绍使用gitee+PicGo+typora配置markdown图床的详细过程。如果还没有安装typora可以查看这篇文章关注【Python开发实战】,回复关键字【typora】(注意全部小写),可免费获取Typora 0.11.18版本(免费的最新版)的安装包。

创建gitee仓库

gitee是国内版的github,由于是国内的,访问速度很快,可以帮助开发者更好地管理代码。

首先,打开gitee官网(https://gitee.com/),如果已经有gitee账号则直接登录,如果没有gitee账号则先注册一个账号,然后注册成功后再登录。

image-20220504132104150

登录账号后,点击右上角的+号,新建仓库,这个仓库将用来存储Markdown文档里面的图片,而且图片不会依赖是否在本地存储,因为图片被存储到gitee仓库中,则可以使用其在仓库中的url来访问。

image-20220504132613605

在新建仓库页面,按下图所示,填写仓库的名称、路径、介绍等信息。

image-20220504133444989

仓库创建成功之后,要将仓库设置为开源,这样才能在Markdown文档中显示,点击下图所示的管理,并下滑,找到是否开源。

image-20220504134217952

找到是否开源后,选择开源并保存。

image-20220504134319836

设置私人令牌

设置私人令牌,找到账号头像,选择设置。

image-20220504134444693

在设置页面,选择私人令牌,然后点击右上角的生成新令牌。

image-20220504152411719

在生成新令牌页面,给令牌添加一个描述,然后点击提交,会显示出已经创建好的令牌,将显示的已经创建好的令牌保存下来,以备使用。

image-20220504152709146

下载PicGo

PicGo是图片上传和管理工具,PicGo的官网是https://molunerfinn.com/PicGo/,进入PicGo官网,然后点击免费下载,进入下载页面。

image-20220504160344389

在下载页面,下滑找到Assets部分,然后根据电脑的系统选择对应的版本,这里选的是Windows下64bit的安装包。

image-20220504160546024

PicGo的安装需要依赖node.js,如果电脑已经安装了node.js,则继续安装PicGo。如果电脑没有安装node.js,PicGo的安装过程会提示需要安装node.js,按照提示安装好即可。

找到已经下载的PicGo安装包,双击打开,开始安装,出现下图所示的页面,选择为所有用户安装,点击下一步。

image-20220504160903864

出现下图所示的页面,选择PicGo的安装路径,这里是安装到D盘,注意安装路径不要包含汉字并且尽量不要包含空格。选择好安装路径之后,点击安装。

image-20220504160939317

出现下图所示的页面,正在安装中,等待几分钟,出现安装成功的页面关闭即可。

image-20220504161018095

安装好PicGo后,打开PicGo,在左侧选项里面选择插件设置,搜索gitee-uploader,然后点击安装这个插件。

image-20220504161321409

安装好gitee-uploader这个插件后,在左侧选项里面选择图床设置,找到gitee,在右面出现的内容中对应填写gitee的设置。必填的选项有两个:repotoken, 分别是用户名/仓库名之前创建的私人令牌,其他的选项随意可以不填。这里repo这个选项需要注意,新版的PicGo不再需要填写仓库的url地址,而是用户名/仓库名

image-20220504163859266

如果不想上传的图片被重命名,则可以在左侧选项里面选择PicGo设置,关闭上传前重命名时间戳重命名即可。

image-20220504162843429

typora设置

gitee仓库、私人令牌和PicGo都准备好之后,打开typora,在工具栏点击文件,找到偏好设置打开。

image-20220504162320351

在偏好设置中,点击图像,然后选择插入图片时上传图片,并勾选对本地图片和网络图片应用上述规则;上传服务选择PicGo(app),PicGo路径选择PicGo的安装路径。

image-20220504162556703

到这里,将typora中出现的图片自动上传gitee仓库的设置就全部完成了!快打开typora插入图片测试一下吧!

测试时出错可能原因

  1. gitee仓库没有设置为开源。
  2. 在PicGo中设置gitee时,repo和token参数填错。
  3. 插件 node.js 未安装(如果未安装,安装PicGo时会提示,这个原因几率很小)。
  4. 在typora的偏好设置—图像中,没有关联 PicGo。
    tee时,repo和token参数填错。
  5. 插件 node.js 未安装(如果未安装,安装PicGo时会提示,这个原因几率很小)。
  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章           查看所有文章
加:2022-05-13 11:54:11  更:2022-05-13 11:54:44 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/14 15:14:07-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码