WuWeistyle

一个优雅的响应式Typecho主题，专注于阅读体验和用户交互。

Demo Site

主题特性

基础功能

  • 响应式设计，完美支持移动端
  • 清新优雅的界面设计
  • 优化的文章阅读体验
  • 完善的SEO优化
  • 支持自定义CSS

增强功能

  • 代码高亮支持
  • 文章目录自动生成
  • 图片灯箱效果
  • 阅读进度条
  • 文章分享功能
  • 文章打赏功能
  • 暗色模式支持
  • 主题设置面板

交互优化

  • 平滑滚动效果
  • 返回顶部按钮
  • 文章阅读时间估计
  • 代码块一键复制
  • 图片预览放大

安装说明

  1. 下载最新版本的主题文件
  2. 解压后将 WuWeistyle 文件夹上传到 Typecho 的 /usr/themes/ 目录下
  3. 进入Typecho后台 -> 外观 -> 启用主题
  4. 进入主题设置面板配置相关选项

主题配置

基础设置

  • 站点Logo: 上传网站Logo（建议尺寸：200x60px）
  • 站点图标: 上传网站Favicon
  • SEO设置: 配置网站关键词和描述
  • 社交链接: 设置社交媒体链接

文章设置

  • 文章列表: 可选择列表/网格布局
  • 文章摘要: 自定义摘要长度
  • 文章目录: 开启/关闭文章目录功能
  • 代码高亮: 选择代码高亮主题

功能开关

  • 图片灯箱: 开启/关闭图片预览功能
  • 阅读进度: 开启/关闭阅读进度条
  • 文章分享: 自定义分享按钮
  • 打赏功能: 设置收款二维码

主题美化

  • 主题配色: 自定义主题颜色
  • 字体设置: 调整全站字体大小
  • 暗色模式: 开启/关闭暗色模式
  • 布局设置: 调整侧边栏位置

使用技巧

文章编写

  • 使用 <!--more--> 标签控制文章摘要
  • 支持Markdown语法
  • 代码块自动高亮
  • 图片自动启用灯箱效果

移动端优化

  • 响应式导航菜单
  • 自动隐藏导航栏
  • 优化移动端阅读体验
  • 适配移动端打赏和分享

性能优化

  • 使用CDN加载静态资源
  • 图片懒加载
  • 代码按需加载
  • 本地存储主题设置

常见问题

  1. 主题设置不生效

    • 清除浏览器缓存
    • 检查权限设置
    • 确认PHP版本兼容性

  2. 图片显示异常

    • 检查图片链接是否有效
    • 确认图片格式支持
    • 检查服务器配置

  3. 代码高亮失效

    • 确认已正确设置代码语言
    • 检查高亮插件加载状态
    • 尝试更换高亮主题

更新日志

v1.0.0 (2024-03-21)

  • 初始版本发布
  • 基础功能实现
  • 响应式设计支持
  • 主题设置面板

开发计划

  • [ ] 添加更多主题配色方案
  • [ ] 优化评论系统交互
  • [ ] 添加文章点赞功能
  • [ ] 支持更多社交平台分享
  • [ ] 优化移动端性能

技术支持

许可协议

本主题采用MIT协议开源，您可以自由使用、修改和分发，但请保留作者信息。

鸣谢

感谢使用WuWeistyle主题，如有问题请访问作者博客 https://8ww.fun 反馈。
屏幕截图 2024-12-20 130322.png