大家写 hugo 的 markdown,图片插入的路径怎么方便的解决的呢 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
proxytoworld
V2EX    问与答

大家写 hugo 的 markdown,图片插入的路径怎么方便的解决的呢

  •  
  •   proxytoworld 2022-05-25 09:41:36 +08:00 4349 次点击
    这是一个创建于 1238 天前的主题,其中的信息可能已经有所发展或是发生改变。

    之前用 hugo 写博客,因为 hugo 定义的根目录在 conten 下,所有图片都要放在 content 下,并且在 markdown 里面引用也要以相对 content 的路径引用,导致普通的编辑器没办法识别到和渲染 hugo 的 markdown 图片,并不知道当前插入图片的效果,大家都是用啥解决的呢

    起一个 hugo server 倒是一个解决办法,但更好的是在编辑器里面就可以渲染好,所见即所得,所以 hugo server 是最后没办法的办法。

    另外 typora 好像收费了,有点难受

    13 条回复    2024-03-17 21:57:59 +08:00
    xzh20121116g
        1
    xzh20121116g  
       2022-05-25 10:17:09 +08:00
    typora+picgo+阿里云 oss
    typora 目前还提供老版本下载
    dreamworldcn
        2
    dreamworldcn  
       2022-05-25 10:37:49 +08:00   2
    可以让 hugo 处理相对路径引用,参考 https://github.com/zoni/obsidian-export#relative-links-with-hugo

    这样自由使用 markdown 编辑器预览
    jdhao
        3
    jdhao  
       2022-05-25 10:53:10 +08:00 via Android
    都是直接用图床,所以没有这个烦恼。。或者你直接完整路径不行吗
    mingqi
        4
    mingqi  
       2022-05-25 11:20:21 +08:00
    我刚换的阿里云的 oss ,量不大的话也很便宜
    root01
        5
    root01  
       2022-05-25 11:25:12 +08:00   1
    树状结构:
    xxxname 目录:
    --->index.md
    --->1.png
    --->2.png
    插入图片语法: ![1](1.png) 或者![img](1.png) 看你习惯
    xxxname 目录:
    --->index.md
    --->img/1.png ##img 为目录名
    --->img/2.png

    插入图片语法: ![1](img/1.png) 或者![img](1.png) 看你习惯
    SenLief
        6
    SenLief  
       2022-05-25 11:28:54 +08:00
    我记得 vscode 可以识别相对路径啊。
    rayhy
        7
    rayhy  
       2022-05-25 11:54:19 +08:00   2
    写文章的时候用文件夹,而不是单个 md 文件。即从 post1.md 换成 post1/index.md ,然后在 post1/文件夹下放你的图片。然后用相对路径引用。这样无论是 github ,还是 hugo ,还是 vscode ,全部都能正常显示。

    通过这样整理路径,也同时方便了你切换图床。在 hugo 的主题里加一个`render-image.html`,就能控制 hugo 渲染图片的输出,可以在这个文件里面把图片路径换成类似于`https://<CDN 地址>/blog/20190315-175 天 /浙大鸡.png`这样的东西。

    具体细节可以参考下我的一篇博客: https://wrong.wang/blog/20190301-%E6%9C%AC%E7%AB%99%E5%BC%95%E7%94%A8%E5%9B%BE%E7%89%87%E7%9A%84%E9%A1%BA%E6%BB%91%E6%B5%81%E7%A8%8B/
    ghouleztt
        8
    ghouleztt  
       2022-05-25 13:11:29 +08:00 via iPhone
    我是 typora+sharex+imgur
    dcsuibian
        9
    dcsuibian  
       2022-05-25 13:32:44 +08:00
    阿里云 OSS 啊
    yzbythesea
        10
    yzbythesea  
       2022-05-25 13:56:37 +08:00
    放 statics 里啊
    lingxiaoli
        11
    lingxiaoli  
       2022-05-25 14:01:26 +08:00
    放到项目的 static 文件夹中 然后写路径的时候直接 /(static 文件夹下创建的文件夹或文件名字)
    proxytoworld
        12
    proxytoworld  
    OP
       2022-05-25 16:57:57 +08:00
    @lingxiaoli
    @yzbythesea

    放 static 文件夹 也可以 就是想让 markdown 编辑器能够直接渲染图片
    churchmice     13
    churchmice  
       2024-03-17 21:57:59 +08:00
    我现在的方法是放到同级目录下面,结构类似下面这样,可以通过配置 obsidian 让复制黏贴的图片放在当前文档的目录下面
    ├── life-goal
    │ ├── Pasted image 20240317215256.png
    │ └── index.md

    接着弄个 render-image.html
    https://github.com/bep/portable-hugo-links/blob/master/layouts/_default/_markup/render-image.html

    这样在 obsidian 和网站上都可以看
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     4178 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 10:15 PVG 18:15 LAX 03:15 JFK 06:15
    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