侧边栏壁纸
博主头像
liker的博客

去码头整点薯条

  • 累计撰写 10 篇文章
  • 累计创建 9 个标签
  • 累计收到 8 条评论

目 录CONTENT

文章目录

typora+gitee+PIcGo搭建个人博客图床

liker
2025-06-29 / 2 评论 / 2 点赞 / 54 阅读 / 0 字

前言概览

当上传本地markdown文件到csdn或者自己的博客网站时,本地图片连接会失效

所以,我们可以结合gitee和picGo软件案件自己的个人图床,解决该问题,只要gitee仓库还在,不用担心图片和谐和稳定问题。

什么是图床

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

准备工作

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

  1. nodejs环境(node ,npm):【安装指南】nodejs下载、安装与配置详细教程
  2. Picgo:【安装指南】图床神器之Picgo下载、安装与配置详细教程
  3. Typora:微信公众号搜索软件管家,下载自己电脑系统的软件。 Typora 0.9.84 及以上

工具介绍

typora: Markdown工具,写Markdown文件的神器,简洁、方便、免费

PicGo:开源的图片管理工具,可以自己上传图片到各种图床

1. 安装软件

  1. 访问Releases · Molunerfinn/PicGo安装最新版即可,注意根据自己的电脑系统自行选择安装版本。

    image-20250629145814437

  2. 安装完以后,我们启动 picgo ,这里注意,你点开 picgo 却看不到它是正常的,它默认在右下角启动,点开即可。

img

2. gitee创建仓库

  1. 创建仓库

    img

  2. 获取个人令牌(后续会配置到picGo里面)

    image-20250629151244427

    image-20250629151327628

    ​ ·image-20250629151355441

3. PicGo插件配置

  1. 安装gitee插件

    img

  2. 将gitee仓库信息配置好

    image-20250629151034168

    注意:这里仓库地址填写网址后面的内容

    image-20250629151634114

4. Typora配置

  1. 点击文件-偏好设置-图像参考下面的配置

    image-20250629152044513

    1. 配置:

      image-20250629152139043

  2. 效果展示

    image-20250629152510152

总结

常见用法

PicGo作为开源的图床管理软件,功能强大。常见用法如下:

  1. PicGo+Typora+gitee构建个人图床;
  2. PicGo+VsCode+github构建个人图床;
  3. PicGo配合插件pic-migrater批量迁移markdown文件中的图片到新的图床。

踩坑!(以下是碎碎念)

  1. PicGo+VsCode+github构建个人图床确实不错,但是图片可能访问不出来,因为github是在外网的,因此不建议使用github仓库。或者需要搭配CDN加速。
  2. PicGo+Vscode+gitee构建个人图床我没有实现,vscode和PIcGo插件配置我不会用(悲伤.jpg)。查阅多方资料仍然没有实现,等待大佬赐教。
  3. PicGo配合插件pic-migrater批量迁移markdown文件中的图片到新的图床,很好用,唯一的缺点是新导出的文件和原来的文件在同一个文件夹。

参考博客

【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床-阿里云开发者社区

【Picgo指南】图床神器之Picgo工具的安装与快速上手详细教程-CSDN博客

Typora+PicGo,最好用的Markdown+最好用的图床工具!-CSDN博客

2

评论区