vulcangz / sapper-markdown-image-lazyload

Testing Lazy Loading of Images from Markdown Files in Svelte Sapper Applications

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

sapper-markdown-image-lazyload

A Sapper template that uses Markdown to store blog posts.

It's code for this post: 在Svelte Sapper应用中实现延迟加载Markdown文件内的图片.

Usage

Install dependencies

yarn

For development

yarn dev

Open your browser on http://localhost:3000

Or Visit directly to http://localhost:3000/blog/sample-post-with-images. Press F12 on network TAB to see how the image loads.

What's different compared to the official Sapper template?

Instead of persisting blog posts in a JSON file at src/routes/blog/_posts.js, this template here uses Markdown files in src/posts.

Credit & Links

About

Testing Lazy Loading of Images from Markdown Files in Svelte Sapper Applications

License:MIT License


Languages

Language:JavaScript 67.7%Language:Svelte 23.5%Language:HTML 6.0%Language:CSS 2.9%