在Vercel下部署 Typecho 动态博客（以IceFox微信朋友圈主题和SSL数据库连接为例）

✨

本文介绍了如何在Vercel上部署Typecho动态博客，使用IceFox主题和SSL数据库连接。文章涵盖了项目情况、数据库部署步骤以及Vercel的部署过程，强调了SSL连接的必要性和配置环境变量的细节。

自用全专线，小贵但效果超好
Aifun 爱翻 - 机场测评

🧠 理论基础

Vercel 运行时文档

Runtimes transform your source code into Functions, which are served by our Edge Network. Learn about the official runtimes supported by Vercel.

https://vercel.com/docs/functions/runtimes#community-runtimes

Vercel 官方PHP仓库

php

vercel-community • Updated Dec 28, 2024

📝 主要内容

一. 项目情况

⚠️

使用须知： 因无目录写入权限，部分功能受限（如上传附件）

Vercel-Typecho-WeChat_Moments_icefox

qixing-jk • Updated Nov 9, 2024

所用主题：

icefox

qixing-jk • Updated Nov 9, 2024

所用数据库（5GiB 的行存储和 50M 请求单元，支持每天备份）

TiDB Serverless: Cost-Efficient, Simple, Modern MySQL That Scales Effortlessly

Build MySQL apps faster and cheaper with TiDB Serverless. Enjoy a generous free tier, auto-scaling, AI-assisted SQL, built-in monitoring, and seamless integrations. Start free today — no credit card required!

https://tidb.cloud/

二. 数据库部署教程

1. 创建数据库集群

2. 创建项目所需数据库

CREATE DATABASE tidbcloud_WeChat_Moments_icefox; （tidbcloud_WeChat_Moments_icefox 可自定义为想起的数据库名称）

3. 在`Overview`界面，点击右上角的`Connect`获得数据库连接参数

4. Endpoint Type选择`Public`，数据库选择为`刚刚创建的数据库`，保存好生成的参数

5. 下载其CA证书（⚠️ 按教程部署或 Fork github.com/qixing-jk/Vercel-Typecho-WeChat_Moments_icefox 项目的可不进行此步骤）

⚠️

TiDB的Public连接方式强制要求TLS连接，故还需配置其CA证书（下载链接🔗 ）

TLS Connections to TiDB Serverless

Introduce TLS connections in TiDB Serverless.

https://docs.pingcap.com/tidbcloud/secure-connections-to-serverless-clusters#root-certificate-issuance-and-validity

三. Vercel部署教程

1. 进行部署

👉点我部署

New Project – Vercel

This Personal Account has reached the Infinity project Hobby limit.

https://vercel.com/new/import?s=https://github.com/qixing-jk/Vercel-Typecho-WeChat_Moments_icefox&hasTrialAvailable=1&showOptionalTeamCreation=false&project-name=vercel-typecho-we-chat-moments-icefox&framework=other&totalProjects=1&remainingProjects=1

2. 配置环境变量（👉点我获取）


TYPECHO_HOST="" # 数据库地址
TYPECHO_DATABASE="tidbcloud_WeChat_Moments_icefox" # 数据库名称
TYPECHO_USERNAME="" # 数据库用户名
TYPECHO_PASSWORD="" # 数据库密码
TYPECHO_PREFIX="typecho_" # 前缀
TYPECHO_ADAPTER_NAME="Pdo_Mysql" # 数据库适配器
TYPECHO_CHARSET="utf8mb4" # 数据库编码
TYPECHO_ENGINE="MyISAM" # 数据库引擎
TYPECHO_PORT="4000" # 数据库端口
TYPECHO_SSL_CA="isrgrootx1.pem" # 数据库SSL证书位置

3. 进入网站，进行TypeCho的初始化配置即可

📖 延伸阅读

暂无

🤗 总结归纳

1. 遇到的最大问题

TiDB必须要SSL连接，但是Typecho的部署教程均老，且未涉及此领域，只能自行探索SSL配置方案

自用全专线，小贵但效果超好
Aifun 爱翻 - 机场测评

📎 参考文章

主要参考
Vercel部署Typecho动态博客
Vercel部署Typecho动态博客,可以免费部署Typecho博客,零成本即可搭建Typecho博客,Vercel支持运行PHP环境,Vercel部署WordPress博客
https://blog.imlete.cn/article/Vercel-Deploy-Typecho.html