时光图床是一个简单的图床应用,允许用户通过浏览器浏览和管理图片。本项目使用 Node.js
和 Express
构建,并可以轻松部署到 Vercel
。
- 浏览目录和图片
- 点击图片预览大图
- 支持多层级目录结构
确保你已经安装了 Node.js
和 npm
。
npm install
node server.js
运行后,打开浏览器访问 http://localhost:8080
,即可看到图床应用。
你可以使用 Vercel 一键部署按钮将本项目部署到 Vercel,无需手动配置。
-
创建 Vercel 账户:如果你还没有 Vercel 账户,首先需要注册一个。
-
安装 Vercel CLI(可选):你可以使用 Vercel CLI 来部署你的项目。
npm install -g vercel
-
登录 Vercel:
vercel login
-
部署项目:
vercel
Vercel CLI 会引导你完成部署过程,包括设置项目名称、选择项目类型等。
-
配置
vercel.json
(可选):如果你需要自定义部署配置,可以在项目根目录下创建一个vercel.json
文件。{ "version": 2, "builds": [ { "src": "server.js", "use": "@vercel/node" } ], "routes": [ { "src": "/(.*)", "dest": "/" } ] }
-
访问你的应用:部署完成后,Vercel 会提供一个 URL 来访问你的应用。你可以在 Vercel 仪表板中找到这个 URL,并进行进一步的域名配置。
my-project/
├── public/
│ └── index.html
├── server.js
├── package.json
└── vercel.json
const express = require('express');
const path = require('path');
const app = express();
const port = process.env.PORT || 8080;
app.use(express.static(path.join(__dirname, 'public')));
app.get('/api/files', (req, res) => {
// Your API logic here
});
app.listen(port, () => {
console.log(`Server is running on http://localhost:${port}`);
});
{
"version": 2,
"builds": [
{
"src": "server.js",
"use": "@vercel/node"
}
],
"routes": [
{
"src": "/(.*)",
"dest": "/"
}
]
}
本项目采用 MIT 许可证,详情请参阅 LICENSE 文件。