让 AI 帮你做导航站主题:零基础也能开发六零导航页主题

本文介绍如何用一份「AI 主题生成提示词」,把你的审美直接变成六零导航页(lylme spage)可上线的主题。无需精通 PHP、CSS、JS,只要会描述你想要的风格。


一、想做主题,却一直没动手?

很多站长用六零导航页搭好了自己的导航站,但默认主题看久了总觉得「差点意思」:配色不是心头好、布局不够顺眼、想要点自己的个性。

于是你动了「自己做一个主题」的念头。可是打开开发文档一看——PHP 语法、CSS 变量、搜索引擎 DOM 契约、移动端断点、图标雪碧图依赖……一大堆细节直接把人劝退。

过去这确实是门槛:你要既懂设计、又懂代码,还得踩得平各种兼容坑。但现在,这件事可以交给 AI 来做。


二、AI + 官方开发包 = 人人都能做主题

六零导航页官方提供了一套 dev-theme 开发包(template/dev-theme 目录)。它的设计原则是「轻量、单文件、零框架」:复制目录、改名、改 CSS,就能开搞。

我们基于这套开发包,把全部技术规范固化成了一份「AI 主题生成提示词」。它的作用是:

换句话说,你负责「想」,AI 负责「写」。


三、三步上手:怎么用这份提示词

第一步:用 WorkBuddy 生成主题(推荐小白做法)

下面以 WorkBuddy [下载]为例,手把手教你从零开始生成主题,不需要懂代码,跟着点就行

准备工作:先下载六零导航页最新版源码,解压到电脑上。

① 打开 WorkBuddy 对话窗口,设置工作空间

② 把提示词文件添加到对话

③ 在对话框里输入你的主题需求

主题名称:moonlight,风格关键词:极简、暗色、毛玻璃,主色:#6c8cff,氛围:冷静专业,布局:卡片网格、圆角……

或简单一点:

一个 iOS 风格的主题

④ 启用你的主题

生成完成后,到六零导航页后台 →「系统设置」→「网站主题」,在下拉列表中找到你的主题(名称就是你在风格区填的主题名称),点击启用即可。

💡 小贴士:整个过程你只需要「下载源码 → 设置工作区 → 添加文件 → 输入需求」这四步,剩下的全交给 AI。如果生成后想调整细节,直接在对话框里接着说"把主色改成 #ff6c8c"之类的话,AI 会自动帮你改好。


四、「风格输入区」:你的创意决定长相

这是整个流程里最有意思的部分。提示词暴露的可填写项包括:

几个随手就能用的风格示例:


五、AI 不会乱来:内置硬约束兜底

很多人担心「AI 写的代码能直接用吗?」这份提示词在技术规范上做了强制约束,确保产出的主题可用、合规:


六、从「做出来」到「用起来」

主题做好并启用后,你还能在后台做轻量定制:

如果你做出了满意的主题,欢迎投稿给官方:

你的主题有可能出现在官方主题库,被更多站长使用。


七、结语:现在就试试

做主题这件事,过去卡在「代码门槛」,现在卡在「你的想象力」。

打开那份提示词,花两分钟写下你想要的风格,把剩下的交给 AI。十分钟后,你可能就拥有了一个全网独一份的导航站皮肤。

毕竟,自己的导航站,当然要长成自己喜欢的样子。

(需要这份「AI 主题生成提示词」?可在项目 template/ 目录获取 theme-gen-prompt.md,复制即用。)