Github page and custom domain

Coming Soon

$ gem install bundler jekyll
$ jekyll new myblog
$ cd myblog
$ bundle exec jekyll serve

Text and Typography

<hr style="border:2px solid blue">

Prompts

<!-- markdownlint-capture -->
<!-- markdownlint-disable -->
> An example showing the `tip` type prompt.
{: .prompt-tip }

> An example showing the `info` type prompt.
{: .prompt-info }

> An example showing the `warning` type prompt.
{: .prompt-warning }

> An example showing the `danger` type prompt.
{: .prompt-danger }
<!-- markdownlint-restore -->

Dark/ Light mode and Shadow

The image below will toggle dark/light mode based on theme preference, notice it has shadows.

![light mode only](/posts/20190808/devtools-light.png){: .light .w-75 .shadow .rounded-10 w='1212' h='668' }
![dark mode only](/posts/20190808/devtools-dark.png){: .dark .w-75 .shadow .rounded-10 w='1212' h='668' }

Video

<iframe
  class="embed-video youtube"
  loading="lazy"
  src="https://www.youtube.com/embed/Balreaj8Yqs"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
></iframe>

Footnote

## Footnote

Click the hook will locate the footnote[^footnote], and here is another footnote[^fn-nth-2].

Reverse Footnote

## Reverse Footnote

[^footnote]: The footnote source
[^fn-nth-2]: The 2nd footnote source