theme? SweatyCircle439-dark-red SweatyCircle439-light-red

note from the developer

there is no better way to make the readme of a markdown parser then in itself.
this entire document is preparsed using the parser, and styled using the styles from previewMd
if you are wondering,
the dark mode is using the style combination
SweatyCircle439-dark-red + felipec
these combinations can be looked up on the all combinations list by typing CTRL + F or F3
this project is still in development
i am planning to add more themes and feautures in the next update.

previewMD

install

npm i ~~nstall~~ -g previewmd

usage

previewMd [-h | --help | -p <port> | --port <port>] <file>

options

short name	full name	arguments	description
-p	--port	port (number)	sets the http port for the preview server.
-h	--help	none	show help for the command. that is very helpfull :D

arguments

name	description
file	path to the markdown file to preview

themes

let's start off simple, with how to use themes.
there are multiple ways put a theme in the url.
the highlights property is the theme for the syntax highlighting of any code blocks.
the style property is the style sheet for the page.

to include both a style and a highlights set in the url:
localhost:port?style=style&highlights=highlights
to include just a style
localhost:port?style=style
to include only a highlights set in the url
localhost:port?highlights=highlights

notes

if you visit the link with these propertys, please note they will be saved.
if you go to the link without the property, you will still see that property.
this is of course done through the use of one of my other libraries: sessids.
essentialy, i am setting up sessids like normal, but i am configuring it to set the lifetime of the sessions to the integer limit
sessids.configure("lifetime", Number.MAX_SAFE_INTEGER);

now, i will also include what style values are available

theme name	light / dark mode	secondary theme color	developer
SweatyCircle439-dark-red	dark mode	red	SweatyCircle439
SweatyCircle439-light-red	light mode	red	SweatyCircle439

all elements

bold text
italic text
~~striked text~~
inline blocks
code blocks

// this code is made to be the most complicated as possible way for calculating 1 + 1.
class SuperComplicatedCalculation {
    constructor({
        calculation = (firstNum, secondNum) => {
            this.result = firstNum + secondNum;
        }
    }) {
        this.calculation = calculation.bind(this);
        this.solve = ((...args) => {
            this.calculation(...args);
        }).bind(this);
    }
}

const plus = new SuperComplicatedCalculation();
console.log(plus.solve(1, 1));

block quotes

this is a block quote.
if the block quote is filled with nothing else then a code block, then the code block becomes the block quote.

/**
* as you can see, this code block has become the block quote
*/
// this code is made to be the most complicated as possible way for calculating 1 * 1.
class SuperComplicatedCalculation {
   constructor({
       calculation = (firstNum, secondNum) => {
           this.result = firstNum + secondNum;
       }
   }) {
       this.calculation = calculation.bind(this);
       this.solve = ((...args) => {
           this.calculation(...args);
       }).bind(this);
   }
}

const multiply = new SuperComplicatedCalculation({
   calculation: (firstNum, secondNum) => {
       this.result = firstNum * secondNum;
   },
});
console.log(multiply.solve(1, 1));

headers

header 1

header 2

header 3

header 4

header 5

header 6

lists

unordered list item
another unordered list item

ordered list item
another ordered list item

previewmd
images
horizontal lines

tables

header 1	header 2	header 3	header 4	header 5	header 6
value 1	value 2	value 3	value 4	value 5	value 6
value 7	value 8	value 9	value 10	value 11	value 12
value 13	value 14	value 15	value 16	value 17	value 18
value 19	value 20	value 21	value 22	value 23	value 24
value 25	value 26	value 27	value 28	value 29	value 30
value 31	value 32	value 33	value 34	value 35	value 36
value 37	value 38	value 39	value 40	value 41	value 42