someone@email.com
by casualwriter

casual-markdown-page

Casual-Markdown-Page directly use markdown files as web page or web site (ie. markdown-as-webpage).

Just a single html file index.html to load markdown file into web page by the syntax of index.html?file={markdown-file.md}

It is very handy to build simple web-site from markdown files, for example,

• github (self-host): https://raw.githack.com/casualwriter/casual-markdown-page/main/source/index.html
• all-in-one version: https://raw.githack.com/casualwriter/casual-markdown-page/main/source/index-one.html
• github page: https://casualwriter.github.io/casual-markdown
• github page: https://casualwriter.github.io/
• direct render md file: https://casualwriter.github.io/casual-markdown?file=https://raw.githack.com/casualwriter/powerpage/main/README.md

Features

• single html, all-in-one version index-one.html
• vanilla javascript, no dependence
• support all browser (include IE9)
• dark mode
• responsive, support mobile

Usage Guide

1. copy index.html or index-one.html to web server
2. copy index.md and other files (*.md) to the folder

that's it!

• by default, it will load index.md as home page.
• hotkey [alt-s] to show markdown html for developer
• hotkey [alt-k] to showpage in dark mode
• for mobile, click on title to show/hide TOC.
• use frontmatter for page configuration (title, menu, navigation), for example

copy-----------------------------------------------------------------------------
github  : https://github.com/casualwriter/casual-markdown 
title   : Casual-Markdown 
style   : #header { background: RoyalBlue } // additional style, optional
menu    :    
  Home            : index.md
  Supported Syntax: md-syntax.md
  md-as-Doc       : md-as-doc.md
  md-as-Page      : md-as-page.md
  md-as-Blog      : md-as-blog.md
  [DarkMode]      : javascript:darkmode()
-----------------------------------------------------------------------------

## {{ title }} 

[casual-markdown]({{github}}) is a super lightweight RegExp-based markdown parser, 
with TOC and scrollspy support

Modification History

• 2022/08/11, v0.60, initial release.
• 2022/08/12, add all-in-one version. index-one.html