/vercel-img

時光图床是一个简单的图床应用,允许用户通过浏览器浏览和管理图片。本项目使用 `Node.js` 和 `Express` 构建,并可以轻松部署到 `Vercel`。

Primary LanguageHTML

時光图床

時光图床是一个简单的图床应用,允许用户通过浏览器浏览和管理图片。本项目使用 Node.jsExpress 构建,并可以轻松部署到 Vercel

详细介绍可参考文章Vercel搭建图床

功能特性

  • 浏览目录和图片
  • 点击图片预览大图
  • 支持多层级目录结构

安装和运行

前提条件

确保你已经安装了 Node.jsnpm

安装依赖

npm install

运行程序

node server.js

或者

npm start

运行后,打开浏览器访问 http://localhost:8080,即可看到图床应用。

效果演示

show

部署到 Vercel

你可以使用 Vercel 一键部署按钮将本项目部署到 Vercel,无需手动配置。

Deploy with Vercel

手动部署步骤

  1. 创建 Vercel 账户:如果你还没有 Vercel 账户,首先需要注册一个。

  2. 安装 Vercel CLI(可选):你可以使用 Vercel CLI 来部署你的项目。

    npm install -g vercel
  3. 登录 Vercel

    vercel login
  4. 部署项目

    vercel

    Vercel CLI 会引导你完成部署过程,包括设置项目名称、选择项目类型等。

  5. 配置 vercel.json(可选):如果你需要自定义部署配置,可以在项目根目录下创建一个 vercel.json 文件。

    {
      "version": 2,
      "builds": [
        {
          "src": "server.js",
          "use": "@vercel/node"
        }
      ],
      "routes": [
        {
          "src": "/(.*)",
          "dest": "/"
        }
      ]
    }
  6. 访问你的应用:部署完成后,Vercel 会提供一个 URL 来访问你的应用。你可以在 Vercel 仪表板中找到这个 URL,并进行进一步的域名配置。

项目结构

my-project/
├── public/
│   └── index.html
├── server.js
├── package.json
└── vercel.json