Vancouver Blog 🇨🇦

Welcome to my blog about Vancouver! This website is built using Docusaurus, a modern static website generator.

Installation

To install the dependencies, run:

$ npm install

Local Development

To start a local development server and open a browser window, use:

$ npm start

Most changes will be reflected live without needing to restart the server.

Write a Blog Post ✍🏼

To write a blog post you can utilize the create-post script that will set you up with a base skeleton for a blog post. To do so, just run:

npm run create-post

Examples and Code-Snippets

Image Carousel

Show multiple images with captions at once in a clean and uncluttered way while staying theme-compliant (dark/light mode aware)!

To use, it paste the following into your markdown file:

import ImageGallery from "../src/components/ui/image-gallery";

<ImageGallery
  images={[
    {
      src: "https://placehold.co/600x400",
      caption: "Am Strand den Abend ausklingen lassen",
    },
    { src: "https://placehold.co/600x400", caption: "Vancouvers Skyline" },
    { src: "https://placehold.co/600x400", caption: "Stadt trifft Natur" },
  ]}
/>;