- Nuxt.js with full TypeScript (nuxt-ts)
- Markdown-it extended with Pug and LiquidJS
- CSS is allowed
- Images in markdown are optimized as WebP format
- Separated content and theme. Either or both can be private.
- Searchable via lunr.js
- Easy to deploy on Netlify
- There are two ways, forking, and using upstream
- Add your contents to
/content/
, orprocess.env.CONTENT_PATH
CONTENT_PATH=<PATH_TO_YOUR_CONTENT>
/post/**/*.md
/media/
/theme.yml
Since it is linted and typed with zod, it is best to read the schema here.
It is Markdown with YAML Frontmatter.
---
title: string
date: string | undefined (parsable by dayjs)
image: string | undefined
tag: array of string | undefined
(Additional keys can be added, but it won't be parsed)
---
Put your excerpt here
<!-- excerpt -->
Put your remaining content here
You might edit contents with patarapolw/make-html -- https://make-html.netlify.app.
You'll have to generate the database first.
yarn
yarn generate-db
yarn dev
- Set environment variables on Netlify.
git push
/merge
as needed.
# Working repo
git remote add upstream git@github.com:patarapolw/nuxt-blog-template.git
git fetch upstream
git pull upstream master:dev
git push origin dev
Then, make a Pull Request.