Blog theme for VitePress with Tailwind CSS.
"Trigger" is a out-of-the-box VitePress theme, named after my favorite Anime "World Trigger". You can use it directly or customize it to better suit your needs.
More info about customization :
- VitePress Doc - Using Vue in Markdown
- VitePress Doc - Extending the Default Theme
- VitePress Doc - Build-Time Data Loading
If there has any problem please feel free to create issue.
Detailed changes are documented in the CHANGELOG.
- create new post with CLI
- add JSON-LD for SEO on post pages
- style with Tailwind CSS (RWD)
- style for light / dark mode
- pagination with History API
- built-in sitemap generation
- common use config integration
- utterances for blog comments
- sync light / dark mode for utterances
- MathJax style optimization for mobile
- prev / next links without fontmatter setting
- support footnote by markdown-it-footnote
- Node.js version 18 or higher.
- Clone the project.
- Edit theme config and public files for custom.
- Launch terminal and execute commands as follows :
# install devDependencies
(p)npm install
# create new post under /posts
(p)npm run new {new-post-filename}
# start local dev server
(p)npm run dev
# build for production
(p)npm run build
# Locally preview the production build
(p)npm run previewOur project includes the GitHub workflow. You just need to ensure that the themeConfig.base is properly configured and GitHub pages auto-deployment will be triggered after push to GitHub.
- Deploy Your VitePress Site
- AWS Amplify
# amplify.yml
version: 1
frontend:
phases:
preBuild:
commands:
- nvm use 18
- npm install -g pnpm
- pnpm install --no-frozen-lockfile
build:
commands:
- pnpm run build
artifacts:
baseDirectory: ./.vitepress/dist
files:
- '**/*'
cache:
paths:
- node_modules/**/*