FList是将 GitHub Releases,Hugging Face,文件url等，渲染成类似网盘的文件列表显示在网页上，方便用户下载开源软件。 支持视频、音频、图片、PDF 等文件的在线预览。

准备

1.Github账号：https://github.com/
2.cloudflare账号：https://dash.cloudflare.com/
3.Hugging账号：https://huggingface.co/
4.域名(非必要)

开始

官网FList - 快速开始、

jianjianai/FList
318 更新于2024-10-06 15:10:07

1.Fork仓库

2.挂载 Hugging 编辑配置文件

作者推荐Gitpod或StackBlitz在线IDE编辑器
FList 01.png

FList 01.png

我用Hugging演示 点Now Dataset Create 名称随便

huggingFaceDatasetsAnalysis参数

  • userName 用户名
  • datasetsName 数据集名称
  • branchName 分支名称
  • maxDeep 最大深度,如果文件夹有很多层最大递归解析多少层，默认10
  • downProxy: 下载代理 我配置是Cloudflare
{
  mountPath:"/名称随便",
  analysis:huggingFaceDatasetsAnalysis({
    userName:"Open-Orca",
    datasetsName:"OpenOrca",
    branchName:"main",
    maxDeep:3
    //path:"/test" //数据集的某文件夹，只挂载这个文件夹
    // hideReadme: true, //隐藏README.MD文件
        downProxy:cloudflarePagesDownProxy(),
  }),
}

我配置的：
FList 02.png

FList 02.png

原作者从34到99都是看的删减，我配置一个。

3.部署到 Cloudflare Pages

1.打开Cloudflare 选择Workers 和 Pages https://dash.cloudflare.com/
2.创建 选择Pages 连接到Git 选择FList
3.填写构建设置
FList 03.png

FList 03.png

构建命令

pnpm run build

构建输出目录

.vuepress/dist

4.保存并部署
等一会就可以访问了，自定义域就不说了！