学习

beautifulhugo主题配置、修改以及部署过程

添加加载动画、代码框复制折叠功能、代码高亮、文章置顶权重。

一、准备条件

1. 一台服务器或者NAS(理论上只有其他NAS都可以)

2. 本项目使用到的开源项目

https://github.com/typecho/typecho

3. 域名(可选)

二、vps上搭建

1. docker环境安装

1.1 docker安装脚本

bash <(curl -sSL https://cdn.jsdelivr.net/gh/SuperManito/LinuxMirrors@main/DockerInstallation.sh)

1.2 docker-compose安装脚本

curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose && chmod +x /usr/local/bin/docker-compose

2. 创建docker-compose.yml文件

2.1 安装方法1：

• 创建docker-compose.yml文件

  mkdir typecho;cd typecho #创建一个目录，并进入此目录
  

• 编辑docker-compose.yml

  vim docker-compose.yml
  

  按i进入编辑模式，粘贴如下内容：

  services:
  typecho:  # Typecho 博客服务
    image: joyqi/typecho:nightly-php8.2-apache  # 官方 Apache 镜像
    container_name: typecho
    ports:
      - "8383:80"  # 宿主机 8080 -> 容器 80
    environment:
      TZ: Asia/Shanghai  # 设置时区为上海
    volumes:
      - ./typecho/app/usr:/app/usr  # 当前目录存放 Typecho 文件
    depends_on:
      - db  # 依赖数据库
    restart: always  # 自动重启策略
  
  db:  # 数据库服务
    image: mariadb:10.6  # MariaDB 镜像
    container_name: typecho-db
    environment:
      MYSQL_ROOT_PASSWORD: root_password  # 数据库 root 密码（请修改）
      MYSQL_DATABASE: typecho  # 默认数据库
      MYSQL_USER: typecho  # 数据库用户
      MYSQL_PASSWORD: typecho_password  # 用户密码（请修改）
      TZ: Asia/Shanghai  # 时区
    volumes:
      - ./db:/var/lib/mysql  # 数据库数据存放当前目录
    restart: always
  

2.2 安装方法2：