Skip to content

图床简介

图床

image-20240911230537556

目录

[toc]

为什么要使用图床

对于写博客的朋友们来讲,图床这个东西一定不会陌生,而且在一定程度上也给大家造成过一定困扰。

对于不清楚这个东西的朋友,我就在这儿大概说一下图床是个啥东西。所谓图床,其实可以就相当于我们手机上的相册,不过他是在线的,而且是对大家开放的,大家都可以访问查看,但是编辑删除这些功能仅限于拥有者,就相当于用百度云分享的公开照片,你可以查看,也可以下载下来编辑,但是拥有权还是属于分享者。

那你可能会疑惑,那这个东西和写博客的我们有啥关系呢?

你想想,我们写博客,是不是有很多图片需要插入,我们这些博客要保留在本地的时候你可以预览到图片,但一旦你要把它发布到网上,这时候问题来了!发现图片上传失败,那是因为你本地的图片都是存在本地的,平台不会自动给你上传,那这个时候就凸显出图床的重要性了。当然了,如果你是直接在平台进行编辑,那着一点就不用担心了,基本平台都会自动给你上传到它自己的服务器。

有了图床,我们在本地写好博客之后,就能够任意复制到其他平台,不用担心图片丢失问题了。

  • md的核心就是解决图床问题,如果解决了图床问题,不管用typora还是ob来维护笔记核心数据,就会特别香;
  • 还是那句话,核心笔记数据必须自主可控,不绑定任何一家笔记应用。

需求背景

1、解决自己typora md图床问题

2、解决自己博客文章图床问题

常见图床搭建方式

1、本地图床

存放图床的目录可用坚果云百度云同步空间来同步数据,以保证其数据安全性。

bash
D:\我的坚果云\LocalImagesD:\BaiduSyncdisk\LocalImgs

1.typora+相对路径

1、优点

相对路径的md文件可以方便进行传播;

方便静态站点工具渲染md(例如docusaurus支持相对路径的md文档的渲染);

2、缺点

不是很利于md文件的维护;

且会造成某些文件的重复使用,导致存储空间增大;

2.typora+绝对路径

  • 个人更推荐使用typora+绝对路径方式,例如自己就是将本地图床路径设置为D:\BaiduSyncdisk\LocalImgs\图片,这样的话,更利于维护自己的笔记数据;

  • 使用绝对路径的话,就可以轻松修改md文件名称了;(这个还是非常方便的)如果使用相对路径,每次修改md文件名称后,还需要修改存放图片目录的名称,然后再批量替换md文件中图片的路径。

bash
https:D:\BaiduSyncdisk\LocalImgs\image-20220530200627632.png

注意:不管是坚果云还是百度网盘同步空间,如果使用其本地图床,那么在手机端是无法正常显示md里图片的……,因此后面才需要配置公网图床。

2、oss图床

阿里云oss&腾讯云cos&七牛云方式搭建

  • 问题:如果自己后续md图床数据量增大,那么oss计费也是比较贵的;
  • 问题:要解决oss被恶意刷流量问题?

防盗链??

鉴权??

限制refer??

设置白名单??

3、github图床

问题:当gitee/github里的图片数据量很大时,无法pull/push数据,并且网速也很慢,不推荐这种方法;

4、其它方式

案例:Lsky Pro(兰空图床)

2023年11月11日 群辉大佬

img

2024年3月17日收藏

Lsky Pro

参考文章

https:typora:作为本地md编辑软件(当然用ob也行哦)picgo:作为md里图片上传工具

本方案优点:

  1. 图床使用域名做解析,即使以后换ecs的公网ip后,我们只需要迁移图片数据就行,md元数据是不用动的,很丝滑。
  2. 自己也利用rsync会每天定时从linux同步数据到本地windows PC,简直nice。==(rsync服务、nginx服务部署很简单,请放心)==
  3. 解决了md图床问题,那么使用typora/ob维护笔记数据,体验真的飞起哦。另外,也一起解决了博客图床问题哦,完美。

关于我

我的博客主旨:

  • 排版美观,语言精炼;
  • 文档即手册,步骤明细,拒绝埋坑,提供源码;
  • 本人实战文档都是亲测成功的,各位小伙伴在实际操作过程中如有什么疑问,可随时联系本人帮您解决问题,让我们一起进步!

🍀 个人网站

image-20241231070836953

🍀 微信二维码

x2675263825 (舍得), qq:2675263825。

image-20230107215114763

🍀 微信公众号

《云原生架构师实战》

image-20230107215126971

🍀 csdn

https:t="1711730357270" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4392" width="16" height="16" >打赏支持