Skip to content

Demo

A demonstration of all markwright extensions on a single page.

Highlight

Inline highlight: This has a highlighted word in it.

In inline code: Check config.timeout for the setting.

In a code block:

def process(data):
    result = transform(data)
    return result

Fence: Labels

app.py
from flask import Flask

app = Flask(__name__)

Fence: Secondary Labels

Output
Server started on port 8080

Fence: Environments

local-server.sh
ssh user@localhost
staging-server.sh
ssh deploy@staging.example.com
production-server.sh
ssh deploy@prod.example.com

Fence: Line Numbers

  1. from flask import Flask
  2. app = Flask(__name__)
  3. @app.route("/")
  4. def index():
  5. return "Hello, World!"

Fence: Command Prefix

  1. sudo apt update
  2. sudo apt install nginx
  3. systemctl start nginx

Fence: Super User Prefix

  1. systemctl restart nginx
  2. journalctl -u nginx -f

Fence: Custom Prefix

  1. SELECT * FROM users;
  2. SHOW DATABASES;
  3. USE production;

Fence: Full Combination

deploy.sh
  1. ssh root@192.168.1.1
  2. apt update && apt upgrade -y
  3. systemctl restart nginx

YouTube

CodePen

See the Pen vwPzeX by MattCowley (@MattCowley) on CodePen.

Twitter

Instagram

Slideshow

‹
›
Slide #1 Slide #2 Slide #3

Image Compare

Image left Image right