MENU

网那一站 - Typecho网站搭建

July 21, 2020 • Read: 444 • 默认分类

准备
本站为阿里云轻应用服务器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统计浏览量

Last Modified: July 25, 2020
Archives Tip
QR Code for this page
Tipping QR Code
Leave a Comment

已有 1 条评论
  1. 欢迎加入 Typecho 大家族