GitHub：https://github.com/spencerwooo/onedrive-vercel-index
（还有个 CloudFlare Workers 版本，但搭建步骤比较复杂且容易出错，故不建议使用。）

****
## 白嫖 Microsoft 365 E5
申请[Microsoft 365 开发人员计划](https://developer.microsoft.com/zh-cn/microsoft-365/dev-program)，90 天有效期。经常调用 API 就可以自动续期，也可以用网上的开源[E5 自动订阅程序](https://qyi.io/archives/687.html)。
****

## DEMO
https://drive.spencerwoo.com/

我自己搭建的：https://drive.iamsjy.com/
## 功能

### 🚀 功能一览

- 全新「面包屑」导航栏；
- 支持由世纪互联运营的 OneDrive 版本；
- 支持 SharePoint 部署；

### 🗃️ 目录索引显示

- 全新支持自定义的设计风格：spencer.css；
- 支持使用 Emoji 作为文件夹图标（如果文件夹名称第一位是 Emoji 则自动开启该功能）；
- 渲染 `README.md` 如果当前目录下包含此文件，使用 [github-markdown-css](https://github.com/sindresorhus/github-markdown-css) 渲染样式；
- 支持「分页」，没有一个目录仅限显示 200 个项目的限制了！

### 📁 文件在线预览

- 根据文件类型渲染文件图标，图标使用 [Font Awesome icons](https://fontawesome.com/)；
- 支持预览：
- 纯文本：`.txt`.
- Markdown 格式文本：`.md`, `.mdown`, `.markdown`.
- 图片（支持 Medium 风格的图片缩放）：`.png`, `.jpg`, and `.gif`.
- 代码高亮：`.js`, `.py`, `.c`, `.json`...
- PDF（支持懒加载、加载进度、Chrome 内置 PDF 阅读器）：`.pdf`.
- 视频：`.mp4`, `.flv`, `.webm`, `.m3u8`.
- Office：`.doc`, `.docx`, `.ppt`, `.pptx`, `.xls`, `.xlsx`.
## 部署
[](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fspencerwooo%2Fonedrive-vercel-index&env=REFRESH_TOKEN,ACCESS_TOKEN,CLIENT_SECRET&envDescription=Required%20API%20tokens%20for%20this%20project.&project-name=onedrive-vercel-index&repo-name=onedrive-vercel-index&demo-title=onedrive-vercel-index&demo-description=Probably%20the%20best%20looking%20OneDrive%20Index%20around!%20Powered%20by%20Vercel%20and%20Next.js.&demo-url=http%3A%2F%2Fonedrive-vercel-index.vercel.app&demo-image=https%3A%2F%2Fraw.githubusercontent.com%2Fspencerwooo%2Fonedrive-vercel-index%2Fmain%2Fpublic%2Fdemo.png)

- 使用上面的按钮将项目部署到 Vercel。 Vercel 会自动将项目分叉并克隆到您的 GitHub 帐户。
- 在 Vercel 中定义环境变量：`REFRESH_TOKEN`、`ACCESS_TOKEN`、`CLIENT_SECRET`。
- 最后，可以更改配置文件 [`config/api.json`](config/api.json) 和 [`config/site.json`](config/site.json) 来自定义网页的样式和内容。

配置 OneDrive 身份验证令牌和变量的步骤与 [`onedrive-cf-index`](https://github.com/spencerwooo/onedrive-cf-index/blob/main/README-CN.md#生成-onedrive-api-令牌) 项目中相同。也可以在那里找到详细的文档。
****
可能会遇到环境变量的总大小超过 4KB 导致无法部署的问题
临时解决办法：把[pages/api/index.ts
](https://github.com/spencerwooo/onedrive-vercel-index/blob/main/pages/api/index.ts)中的5-20行
```
let _access_token = ''
const getAccessToken = async () => {‌
if (_access_token) {‌
console.log('Fetch token from memory.')
return _access_token
}
```
改为
```
let _access_token = '改为你的access_token'
const getAccessToken = async () => {‌
// if (_access_token) {‌
// console.log('Fetch token from memory.')
// return _access_token
// }
```
即可。同时要把 GitHub 仓库设为私有，防止access_token泄漏。