Typecho 使用 AutocJS 为 Joe 主题开启文章目录

2021-06-26T13:54:00+08:00

使用 Typecho 但是阅读文章时没有文章目录，这个时候就需要借助 AutocJs 来为 Joe 主题添加文章目录功能AutocJs 介绍AutocJs 是一个专门用来生成文章导读（Table of Contents）导航的 JavaScript 工具（原 autocjs 的重构版本）。AutocJs 采用原生 JavaScript 编写，不依赖任何第三方 JavaScript 库。AutocJs 会自动查找文章指定区域中的所有 h1~h6 的标签，并自动分析文章段落间的层次结构，生成文章的导读导航。配置说明可以查看 Github 库：https://github.com/yaohaixiao/AutocJSCss 引用地址：JS 引用地址：Joe 主题中使用教程首先进入网站后台，点击更换外观，点击全局设置在下方找到自定义增加里内容，填入下面代码在自定义末尾位置内容中填入下面代码完整配置如图所示点击保存，进入文章页面，就能看到效果其他主题如何使用使用方式都是一样的，都需要引入 CSS 与 JS ，唯一需要修改的就是文章正文 DOM 节点的 ID 选择器使用时的注意点如果不想使用原作者提供的 CDN 地址，需要将 Github 仓库中的 dist 整个目录放入到自己的服务器中，因为 Css 中用到的图标就存在 dist 目录的 fonts 中如果无法连接 Github ，或者 Github 下载缓慢的，可以使用本站提供的地址下载{hide}{cloud title="AutocJS.zip 下载" type="lz" url="https://ydyno.lanzoui.com/iRcsfqpm23i" password="e4aq"/}{/hide}

Typecho 迁移到 Docker 的过程记录

2020-08-24T21:07:00+08:00

前言之前博客搭建在阿里云的机器上，现在快过期了，加上原机器带宽太小，就不打算续费了，现在就需要将 Typecho 博客迁移到新机器上。以前使用的是宝塔面板搭建的，现在不想把机器环境搞得乱七八糟，因此选择使用 Docker 来搭建 Typecho。安装Docker使用一键脚本安装Dockercurl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun && systemctl start docker && systemctl enable docker如果提示 curl 命令不存在，就需要先安装 curl# Centos yum -y install curl # Ubuntu、Debian apt -y install curl配置镜像加速如果你机器是国内的机器，那么需要配置镜像加速阿里云镜像获取地址：https://cr.console.aliyun.com/cn-hangzhou/instances/mirrors修改 /etc/docker/daemon.json，文件不存在就创建一个{ "registry-mirrors": [ "你的加速地址" ] }安装数据库这里选择的是 Mariadb，可自行选择数据库镜像，这里配置参数就不做解释了，懂的都懂docker run -d -v /home/mysql:/var/lib/mysql \ -p 3306:3306 -e MYSQL_ROOT_PASSWORD=密码 \ --privileged=true --restart=always --name mariadb mariadb安装 PHP安装官方的 php:7.2-fpm 镜像后，还需要进入容器安装 mysql pdo 才能使用 Mysql 数据库，比较麻烦，这里我自己在 php:7.2-fpm 的基础上构建了个带 mysql pdo 的镜像，可以选择性使用。docker run -d -v /home/nginx/html:/var/www/html \ -p 8080:8080 --link mariadb:mariadb --name php dqjdda/php安装 Nginxdocker run -d \ --link php:php \ --name nginx --restart always \ -p 80:80 -p 443:443 \ -e "TZ=Asia/Shanghai" \ -v /home/nginx/nginx.conf:/etc/nginx/nginx.conf \ -v /home/nginx/conf.d:/etc/nginx/conf.d \ -v /home/nginx/logs:/var/log/nginx \ -v /home/nginx/cert:/etc/nginx/cert \ -v /home/nginx/html:/var/www/html \ nginx配置 Nginx/home/nginx/conf.d 用于放配置文件/home/nginx/logs 存放日志/home/nginx/cert 存放证书/home/nginx/html 存放网页在 /home/nginx/conf.d 目录创建文件 blog.confserver { listen 443 ssl http2; server_name www.ydyno.com; gzip on; # 缓存SSL ssl_session_cache shared:SSL:10m; ssl_session_timeout 1d; # 证书配置 ssl_certificate /etc/nginx/cert/ydyno.com/ydyno.com_chain.crt; ssl_certificate_key /etc/nginx/cert/ydyno.com/ydyno.com_key.key; root /var/www/html/ydyno; index index.php; # 伪静态 if (!-e $request_filename) { rewrite ^(.*)$ /index.php$1 last; } location ~ .*\.php(\/.*)*$ { include fastcgi_params; fastcgi_param PATH_INFO $fastcgi_path_info; fastcgi_param PATH_TRANSLATED $document_root$fastcgi_path_info; fastcgi_param SCRIPT_NAME $fastcgi_script_name; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; fastcgi_index index.php; fastcgi_pass php:9000; } location ~* \.(jpg|jpeg|gif|png|css|js|ico|xml)$ { expires 5d; } # deny access to . files, for security location ~ /\. { log_not_found off; deny all; } } server { listen 80; server_name www.ydyno.com ydyno.com; return 301 https://www.ydyno.com$request_uri; }迁移博客直接将老服务器的博客目录移动到 /var/www/html/ydyno ，然后将数据库导出，然后导入到新库即可

知了小站 - IT人的小站 - Typecho博客

Typecho 使用 AutocJS 为 Joe 主题开启文章目录

Typecho 迁移到 Docker 的过程记录