51工具盒子应 bill 小朋友的需求分享如何使用 Vercel 免费托管 Typecho 博客教程。因杜老师近期出差时间紧张，没有精力细致整理排版，但确保可成功部署，需要的小伙伴可以参考，如有建议可在评论区中留言！
写在前面 {#写在前面}
Typecho 是由 type 和 echo 两个词合成的，来自于开发团队的头脑风暴。Typecho 基于 PHP 开发，支持多种类型的数据库，是款内核强健﹑扩展方便﹑体验友好﹑运行流畅的轻量级开源博客程序。
Vercel 是一个用来部署前端应用的云平台，但也可以用来构建轻量级的事件驱动，并部署到它的全球边缘网络。很多小伙伴喜欢使用 Vercel 部署博客，但大家可能不知道，Vercel 还支持 PHP 源码的部署。今天我们就用 Vercel 免费部署 Typecho 博客！
准备工作 {#准备工作}
-
Typecho 非最新版本源码「1.2.0 版会检测目录是否能写入，推荐使用 这个 源码，感谢小伙伴的提醒」
-
GitHub 账号及相关工具「推荐用 GitHub Desktop」
-
MySQL 或其它类型数据库的托管平台「本文用 FreeDB 演示」
-
Vercel 的账号「推荐用 GitHub 账号登录」
操作步骤 {#操作步骤}
在 FreeDB 申请免费 MySQL 数据库：
在 Typecho 源码目录下新建文件 config.inc.php、vercel.json 和 api/index.php 等文件，效果如下：
其中 config.inc.php 文件的内容如下「注意 host/user/password/database 请根据实际信息修改」
|------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <?php define('__TYPECHO_SECURE__',true); define('__TYPECHO_ROOT_DIR__', dirname(__FILE__)); define('__TYPECHO_PLUGIN_DIR__', '/usr/plugins'); define('__TYPECHO_THEME_DIR__', '/usr/themes'); define('__TYPECHO_ADMIN_DIR__', '/admin/'); @set_include_path(get_include_path() . PATH_SEPARATOR . __TYPECHO_ROOT_DIR__ . '/var' . PATH_SEPARATOR . __TYPECHO_ROOT_DIR__ . __TYPECHO_PLUGIN_DIR__); require_once 'Typecho/Common.php'; Typecho_Common::init(); $db = new Typecho_Db('Pdo_Mysql', 'typecho_'); $db->addServer(array ( 'host' => 'sql.freedb.tech', 'port' => 3306, 'user' => 'freedb_dusays', 'password' => 'sPyT&R#5NyFPSnP', 'charset' => 'utf8mb4', 'database' => 'freedb_dusays', 'engine' => 'MyISAM', ), Typecho_Db::READ | Typecho_Db::WRITE); Typecho_Db::set($db); |
vercel.json 文件的内容如下：
|-------------------------|-------------------------------------------------------------------------------------------------------------------------------------------|
| 1 2 3 4 5 6 7 8 | { "functions": { "api/index.php": { "runtime": "vercel-php@0.4.0" } }, "routes": [{ "src": "/(.*)", "dest": "/api/index.php" }] } |
api/index.php 文件的内容如下：
|------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------|
| 1 2 3 4 5 6 7 8 9 10 | <?php $file= __DIR__ . '/..'.$_SERVER["PHP_SELF"]; if(file_exists($file)) { return false; } else { require_once __DIR__ . '/../index.php'; } |
在 GitHub Desktop 新建项目，并上传 Typecho 源码：
在 Vercel 导入刚新建的项目，部署后即可通过域名访问 Typecho 安装页面：
访问 Vercel 提供的域名，记得在域名结尾添加 /install.php：
写在最后 {#写在最后}
杜老师首先要提醒使用这种方式的小伙伴，用于短期体验折腾没有问题，长期的话建议还是用服务器托管。
该种方式源码端的变更「例如上传文件」无法同步至 GitHub 仓库，这就会造成数据的丢失。
