EN ← 返回主站 X 领福利
← 案例库 · 🌐 编程

个人主页一天上线:配色版式文案一次到位,再挂免费托管

搭站最怕的是东一榔头西一棒子:先写代码、再想配色、最后憋文案。这个教程反过来:第一句就把风格定死(深色、金色点缀、大字排版),让 Muse 把结构、样式、文案一次给全,你只负责验收和部署。

Milo 原创教程 · 分类:编程 · 照着做约 10–20 分钟

为什么这样做

风格定调要具体到能执行:「深墨黑底、米白字、金色点缀、标题用衬线大字、卡片大圆角」——这类描述能直接变成设计参数。反例是「高级一点、大气一点」,谁也执行不了。

页面结构也一次说清:一屏大标题、作品卡片区、关于我、联系方式,页脚带一句声明。让它输出单个完整 HTML 文件,部署最省事:拖到任何静态托管(比如 Cloudflare Pages)就能上线,本站就是这么搭的。

上线之后再迭代:先保证手机上打开不乱、链接都点得通,再谈动效和细节。记住每次改动都留一份旧文件备份,改坏了能立刻退回去。

照着做(4 步)

  • 把风格描述写成可执行的设计参数
  • 结构一次说全,要求输出单个完整文件
  • 先验手机端显示和全部链接
  • 部署到免费静态托管,留好旧版备份

直接复制这段发给 Muse

把 里的内容换成你自己的,其余原样发送:

帮我做一个个人主页,单个 HTML 文件,要求: 1. 深墨黑底、米白文字、金色点缀,标题是衬线大字,卡片圆角要顺滑; 2. 结构:一屏大标题(我的名字 + 一句话介绍)、作品卡片区(先放 4 张占位卡)、关于我、联系方式; 3. 手机上打开不能横向滚动,按钮要大、好点; 4. 直接给完整文件,并告诉我怎么免费部署上线。

避坑一句

单文件是新手最友好的形态:部署、备份、改版都只有一个文件,不会丢。

还没有 Muse?

先按指南领邀请码注册:一个码双方各得 10 亿 Token,注册后 48 小时内兑换。本站不发真实码,放码动态在 X @ShuaiMaLong。

三步领码指南 → 关注 X 领福利

MORE

更多用法

💻 编程

不会写代码,也能让 Muse 做出一个能用的记账小工具

很多人卡在第一步:想法很清楚,就是不会写代码。这个教程把「说清楚需求」拆成四句话,让 Muse 直接产出一个能在浏览器里打开、能记账、能汇总的单页小工具,再陪你改到顺手为止。…

帮我做一个单页网页小工具,用来记每日开支,要求: 1. 能添加一笔支出:金额、分类(餐饮/交通/购物/居住/其他)、备注、日期; 2. 能删除记错的记录,能按月份查看汇总和各分类占…
💻 编程

不会写代码,也能让 Muse 做出一个能用的记账小工具

很多人卡在第一步:想法很清楚,就是不会写代码。这个教程把「说清楚需求」拆成四句话,让 Muse 直接产出一个能在浏览器里打开、能记账、能汇总的单页小工具,再陪你改到顺手为止。…

帮我做一个单页网页小工具,用来记每日开支,要求: 1. 能添加一笔支出:金额、分类(餐饮/交通/购物/居住/其他)、备注、日期; 2. 能删除记错的记录,能按月份查看汇总和各分类占…
🎬 效率

一条短视频从选题到成片:让 Muse 先写逐秒分镜再动手

短视频最耗时间的不是剪辑,是想脚本和分镜。这个教程的顺序是:先定选题和时长,让 Muse 写逐字稿,再让它把逐字稿拆成逐秒分镜表,最后按表逐段生成画面——返工率会低很多。…

给我写一条短视频的完整生产稿,主题是,要求: 1. 平台抖音,时长 30 秒,口播逐字稿控制在 110 字左右; 2. 开头 3 秒要有明确钩子,不许用「大家好」开头; 3. 逐字…
✍️ 写作

商品介绍改成小红书语气:给样例、定人群、一次出三个版本

文案改不好,通常不是 AI 不行,是你没给它三样东西:目标读者是谁、语气样例长什么样、长度红线在哪。这个教程用一个商品介绍做例子,一次产出三个可选版本再挑着改。…

帮我改一段商品介绍,原文是:。要求: 1. 语气参考这段样例的风格:; 2. 读者是刚上班的年轻人,预算敏感、怕踩雷; 3. 正文 300 字以内,另外给 3 个标题选项; 4. …