A minimal, SEO-friendly portfolio and blog theme for Astro, supports Vue and UnoCSS.
- 100 / 100 Lighthouse performance.
- Responsive.
- SEO-friendly.
- Light / Dark Theme.
- Markdown support.
- MDX (components in your markdown) support.
- Vue SFC component support.
- Auto generated sitemap and RSS Feed VueUse & Lodash support.
- Use the UnoCSS for style, it's fast.
Click this button, it will create a new repo for you that looks exactly like this one, and sets that repo up immediately for deployment on Netlify.
If you just want to develop locally, you can create a repo from this template on GitHub.
Just run and visit http://localhost:1977.
npn run dev
Node.js version 18 or higher is required for this project.
To build the App, you can run:
npm run build
You will then see the dist
folder generated for publishing, which you can preview locally with the following command.
npm run preview
If you want to use pnpm or yarn as a package management tool, please refer to the following steps.
If
preinstall
exists inscripts
, remove it first.
Replace "pre-commit": "npx lint-staged"
in package.json with "pre-commit": "pnpm lint-staged"
.
And replace "*": "npm run lint:fix"
with "*": "pnpm lint:fix"
.
Like this:
{
// ...
"simple-git-hooks": {
"pre-commit": "pnpm lint-staged"
},
"lint-staged": {
"*": "pnpm lint:fix"
}
}
Replace "pre-commit": "npx lint-staged"
in package.json with "pre-commit": "yarn lint-staged"
.
And replace "*": "npm run lint:fix"
with "*": "yarn lint:fix"
.
Like this:
{
// ...
"simple-git-hooks": {
"pre-commit": "yarn lint-staged"
},
"lint-staged": {
"*": "yarn lint:fix"
}
}
MIT License © 2024 Kieran Wang