准备环节
需要一个域名和一个服务器或者虚拟主机
域名我是在namecheap购买的
我是用的虚拟主机搭建的,我的虚拟主机是在hostinger购买的
当然,如果嫌麻烦,建议可以直接在腾讯云或者阿里云购买,但就是国内运用商需要备案,海外的域名和服务器什么的就不需要备案,但是要套cdn什么的,比较麻烦
搭建过程
首先添加网站
有了域名和服务器或虚拟主机后,就可以开始部署了
首先先进入虚拟主机的控制台,添加一个网站(点击红框标出位置)
如果是刚买的虚拟主机好像会直接跳转到选择网站类型那一步
选择网站类型并上传博客平台安装包
直接选择博客/blog就好
绑定一下域名,选择使用现有域
输入好域名后,然后就需要链接域名,如果链接好了,那就直接点击控制面板即可
因为我使用的博客平台是typecho,hpanel面板(由Hostinger提供的自家开发的Web控制面板,与宝塔面板差不多)的一键安装功能不支持安装typecho,那就手动上传安装
进入网站的文件管理
然后进入到这个路径
去typecho官网下载安装包,然后上传,并把原有的默认页面default.php
删除,然后再解压压缩包
解压是右键选择Extract
,然后要设置一个文件名
把解压后的文件从文件夹中拖出来,然后再访问自己的网站就会进入typecho的安装页面
安装页面如下
安装typecho
回到控制面板,创建一个数据库
然后回到typecho安装页面,点击下一步
填上你设置的数据库名、用户名、密码,然后点击安装
然后设置一下管理员账户和邮箱,再点击继续安装
然后进入这个页面就说明typecho安装成功
设置博客主题
typecho安装好以后,就可以开始设置自己的博客主题了,但是因为我没有什么开发能力嘛,那就只能套模板了
我的博客使用的主题是wangyang0210大佬的easybe
下载好以后解压,根据说明,先把静态资源easybe文件夹
删了,然后自己可以根据喜好设置,设置教程是原作者发的说明文档
设置完成以后,就是要生成静态资源
首先需要有node.js环境
然后以管理员权限运行控制台,cd到项目根目录
输入以下指令
安装 pnpm
npm install -g pnpm
安装依赖
pnpm install
预览
pnpm dev
构建
pnpm build
避坑
构建时出现了问题
说明是缺模块了,那就打开webpack文件,然后phpstorm会自动提示缺模块并询问要不要安装,安装即可
然后再运行构建的指令,就能构建成功了
然后再将构建好的文件夹上传到usr/theme中,然后在typecho后台启用这个主题就行了
至此,博客就搭建好了