前提

  • 你需要一个OneDrive账号，必须管理员开放API
  • 需要已安装Node.js
  • 拥有Github账号，没有就注册一个
  • 魔法上网环境(看情况)

注册应用

登录https://portal.azure.com/#home

1. 从页面上找到 管理Azure Active Directory，点击查看

2. 左侧选择应用注册，点击新注册

3. 输入应用名称，受支持的账户类型选择第三项，重定向填 http://localhost，点击注册

4. 注册后会自动跳转到概览页面，复制客户端ID，用小本本把它记下来

5. 点击 左侧证书和密码，右边选择 新客户端密码，填入说明，截至日期最大只能选24个月，点击添加

6. 将新建的值复制，用小本本记下来

编辑权限

1. 左侧选择API权限，右边点添加权限

2. 选Microsoft Graph，再选委托的权限

3. 添加offline_access、Files.Read和Files.Read.All权限，原来的User.Read可以选择删除

获得token

1. 打开命令提示符，输入以下指令(需要安装Node)

npx @beetcb/ms-graph-cli

世纪互联就选Operated by 21Vianet in China，不是就选第一项

选OneDrive

会要求你输入client_id，就是前面用小本本记下的客户端ID，复制了可以右键直接粘贴进去

client_secret就是上面第6步新建的，redirect_url默认http://localhost:3000就可以不用输入，然后回车

2. 之后浏览器会打开一个窗口要求登录，登录你的账号，接受许可，提示Success，回到命令提示符，就能看到refresh_token和access_token，这个窗口先别关或者你把上面的内容保留下来

页面部署

1. 打开这个页面onedrive-vercel-index https://github.com/spencerwooo/onedrive-vercel-index

2. Fork仓库，修改仓库中config/api.json和site.json文件

将自己的clientId和网页标题修改好



3. 打开Vercel，登录Github账号，登陆后到首页点击New Porject，选择刚刚Fork的仓库点Import导入

4. 会进入新页面，Create A Team点Skip跳过

5. 到下面的Configure Project，其他不用管，展开Environment Variables设置环境变量

需要设置这三变量：REFRESH_TOKEN,ACCESS_TOKEN,CLIENT_SECRET，值的内容在前面的步骤中获取到了，注意是大写。

6. 点Deploy部署，如果右下角一直提示Connection...就打开魔法上网工具

7. 部署好后点Visit就能看到部署后的网页

建议把部署后的网址放在Git仓库的About上

最后效果

自定义域名

1. 登录Vercel，选择自己的项目，选择View Domains

2. Vercel默认会分配一个域名，选择它点Edit编辑，填入自己的域名再点Save保存

3. 似乎因为GFW的原因会无法访问，可以尝试这样设置域名解析

记录类型 值
A 76.223.126.88

简单几步零成本使用Vercel部署OneIndex 无需服务器搭建基于OneDrive的网盘的更多相关文章

  1. 部署项目到服务器 & 搭建博客网站

    搭建博客网站 作为名程序员,或者是网络编程爱好者,拥有一个自己的博客网站再好不过,本篇文章手把手教你部署自己的网站

  2. Docker部署Nextcloud私有网盘

    对于国内某度的网盘限速行为大家有目共睹,不过对于商业化的产品模式这样也无可厚非,毕竟企业也是盈利为目的.如果想享受互联网技术带来的便利,刚好也懂一点技术的话可以尝试搭建属于私有的网盘.个人比较推荐的是 ...

  3. Google Colab——零成本玩转深度学习

    前言 最近在学深度学习HyperLPR项目时,由于一直没有比较合适的设备训练深度学习的模型,所以在网上想找到提供模型训练,经过一段时间的搜索,最终发现了一个谷歌的产品--Google Colabora ...

  4. Hexo + Serverless Framework，简单三步搭建你的个人博客

    很多人都想拥有自己的个人博客,还得看起来漂亮.酷酷的.尤其对开发者来说,不仅可以分享技术(装)心得(逼),面试的时候还能成为加分.这里介绍两款好用的神器,不用忙前(前端)忙后(后端),简单3min即可 ...

  5. 零成本搭建个人博客之图床和cdn加速

    本文属于零成本搭建个人博客指南系列 为什么要使用图床 博客文章中的图片资源文件一般采用本地相对/绝对路径引用,或者使用图床通过外链进行引用展示.本地引用的弊端我认为在于: 图片和博客放在同一个代码托管 ...

  6. 【开源】简单4步搞定QQ登录，无需什么代码功底【无语言界限】

    说17号发超简单的教程就17号,qq核审通过后就封装了这个,现在放出来~~ 这个是我封装的一个开源项目:https://github.com/dunitian/LoTQQLogin ————————— ...

  7. 简单几步配置gitlab

    简单几步配置gitlab 之前配置gitlab需要很多步骤,要装apache2.ruby.tomcat.mysql等一片东西.有没有更简单的方式呢?现在可以借助bitnami,简化了很多. 可以参考v ...

  8. Oracle EBS-SQL (CST-3):检查零成本交易.sql

    SELECT            '零成本交易'                                交易异常类型          ,msi.segment1               ...

  9. css3简单几步画一个乾坤图

    原文:[原创]css3简单几步画一个乾坤图 效果如上,鼠标移上去会有动画. 代码如下非常简单: <html> <head> <style> .outer{heigh ...

随机推荐

  1. 高德地图——searchNearBy（）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script ty ...

  2. Data Augmentation

    常见操作: 水平翻转-Horizontal Flip Scale-亮度变化 透视变换-perspective,旋转-rotation,错切-Shear,仿射-affine等 尺寸变幻-Resize,可 ...

  3. MySQL-存储引擎-Myisam

    mysql> create table myisam_char(name char(10)) engine=myisam; Query OK, 0 rows affected (0.01 sec ...

  4. Git使用教程六

    冲突的产生与解决 案例:模拟产生冲突. ①同事在下班之后修改了线上仓库的代码 注意:此时我本地仓库的内容与线上不一致的. 2.第二天上班的时候,我没有做git pull操作,而是直接修改了本地的对应文 ...

  5. Disable_functions绕过整合

    转载 https://whoamianony.top/2021/03/13/Web安全/Bypass Disable_functions/ https://www.mi1k7ea.com/2019/0 ...

  6. 前后端数据交互(五)——什么是 axios？

    一.什么是 axios ? axios是基于 Promise 的 ajax 封装库,也是前端目前最流行的 ajax 请求库.简单地说发送 get.post 请求,是一个轻量级的库,使用时可直接引入. ...

  7. Linux下Sed命令替换文件中的所有IP

    命令: sed -ri 's/([0-9]{1,3}\.){3}[0-9]{1,3}/localhost/g' es_create_index.sh 如图:

  8. 20210714 noip15

    考前 mtr 中午拿着笔记本改题(Orz),一点多发现 13.50 有比赛(截止 12 点都没放出来),赶紧睡.13.40 到了学校,巨瞌睡,洗了把脸到机房发现推迟到 14.30 了,wcnm 趴在桌 ...

  9. Pytest系列（22）- allure的特性，@allure.link()、@allure.issue()、@allure.testcase()的详细使用

    如果你还想从头学起Pytest,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1690628.html 前言 上一篇文章介绍了两种allu ...

  10. WinForm控件常用设置（转）

    本来想自己整理一份,但找到了一份挺全的,就直接用到直接找吧 A0 ---- 通用A1 ---- Form 类A2 ---- Control 类A3 ---- MessageBox 类A4 ---- B ...