# md.html
#### Browser compatible markdown without compilation
## Features
- **no compilation** required
- **syntax highlighting** out of the box
- **single file** for styles and markup
- **loading on demand**:
loads highlighting and language support only when needed
- **progressive loading**:
loads content first, for fast access over slow networks
## Getting Started
### Document head
Just add the `md.html.js` script:
```html
```
### Document body
Now you can write normal markdown inside the template tag:
```markdown
# Title
Write markdown here...
```javascript
// with syntax highlighting
```
```
### Styles
Just add styles to the head, as you normally would:
```css
```
### Syntax Highlighting
The default colors of the syntax highlighting can be changed like so
```css
code {
--base-color: #5c6e74;
--comment-color: #93a1a1;
--punctuation-color: #999;
--property-color: #905;
--selector-color: #690;
--operator-color: #a67f59;
--variable-color: #e90;
--keyword-color: #07a;
--function-color: #dd4a68;
}
```
### Demo
Here is the [demo page](). If you want to edit it just right click `show source` to get your own copy.
## Editing
For easy editing in VSCode use the following settings:
```json
{
"files.associations": {
"*.md.html": "markdown"
},
"[markdown]": {
"editor.wordWrap": false
}
}
```
and of course the corresponding file extension `.md.html` for your files.
---
created with [md.html]()