Generate a HTML page from markdown files with Bootstrap CSS
- Subscribe on Youtube: To watch more videos like this, go to In this episode.
- Switch regular textarea within your form into Bootstrap-Markdown editor seamlessly by adding data-provide='markdown' attribute.
markdown_with_bootstrap_css.sh
Bootstrap Markdown Css
Frontend Developer Notebook.
| #!/bin/bash |
| check_args=${@:?You forgot the markdown file(s) as arg} |
| cat <<EOF |
| <html> |
| <head> |
| <title></title> |
| <!-- Bootstrap css themes --> |
| <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' integrity='sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7' crossorigin='anonymous'> |
| <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css' integrity='sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r' crossorigin='anonymous'> |
| <!-- Bootstrap's .container is too large --> |
| <style> |
| .container { |
| width: 80ch; |
| } |
| </style> |
| </head> |
| <body> |
| <div> |
| EOF |
| foriin$@;do |
| markdown $i |
| done |
| cat <<EOF |
| </div> |
| </body> |
| EOF |
Bootstrap Markdown Editor
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment