someone@email.com
by casualwriter
# casual-markdown-page
[Casual-Markdown-Page](https://github.com/casualwriter/casual-markdown-page) directly use markdown files as web page or web site (ie. markdown-as-webpage).
Just a single html file [index.html](source/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](source/index-one.html)
* vanilla javascript, no dependence
* support all browser (include IE9)
* dark mode
* responsive, support mobile
## Usage Guide
1. copy [index.html](source/index.html) or [index-one.html](source/index-one.html) to web server
2. copy [index.md](source/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
~~~
-----------------------------------------------------------------------------
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](source/index-one.html)