应 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 仓库,这就会造成数据的丢失。
条评论