快速开始
本页内容
sitelo 是一个由 Vite 驱动、零配置的静态站点生成器。安装一个包,编写返回 HTML 的函数,然后运行 sitelo build。
安装
npm install -D sitelo需要 Node 20.19+(或 22.12+)。Vite 已内置,无需单独安装。
你的第一个页面
创建 src/index.ht.js(或 .ht.jsx)。推荐使用 ht.js:
export default () => `
<html lang="zh">
<head><title>我的网站</title></head>
<body><h1>你好,世界</h1></body>
</html>
`import { html, head, title, body, h1 } from 'javascript-to-html'
export default () =>
html({ lang: 'zh' },
head(title('我的网站')),
body(h1('你好,世界'))
)export default function Home() {
return (
<html lang="zh">
<head><title>我的网站</title></head>
<body><h1>你好,世界</h1></body>
</html>
)
}运行
sitelo # 开发服务器
sitelo build # 写入 dist/
sitelo preview # 预览构建这会生成 dist/index.html(并自动补上 <!DOCTYPE html>),以及一个默认的 404.html。
接下来
- 编写页面 —— 模板字符串、JSX、结构化模块
- 路由 —— 基于文件的路由与
generateStaticParams - 数据加载 ——
data()与fetchWithCache - 资源与样式 —— 由 Vite 编译的前端 JS/CSS(
src/js、src/css) - 配置 ——
sitelo.config.js与 Vite 选项 - 用 AI 开发 ——
llms.txt、项目规则与面向智能体的建议