{"repo":"rodneylab/sveltekit-blog-mdx","free":true,"listed":false,"github":"https://github.com/rodneylab/sveltekit-blog-mdx","clone":"git clone https://github.com/rodneylab/sveltekit-blog-mdx.git","description":"SvelteKit MDX starter blog with MDsveX (Svelte in markdown)","language":"Svelte","stars":302,"topics":["svelte","svelte3","sveltejs","sveltekit","netlify","mdsvex","md","mdx","markdown","blog"],"license":"BSD-3-Clause","category":"saas-starters-boilerplates","readme_excerpt":"SvelteKit MDsvex Blog Starter sveltekit-blog-mdx SvelteKit blog starter to help you get going on your next Svelte blog site. The project creates a Progressive Web App (PWA) out of the box. You just need to customise with your logos etc. See the Sveltekit Blog Starter blog post on the Rodney Lab site for some explanation of what's inside and how to customise. Please drop questions into a comment at the bottom of that page. Here's the quick start: Everything you need to build a Svelte blog site, powered by sveltekit-blog-mdx . Creating your Own MDsveX Blog Site If you're seeing this, you've probably already done this step. Congrats! Responsive Images The starter creates and caches responsive images using the vite-imagetools plugin. This is straightforward to use when you know ahead of time which image you want to include. You just import it on the page you want to use it on: The vite-imagetools plugin will then generate and hash the image. See examples in src/routes/index.svelte . The example where you want to have a different featured image for each blog post is a little more complicated, though manageable. In this case, you can run a script (see generate-responsive-image-data.js ) to iterate though all blog posts, taking the featured image from the blog post front matter. This script can then output the necessary imports into a generated JavaScript file, one for each blog post (see src/lib/generated directory). Finally you can dynamically import that JavaScript file in the bl","default_branch":null,"files":null,"tree":[],"storefront":"/r/rodneylab","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/rodneylab/sveltekit-blog-mdx/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}