Typecho 博客插件与主题（使用中） 🎨

📌 导航目录

🎯 一、JKAdmin 后台主题配置
 🦋 二、Butterfly 前台主题设置
 🔌 三、Typecho 插件安装
 💡 四、优化建议与技巧

🎯 一、JKAdmin 后台主题配置

1. 下载与安装

JKAdmin 官方地址：https://3si.tech/shop/22.html
下载链接：https://ijkxs.lanzn.com/b021swg7c
密码：cptp

🔐 授权信息：

用户名：mobufan
密码：小孩名加生（全小写）
邮箱：496338740@qq.com
QQ：496338740

2. 安装步骤

解压主题：将下载的JKAdmin主题解压到Typecho安装目录，重命名为jkadmin

修改配置：编辑config.inc.php文件，将：

1

define('__TYPECHO_ADMIN_DIR__', '/admin/')

修改为：

1

define('__TYPECHO_ADMIN_DIR__', '/jkadmin/')

替换组件：解压Widget.zip替换var/Typecho/Widget文件夹

3. 自定义登录页

创建自定义CSS文件：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29


mkdir -p /mnt/mydisk/home/typecho/typecho/jkadmin/assets/css && \
touch /mnt/mydisk/home/typecho/typecho/jkadmin/assets/css/custom.css && \
cat > /mnt/mydisk/home/typecho/typecho/jkadmin/assets/css/custom.css <<'EOF'
.profile-greeting {
    background-image: url("https://pic.imgdb.cn/item/64aab0201ddac507ccc4ca0f.jpg");
}

/* 登录页面样式 */
#login-img-wrapper {
    background-image: url("https://acg.suyanw.cn/Anime")!important;
    background-size: cover;
    background-repeat: no-repeat;
}

#login-img-wrapper .login-card {
    opacity: 0.88;
}

/* 注册页面样式 */
#register-img-wrapper {
    background-image: url("https://acg.suyanw.cn/Anime")!important;
    background-size: cover;
    background-repeat: no-repeat;
}

#register-img-wrapper .login-card {
    opacity: 0.88;
}
EOF

4. 更改Gravatar头像源

在config.inc.php中添加：

1

define('__TYPECHO_GRAVATAR_PREFIX__', 'https://img1.baidu.com/it/u=184448109,1805815777&fm=253&fmt=auto?w=200&h=200');

🦋 二、Butterfly 前台主题设置

主题信息

存放路径：/mnt/mydisk/home/typecho/typecho/usr/themes
下载地址：https://github.com/wehaox/Typecho-Butterfly
使用文档：https://blog.haoi.net/archives/typecho-butterfly.html
头像地址：https://t.mobufan.eu.org:666/usr/uploads/2024/10/111111.png

✨ 主题特点：

🎨 现代化设计风格
📱 响应式布局
⚡ 性能优化
🔧 高度可定制

🔌 三、Typecho 插件安装

1. 代码高亮插件

下载地址：https://typechx.com/plugins/CodeHighlighter.html

安装路径：

1

cd /mnt/mydisk/home/typecho/typecho/usr/plugins

📝 功能特点：

支持多种编程语言高亮
可自定义颜色主题
轻量级，不影响性能

2. 推荐其他实用插件

Comments: 评论管理增强
Sitemap: 自动生成网站地图
Stat: 访问统计功能
Backup: 数据库备份工具

💡 四、优化建议与技巧

🛠️ 性能优化

启用缓存：安装缓存插件提升加载速度
图片优化：使用WebP格式图片减少带宽
CDN加速：静态资源使用CDN分发

🔒 安全建议

定期更新：保持Typecho和插件最新版本
修改后台路径：使用JKAdmin提供的自定义路径功能
备份策略：定期备份数据库和主题文件

🎨 个性化定制

自定义CSS：利用JKAdmin的custom.css文件进行个性化样式调整
图标优化：使用Font Awesome或其他图标库增强视觉效果
响应式调试：确保主题在各种设备上显示正常

⚠️ 注意事项

修改核心文件前务必备份
测试新主题或插件时先在本地环境尝试
关注插件兼容性，避免冲突

📌 总结：通过JKAdmin后台主题和Butterfly前台主题的搭配，加上必要的功能插件，可以打造出既美观又功能完善的Typecho博客。记得定期维护和更新，保持博客的最佳状态！