Q: 大家使用 Markdown 写静态博客的时候是如何插入图片素材的？

[anonymous2351d00]

intro

想写一写博客但是有一些痛点问题没有好的解决方法，所以想来请教一下大佬们

question

• 1.文字不足以描述时需要配插图，可是 没有好的工具 操作就变成以下步骤
  • 1.1 截图
  • 1.2 重命名保存截图
  • 1.3 把截图放到指定静态资源文件夹
  • 1.4 使用 markdown 语法导入图片
• 2.一般来说带后台服务的博客有自己的在线编辑器，可以直接 cc cv 然后图就插好了，可是静态博客怎么办呢？
  • 2.1 图片越多项目越大
  • 2.2 使用图床(目前没有找到可以白嫖或者便宜的每月付费制的图床)
  • 2.3 结合图床怎么才能实现 cv 之后直接传到图床, 然后 markdown 编辑器直接是链接形式的图片呢(目前没有找到一个合适的编辑器-可以结合没找到的图床的)

想请教请教大佬们有没有具体的解决方案

[renmu]

没有免费的午餐，把微博，码云，github 的人都炸过了，各家厂商的 oss 都不贵。
图床工具可以用 picgo ，vscode 和 ob 都有相应的插件实现黏贴时上传

[caomingjun]

图床：Cloudflare R2 ，免费 10G
编辑器自动上传：Typora/VSCode + Picgo

[zxCoder]

typora picgo

[byty18768]

白嫖电报的图床一大堆🤓 img.153666.xyz

[totoro625]

简单的图片 base64 塞进去（ 100kb 以内）
大图丢 b2+COS ，套腾讯云 CDN+Cloudflare
Typora 能自动上传图片的，一样粘贴即可

[anonymous2351d00]

@byty18768 hhhh 这也行?

[chihiro2014]

@caomingjun r2 看了下似乎还可以？不知道对那种疯狂访问导致的收费会咋样

[anonymous2351d00]

@caomingjun 我来折腾一下这种方案

[SenLief]

看在意不在意国内的访问，如果不在意那就 R2 够用，在意的话还是国内的 cos

[caomingjun]

@chihiro2014 R2 不收出口费用，只收存储，而且前 10G 免费。Cloudflare 的一贯作风就是不收流量出口费用。
对于读取次数，受到你的 worker 调用次数限制，每天 10 万次，免费计划超过 10 万次会停掉直到第二天恢复，不会收钱。

[anonymous2351d00]

@caomingjun https://pub-21fe0e0925c348458b71ddd78e799809.r2.dev/c53c811f880411ebb6edd017c2d2eca2.jpg 实测好使

[crokily]

博客用 obsidian+hugo
obsidian 用 image auto upload Plugin 插件加 Picgo ，就能实现复制粘粘直接上传图片到图床 /cos
然后无论用 hugo 还是用 hexo 都行了，图片已经传好了

[chihiro2014]

@caomingjun 也就是 10G 以内随便存，不花钱，超过日均 10w 的读取会自动暂停。相当于免费（雾）？

[shuxhan]

白嫖电报+1 https://zoer.us

[Salticey]

@anonymous2351d00 你这个已经挂了。。。

[missuo]

upic

[zhusimaji]

upic+1

[caomingjun]

@chihiro2014 对，只要你不开 worker 的付费计划，存储不超过 10G 就完全不用担心收钱
还有建议绑定自己的域名，他的域名可能被墙

[anonymous2351d00]

@Salticey 手动在线上删掉了

[anonymous2351d00]

picgo 有问题，QQ 快捷键截图不行，必须得用 windows 自带的 win+shift+s ，调试半天才发现问题。。。- _ -....

[chihiro2014]

@caomingjun 写了个简单的 S3 服务，接入 R2 的时候发现，上传可以，删除超时？？？

[MrGba2z]

我的博客架在 GCS 上 静态编译完直接用 gcloud sync 上去就好

本地用 vsc 编辑 图 /文通目录 可以直接用  插入 (vsc 默认也有 autocomplete, 还能 hover 预览)

GCS 本身的费用很低, 可以额外加装 CF 或者 G 家的 load balancer

[duke807]

我图片直接和 md 文件放一个目录，一起提交到 git 库

至于图片和视频，我会压制成 avif 和 av1 视频，可大大减少文件体积

同时，自己网站同时存放一份 fallback 格式，但不加入 git 库，github 上看文章看不到 fallback 的 jpg 和 mp4 文件，网站则可以

[duke807]

不用外链，外链很容易失效

[chihiro2014]

@caomingjun 目前尴尬的问题是如果使用自己的域名，假设是 https:// xxx.yyy.com 绑定到对应的 R2 上。这个时候访问路径会变成 https://bucketName.xxx.yyy.com 。正确结果应该是 https://xxx.yyy.com/要访问的文件。
不知道咋弄=。=

[K7TrSJryPNjj]

我是[这样做的]( https://blog.yunshuai.me/python-%E6%90%AD%E9%85%8D-automator-%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6%E5%88%B0-github/)

[JensenQian]

imgur
v 站上好几年前图都在

[caomingjun]

@chihiro2014 你是按这个文档做的吗？
https://developers.cloudflare.com/r2/data-access/public-buckets/#custom-domains-configuration
应该不会的啊

[caomingjun]

@chihiro2014 #21 这个不太清楚，我没用 S3 API ，我自己用 worker 写了一套 API...

[chihiro2014]

@caomingjun 今天下午测了下，删除失败目测是网络问题。全局之后就不会有这个问题。至于使用自己域名的问题，大概率是 S3 API 不太支持的样子。或者，没用对 API

[alne]

截图
粘贴
移动到对应文件夹
重命名
上传到图床
这些 obsidian+插件基本就搞定了

[FFFFourwood]

我是自己的图床服务器的传图接口
然后用 uPic
然后写 markdown 时候用 Typora 写
Typora 可以关联 uPic
这样我在写的时候直接在 Typora 粘贴截图就可以了、图片直接就传到我的服务器上了， 服务器有 配置 cdn ，

[quietjosen]

BackBlaze 上面有人介绍了，配合 Cloudflare ，用量不大基本全程免费。再加上自己注册域名，之后迁移也是容易的（ iPic Mover 可以批量迁移 Markdown 中的图片到新图床）。

至于速度，Cloudflare 在国内的速度确实没法和国内云存储比较，但国内云存储需要备案域名，很多人估计会止步于此。反过来说，如果能搞定备案域名，还是建议用国内云存储。买个 100G CDN ，一般不超过 20 元，量小够用 1 年了。

上传工具可以选 iPic （我开发的😂），现在 iPic 默认图床就是 BackBlaze + Cloudflare ，可以去体验下速度什么的。

[anonymous2351d00]

@quietjosen 膜拜大佬

[hxysnail]

感觉还是用对象存储自建比较靠谱，然后定期备份，各种云对象存储都挺便宜了

[xiaozizayang]

你需要一个图床，可以看看我图床解决方案的总结文章：

https://www.howie6879.cn/post/2022/05_pic-url-solution/

[quietjosen]

@hxysnail 存储费用很低，几乎可以忽略；主要的费用是 CDN 流量费。夸张地说，一旦被 DDoS ，一晚上一套房就没了。

[hxysnail]

@quietjosen 可以设置带宽上限的，超了自动下线

[wdssmq]

「折腾」关于 2021 年末仍然没有完备的图床方案这件事_电脑网络_沉冰浮水
https://www.wdssmq.com/post/20211225085.html

最后用的 cf wk 反代 github