diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..90dc942
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+/node_modules
+/yarn-error.log
+/dist
diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000..afb29b4
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,109 @@
+# toml 0.4.0
+
+name = "Leafee98"
+description = "Welcome to leafee98's site"
+canonical_link = "https://leafee98.com/"
+
+[social]
+name = "Social"
+
+[[social.items]]
+name = "GitHub"
+permalink = "https://github.com/leafee98"
+
+[[social.items]]
+name = "Email"
+description = "***REMOVED***"
+
+[[social.items]]
+name = "Matrix"
+description = "***REMOVED***"
+
+
+[service]
+name = "Service"
+
+[[service.items]]
+name = "Blog"
+permalink = "https://blog.leafee98.com/"
+description = "I blog at here."
+highlight = true
+
+[[service.items]]
+name = "Forgejo"
+permalink = "https://git.leafee98.com/"
+description = "My own git server."
+
+[[service.items]]
+name = "Woodpecker"
+permalink = "https://woodpecker.leafee98.com/"
+description = "My own CI/CD service."
+
+[[service.items]]
+name = "Dufs"
+permalink = "https://dufs.leafee98.com/"
+description = "A simple webdav server, hosting some public available files."
+
+[[service.items]]
+name = "Uptime"
+permalink = "https://uptime.leafee98.com/"
+description = "Service Monitor."
+
+[[service.items]]
+name = "Plik"
+permalink = "https://plik.leafee98.com/"
+description = "Temperory file share utility."
+
+[[service.items]]
+name = "Pasty"
+permalink = "https://paste.leafee98.com/"
+description = "Temperory text share utility."
+
+[[service.items]]
+name = "Ntfy"
+permalink = "https://ntfy.leafee98.com/"
+description = "United Push implemention."
+
+# Personal Service
+[personal_service]
+name = "Personal Service"
+
+[[personal_service.items]]
+name = "Miniflux"
+permalink = "https://rss.leafee98.com/"
+description = "My RSS reader."
+
+[[personal_service.items]]
+name = "Joplin"
+permalink = "https://joplin.leafee98.com/"
+description = "My notebook sync server."
+
+[[personal_service.items]]
+name = "Syncthing"
+permalink = "https://syncthing.leafee98.com/"
+description = "My file syncing agent."
+
+[[personal_service.items]]
+name = "Radicale"
+permalink = "https://calendar.leafee98.com/"
+description = "Selfhost calender and task server."
+
+[[personal_service.items]]
+name = "Matrix"
+permalink = "https://matrix.leafee98.com/"
+description = "My matrix instance."
+
+[[personal_service.items]]
+name = "Turn"
+permalink = "https://turn.leafee98.com/"
+description = "Provide VoIP for matrix."
+
+[[personal_service.items]]
+name = "Webdav"
+permalink = "https://webdav.leafee98.com/"
+description = "Webdav endpoint for online storage, powered by apache httpd."
+
+[[personal_service.items]]
+name = "FileBrowser"
+permalink = "https://file.leafee98.com/"
+description = "File manager for my online storage."
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..48a8b04
--- /dev/null
+++ b/index.js
@@ -0,0 +1,78 @@
+import nunjucks from "nunjucks"
+import toml from "toml";
+import fs from "fs";
+import path from "path";
+import { program } from "commander";
+import { v4 as uuidv4 } from "uuid";
+import express from "express";
+
+const url_path = "/";
+const config_path = "config.toml";
+const template_dir = "template";
+const template_path = "index.html.njk";
+const output_path = "dist/index.html";
+
+
+function main() {
+ program
+ .option("--serve", "serve the gerneated files")
+ .option("--generate", "generate prod ready files")
+ program.parse();
+ const options = program.opts();
+
+ if (options.serve && options.generate
+ || ! (options.serve || options.generate)) {
+ program.help();
+ }
+
+ var config = fs.readFileSync(config_path, {encoding: "utf-8"});
+ config = toml.parse(config)
+
+ nunjucks.configure(template_dir, {
+ autoescape: true,
+ throwOnUndefined: true,
+ trimBlocks: true,
+ lstripBlocks: true,
+ });
+
+ if (options.serve) {
+ serve(config);
+ }
+
+ if (options.generate) {
+ generate(config);
+ }
+};
+
+
+function serve(config) {
+ config.dev = true;
+ const rendered = nunjucks.render(template_path, config);
+
+ const app = express();
+ const port = 3000;
+
+ const uuid = uuidv4();
+
+ app.get("/uuid", (req, res) => {
+ res.set('Cache-Control', 'no-store')
+ res.send(uuid);
+ });
+ app.get("/", (req, res) => {
+ res.set('Cache-Control', 'no-store')
+ res.send(rendered)
+ });
+ app.listen(port, () => {
+ console.log(`serveing webpage at ${port}`);
+ });
+}
+
+function generate(config) {
+ const rendered = nunjucks.render(template_path, config);
+ if (! fs.existsSync(path.dirname(output_path))) {
+ fs.mkdirSync(fs.dirname(output_path), { recursive: true });
+ }
+ fs.writeFileSync(output_path, rendered);
+}
+
+main();
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..9d3d0a8
--- /dev/null
+++ b/package.json
@@ -0,0 +1,18 @@
+{
+ "type": "module",
+ "scripts": {
+ "r": "node ./index.js",
+ "watch": "nodemon --watch template --ext js,css,njk ./index.js --serve"
+ },
+ "dependencies": {
+ "commander": "^11.0.0",
+ "nunjucks": "^3.2.4",
+ "toml": "^3.0.0"
+ },
+ "devDependencies": {
+ "express": "^4.18.2",
+ "livereload-js": "^4.0.1",
+ "nodemon": "^3.0.1",
+ "uuid": "^9.0.0"
+ }
+}
diff --git a/template/index.html.njk b/template/index.html.njk
new file mode 100644
index 0000000..6143f91
--- /dev/null
+++ b/template/index.html.njk
@@ -0,0 +1,85 @@
+
+
+{% macro autoreload() %}
+
+{% endmacro %}
+
+
+{% macro render_item(name, permalink, description) %}
+{% if permalink is defined %}
+
+ - {{ name }}
+ {% if description is defined %}
+ - {{ description }}
+ {% endif %}
+
+{% else %}
+
+ - {{ name }}
+ {% if description is defined %}
+ - {{ description }}
+ {% endif %}
+
+{% endif %}
+{% endmacro %}
+
+{% macro section(sect) %}
+
+ {{ sect.name }}
+
+
+ {% for item in sect.items %}
+ {{ render_item(item.name, item.permalink, item.description) }}
+ {% endfor %}
+
+
+{% endmacro %}
+
+
+
+ {% if dev %}
+ {{ autoreload() }}
+ {% endif %}
+
+ {{ name }}
+
+
+
+
+
+
+
+
+
+
+
+
{{ name }}
+
{{ description }}
+