入坑typecho!

虽然博客搭建完成已有一年多的时间,但是还是没有找到我非常喜欢的主题。最近看到一个博主的主题VOID,非常的惊艳,感觉这个主题之前应该是看过的,不过当时一心折腾halo没有想去折腾typecho,最近心血来潮想试一试,折腾的过程中也遇到不少问题。

VOID主题出现的很早,并且很长一段时间都断更,目前正式版是没有适配typecho最新版的。我最开始搭建的时候直接使用1panel中的应用商店安装typecho1.2版本,安装VOID主题后无法显示任何画面,同时主题设置页面也会出现问题,后来没有找到低版本的docker镜像于是参考了官方的搭建教程结合1panel进行搭建。

准备工作

在安装typecho之前需要先配置好typecho所需要的运行环境

  • PHP 7.2.0 or higher

  • Database (MySQL, SQLite, PostgreSQL)

    • MySQL 5.5.3 or higher
    • SQLite 3.7.11 or higher
    • PostgreSQL 9.1 or higher

运行环境

首先搭建1panel推荐使用php7.2,这里可以直接在1panel中点击网站下面的运行环境,然后点击创建运行环境

image

名称可以自行命名,来源选择应用商店,这里需要注意,记得在1panel应用商店中下载php7,然后选择7.2及以上版本的,扩展模板可以用默认的,但是需要自行添加pdo_mysql​和mysqli(如果用mysql数据库必须添加,如果你需要使用其他数据库请自行查阅资料)

image

上面提到了需要使用mysql,那么记得在商店中安装mysql

注意!如果你的服务器配置不高请选择5.*版本的mysql,因为8.0以上的mysql很吃内存!

安装完成之后记得创建一个数据库,后面会用到

image

typecho安装包

如果你不使用VOID主题以及你使用的主题是适配typecho1.2版本的,你可以直接在应用商店中安装typecho,但是如果你需要使用VOID的话,就使用使用老版本的,虽然作者开发版进行了适配,但是我不知道是缓存原因还是什么,我的typecho依旧什么也加载不出来。

typecho我是在官方的github仓库中下载的1.1的最后一个版本(17.10.30)https://github.com/typecho/typecho/releases

如果你下载不了可以在文章末尾的链接中下载

typecho安装

在1panel中的网站中点击创建网站

image

最上方选择运行环境类型选择php,运行环境选择刚刚创建好的环境,然后填写好自己的域名点击确认即可

image

然后打开我们创建好的网站进行配置,点击伪静态

image

添加下面的代码然后点击保存并重载

    if (!-e $request_filename) {
        rewrite ^(.*)$ /index.php$1 last;
    }

然后回到1panel-网站-网站页面,然后点击图示图标进入网站目录

image

这里我觉得把安装包上传进去解压太麻烦了,所以直接在windows下解压后才上传的,原安装包文件是.tar.gz后缀的文件,在windows下解压两次即可,build文件夹内的所有文件上传的到网站的index文件夹即可

记得原来index文件夹中的index.php文件删除!

image

记得是把build文件夹里文件上传不是把build文件夹直接上传!

输入域名后,即可显示下面的页面,然后点击下一步

image

image

数据库适配器选择mysql的,数据库地址可以在1panal-数据库页面中的点击连接信息查看,如果你是按照上面的步骤的做的你可以复制容器连接的地址,或者使用外部连接地址也可以,数据库端口填写连接信息中对应的端口号

数据库名,用户名和密码直接在下面图示所在页面中查看即可,数据库前缀可以不用管

image

用户名和密码以及邮箱自行填写,然后点击确认开始安装即可

主题安装

进入后台开始配置主题,点击更换外观

image

需要先下载VOID的主题包,也是在github网站中下载https://github.com/AlanDecode/Typecho-Theme-VOID/releases

如果无法下载的话可以到文章末尾的链接中下载

下载完成之后解压后里面有两个文件夹

image

然后回到之前的网站目录将主题文件夹下的VOID文件夹上传到/index/usr/themes中,配套插件文件夹里的VOID文件夹上传到/index/usr/plugins中,记得是整个文件夹上传!

上传之后,回到网站页面刷新即可出现VOID主题,然后点击启用即可完成主题的安装

image

至此,typecho的安装以及VOID主题的安装到此结束,后续可能会更新VOID主题的魔改教程,目前还在努力应付期末考试

posted @   The_A_W  阅读(126)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示