---
title: 搭建 onedrive-vercel-index
date: 2022-01-08
cover: https://pic.rmb.bdstatic.com/bjh/bf4e51022f491e34da7b82578391ae08.png
tags:
- OneDrive
- Vercel
categories:
- 写BUG日常
- 野生技术协会
---
把 OneDrive 当成网盘/图床
<!--more-->

{% raw %}<div class="notification is-danger">{% endraw %}
此文章已过时，且**不再维护更新**。对于 **onedrive-vercel-index** 的搭建请查看官方手册 [OneDrive Vercel Index Docs](https://ovi.swo.moe/zh/docs/getting-started)。
{% raw %}</div>{% endraw %}

依稀记得很长时间以前，当时 OneIndex 还特别火，网上有不少教程教如何配合微软 Office 355 教育账号或者是开发者账号来嫖 OneDrive 的储存的。记得当时这种教程遍地开花，各种 Fork 原作者的项目也是琳琅满目。

但是当我想入坑时，原作者已经删库跑路，并且一段时间以后，微软开始重点打压 OneIndex，使得 OneIndex 现在本身不太好用。而且本身 OneIndex 是用 PHP 写的，需要服务器。所以它不可能被我长期接受，因为我没有一台服务器~~（穷得很）~~。

后来在看别人的博客的时候就发现了这个项目。其实作者 [spencerwooo](https://github.com/spencerwooo) 一开始是有一个挂在 CloudFlare Pages 的版本的。我一开始也想做那种，但后来作者又开发了更加简洁的 [onedrive-vercel-index](https://github.com/spencerwooo/onedrive-vercel-index/)，并且部署起来相当方便，理论上能有一个浏览器就可以。

最近博客都开始用手机开机写作，所以博客的图片上传变得很难，所以找到一个方便的图床就很重要，OneDrive 本身加载就不错，配合上 onedrive-vercel-index 就可以凑活着使用。

## 准备工作

- 一台能上网的计算机（或手机）
- 一个 GitHub 账号
- 一个灵活的脑子

## 在 Vercel 上部署

打开 onedrive-vercel-index 的[项目地址](https://github.com/spencerwooo/onedrive-vercel-index/)并 [Fork](https://github.com/spencerwooo/onedrive-vercel-index/fork) 到自己的账号中。

修改你 Fork 的仓库中的 config/site.json 文件，并按照自己的需要进行修改。

``` json 这是我的配置
{
  "icon": "/icons/128.png", //站点图标
  "title": "Nofated's OneDrive", //站点标题
  "baseDirectory": "/", //站点根目录
  "maxItems": 100,
  "googleFontSans": "Inter",
  "googleFontMono": "Fira Mono",
  "googleFontLinks": [
    "https://fonts.loli.net/css2?family=Fira+Mono&family=Inter:wght@400;500;700&display=swap"
  ],
  "footer": "Powered by <a href=\"https://github.com/spencerwooo/onedrive-vercel-index\" target=\"_blank\" rel=\"noopener noreferrer\">onedrive-vercel-index</a>", //页脚信息
  "protectedRoutes": [
    "/🌞 Private folder/u-need-a-password",
    "/🥟 Some test files/Protected route"
  ],
  "email": "mailto:nofated095@outlook.com", //邮箱
  "links": [
    {
      "name": "GitHub",
      "link": "https://github.com/Nofated095"
    },
    {
      "name": "Telegram",
      "link": "https://t.me/Nofated"
    } //右上角链接
  ]
}
```

然后，打开 [Vercel 官网](https://vercel.com)并注册（建议直接 GitHub 登录）。然后点 `New Project`，然后 Import 你刚刚 Fork 的仓库。然后点击 Deploy，仓库就会自动开始部署，一两分钟以后就好了。

## 注册 Redis 数据库

如果你在刚刚 Vercel 部署完成后直接进入网站，大概率会看到 404 的提示。

打开 Marketplace 中的 [Upstash](https://vercel.com/integrations/upstash)，点击 `Add Integration`，然后选中你的账户，再选中你部署的仓库。等待 Upstash 创建 Redis 数据库。

完成创建后，在项目的 `Deployments` 中将项目 `Redeploy`。重新部署完成后，即可访问部署好的网站。

## 链接 OneDrive 账号

打开网站后，你会看到配置页面，只要跟着引导来登录 OneDrive 账号，并储存账户数据即可。就是在登录 OneDrive 账号时，最后会被引导到一个错误页面，域名为 localhost，将地址栏中的地址复制并粘贴到 onedrive-vercel-index 中的对应地方即可。