Django+GitHub+Vercel搭建个人网站

一、准备Django项目

写好的django项目，需要先添加配置

  1. settings文件配置

# 生产环境必须关闭 DEBUG
DEBUG = False  

# 允许 Vercel 的域名
ALLOWED_HOSTS = ['.vercel.app']

# 静态文件配置
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')  # 收集静态文件到此目录
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

 

2.在根目录下创建vercel.json文件

{
  "version": 2,
  "builds": [
    {
      "src": "项目名称/wsgi.py",
      "use": "@vercel/python",
      "config": {
        "maxLambdaSize": "15mb",
        "runtime": "python3.10"
      }
    },
    {
      "src": "build_files.sh",
      "use": "@vercel/static-build",
      "config": {
        "distDir": "staticfiles"
      }
    }
  ],
  "routes": [
    {
      "src": "/static/(.*)",
      "dest": "/$1"
    },
    {
      "src": "/(.*)",
      "dest": "项目名称/wsgi.py"
    }
  ]
}

3.在根目录下创建build_files.sh文件

#!/bin/bash
python3 -m pip install -r requirements.txt
python3 manage.py collectstatic --noinput

二、将项目上传到GitHub

1.在GitHub创建一个仓库

2.填入仓库名称创建仓库

3.下载git

下载网址：Git - Downloads (git-scm.com)

4.在项目目录下右键点击Open Git Bash here，上传项目

git init

git remote add origin git@ 服务器地址
git pull --rebase origin master
git add 文件名
git commit -m  '相关说明'
git push -u origin master

三、在Vercel部署

 

返回列表