0.0.201 • Published 2 years ago
miaa v0.0.201
miaa
miaa is a static site generator that uses plain HTML components.
Project structure
├── src/
│ ├── components/
│ │ └── Component1.html
│ │ └── Component2.html
│ │ ...
│ │
│ └── pages/
│ └── index.html
│
└── package.json<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Index</title>
</head>
<body>
<!-- Component1.html -->
<h1>Index</h1>
<!-- Component2.html -->
</body>
</html>How to use
Run npm init miaa to initialize the basic project structure. (doesn't work yet)
After creating your components and adding the comments to your index file, run npx miaa.
Your website will be generated in the dist/ folder.
Problems/Todos
- Only works with the index file (won't work yet if you're making pages like "about.html", "contact.html" etc)
- You need to use inline styles to avoid conflicts between your components
- Probably a looot more problems I don't know about yet.