4.1 KiB
| title | date | cover | tags | categories | toc | ||||
|---|---|---|---|---|---|---|---|---|---|
| 搭建 onedrive-vercel-index | 2022-01-08 | https://pic.rmb.bdstatic.com/bjh/bf4e51022f491e34da7b82578391ae08.png |
|
|
true |
把 OneDrive 当成网盘/图床
{% raw %}
依稀记得很长时间以前，当时 OneIndex 还特别火，网上有不少教程教如何配合微软 Office 355 教育账号或者是开发者账号来嫖 OneDrive 的储存的。记得当时这种教程遍地开花，各种 Fork 原作者的项目也是琳琅满目。
但是当我想入坑时，原作者已经删库跑路，并且一段时间以后，微软开始重点打压 OneIndex，使得 OneIndex 现在本身不太好用。而且本身 OneIndex 是用 PHP 写的，需要服务器。所以它不可能被我长期接受，因为我没有一台服务器~~（穷得很）~~。
后来在看别人的博客的时候就发现了这个项目。其实作者 spencerwooo 一开始是有一个挂在 CloudFlare Pages 的版本的。我一开始也想做那种，但后来作者又开发了更加简洁的 onedrive-vercel-index，并且部署起来相当方便，理论上能有一个浏览器就可以。
最近博客都开始用手机开机写作，所以博客的图片上传变得很难，所以找到一个方便的图床就很重要，OneDrive 本身加载就不错，配合上 onedrive-vercel-index 就可以凑活着使用。
准备工作
- 一台能上网的计算机（或手机）
- 一个 GitHub 账号
- 一个灵活的脑子
在 Vercel 上部署
打开 onedrive-vercel-index 的项目地址并 Fork 到自己的账号中。
修改你 Fork 的仓库中的 config/site.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 官网并注册（建议直接 GitHub 登录）。然后点 New Project，然后 Import 你刚刚 Fork 的仓库。然后点击 Deploy，仓库就会自动开始部署，一两分钟以后就好了。
注册 Redis 数据库
如果你在刚刚 Vercel 部署完成后直接进入网站，大概率会看到 404 的提示。
打开 Marketplace 中的 Upstash，点击 Add Integration，然后选中你的账户，再选中你部署的仓库。等待 Upstash 创建 Redis 数据库。
完成创建后，在项目的 Deployments 中将项目 Redeploy。重新部署完成后，即可访问部署好的网站。
链接 OneDrive 账号
打开网站后，你会看到配置页面，只要跟着引导来登录 OneDrive 账号，并储存账户数据即可。就是在登录 OneDrive 账号时，最后会被引导到一个错误页面，域名为 localhost，将地址栏中的地址复制并粘贴到 onedrive-vercel-index 中的对应地方即可。