本文介绍如何用一份「AI 主题生成提示词」,把你的审美直接变成六零导航页(lylme spage)可上线的主题。无需精通 PHP、CSS、JS,只要会描述你想要的风格。
很多站长用六零导航页搭好了自己的导航站,但默认主题看久了总觉得「差点意思」:配色不是心头好、布局不够顺眼、想要点自己的个性。
于是你动了「自己做一个主题」的念头。可是打开开发文档一看——PHP 语法、CSS 变量、搜索引擎 DOM 契约、移动端断点、图标雪碧图依赖……一大堆细节直接把人劝退。
过去这确实是门槛:你要既懂设计、又懂代码,还得踩得平各种兼容坑。但现在,这件事可以交给 AI 来做。
六零导航页官方提供了一套 dev-theme 开发包(template/dev-theme 目录)。它的设计原则是「轻量、单文件、零框架」:复制目录、改名、改 CSS,就能开搞。
我们基于这套开发包,把全部技术规范固化成了一份「AI 主题生成提示词」。它的作用是:
换句话说,你负责「想」,AI 负责「写」。
第一步:用 WorkBuddy 生成主题(推荐小白做法)
下面以 WorkBuddy [下载]为例,手把手教你从零开始生成主题,不需要懂代码,跟着点就行:
准备工作:先下载六零导航页最新版源码,解压到电脑上。
① 打开 WorkBuddy 对话窗口,设置工作空间
选择工作空间,选择 打开本地文件夹template 目录,将其设为工作空间② 把提示词文件添加到对话
+template 目录下的 theme-gen-prompt.md 文件③ 在对话框里输入你的主题需求
在对话输入框中继续输入需求,把你想要的主题风格粘贴进去
例如:
主题名称:moonlight,风格关键词:极简、暗色、毛玻璃,主色:#6c8cff,氛围:冷静专业,布局:卡片网格、圆角……
或简单一点:
一个 iOS 风格的主题
④ 启用你的主题
生成完成后,到六零导航页后台 →「系统设置」→「网站主题」,在下拉列表中找到你的主题(名称就是你在风格区填的主题名称),点击启用即可。
💡 小贴士:整个过程你只需要「下载源码 → 设置工作区 → 添加文件 → 输入需求」这四步,剩下的全交给 AI。如果生成后想调整细节,直接在对话框里接着说"把主色改成 #ff6c8c"之类的话,AI 会自动帮你改好。
这是整个流程里最有意思的部分。提示词暴露的可填写项包括:
几个随手就能用的风格示例:
很多人担心「AI 写的代码能直接用吗?」这份提示词在技术规范上做了强制约束,确保产出的主题可用、合规:
array() 写法,禁用 PHP 7+ 专有语法,兼容 5.4 / 7.x / 8.x;JS 用 ES5,不使用 let/const/箭头函数。wztj、图标雪碧图 icon.js 和旧版图标雪碧图 svg.js 三处硬性依赖一字不差,否则站点图标会空白。主题做好并启用后,你还能在后台做轻量定制:
如果你做出了满意的主题,欢迎投稿给官方:
你的主题有可能出现在官方主题库,被更多站长使用。
做主题这件事,过去卡在「代码门槛」,现在卡在「你的想象力」。
打开那份提示词,花两分钟写下你想要的风格,把剩下的交给 AI。十分钟后,你可能就拥有了一个全网独一份的导航站皮肤。
毕竟,自己的导航站,当然要长成自己喜欢的样子。
(需要这份「AI 主题生成提示词」?可在项目 template/ 目录获取 theme-gen-prompt.md,复制即用。)