Q: 大家使用 Markdown 写静态博客的时候是如何插入图片素材的? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
anonymous2351d00
V2EX    问与答

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

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

    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 的读取会自动暂停。相当于免费(雾)?
    QUC062IzY3M1Y6dg
        14
    QUC062IzY3M1Y6dg  
       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     Solana     6075 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 31ms UTC 03:03 PVG 11:03 LAX 20:03 JFK 23:03
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86