An old-fashioned static website with intentionally wrong chords of my favorite songs
- Install Hugo.
- Clone the repository.
- Run
hugo server
to locally build and serve the site with live-reload feature.
-
Create a page for the song:
hugo new content "songs/<Artist> - <Title>.md"
hugo new content "songs/Гражданская Оборона - Всё идёт по плану.md"
-
Add song lyrics with chords:
- write chords using the following syntax
`[Chord]`
- place chords wherever the music demands, within lines, words, etc
- wrap text into
{{% chords lyrics %}}
shortcode for superscript stylized chords - wrap text into
{{% chords inline %}}
shortcode for inline stylized chords
An example of lyrics with chords:
{{% chords inline %}} **[Вступление]** (x2): `[Am]` `[F]` `[C]` `[E]` {{% /chords %}} {{% chords lyrics %}} **[Куплет]** Гра`[Am]`ницы кл`[F]`юч пере`[C]`ломлен попо`[E]`лам А наш`[Am]` батюш`[F]`ка Ленин `[C]`совсем у`[E]`соп {{% /chords %}}
- write chords using the following syntax
-
Optional: use front matter to add addition metadata to the song:
- add more artists, prioritizing the first as the main one, using the
artists
taxonomy - add tags using the
tags
taxonomy
- add more artists, prioritizing the first as the main one, using the
-
Make sure the song is no longer a draft by removing
draft: true
. -
Done - publish and enjoy!