Replit搭建Typecho个人博客

准备工作
Replit账号1枚

注册replit账号

打开官网注册账号

新建项目
选择Teams，好处是项目可以无限制创建，体现在三级域名一个账号就可以创建很多。

选择New Education Organization

勾选

[cb type=”green “ checked=”checked”] I confirm that I am a teacher or administrator at an institution or organization of the above type. [/cb]

起个名字就可以create New Education Organization了

Create team

在创建的team中再创建project

在第一个文本框中输入bash，选择Bash。

右侧文本框内填写项目的名字，它也是最终博客网址的域名一部分。

单击Create创建项目后，会自动跳转到项目编辑页面，若没有跳转则自行点击刚刚创建的项目进入该页面。

克隆博客程序
复制下方代码

git clone https://github.com/Sayafx/typechonreplit.git && mv -b typechonreplit/* ./ && mv -b typechonreplit/.[^.]* ./ && rm -rf *~ && rm -rf typechonreplit

在右侧的Console或Shell中粘贴，回车

PS.有些浏览器Console可能无法输入，推荐使用Chrome浏览器和edge浏览器。

sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; display: block; vertical-align: middle; max-width: 100%; height: auto; background-color: rgb(255, 255, 255);"/>

当出现下图的提示，且Console不再活动时，在Console或Shell中输入

sh main.sh
回车。

等待输出结束，博客程序克隆完毕。

安装博客
等待输出完毕，出现如图所示结果时，点击绿色的Run按钮。

点击小窗口右上角第二个图标，博客安装程序将在新窗口打开（必要）

如果不在新窗口打开将无法安装

--tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; display: block; vertical-align: middle; max-width: 100%; height: auto;"/>

根据提示点击下一步

数据库选择
数据库选择SQLite原生函数适配器，点击确认开始安装

op-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; display: block; vertical-align: middle; max-width: 100%; height: auto;"/>