Show HN: Markdown page – Create a web page with just markdown

Re:Show HN: Markdown page – Create a web page with just mark... by Kagerjay on Saturday October 06, 2018 @11:24AM (#18155582)

So how does this work exactly?

It looks like you wrote a script.js file, which calls showdown.js library (converting markdown to html). A uglified version called `md-page` is made pulling both resources

Basically, the script does following

1) wait for page to load

2) add css-styles via javascript

3) shove all the markdown in a variable "markdown", passing it as one giant string

4) Add settings for showdown.js

5) Rewrite entire markdown on page to HTML via showdown.js

6) Append to body and render

I could fork it and add breakpoints / run debugger but this is what I got from looking at source code

[ Parent | on HN ]

Re:Show HN: Markdown page – Create a web page with just mark... by oscargeorge on Saturday October 06, 2018 @11:46PM (#18158738)

yep. you're 100% on the money. no wizardry here. Couple of extra features like ability to hash link, and external url open in new window. but that it

[ Parent | on HN ]

Re:Show HN: Markdown page – Create a web page with just mark... by Kagerjay on Sunday October 07, 2018 @03:40PM (#18162261)

https://github.com/oscarmorrison/md-page/blob/master/script....

Line 43 to 48, I am not entirely sure what that hashlink does. What is the setTimeout function for? Could you expand on that?

[ Parent | on HN ]

Re:Show HN: Markdown page – Create a web page with just mark... by oscargeorge on Sunday October 07, 2018 @05:59PM (#18162853)

It's to make linking to headers work. Eg oscarmorridon.com/md-page#code

As the element doesn't exist at time of first load this is a work around to focus on id once content is rendered in html

[ Parent | on HN ]

Re:Show HN: Markdown page – Create a web page with just mark... by oscargeorge on Monday October 08, 2018 @12:00AM (#18164042)

* https://oscarmorrison.com/md-page/#code

[ Parent | on HN ]