准备
本站为阿里云轻应用服务器CentOS 7.3.1611,备案域名为seeyou-ray.com
宝塔面板安装
安装宝塔面板,参考宝塔面板安装。
本站安装宝塔面板的命令如下,适用于centos 7.X的系统:
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
LNMP环境
登录面板安装软件,本站服务器环境采用LNMP,可选极速安装和编译安装,本站选择编译安装,安装时间较久,耐心等待,软件版本如下:
- nginx-1.18
- mysql-5.7
- pureftpd-1.0.49
- php-7.4
- phpmyadmin-5.0
之后可以对宝塔面板进行设置,修改别名、默认端口、面板用户和密码。(端口建议还是修改,可能会有和其他软件冲突,用户和密码也稍稍修改,默认发不太好记。)
添加站点
添加站点,并配置FTP和数据库,然后下载Typecho,解压文件内容至站点根目录内,随即访问网站进行Typecho相关的配置。
设置主题
Typecho主题中有很多免费的网站主题模板,本站的模板来自Mirages主题,是付费的,做的很棒。
Mirages主题设置
高级选项-高级设置
<!-- 背景高度100% -->
defaultBgHeight = 100
<!-- 手机端背景高度32% -->
defaultMobileBgHeight = 32
<!-- 设置网站图标 -->
shortcutIcon = https://seeyou-ray.com/usr/themes/Mirages/images/others/favicon.ico
<!-- 导航栏高度 lg md sm -->
navbarSize = sm
TePostViews阅读量插件
Typecho浏览统计和热门文章调用插件TePostViews,百度谷歌搜索下载,启用即可,不需要修改代码,Mirages主题已经内置了。
悬浮小人自定义
网上的资源,自定义到本站中,在自定义代码处添加代码使用。个人喜欢简洁,又去除了悬浮小人。
自定义 HTML 元素拓展 - 标签: head 头部 (meta 元素后):
<script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://seeyou-ray.com/usr/others/bilibili-haruna-master/assets/live2d-widget/L2Dwidget.min.js"></script>
自定义 HTML 元素拓展 - 在 body 标签结束前:
<script>
function init(model) {
L2Dwidget.init({
model: {
jsonPath: model
},
react: {
opacityDefault: 1,
opacityOnHover: 1
},
});
}
// 加载所有服装
var textures = [];
$.getJSON('https://seeyou-ray.com/usr/others/bilibili-haruna-master/assets/haruna/textures.json', function (data) {
textures = data;
});
// 初始化默认模型
init('/usr/others/bilibili-haruna-master/assets/haruna/22/model.2017.summer.normal.2.json');
</script>
伪静态设置
进入宝塔面板后台,设置成伪静态。(个人在网站根目录放了html文件,如果不设置可能会优先index.php显示)
location / {
index index.html index.php;
if (-f $request_filename/index.html) {
rewrite (.*) $1/index.html break;
}
if (-f $request_filename/index.php) {
rewrite (.*) $1/index.php;
}
if (!-f $request_filename) {
rewrite (.*) /index.php;
}
}
好用的插件
TePostViews统计浏览量
欢迎加入 Typecho 大家族