概述

Typecho是一款轻量级的开源PHP博客系统，它简单易用，界面整洁，性能高效，主题、插件众多。我使用的是腾讯云轻量服务器，Typecho的应用模版，一键安装环境。构建自己的博客网站，记录生活、分享经验。

购买域名、备案、申请SSL

这样在之后创建完typecho服务器，就会在nginx中直接添加对应域名的https的配置。
若没有域名也没问题，使用 ip+port 的形式访问。

购买云服务器

获取服务器相关账号密码

# 应用管理 -> 管理员密码 -> 复制 -> 登录 -> 粘贴 -> ?
# 获取以下账号和密码，保存好
# typecho_username = xxx
# typecho_password = xxx
# mariadb_password = xxx

# 若远程连接MariaDB，报错1130，说明在MariaDB上没有为 Navicat 运行的主机 IP 授予数据库访问权限
# 将navicat提示的报错ip替换下面"IP"，将上述记录的数据库密码替换下面"Password"。进入服务器数据库，执行
mysql -uroot -p
GRANT ALL PRIVILEGES ON *.* TO 'root'@'IP' IDENTIFIED BY 'Password' WITH GRANT OPTION;

Typecho主题的使用以及美化

以下包括Jasmine主题的基本配置，个人优化。

使用主题

# 参考文档：https://gitee.com/LiaoChunping/Jasmine/wikis/Home
# 将主题下载，并放到下面目录中
cd /usr/local/lighthouse/softwares/typecho/usr/themes

# 解压
unzip jasmine.zip

# 登录后台管理页面 http://xxx.xx.xx.xxx/admin
# 控制台 -> 外观 ，就能看到新增的主题
# 点击 设置外观 Tab, 按下面步骤说明操作

设置网站地址栏图标

cd /usr/local/lighthouse/softwares/typecho
# 复制一个 favicon.ico 文件上去，浏览器清理缓存，再刷新查看

设置站点logo地址

# png格式，我这里是使用腾讯云的对象存储来保存图片

左侧菜单栏

首先需要创建对应独立页面，归档、随机菜单，创建时，需要选择“自定义模版”

 
[
  {
    "name": "关于",
    "icon": "bi bi-person-circle",
    "url": "/about.html",
    "newTab": false
  },
  {
    "name": "首页",
    "icon": "bi bi-house-door-fill",
    "url": "/",
    "newTab": false
  },
  {
    "name": "归档",
    "icon": "bi bi-archive-fill",
    "url": "/archive.html",
    "newTab": false
  },
 {
    "name": "下载",
    "icon": "bi bi-cloud-arrow-down-fill",
    "url": "/download.html",
    "newTab": false
  },
  {
    "name": "随机",
    "icon": "bi bi-cursor-fill",
    "url": "/random.html",
    "newTab": false
  }
]

中间头部分类

# 点击 管理 -> 分类，创建多个分类，依次点击查看地址栏中的"mid"值是多少
1 || 2 || 3 || 4

给左下角添加发送邮件的按钮

# /Jasmine/inc/components/left-sidebar.php，在最下方 ul 中添加一个li

<li class="nav-item mb-2">
  <span role="button" class="nav-link" id="mailToMe"
    data-bs-toggle="tooltip"
    data-bs-title="邮件Me我"
    data-bs-placement="right"
    title="邮件Me我">
    <i class="bi bi-envelope-fill"></i>
  </span>
</li>


# /Jasmine/assets/jasmine/jasmine.js，在下面添加这段代码

// mailToMe
$('#mailToMe').on('click', function () {
  window.location.href = 'mailto:975942219@qq.com'; // 发送邮件
})

最下方添加访问量统计

# 下载插件(https://github.com/51la/51la-Analysis-Typecho-Plugin)，重命名为LaAnalysis，复制到下面路径中，开启插件
cd /usr/local/lighthouse/softwares/typecho/usr/plugins

# 登录网站 https://v6.51.la/ ，添加应用，复制统计ID中的掩码ID，粘贴到 typecho后台管理 -> 插件 -> 设置 -> MaskId
# 登录网站 https://v6.51.la/，查看应用，点击配置，选择 数据挂件Tab，编辑完挂件样式，复制下面代码

# 找到 footer.php 文件，最下方添加这段代码
cd /usr/local/lighthouse/softwares/typecho/usr/themes/jasmine

<p>
    <script id="LA-DATA-WIDGET" crossorigin="anonymous" charset="UTF-8" src="https://v6-widget.51.la/v6/K3UZ8NL244OguW9Q/quote.js?theme=#5E595A,#333333,#99