Jekyll：如何通过按钮下载_data文件夹内的CSV文件？

Jekyll默认不会将_data目录复制到构建后的_site目录中，这就是直接引用该目录下文件出现404的核心原因，以下是三种可行的解决方式：

• 方法一：迁移文件到静态资源目录
  将abc.csv移动到Jekyll默认会识别的静态资源目录（比如根目录下的assets或files文件夹），之后使用相对路径构建下载链接：

  <a href="/assets/abc.csv" download>下载原始CSV</a>
  

• 方法二：修改配置让_data目录被构建工具复制
  在项目根目录的_config.yml中添加以下配置，让Jekyll构建时把_data目录复制到_site里：

  include:
    - _data
  

  配置完成后重启Jekyll服务，即可使用如下链接下载：

  <a href="/_data/abc.csv" download>下载原始CSV</a>
  

• 方法三：用Liquid标签生成Data URI下载链接
  无需移动文件或修改配置，直接通过Jekyll的Liquid语法读取CSV内容并生成可下载的Data URI链接：

  <a href="data:text/csv;charset=utf-8,{{ site.data.abc | csv_to_row | join: ',' | uri_escape }}" download="abc.csv">下载原始CSV</a>
  

注意：修改配置或移动文件后，需重新执行bundle exec jekyll serve（或jekyll build）确保构建生效；如果你的站点部署在子目录下，链接路径需要加上对应子目录前缀（比如/blog/assets/abc.csv）。

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