zs-starter-template/index.md

2.3 KiB

zs-starter-template

This is a zs starter template. A live version of this site can be found here.

Features

  • A basic index page with the content you see here
  • A basic layout using a modified version of bahunya for style
  • live.js for faster development
  • Examples of several built-in extensions

Quick Start

git clone https://git.mills.io/prologic/zs-starter-template.git
cd zs-starter-template
make dev

Open your browser to http://localhost:8000

Examples

Aside from the regular Markdown TestPage that demonstrates the full capabilities of the Markdown support for zs, there are a number of additional extensions enabled by default:

Anchors

With the [anchors][anchors] extension so you can link to any section(s) on the page like Quick Start.

💡 Tip: Try hovering over any of the headings on this page!

D2 Diagrams

With the d2 extension you can draw and diagrams such as:

x -> y

Embed

With the embed extension you can embed [Youtube][youtube] videos like:

Fences

With the fences extension you can :::{.blue}

Life Inside Fences

We are now inside a div with the css-class "blue". This can be used to style this block

:::{#insideme .red data="important"} fences can be nested and given ids as well as classes ::: :::

Highlighting

With the highlighting extension you can syntax highlight code samples:

package main

import "fm"

func main() {
    fmt.Println("Hello World!");
}

With the wikilink extension you can link to other pages more easily like SandBox.

We can even do slides!

{{ list slides }}

Remember cgi scripts?

License

zs-starter-template is licensed under the terms of the WTFPL License