如何搭建图床

235 阅读2分钟

如何搭建图床

图床简介

定义

  • 图床是一种在线存储图片的服务,它允许用户将图片上传到服务器,并生成一个可公开访问的 URL(链接),用于在网站、论坛、博客、社交媒体等地方嵌入或分享图片。
  • 本质上,图床就是一个专门用于存储和分发图片的网络空间

核心功能

  1. 图片存储: 提供可靠的存储空间,用于存放用户上传的图片文件。
  2. URL 生成: 为每张上传的图片生成一个唯一的、可直接访问的 URL。
  3. 图片分发: 通过 CDN (内容分发网络) 等技术,加速图片在全球范围内的访问速度。

作用

  • 解决图片存储问题: 避免直接将图片存储在自己的服务器上,减轻服务器压力,节省带宽。
  • 提高网站加载速度: 通过 CDN 加速图片访问,提升用户体验。
  • 方便图片分享: 生成易于分享的图片链接,方便在各种平台上发布图片。
  • 内容隔离: 将图片内容与网站的其他内容分离,便于维护和管理。

免费图床推荐:

SM.MS图床为例:

  1. 注册SM.MS账号:访问 sm.ms 并注册。
  2. 获取API Token
  3. 在PicGo中配置
    • 打开PicGo → 图床设置 → SM.MS图床 → 填入API Token → 点击「确定」。

搭建图床步骤

工具准备

  1. gitee:gitee.com/

    优点:访问速度快、免费

  2. PicGo

搭建步骤

  1. 进入gitee 官网

  2. 注册/登录账号

  3. 新建仓库(注意:为了保证外部能访问图片,权限需要设置开源)

    image-20250518201908040

  4. 生成令牌用来连接PicGo图床软件

    image-20250518184641644

  5. 下载PicGo软件

    PicGo图床软件官方下载:github.com/Molunerfinn…

    PicGo图床软件快速下载:https://sumsung.lanzouw.com/irEaFzjen8j

    Typora免费下载地址(旧版本,免费):sumsung.lanzoui.com/itRlZgjyuxc

    Typora官网购买地址:www.typora.io/

  6. 打开PicGo安装插件(一般情况直接点击插件设置搜索gitee 安装就行,如果搜索不到,启动planB)

    planeB:

    • 进入到PicGO的数据目录,一般是这个位置:C:\Users\{计算机用户名}\AppData\Roaming\picgo

    • 给npm换成淘宝的镜像源:

      npm config set registry https://registry.npmmirror.com
      
    • 查看是否设置成功:

      npm config get registry
      
    • 安装picgo-plugin-gitee:

      npm install picgo-plugin-gitee
      
    • 安装成功如图

      image-20250518190817315

  7. 配置gitee

    image-20250518191045585

    image-20250518191422462

    image-20250518191628382

  8. 把gitee设置为默认图床,否则可能报错:You must be logged in to use!

typora配置

  1. 打开typora

  2. 点击文件

  3. 点击偏好设置

  4. 点击图像

  5. 配置

    image-20250518195329348