Vercel免费搭建微软OneDrive目录索引程序

引言

何谓目录索引程序?简而言之,就是把OneDrive和SharePoint里面的文件进行索引,然后通过网站显示出来,类似于h5ai和FileBrowser索引本地目录一样。如下图:

干净又卫生(美观又大方)。本教程介绍的项目,最大最大的优点是,免费且搭建好之后几乎无需维护!!!

项目的地址为:https://github.com/spencerwooo/onedrive-vercel-index

官方展示:https://drive.swo.moe/zh-CN/

本教程作者展示:https://www.openwrt.site/zh-CN/

项目官方文档:https://ovi.swo.moe/zh/docs/getting-started

(本作者展示站采用世纪互联SharePoint)

基础教程

  1. 注册Github和Vercel账号,其中Vercel需要验证手机号码,如果收不到验证码建议使用中国联通或者中国电信号码。Github官网:https://github.com Vercel官网:https://vercel.com
  2. Frok作者项目:https://github.com/spencerwooo/onedrive-vercel-index
  3. 修改

    如果是正常挂载OneDrive,api.config.js无需任何修改,site.config.js修改

    其中必须把 [email protected] 修改为你自己的微软账户!title是网站的标题,baseDirectory是你需要展示的OneDrive目录,按照你的需要修改。这个文件下面还有一些自定义的变量,比如说

    footer是页脚显示html代码,email、Github链接和Telegram链接可以修改为你自己的。

  4. 保存修改
  5. 打开 Vercel
  6. 选择你fork的那个项目点击Import
  7. 修改 Build command 为 pnpm build ,修改 Install command 为 pnpm install

  8. 点击Deploy,然后添加 Upstash

     

    根据提示会有Github授权等操作,根据指示做完即可。出现以下界面代表成功:

  9. 去你Fork的Github仓库,打开README.md,随便修改一个字符或者删掉一个字符

  10. 等待两分钟,回到Vercel主页:https://vercel.com/dashboard ,选择你刚刚创建和导入的项目,点击Visit

  11.  看到下面的界面代表成功

  12. 开始配置授权

    根据提示登录微软账户会出现以下界面:

  13. 点击接受,会出现localhost开头的URL

    我们需要复制它

  14. 填入这个页面的框框
  15. 然后点击获取tokens,然后点击储存token 
  16. 点击储存token后它就会前往首页,如果显示你不是网站所有者,那就是 第3步 没有修改为自己的账户名!如果仍然跳转到了引导页,则手动删除 /zh-CN/  后面的字符。然后就可以看到首页了。

结语

到这里基础教程就结束了,进阶教程的话,我看大伙有没有需要再决定写不写吧。这个程序有一个我特别喜欢的优点就是它能够在我上传之后自动刷新,很多其他程序都是手动刷新的。没有账号去白嫖E5,网上一堆教程。写这么长累死我了......

-> 加入科技玩家交流群组:点击加入 注意:
1.文中二维码和链接可能带有邀请性质,请各位玩家自行抉择。
2.请勿通过链接填写qq号与密码、银行卡号与密码等个人隐私信息。
3.禁止纯拉人头,拉app注册等信息,发现必小黑屋。
4.同一种信息仅发一次,多发会被删除。
5.文章中源码或APP等,无法保证其绝对安全,需自行辨别。
6.文章关联方不想展示也可以微信站长“socutesheep”删除。
本文由 @小晨 发布。如若转载,请注明出处: 科技玩家 » Vercel免费搭建微软OneDrive目录索引程序

给TA买糖
共{{data.count}}人
人已买糖
教程玩家投稿

为什么我们需要自建git服务器

2022-2-25 17:46:36

教程玩家投稿精选文章

带web管理面板的强大内网穿透代理服务器(nps搭建教程)

2022-2-26 12:19:04

47 条回复 A文章作者 M管理员
贴心提醒
请认真对待作者付出,勿发表无意义言论,触发过滤规则的评论将无法提交,包含敏感词的评论会自动变成待审核状态哦。
  1. seatom

    又学习到了,写的非常好😁

  2. wasd2134

    又学习到了,写的非常好

  3. 萝卜头

    谢谢,分享学习了

  4. slimei

    感谢分享,插眼学习

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索