Deprecated: please check out amino
Minimal markdown to HTML for static sites with pretty URLs.
yarn global add agave-generator
mkdir blog
cd blog
mkdir markdown
touch markdown/index.md # home page
touch markdown/first-post.md # /first-post/ route
agave # reads all your readmes in ./markdown and outputs them to ./public
For the full list of options run help
.
agave --help
Simply pass the -t argument and the theme name
agave -t desert
If you didn't find a theme for you you can add any base HTML and CSS you would like.
base.html will wrap every generated page.
base.html must contain <!-- MARKDOWN -->
where you would like your content placed.
If you have a styles.css
file in the markdown folder, it will be copied to the deployment folder.
touch markdown/base.html
touch markdown/styles.css
echo "<html><!-- MARKDOWN --></html>" > markdown/base.html
agave # run the generator again
Here is an example of using custom base.html
.
./markdown
βββbase.html
βββindex.md
βββanother-page.md
βββtopic.md
βββ/topic
βββ2019-1-1.md
βββ2020-1-1.md
βββ2021-1-1.md
results in
./public
βββindex.html
βββanother-page/index.html
βββ/topic
βββindex.html
βββ2019-1-1/index.html
βββ2020-1-1/index.html
βββ2021-1-1/index.html
Github Pages
agave --markdown myblog --public docs
git add --all
git commit -m"deploy"
git push
Setup your repo to look at the docs folder on your main branch in the repo settings.
# for now, to preview locally
cd public # or docs folder for gh pages
python3 -m http.server 8000
agave -s
# πββοΈ Running on localhost:8080
π TODO: fix CSP so remote images and fonts will show up when running locally.
Want to support this project?