图床

Chen大约 2 分钟Pic图床

本文内容主要为图床的基本知识和如何搭建一个免费的图床。

1. 图床

什么是图床?

  • 图床是一个用来存储图片的网络服务。它可以让用户上传图片到互联网上,然后通过链接或者嵌入代码将图片展示在其他网站上。
<!-- 比如像这样 -->
<img src="www.xxx.com/xxx.png" />
<!-- 在网站上您就可以看到图片了 -->

图床优点

    1. 节省空间:图片存储在云端,在使用图床可以节省本地存储空间
    1. 方便分享:使用图床可以方便地将图片分享给他人,只需提供图片链接即可
    1. 提高网站速度:使用图床可以提高网站的加载速度,不占用本地服务器的带宽

2. 使用 GitHub 和 PicGo 搭建图床

GitHub 步骤

    1. 新建仓库(记得此前创建账号)
    1. 设置仓库开源 public 可见(保证图片资源能够被访问)
    1. 生成私人令牌 token(用于连接 PicGo 图床软件)
    • 其中权限类型可以只选择 repo 即可

PicGo 步骤

  • 配置 github 设置(依次填写仓库名、分支名为 main(不是 master)、设定 token

  • 现在测试一下!

<!-- 这是我上传后生成的 url 地址 -->
url = "https://raw.githubusercontent.com/tcSteamedEggs/my-blog-pic/main/avatar.jpg"
<!-- 因为我使用的博客主题 vuepress-theme-hope 有内置的 markdown 拓展 所以像我这么写后,下面会展示这样的图片 -->
<img src="https://raw.githubusercontent.com/tcSteamedEggs/my-blog-pic/main/avatar.jpg" />
  • 甚至我可以修改图片的样式 ~

最后,我需要提醒一下,github + PicGo 可能不太好用,在国内访问较慢,图片可能加载不出来(可能你现在就看不到上面的图片了...),甚至可能给挂了 !

  • 我建议使用腾讯云 + PicGo 搭建图床,且防止别有用心的人来 DDoS 攻击(将会面临极其高昂的流量费用),同时设置防盗链和 COS 授权与身份认证来尽量避免;还可以搭配 CDN 使用,利用 CDN 的限流限频能力来尽量避免 !

你来试试吧 ~