使用Jekyll Chirpy主题时图片无法加载及弹窗异常求助

一、本地图片403无法加载的解决步骤 #

• 确认images文件夹位置：必须放在Jekyll站点的根目录下，不要嵌套在_posts或其他子目录中，Chirpy主题默认读取根目录的静态资源文件夹。
• 修正图片引用路径：Markdown中使用根相对路径引用，格式为![图片说明](/images/your-image.jpg)，避免使用相对当前文章的路径（如../images/xxx.jpg），防止站点构建时路径解析错误。
• 调整文件权限：Linux/macOS环境下执行chmod -R 755 images/，确保文件夹和图片拥有可读权限；Windows环境右键检查文件属性，取消“只读”勾选。
• 清理Jekyll缓存：运行bundle exec jekyll clean清除旧缓存，再执行bundle exec jekyll serve重新构建站点，避免缓存导致的路径异常。

二、在线图片无法弹窗放大的解决方法 #

• Chirpy主题的图片弹窗功能仅对本地图片生效，在线图片默认会直接跳转至源网站，这是主题的默认逻辑。
• 将需要弹窗的在线图片下载到根目录的images文件夹，改用本地路径引用，即可触发主题的弹窗放大效果。
• 检查主题配置：打开_config.yml文件，确认lightbox: true（默认开启），若设置为false需修改为true，之后重新构建站点。

内容的提问来源于stack exchange，提问作者HydroCoder