As of
Est.Ā
Est.Ā
VitePress ā
As the VitePress site puts it: VitePress is a Static Site Generator (SSG) designed for building fast, content-centric websites. In a nutshell, VitePress takes your source content written in Markdown, applies a theme to it, and generates static HTML pages that can be easily deployed anywhere.
There is a jotting on the use of VitePress for this jotter.
You also might want to read about the following topics:
- Asynchronous Componentsā² Typically, Vue components are loaded synchronously with their parents. Read, how this can be decoupled.
- Consistency Checksāļø It is interesting, how many things can go wrong. And got rotten over times. Better watch out!
- Cross-Platform Frontendš In the early days, each OS had its own GUI kit. Somehow this still seems to be the case with iOS. Still, I would like something like a hammer for all nails.
- Dark Mode for VitePress 0.x
āļøš
- Dark Mode in VitePress
- Development ToolingšLet's get rid of the manual tasks! Every project grows some extra scaffolding and development tooling over time. Here is mine.
- Elimination of Errors after DeploymentšYou don't want pages to break when updating the website. But that's exactly what happened to the jotter.
- Graphs with Mermaid & DotIncluding diagrams as images is cumbersome. It is better to include the specification of the graph in the Markdown and generate the diagrams automatically.
- Last Modification Dateš Metadata allows you to spot outdated content.
- PWA: Manifest and Service WorkerMake your web app look and feel a little more like a native application.
- Rapid Development with ViteVite is the development server of choice that also supports fast builds with Rollup.
- Running on Cloudflare Pagesš You do not need a dedicated server to run a Jamstack site in the cloud.
- Scott me up, Beamy!š How to avoid common pitfalls when using Vue's teleport component with VitePress layout.
- Site FunctionsšŖāØMy personal list of extensions for VitePress, including dark mode, search, graphviz, topic map and others.
- Static Site Generation with VitePress
- Stray PartsSome parts have piled up š§© that do not represent a coherent description of the basics, nor of a general functionality that fits under site functions.
- Styling with Tailwind CSSHow to use Tailwind CSS to style content in VitePress.
- The Basicsš¼ļø The big picture on how my tool selections and service decisions are interconnected.
- The Second Sidebarš I added a sidebar to the right. It can be opened and closed with the
š icon at the top right corner of the page. - Unambitious Site Searchš
VitePress has a default slot for search (powered by Algolia.com).
Looked into it, found provisioning of data more complicated than search itself and started my own search. - Updateā³Updates on Ergberg's Jotter do not happen very often. This page allows you to trigger reloads.
- You can Send me a Noteš§ I look forward to constructive feedback. Do not hesitate to send me a message.