|
|
一、 核心交付要求(★极其重要)
请不要只给我零散的代码!我要你直接生成一个完整的 Typecho 主题文件系统结构。
请在输出的代码块顶部,用文件树的形式标明每个文件的名字和路径(例如 assets/css/style.css),然后依次输出每个文件的完整代码内容。我最终会把它们打包成 .zip 文件直接在 Typecho 后台上传安装。
二、 标准文件结构规范
请严格按以下 Typecho 标准结构生成:
index.php (首页/文章列表)
post.php (文章详情页)
page.php (独立页面)
header.php (全局头部)
footer.php (全局底部)
sidebar.php (侧边栏)
comments.php (评论区)
functions.php (主题核心功能与后台设置)
screenshot.png (主题封面占位说明)
assets/css/style.css (样式表)
assets/js/main.js (核心交互与动画)
assets/js/particles.js (Canvas 粒子特效)
三、 视觉与设计隐喻
风格:东方仙侠、水墨留白。
UI 隐喻:文章卡片 = 玉简/卷轴;分类导航 = 洞天福地;评论发送 = 飞剑传书;加载动画 = 太极/八卦阵。
明暗双模式:【明·水墨丹青】(宣纸白 #F8F6F0 + 朱砂红 #B22222);【暗·星夜仙踪】(玄青 #0A1128 + 琉璃金 #D4AF37)。
四、 后台主题设置面板(functions.php 重点实现)
请在 functions.php 中实现极其丰富的后台配置项,并在模板中调用:
外观配置:明暗模式切换(单选)、主题主色调选择器。
开场动画:下拉选择(无 / 太极旋转 / 水墨晕染 / 云海翻腾)。
全屏背景:支持填入背景图片 URL 或 MP4 视频 URL(静音自动循环)。
动态特效开关:复选框独立控制【灵气粒子背景】、【鼠标点击水墨特效】、【飞剑评论动画】。
仙侠头像框:提供 3 种预设(圆形水墨框、方形阵法框、无边框)。
沉浸式 BGM:输入音频链接(如古筝/笛声),支持设置是否默认自动播放,并提供右下角悬浮的“古风播放/暂停”按钮。
阵法加密:开启后,加密文章的密码输入框变成“破阵”样式。
图片加载阵法:开启后,文章图片懒加载时显示一个旋转的小八卦阵。
五、 核心特效与交互细节(main.js & particles.js)
Canvas 灵气粒子:金色/幽蓝色微光缓慢上升,带发光效果,性能优化良好。
鼠标点击特效:点击页面空白处,产生一圈“水墨涟漪”或“剑气”扩散效果。
飞剑评论:点击发送评论按钮,触发小飞剑(SVG图标)拖着流光飞向右上角。
视差滚动:背景与前景卡片产生不同速度的滚动。
阅读进度:顶部或侧边栏显示“修仙进度条”(如:练气期 20%)。
六、 你的任务输出
请直接开始输出。为了保证代码的完整性和不被截断,请分两次回复:
第一次回复:输出 header.php, index.php, sidebar.php, footer.php 和 assets/css/style.css 的完整代码。
第二次回复:输出 post.php, comments.php, functions.php, assets/js/main.js 和 assets/js/particles.js 的完整代码。
演示:https://aoyun.za.net/index.php?theme=Typecho-Wendao
下载地址:
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?注册
×
评分
-
查看全部评分
|