Awesome

English | <a href="https://github.com/kwchang0831/svelte-QWER/blob/main/README-zh.md">中文</a> <a href="https://svelte-qwer.vercel.app/"><img src=https://raw.githubusercontent.com/kwchang0831/svelte-QWER/main/user/assets/avatar.png width=96 hieght=96 style="border-radius: 9999px; object-fit: cover;" /></a> <h1 align="center">QWER</h1> Simply Awesome Blog Starter built with SvelteKit and ❤ <img src="https://img.shields.io/github/languages/top/kwchang0831/svelte-QWER?color=%23ff3e00&logo=Svelte" alt="Language" /> <a href="https://github.com/kwchang0831/svelte-QWER/blob/main/LICENSE"><img alt="GitHub" src="https://img.shields.io/github/license/kwchang0831/svelte-QWER" alt="License"></a> <a href="https://github.com/kwchang0831/svelte-QWER/blob/main/CHANGELOG.md"><img src="https://img.shields.io/badge/CHANGELOG-svelte--QWER-lightgreen?logo=Keep a Changelog" alt="svelte-QWER"></a> <a href="https://github.com/kwchang0831/svelte-QWER/blob/main/QWER/CHANGELOG.md"><img src="https://img.shields.io/badge/CHANGELOG-QWER-lightgreen?logo=Keep a Changelog" alt="QWER"></a> <a href="https://svelte-qwer.vercel.app/"><img src="https://img.shields.io/badge/🚀 DEMO-Vercel-informational?style=for-the-badge" alt="QWER Vercel DEMO"> </a><a href="https://svelte-qwer.netlify.app/"><img src="https://img.shields.io/badge/🚀 DEMO-Netlify-informational?style=for-the-badge" alt="QWER Netlify DEMO"></a> <a href="https://github.com/kwchang0831/svelte-QWER/discussions/categories/q-a"><img src="https://img.shields.io/badge/💬 Discussion-Q&A-informational?style=for-the-badge" alt="QWER Q&A"></a> <a href="https://docs-svelte-qwer.vercel.app/"><img src="https://img.shields.io/badge/📝 Documentation-DOCS-informational?style=for-the-badge" alt="QWER DOCS"></a> <a href="https://pagespeed.web.dev/report?url=https%3A%2F%2Fsvelte-qwer.vercel.app%2F&form_factor=desktop"><img style="float:middle" width="auto" alt="PAGESPEED" src="https://raw.githubusercontent.com/gist/kwchang0831/acd18fa5e12de9be28a34617beffe5de/raw/metrics.pagespeed.svg"></a>

🎉 Try QWER out

npx degit kwchang0831/svelte-QWER my-blog

⚡️ Usage

Get npm v18.x
Get pnpm.
```
npm i -g pnpm
```
Install all the dependencies.
```
pnpm i
```
Run local dev server.
```
pnpm dev
```
Create an article folder (For Windows users, make sure to use a terminal that supports Bash scripts, such as Git Bash).
```
pnpm run createblog YOURDIRNAME
```

✨ Features

⚡ Super fast site performance. Near Perfect PageSpeed score.
🤗 SEO ready with meta, Open Graph, Schema, JSON-LD, microformats2.
🔎 On-site Search.
📱 Mobile-First / Responsive design.
✍️ Write post with Markdown syntax.
🧮 🧪 Write Math and Chemical formulas with TeX Syntax via Katex & mhchem.
📁 Folder-based organization for creating posts.
🏷️ Multi-Tags filtering.
📄 Auto-Generate Table of Content for posts.
📦 Out-of-the-box support for Atom feed, Sitemap, PWA, JSON Feed.
🖼️ Automatic image optimization via vite-imagetools.
⚙️ Support embedding Svelte components and Javascript with Markdown.
💬 Supports Giscus - a comments system powerd by Github Discussions.
💄 Utilizes UnoCSS - the instant on-demand atomic CSS engine.
🌐 i18n via typesafe-i18n.
🚀 Deploy the blog Free on Vercel, Netlify, or Cloudflare Pages.

📚 Learn More

Please read our Documentation.

👷 Current State

QWER is at its' very early stage. Kindly expect frequent breaking changes.

Just copy and paste your user folder to the latest release.

Watch out for the CHANGELOG to see if yor are required to migrate user/config or other places.

❓ Issues / Problems / Questions

Please take advantage of our Github's Q&A Discussion board.

😊 Are you using QWER?

Please consider adding svelte-qwer topic to your repository.

To see who else are using QWER, please check Github-Topics: svelte-qwer.

🎉 Support

<div class="flex" style="display:inline-block; font-size: 24px; --un-bg-opacity: 1; background-color: rgba(255, 221, 0); border-radius: 0.5rem; padding: 12px 18px; border: 2px solid;"> <a class="flex" href="https://www.buymeacoffee.com/kwchang0831" style="color: black;" > 🥓 Buy me a Bacon </a> </div>

📝 License

MIT

🙏 Credits

Cover Photo by <a href="https://unsplash.com/@jessbaileydesigns?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Jess Bailey</a> on <a href="https://unsplash.com/s/photos/note?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Avatar Illustration by <a href="https://icons8.com/illustrations/author/GrbQqWBEhaDS">Liam Moore</a> from <a href="https://icons8.com/illustrations">Ouch!</a>