前言

此文章教你如何用宝塔或者普通vps再或者虚拟主机搭建typecho程序

我为什么选择Typecho,而不是wordpress,halo,hugo,solo,hexo等博客程序,请看对比.

wordpress

优点: 非常强大的内容管理程序,国际商业化程序,拥有完整的生态,插件和主题数不胜数,更新也是非常勤快,网络上83%的网站都由它搭建。

缺点: 正因他什么都能干,使得它的体系非常庞大(安装包24mb),用来做简单的博客完全过剩。这也导致它在没有使用缓插件的情况下,使用没有专项优化的主题,网站的首次加载速度能慢到三秒甚至十几秒,这就是Wordpress的最大缺点。

Typecho

优点: 成立的初衷就是写文章,非常轻便(安装包500kb),用来搭博客再适合不过了。完全开源,程序文件就几个文件,想怎么改就怎么改。主题也是较多的。因为已经成型了,不需要过度的维护,几年才更新一次,最新版是一年前的版本。默认主题加载速度比wordpress快十倍,0.2秒就能加载出来,配合别的主题也不会超过一秒。主题也是完全透明,想怎么改就怎么改。

缺点: 插件较少,但是远古版本也能用。没体验到别的缺点。

所需准备

域名

云服务器(VPS)or 虚拟主机

一个没有生锈的脑子和没有得帕金森的双手

安装步骤

下载Typecho安装包

从 typecho官网 下载安装包

准备环境

购买一台至少1H1G的vps,并且安装宝塔,再安装所需运行环境: Nginx>=1.20,PHP>=7.2,MySQL>=5.5

域名解析

打开你的域名商,点击域名解析,把域名解析到服务器上。

如果你想直接访问你的域名(如shuai.plus),添加一个@的A记录到你vps的ip。

如果你想访问二级域名(如www.shuai.plus和vps.shuai.plus等),添加一个*的A记录。

一般情况下两个都要写上去,其他信息默认即可。

新建网站

在宝塔的网站栏目里创建心得网站。创建时可以更改数据库信息,也可以使用默认账号密码,请记下住这三个信息。

添加ssl证书

直接访问 http://域名.com 是一个不太安全的行为,我们需要申请并添加 ssl证书 ,通过 https://域名.com 安全访问。

首先打开宝塔的网站设置:

打开ssl模块,按图选择:

得到以下信息,我们只需解析这两个即可:

回到我们的域名解析平台,添加这两个TXT记录:

!主机名只需填写 _acme-challenge 不填写 _acme-challenge.域名.com

在宝塔点击验证后会跳转到此页面,可以看到ssl证书申请成功了,打开 强制HTTLS 后保存即可

接下我们只需要在浏览器填写我们的域名,他会自动添加https:// ,这保证了我们数据的安全。

上传安装包

打开网站根目录,删除所有文件,上传 Typecho.zip 并解压。

初始化

在浏览器输入你的域名并访问,点击下一步:

选择 Pdo驱动的MySQL适配器 ,并输入再第四步记下来的三个信息,!注意顺序

输入管理员账号密码,添加qq邮箱(用来获取头像和找回密码)点击下一步

安装完成

这是你的后端,是你(管理员)管理网站的地方

这是你的前端,是给别人看的地方

食用教程

更改默认信息

打开系统设置填写基本信息

设置永久链接(伪静态)

Typecho本身是php动态项目,网址不带 .html 后缀,可能会影响收录,所以我们要给网站设置静态地址。

首先打开网站设置

添加Typecho的伪静态规则并保存

在Typecho后端打开永久链接设置

打开伪静态并且设置自定义路径,建议跟我的一样填写,意思是生成 域名.com/分类/文章ID.html 的网址,其余的都加上.html

保存后如果显示红色警告,勾选后再次保存

更改主题

typecho的主题相对来说还是挺多的,主要的主题网站有这些:

typecho.me

typecho.wiki

npc.ink/typecho

typecho论坛

下载好的主题文件上传到网站目录的 /usr/theme 并解压,解压后必须是作者设置的文件名,不然会读取失败

解压完成后可以在typecho后台的主题设置里看的到新上传的主题

点击 启用 后,可以到 外观设置 里修改主题的基本选项

!本博客使用的主题为 Facile 主题,可以点击博客最下方红色字体,通过github下载。

更改头像源

你会发现你的网站无法获取你的头像,因为此头像服务器在国外,我们需要换头像源,具体教程看 更改 Typecho 的头像源

添加评论审核

如果不添加评论审核,别人可能会发表不正当的言论,或者使用木马代码入侵你的网站从而删掉更改你的内容,所以我们需要 给Typecho添加评论审核插件

添加SMEditor编辑器

typecho自带的编辑器特别简陋,对新手不太友好,建议使用 SMEditor 插件来丰富你的文章。

效果图:

下载地址: github or 直接下载

下载好的插件文件上传到网站目录的 /usr/plugins 并解压后可在后台插件页面看到,启用即可。

评论无限嵌套

typecho评论回复默认最大值是7,及时在后台修改成10也会自动变成7,如果想回复更多,那就得在主题的function.php加上这段代码:

function themeInit($archive)

{

Helper::options()->commentsMaxNestingLevels = 999;

}

添加动态运行时间和真实加载时间

可以看出加载时间与浏览器开发工具输出的时间一致

添加运行时间

只需在主题文件的 footer.php 添加此代码:

footer.php 通常在主题的根目录里或者在文件夹里

如果嫌长,可以使用精简版:

添加加载时间

同理,还是在 footer.php 添加以下代码:

当然它也有精简版:

PS:

DOMContentLoaded (解析)事件表示HTML文档已经被解析并且DOM树已经构建完成,但是这时候可能还有一些外部资源(如CSS文件、JavaScript文件、图片等)尚未被下载完成,也就是说页面的渲染可能还没有完成。在这个阶段,网页上的文本、图片和其他资源都已经可以访问和操作,所以它是处理JavaScript代码的好时机。

load (加载)事件表示所有的资源都已经被加载完毕,包括外部资源(如CSS文件、JavaScript文件、图片等)和所有的iframe和子资源。在这个阶段,页面已经完全渲染完成,用户可以开始与页面进行交互。

搭建结束,请愉快的使用typecho吧

标签: none

添加新评论