You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在freeCodeCamp项目中添加图片?

解决freeCodeCamp项目无法使用本地图片的方案
  • 调整Google Drive共享链接格式
    你之前用Google Drive生成的共享链接需要改格式才能作为图片源使用:

    1. 把图片上传到Google Drive,设置权限为「任何人可查看」
    2. 复制共享链接,比如原链接是https://drive.google.com/file/d/[文件ID]/view?usp=sharing
    3. 将链接修改为https://drive.google.com/uc?export=view&id=[文件ID],替换掉其中的[文件ID],修改后的链接就能直接放到<img>标签的src属性里。
  • 选用本地可访问的免费图床
    找你所在地区能正常访问的免费图床平台,上传图片后复制它提供的直接图片外链(不是平台的分享页面链接),把这个链接作为图片地址即可,注意选支持长期外链的平台。

  • 使用公开免费图片库的直接链接
    直接从免费图片库中选择图片,复制它的直接下载/访问链接(打开后是纯图片文件的那种),将这个链接填入<img>的src属性。

内容的提问来源于stack exchange,提问作者Hilda Enyioko

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 23:29:55