V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
anonymous2351d00
V2EX  ›  问与答

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

  •  
  •   anonymous2351d00 · 2023-02-25 15:35:25 +08:00 · 3289 次点击
    这是一个创建于 622 天前的主题,其中的信息可能已经有所发展或是发生改变。

    intro

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

    question

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

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

    39 条回复    2023-03-08 17:58:22 +08:00
    renmu
        1
    renmu  
       2023-02-25 15:40:10 +08:00 via Android   ❤️ 1
    没有免费的午餐,把微博,码云,github 的人都炸过了,各家厂商的 oss 都不贵。
    图床工具可以用 picgo ,vscode 和 ob 都有相应的插件实现黏贴时上传
    caomingjun
        2
    caomingjun  
       2023-02-25 15:41:49 +08:00 via Android   ❤️ 2
    图床:Cloudflare R2 ,免费 10G
    编辑器自动上传:Typora/VSCode + Picgo
    zxCoder
        3
    zxCoder  
       2023-02-25 15:48:52 +08:00   ❤️ 1
    typora picgo
    byty18768
        4
    byty18768  
       2023-02-25 15:52:04 +08:00 via iPhone   ❤️ 1
    白嫖电报的图床一大堆🤓 img.153666.xyz
    totoro625
        5
    totoro625  
       2023-02-25 15:56:00 +08:00   ❤️ 1
    简单的图片 base64 塞进去( 100kb 以内)
    大图丢 b2+COS ,套腾讯云 CDN+Cloudflare
    Typora 能自动上传图片的,一样粘贴即可
    anonymous2351d00
        6
    anonymous2351d00  
    OP
       2023-02-25 16:06:17 +08:00
    @byty18768 hhhh 这也行?
    chihiro2014
        7
    chihiro2014  
       2023-02-25 16:06:18 +08:00
    @caomingjun r2 看了下似乎还可以?不知道对那种疯狂访问导致的收费会咋样
    anonymous2351d00
        8
    anonymous2351d00  
    OP
       2023-02-25 16:08:47 +08:00
    @caomingjun 我来折腾一下这种方案
    SenLief
        9
    SenLief  
       2023-02-25 16:39:22 +08:00   ❤️ 1
    看在意不在意国内的访问,如果不在意那就 R2 够用,在意的话还是国内的 cos
    caomingjun
        10
    caomingjun  
       2023-02-25 17:03:42 +08:00 via Android
    @chihiro2014 R2 不收出口费用,只收存储,而且前 10G 免费。Cloudflare 的一贯作风就是不收流量出口费用。
    对于读取次数,受到你的 worker 调用次数限制,每天 10 万次,免费计划超过 10 万次会停掉直到第二天恢复,不会收钱。
    crokily
        12
    crokily  
       2023-02-25 17:24:47 +08:00   ❤️ 1
    博客用 obsidian+hugo
    obsidian 用 image auto upload Plugin 插件加 Picgo ,就能实现复制粘粘直接上传图片到图床 /cos
    然后无论用 hugo 还是用 hexo 都行了,图片已经传好了
    chihiro2014
        13
    chihiro2014  
       2023-02-25 17:42:57 +08:00
    @caomingjun 也就是 10G 以内随便存,不花钱,超过日均 10w 的读取会自动暂停。相当于免费(雾)?
    shuxhan
        14
    shuxhan  
       2023-02-25 17:56:07 +08:00
    白嫖电报+1 https://zoer.us
    Salticey
        15
    Salticey  
       2023-02-25 18:25:33 +08:00
    @anonymous2351d00 你这个已经挂了。。。
    missuo
        16
    missuo  
       2023-02-25 18:31:53 +08:00 via iPhone
    upic
    zhusimaji
        17
    zhusimaji  
       2023-02-25 19:23:13 +08:00
    upic+1
    caomingjun
        18
    caomingjun  
       2023-02-25 20:04:02 +08:00 via Android
    @chihiro2014 对,只要你不开 worker 的付费计划,存储不超过 10G 就完全不用担心收钱
    还有建议绑定自己的域名,他的域名可能被墙
    anonymous2351d00
        19
    anonymous2351d00  
    OP
       2023-02-25 20:04:33 +08:00
    @Salticey 手动在线上删掉了
    anonymous2351d00
        20
    anonymous2351d00  
    OP
       2023-02-25 20:08:24 +08:00
    picgo 有问题,QQ 快捷键截图不行,必须得用 windows 自带的 win+shift+s ,调试半天才发现问题。。。- _ -....
    chihiro2014
        21
    chihiro2014  
       2023-02-25 20:33:13 +08:00
    @caomingjun 写了个简单的 S3 服务,接入 R2 的时候发现,上传可以,删除超时???
    MrGba2z
        22
    MrGba2z  
       2023-02-25 20:47:18 +08:00
    我的博客架在 GCS 上 静态编译完直接用 gcloud sync 上去就好

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

    GCS 本身的费用很低, 可以额外加装 CF 或者 G 家的 load balancer
    duke807
        23
    duke807  
       2023-02-25 20:50:51 +08:00 via Android
    我图片直接和 md 文件放一个目录,一起提交到 git 库

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

    同时,自己网站同时存放一份 fallback 格式,但不加入 git 库,github 上看文章看不到 fallback 的 jpg 和 mp4 文件,网站则可以
    duke807
        24
    duke807  
       2023-02-25 20:52:17 +08:00 via Android
    不用外链,外链很容易失效
    chihiro2014
        25
    chihiro2014  
       2023-02-25 21:26:07 +08:00
    @caomingjun 目前尴尬的问题是如果使用自己的域名,假设是 https:// xxx.yyy.com 绑定到对应的 R2 上。这个时候访问路径会变成 https://bucketName.xxx.yyy.com 。正确结果应该是 https://xxx.yyy.com/要访问的文件。
    不知道咋弄=。=
    JensenQian
        27
    JensenQian  
       2023-02-25 22:47:53 +08:00 via Android
    imgur
    v 站上好几年前图都在
    caomingjun
        28
    caomingjun  
       2023-02-25 23:05:19 +08:00
    caomingjun
        29
    caomingjun  
       2023-02-25 23:06:36 +08:00
    @chihiro2014 #21 这个不太清楚,我没用 S3 API ,我自己用 worker 写了一套 API...
    chihiro2014
        30
    chihiro2014  
       2023-02-26 00:25:19 +08:00
    @caomingjun 今天下午测了下,删除失败目测是网络问题。全局之后就不会有这个问题。至于使用自己域名的问题,大概率是 S3 API 不太支持的样子。或者,没用对 API
    alne
        31
    alne  
       2023-02-26 00:34:38 +08:00 via Android   ❤️ 1
    截图
    粘贴
    移动到对应文件夹
    重命名
    上传到图床
    这些 obsidian+插件基本就搞定了
    FFFFourwood
        32
    FFFFourwood  
       2023-02-26 01:21:47 +08:00 via iPhone   ❤️ 1
    我是自己的图床服务器的传图接口
    然后用 uPic
    然后写 markdown 时候用 Typora 写
    Typora 可以关联 uPic
    这样我在写的时候直接在 Typora 粘贴截图就可以了、图片直接就传到我的服务器上了, 服务器有 配置 cdn ,
    quietjosen
        33
    quietjosen  
       2023-02-26 09:04:11 +08:00   ❤️ 1
    BackBlaze 上面有人介绍了,配合 Cloudflare ,用量不大基本全程免费。再加上自己注册域名,之后迁移也是容易的( iPic Mover 可以批量迁移 Markdown 中的图片到新图床)。

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

    上传工具可以选 iPic (我开发的😂),现在 iPic 默认图床就是 BackBlaze + Cloudflare ,可以去体验下速度什么的。
    anonymous2351d00
        34
    anonymous2351d00  
    OP
       2023-02-26 12:09:38 +08:00
    @quietjosen 膜拜大佬
    hxysnail
        35
    hxysnail  
       2023-02-26 12:25:14 +08:00
    感觉还是用对象存储自建比较靠谱,然后定期备份,各种云对象存储都挺便宜了
    xiaozizayang
        36
    xiaozizayang  
       2023-02-26 14:44:28 +08:00   ❤️ 1
    你需要一个图床,可以看看我图床解决方案的总结文章:

    https://www.howie6879.cn/post/2022/05_pic-url-solution/
    quietjosen
        37
    quietjosen  
       2023-02-26 21:30:55 +08:00
    @hxysnail 存储费用很低,几乎可以忽略;主要的费用是 CDN 流量费。夸张地说,一旦被 DDoS ,一晚上一套房就没了。
    hxysnail
        38
    hxysnail  
       2023-02-26 21:47:58 +08:00
    @quietjosen 可以设置带宽上限的,超了自动下线
    wdssmq
        39
    wdssmq  
       2023-03-08 17:58:22 +08:00
    「折腾」关于 2021 年末仍然没有完备的图床方案这件事_电脑网络_沉冰浮水
    https://www.wdssmq.com/post/20211225085.html

    最后用的 cf wk 反代 github
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2735 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 12:10 · PVG 20:10 · LAX 04:10 · JFK 07:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.