利用typecho进行博客搭建的简易教程

准备环节

需要一个域名和一个服务器或者虚拟主机
域名我是在namecheap购买的
namecheap官网
我是用的虚拟主机搭建的,我的虚拟主机是在hostinger购买的
hostinger
当然,如果嫌麻烦,建议可以直接在腾讯云或者阿里云购买,但就是国内运用商需要备案,海外的域名和服务器什么的就不需要备案,但是要套cdn什么的,比较麻烦

搭建过程

首先添加网站

有了域名和服务器或虚拟主机后,就可以开始部署了
首先先进入虚拟主机的控制台,添加一个网站(点击红框标出位置)
添加网站
如果是刚买的虚拟主机好像会直接跳转到选择网站类型那一步

选择网站类型并上传博客平台安装包

直接选择博客/blog就好
网站类型
绑定一下域名,选择使用现有域
绑定域名
输入好域名后,然后就需要链接域名,如果链接好了,那就直接点击控制面板即可
设置
因为我使用的博客平台是typecho,hpanel面板(由Hostinger提供的自家开发的Web控制面板,与宝塔面板差不多)的一键安装功能不支持安装typecho,那就手动上传安装
进入网站的文件管理
文件管理
然后进入到这个路径
文件
去typecho官网下载安装包,然后上传,并把原有的默认页面default.php删除,然后再解压压缩包
上传安装包
解压是右键选择Extract,然后要设置一个文件名
把解压后的文件从文件夹中拖出来,然后再访问自己的网站就会进入typecho的安装页面
拖出文件
安装页面如下
安装

安装typecho

回到控制面板,创建一个数据库
数据库
然后回到typecho安装页面,点击下一步
填上你设置的数据库名、用户名、密码,然后点击安装
数据库连接
然后设置一下管理员账户和邮箱,再点击继续安装
设置管理员账号
然后进入这个页面就说明typecho安装成功
安装成功

设置博客主题

typecho安装好以后,就可以开始设置自己的博客主题了,但是因为我没有什么开发能力嘛,那就只能套模板了
我的博客使用的主题是wangyang0210大佬的easybe
easybe
下载好以后解压,根据说明,先把静态资源easybe文件夹删了,然后自己可以根据喜好设置,设置教程是原作者发的说明文档
说明文档
设置完成以后,就是要生成静态资源
首先需要有node.js环境
然后以管理员权限运行控制台,cd到项目根目录
输入以下指令

安装 pnpm

npm install -g pnpm

安装依赖

pnpm install

预览

pnpm dev

构建

pnpm build

避坑

构建时出现了问题
问题
说明是缺模块了,那就打开webpack文件,然后phpstorm会自动提示缺模块并询问要不要安装,安装即可
安装模块
然后再运行构建的指令,就能构建成功了
构建成功
然后再将构建好的文件夹上传到usr/theme中,然后在typecho后台启用这个主题就行了
至此,博客就搭建好了

博客主题推荐

Cuckoo

这是由Bhao大佬开发的主题
预览
预览

Dreamcat

这是由LychApe大佬开发的主题

V2

预览
预览

V3

预览
预览
预览2

Single

这是由保罗大佬开发的主题
预览
预览

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值