Svelte QWER

Overview:

QWER is a blog theme that offers a range of features to enhance site performance, SEO readiness, and user experience. It supports features such as mobile-first design, Markdown syntax for writing posts, math and chemical formula support, and multi-tags filtering. The theme also provides automatic image optimization, support for embedding Svelte components and JavaScript within Markdown, and integration with Giscus for comments. It offers internationalization support and can be deployed for free on platforms like Vercel, Netlify, or Cloudflare Pages.

Features:

• Super fast site performance: The theme is optimized for speed, resulting in near-perfect PageSpeed scores.
• SEO ready: QWER provides support for meta information, Open Graph, Schema, JSON-LD, and microformats2 to improve search engine optimization.
• On-site search: Users can easily search for content within the blog.
• Mobile-first / Responsive design: The theme offers a responsive design that adapts to different screen sizes.
• Write post with Markdown syntax: Users can write blog posts using Markdown syntax.
• Math and Chemical formulas support: QWER supports writing math and chemical formulas using TeX syntax through Katex and mhchem.
• Folder-based organization: The theme supports organizing posts in folders for better organization.
• Multi-Tags filtering: Users can filter posts based on multiple tags.
• Auto-Generate Table of Contents: The theme automatically generates a table of contents for posts.
• Out-of-the-box support for Atom feed, Sitemap, PWA, JSON Feed: QWER has built-in support for Atom feed, Sitemap, Progressive Web App (PWA), and JSON Feed.
• Automatic image optimization: The theme optimizes images automatically using vite-imagetools.
• Support for embedding Svelte components and Javascript with Markdown: Users can embed Svelte components and JavaScript code snippets within Markdown.
• Supports Giscus for comments: QWER integrates with Giscus, a comments system powered by GitHub Discussions, allowing users to engage with the content.
• Utilizes UnoCSS: The theme utilizes UnoCSS, an instant on-demand atomic CSS engine.
• i18n support: QWER provides internationalization support through typesafe-i18n.
• Easy deployment: The blog can be deployed for free on platforms such as Vercel, Netlify, or Cloudflare Pages.

Installation:

To install QWER, follow these steps:

1. Ensure you have npm v18.x or pnpm installed.
2. Install all the dependencies.
3. Run the local development server.
4. Create an article folder. Note: Windows users should use a terminal that supports Bash scripts, such as Git Bash.

Summary:

QWER is a blog theme that offers a range of features for enhancing site performance, SEO readiness, and user experience. It supports various functionalities such as on-site search, support for math and chemical formulas, automatic image optimization, and integration with GitHub Discussions for comments. The theme is highly customizable and can be easily deployed using platforms like Vercel, Netlify, or Cloudflare Pages. With its responsive design and support for Markdown syntax, QWER provides a user-friendly experience for creating and managing a blog.