Update sphido.md (#847)

OzzyCzech · web-flow · commit e50e1c582f98 · 2023-02-13T11:18:25.000Z
diff --git a/src/site/generators/sphido.md b/src/site/generators/sphido.md
@@ -4,53 +4,81 @@ repo: sphido/sphido
 homepage: https://sphido.org/
 language:
   - JavaScript
+  - Node.js
 license:
   - MIT
 templates:
-  - Nunjucks
-description: A rocket fast, lightweight, static site generator.
-twitter: ozzyczech
+  - Any JS
+description: A rocket fast, light-weight and flexible static site generator.
+twitter: sphidocms
+
 ---
 
-Sphido is pure **static site generator** written with speed, simplicity and flexibility in mind.
+I know, another [static site generator](https://github.com/collections/static-site-generators)!
+This one is different - it's totally minimalistic. Basically, it's just two functions.
+The first, the `getPages()` function, allows you to retrieve a list of pages, 
+and the `allPages()` function allows you to iterate through them.
+
+You get a static site generator that is:
+
+- 🚀 rocket fast
+- 💭️ light-weight
+- 🤘 no dependencies
+- ⚡️ flexible
+
+### Supports
+
+- YAML front-matter
+- html/markdown source files
+- custom extenders
+- any JS templates
 
-## Installation
+### Installation
 
-```bash
-$ npm i @sphido/core @sphido/frontmatter @sphido/marked @sphido/meta @sphido/nunjucks
+```shell
+yarn add @sphido/core # that's all
 ```
 
-## Usage
+### Usage
 
 ```javascript
-const globby = require('globby')
-const { getPages } = require('@sphido/core')
-const { save } = require('@sphido/nunjucks')
-
-;(async () => {
-  // 1. get list of pages
-  const pages = await getPages(
-    await globby('content/**/*.md'),
-    ...[
-      require('@sphido/frontmatter'),
-      require('@sphido/marked'),
-      require('@sphido/meta'),
-      { save },
-    ]
-  )
-
-  // 2. save them (with default template)
-  for await (const page of pages) {
-    await page.save(page.dir.replace('content', 'public'))
-  }
-})()
+#!/usr/bin/env node
+
+import {dirname, relative, join} from 'node:path';
+import {getPages, allPages, readFile, writeFile} from '@sphido/core';
+import slugify from '@sindresorhus/slugify';
+import {marked} from 'marked';
+
+const pages = await getPages({path: 'content'}, // ... extenders
+	(page) => {
+		page.slug = slugify(page.name) + '.html';
+		page.dir = dirname(page.path);
+	});
+
+for (const page of allPages(pages)) {
+	page.output = join('public', relative('content', page.dir), page.slug);
+	page.content = marked(await readFile(page.path));
+	await writeFile(page.output, `<!DOCTYPE html>
+        <html lang="en" dir="ltr">
+        <head>
+            <meta charset="UTF-8">
+            <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
+            <title>${page.name} | Sphido Example</title>
+        </head>
+        <body class="prose mx-auto my-6">${page.content}</body>
+        <!-- Generated by Sphido from ${page.path} -->
+        </html>
+    `);
+}
 ```
 
-[See more examples](https://github.com/sphido/examples) on GitHub.
+### Run script
 
-## Supports
+```shell
+node index.js
+```
 
-- YAML front-matter
-- html/markdown source
-- custom extenders
-- Nunjucks templates
+### Need more examples?
+
+Let's look at the [source code of sphido.org](https://sphido.org) or 
+the [examples repository](https://github.com/sphido/examples).
