hikarujs

Hikaru

A static site generator that generates routes based on directories naturally.

Install

Hikaru is a command line program (not a module) and you can install it from NPM, since Hikaru v1.14.0, it is recommended to install it locally in your site dir and run it with npx:

$ npm i -s hikarujs && npx hikaru i

Hikaru works on Node.js v18.12.0 LTS or later.

Setup site

$ mkdir hikaru-site && cd hikaru-site
$ npm install --save hikarujs hikaru-generator-feed hikaru-generator-sitemap hikaru-generator-search
$ npx hikaru init --debug

Install theme

Clone theme

Using hikaru-theme-aria as example:

$ git clone https://github.com/AlynxZhou/hikaru-theme-aria.git themes/aria

Or if you want commit the whole site you can use submodule:

$ git submodule add https://github.com/AlynxZhou/hikaru-theme-aria.git themes/aria

Edit config

$ $EDITOR site-config.yaml

Set themeDir to themes/aria:

themeDir: themes/aria

Copy theme config to site dir and edit it:

$ cp themes/aria/theme-config.yaml theme-config.yaml
$ $EDITOR theme-config.yaml

Create src file

Edit file

$ $EDITOR srcs/my-first-post.md

Add front matter

---
title: My First Post
created: 2018-08-08T09:27:00
layout: post
---

Add content

Some content...

<!--more-->

# This is my first post!

Start live server

$ npx hikaru serve --debug

Build static files

$ npx hikaru build --debug

Contribute

If you want to contribute, please follow my coding style.

Most things can be fixed by standardx and custom eslint rules, so please run npm test before commit, and use npx standardx --fix bin/* hikaru/*.js tests/*.js to fix most problems, and fix remaining problems that cannot pass tests manually.

I'll list personal flavors that cannot be handled by eslint here. If some things are not listed, follow existing code.

Arrays, Objects or Sets, Maps

If we have some simple types and we want to exclude same elements, just use Set.

If we want a dictionary to store keys and values, and keys are not fixed, just use Map.

Otherwise, use Arrays and Objects, for example lists, queues or dictionaries that have fixed keys.

If we got parsed Objects and Arrays, for example options from YAML files or data from JSON files, don't convert them into Maps and Sets except we need to do other operations on them.

for...of, for...in, .forEach(), .map()

If we are not only doing some operations to array elements but also caring about their return values, just use .map().

If we just do some opeartions to array elements but not caring about return values, don't use .map().

If we are iterating Objects, use for...in.

Otherwise, use for...of.

Never use .forEach() unless you cannot use for...of, they are almost the same and we learn for in the first coding lesson so why not for?

class or .prototype

I just prefer class.

Common JS or ES Module

I personally like Common JS, but more and more libraries uses ES module, so use ES module.

More

Docs: https://hikaru.alynx.one/

Repo: GitHub

Default theme ARIA: hikaru-theme-aria

My blog built with Hikaru and ARIA: 喵's StackHarbor

License

Apache-2.0