init

+#!/usr/bin/env node
+
+"use strict";
+
+var target = process.argv[2];
+
+if (!target) {
+  console.error('target file is not found!');
+  process.exit(1);
+}
+
+const mdview = require('../lib/mdview')(),
+  path = require('path');
+
+const filename = path.resolve(process.cwd(), target);
+var result = mdview.renderFile(filename);
+
+console.log(result);

+module.exports = require('./lib/mdview');

+"use strict";
+const fs = require('fs');
+
+function MarkdownIt(opts) {
+  if (!(this instanceof MarkdownIt)) {
+    return new MarkdownIt(opts);
+  }
+
+  opts = opts || {};
+
+  var md = require('markdown-it')(opts.options);
+
+  this.renderFile = function(filename) {
+    if (!filename) {
+      throw new Error('filename can not be null!')
+    }
+
+    try{
+      var content = fs.readFileSync(filename).toString();
+      var result = md.render(content);
+    } catch(e) {
+      result = md.render(`
+## 404
+*文件找不到！*
+`)
+    }
+
+    return result;
+  }
+}
+
+module.exports = MarkdownIt;

+Markdown:
+
+A First Level Header
+====================
+
+A Second Level Header
+---------------------
+
+Now is the time for all good men to come to
+the aid of their country. This is just a
+`regular paragraph`.
+
+The quick brown fox jumped over the lazy
+dog's back.
+
+### Header 3
+
+> This is a blockquote.
+> 
+> This is the second paragraph in the blockquote.
+>
+> ## This is an H2 in a blockquote
+
+### PHRASE EMPHASIS
+
+**Markdown**
+
+Some of these words *are emphasized*.
+Some of these words _are emphasized also_.
+
+Use two asterisks for **strong emphasis**.
+Or, if you prefer, __use two underscores instead__.
+
+**Output**
+
+```xml
+<p>Some of these words <em>are emphasized</em>.
+Some of these words <em>are emphasized also</em>.</p>
+
+<p>Use two asterisks for <strong>strong emphasis</strong>.
+Or, if you prefer, <strong>use two underscores instead</strong>.</p>
+```
+
+### LISTS
+Unordered (bulleted) lists use asterisks, pluses, and hyphens (*, +, and -) as list markers. These three markers are interchangable; this:
+
+*   Candy.
+*   Gum.
+*   Booze.
+
+this:
+
++   Candy.
++   Gum.
++   Booze.
+
+and this:
+
+-   Candy.
+-   Gum.
+-   Booze.
+
+all produce the same output:
+
+```xml
+<ul>
+<li>Candy.</li>
+<li>Gum.</li>
+<li>Booze.</li>
+</ul>
+```
+
+Ordered (numbered) lists use regular numbers, followed by periods, as list markers:
+
+```
+1.  Red
+2.  Green
+3.  Blue
+```
+
+Output:
+
+```xml
+<ol>
+<li>Red</li>
+<li>Green</li>
+<li>Blue</li>
+</ol>
+```
+
+If you put blank lines between items, you’ll get <p> tags for the list item text. You can create multi-paragraph list items by indenting the paragraphs by 4 spaces or 1 tab:
+
+*   A list item.
+
+    With multiple paragraphs.
+
+*   Another item in the list.
+
+Output:
+
+```xml
+<ul>
+<li><p>A list item.</p>
+<p>With multiple paragraphs.</p></li>
+<li><p>Another item in the list.</p></li>
+</ul>
+```
+
+### LINKS
+
+Markdown supports two styles for creating links: inline and reference. With both styles, you use square brackets to delimit the text you want to turn into a link.
+
+Inline-style links use parentheses immediately after the link text. For example:
+
+This is an [example link](http://example.com/).
+
+Output:
+
+```xml
+<p>This is an <a href="http://example.com/">
+example link</a>.</p>
+```
+
+Optionally, you may include a title attribute in the parentheses:
+
+This is an [example link](http://example.com/ "With a Title").
+
+Output:
+
+```xml
+<p>This is an <a href="http://example.com/" title="With a Title">
+example link</a>.</p>
+```
+
+Reference-style links allow you to refer to your links by names, which you define elsewhere in your document:
+
+I get 10 times more traffic from [Google][1] than from
+[Yahoo][2] or [MSN][3].
+
+[1]: http://google.com/        "Google"
+[2]: http://search.yahoo.com/  "Yahoo Search"
+[3]: http://search.msn.com/    "MSN Search"
+
+Output:
+
+```xml
+<p>I get 10 times more traffic from <a href="http://google.com/"
+title="Google">Google</a> than from <a href="http://search.yahoo.com/"
+title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/"
+title="MSN Search">MSN</a>.</p>
+```
+
+The title attribute is optional. Link names may contain letters, numbers and spaces, but are not case sensitive:
+
+I start my morning with a cup of coffee and
+
+[The New York Times][NY Times].
+
+[ny times]: http://www.nytimes.com/
+
+Output:
+
+```
+<p>I start my morning with a cup of coffee and
+<a href="http://www.nytimes.com/">The New York Times</a>.</p>
+```
+
+###IMAGES
+
+Image syntax is very much like link syntax.
+
+Inline (titles are optional):
+
+![alt text](http://lorempixel.com/400/200/ "Title")
+
+Reference-style:
+
+```markdown
+![alt text][id]
+
+[id]: http://lorempixel.com/400/200/ "Title"
+```
+Both of the above examples produce the same output:
+
+```xml
+<img src="/path/to/img.jpg" alt="alt text" title="Title" />
+```
\ No newline at end of file

+{
+  "name": "markdown-view",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "node server",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "bin": {
+    "mdview": "bin/mdview"
+  },
+  "keywords": [],
+  "author": "lintry <shenlin00@gmail.com>",
+  "license": "MIT",
+  "dependencies": {
+    "express": "^4.14.0",
+    "github-markdown-css": "^2.4.1",
+    "markdown-it": "^8.0.1"
+  }
+}

+## 转换markdown为html内容
+
+## 安装
+
+```sh
+npm install
+
+```
+
+## 功能
+
+#### 指定markdown文件生成html文件
+
+```javascript
+var mdview = require('./lib/mdview')();
+var path = require('path');
+var result = mdview.renderFile(path.resolve(process.cwd(), 'readme.md'));
+```
+
+
+
+####命令输出html内容
+
+```sh
+bin/mdview readme.md
+```
+
+
+
+#### 启动服务
+
+```sh
+npm start
+```
+
+> 打开[首页](http://localhost:3000)查看readme.md的显示效果👇
+>
+> - 首页：http://loalhost:3000
+> - 指定md文件: http://localhost:3000/md/sample.md
+> - 选择样式主题：http://localhost:3000/?t=github-markdown
+
+
+
+
+#### 可选择的主题
+
+- github-markdown (***修改于: https://github.com/sindresorhus/github-markdown-css***)
+- clearness (***以下皆来源于：https://github.com/rhiokim/markdown-css***)
+- clearness-dark
+- github
+- github-rhio
+- haroopad
+- metro-vibes
+- metro-vibes-dark
+- node-dark
+- solarized-dark
+- solarized-light
+- wood
+- wood-ri
\ No newline at end of file

+var express = require('express')
+var app = express()
+
+const mdview = require('./lib/mdview')(),
+  path = require('path');
+
+const MARKDOWN_FILE_BASE = process.cwd();
+
+app.use(express.static(__dirname + '/themes'));
+
+function sendTemplate(filename, theme) {
+  let file = path.resolve(MARKDOWN_FILE_BASE, filename);
+  var result = mdview.renderFile(file);
+  theme = theme || 'github-markdown';
+  return `
+    <!DOCTYPE html>
+    <html>
+        <head>
+            <meta charset=utf-8>
+            <title>less theme for standard markdown</title>
+            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+            <link rel="stylesheet" href="/markdown.css">
+            <link rel="stylesheet" href="/${theme}/${theme}.css">
+        </head>
+        <body>
+        <div class='markdown ${theme}'>
+        ${result}
+        </div>
+        </body
+    </html>
+`;
+}
+
+app.get('/', function (req, res) {
+  var query = req.query;
+  res.send(sendTemplate('readme.md', query.t));
+})
+
+app.get('/*.md', function(req, res){
+  var url = req.url, urls = url.match(/^\/([\/\w]+\.md)/), query = req.query;
+  res.send(sendTemplate(urls[1]||'404.md', query.t));
+  console.log(query)
+})
+
+const PORT = 3000;
+app.listen(PORT)
+console.info(`Server is started up by binding ${PORT}. Visit http://localhost:${PORT}`);

+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * solarized-light style
+ * made by rhio.kim
+ * powered by http://ethanschoonover.com/solarized
+ */
+.clearness-dark {
+  padding: 20px;
+  color: #ffffff;
+  font-size: 15px;
+  background: #282a36;
+  -webkit-font-smoothing: antialiased;
+}
+.clearness-dark a {
+  color: #e03300;
+}
+.clearness-dark a:hover {
+  color: #ff4a14;
+}
+.clearness-dark h2 {
+  border-bottom: 1px solid #21232d;
+  line-height: 1.7em;
+}
+.clearness-dark h6 {
+  color: #a4a296;
+}
+.clearness-dark hr {
+  border: 1px solid #21232d;
+}
+.clearness-dark pre > code {
+  font-size: .9em;
+}
+.clearness-dark blockquote {
+  border-left: 4px solid #121319;
+  padding: 0 15px;
+  font-style: italic;
+}
+.clearness-dark table {
+  background-color: #303241;
+}
+.clearness-dark table tr th,
+.clearness-dark table tr td {
+  border: 1px solid #4b4e65;
+}
+.clearness-dark table tr:nth-child(2n) {
+  background-color: #373a4b;
+}
+/**
+ * after less
+ */
\ No newline at end of file

+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * solarized-light style
+ * made by rhio.kim
+ * powered by http://ethanschoonover.com/solarized
+ */
+.clearness {
+  padding: 20px;
+  color: #737373;
+  font-size: 15px;
+  background: #ffffff;
+  -webkit-font-smoothing: antialiased;
+}
+.clearness a {
+  color: #1e6ea7;
+}
+.clearness a:hover {
+  color: #268bd2;
+}
+.clearness h1,
+.clearness h2,
+.clearness h3,
+.clearness h4,
+.clearness h5 {
+  color: #404040;
+}
+.clearness h2 {
+  border-bottom: 1px solid #cccccc;
+  line-height: 1.7em;
+}
+.clearness h6 {
+  color: #666666;
+}
+.clearness hr {
+  border: 1px solid #e6e6e6;
+}
+.clearness pre > code {
+  font-size: .9em;
+}
+.clearness blockquote {
+  padding: 0 15px;
+  font-style: italic;
+}
+.clearness blockquote:before {
+  content: "\201C";
+  font-size: 40px;
+  margin-left: -20px;
+  color: #aaa;
+}
+.clearness table {
+  background-color: #ffffff;
+  border-collapse: separate;
+  border-spacing: 2px;
+}
+.clearness table tr th,
+.clearness table tr td {
+  border: 0px;
+  padding: .2em 1em;
+}
+.clearness table tr th {
+  border-bottom: 1px solid #bfbfbf;
+}
+.clearness table tr td {
+  border-bottom: 1px solid #d9d9d9;
+}
+.clearness table tr:nth-child(2n) {
+  background-color: #ffffff;
+}
+/**
+ * after less
+ */
\ No newline at end of file

+/*
+@import url(http://fonts.googleapis.com/css?family=Tauri);
+
+@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
+*/
+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * solarized-light style
+ * made by rhio.kim
+ * powered by http://ethanschoonover.com/solarized
+ */
+.github-rhio {
+  padding: 20px;
+  color: #222222;
+  font-family: 'Roboto Condensed', 'Tauri', AppleSDGothicNeo-Medium, Sans-serif;
+  background: #ffffff;
+  -webkit-font-smoothing: antialiased;
+}
+.github-rhio a {
+  color: #3269a0;
+}
+.github-rhio a:hover {
+  color: #4183c4;
+}
+.github-rhio h2 {
+  border-bottom: 1px solid #e6e6e6;
+}
+.github-rhio h6 {
+  color: #777;
+}
+.github-rhio hr {
+  border: 1px solid #e6e6e6;
+}
+.github-rhio pre > code {
+  font-size: .9em;
+  font-family: Consolas, Inconsolata, Courier, monospace;
+}
+.github-rhio blockquote {
+  border-left: 4px solid #e6e6e6;
+  padding: 0 15px;
+  font-style: italic;
+}
+.github-rhio table {
+  background-color: #fafafa;
+}
+.github-rhio table tr th,
+.github-rhio table tr td {
+  border: 1px solid #e6e6e6;
+}
+.github-rhio table tr:nth-child(2n) {
+  background-color: #f2f2f2;
+}
+/**
+ * after less
+ */

+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * solarized-light style
+ * made by rhio.kim
+ * powered by http://ethanschoonover.com/solarized
+ */
+.github {
+  padding: 20px;
+  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "SimSun", "Segoe UI", AppleSDGothicNeo-Medium, 'Malgun Gothic', Arial, freesans, sans-serif;
+  font-size: 15px;
+  background: #ffffff;
+  line-height: 1.6;
+  -webkit-font-smoothing: antialiased;
+}
+.github a {
+  color: #3269a0;
+}
+.github a:hover {
+  color: #4183c4;
+}
+.github h2 {
+  border-bottom: 1px solid #e6e6e6;
+  line-height: 1.6;
+}
+.github h6 {
+  color: #777;
+}
+.github hr {
+  border: 1px solid #e6e6e6;
+}
+.github pre > code {
+  font-size: .9em;
+  font-family: Consolas, Inconsolata, Courier, monospace;
+}
+.github p > code,
+.github li > code,
+.github td > code,
+.github h1 > code,
+.github h2 > code,
+.github h3 > code,
+.github h4 > code,
+.github h5 > code,
+.github h6 > code,
+.github blockquote > code {
+  background-color: rgba(0, 0, 0, 0.07);
+  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-size: 85%;
+  padding: 0.2em 0.5em;
+  border: 0;
+}
+.github blockquote {
+  border-left: 4px solid #e6e6e6;
+  padding: 0 15px;
+  font-style: italic;
+}
+.github table {
+  background-color: #fafafa;
+}
+.github table tr th,
+.github table tr td {
+  border: 1px solid #e6e6e6;
+}
+.github table tr:nth-child(2n) {
+  background-color: #f2f2f2;
+}
+/**
+ * after less
+ */

+/*
+@import url(http://fonts.googleapis.com/css?family=Tauri);
+
+@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
+*/
+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * solarized-light style
+ * made by rhio.kim
+ * powered by http://ethanschoonover.com/solarized
+ */
+.haroopad {
+  padding: 20px;
+  color: #222222;
+  font-size: 15px;
+  font-family: "Roboto Condensed", "Tauri", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "SimSun", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", 'Segoe UI', AppleSDGothicNeo-Medium, 'Malgun Gothic', Verdana, Tahoma, sans-serif;
+  background: #ffffff;
+  line-height: 1.6;
+  -webkit-font-smoothing: antialiased;
+}
+.haroopad a {
+  color: #3269a0;
+}
+.haroopad a:hover {
+  color: #4183c4;
+}
+.haroopad h2 {
+  border-bottom: 1px solid #e6e6e6;
+}
+.haroopad h6 {
+  color: #777;
+}
+.haroopad hr {
+  border: 1px solid #e6e6e6;
+}
+.haroopad p > code,
+.haroopad li > code,
+.haroopad td > code,
+.haroopad h1 > code,
+.haroopad h2 > code,
+.haroopad h3 > code,
+.haroopad h4 > code,
+.haroopad h5 > code,
+.haroopad h6 > code,
+.haroopad blockquote > code {
+  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-size: 85%;
+  background-color: rgba(0, 0, 0, 0.02);
+  padding: 0.2em 0.5em;
+  border: 1px solid #efefef;
+}
+.haroopad pre > code {
+  font-size: 1em;
+  letter-spacing: -1px;
+  font-weight: bold;
+}
+.haroopad blockquote {
+  border-left: 4px solid #e6e6e6;
+  padding: 0 15px;
+  color: #777;
+}
+.haroopad table {
+  background-color: #fafafa;
+}
+.haroopad table tr th,
+.haroopad table tr td {
+  border: 1px solid #e6e6e6;
+}
+.haroopad table tr:nth-child(2n) {
+  background-color: #f2f2f2;
+}
+/**
+ * after less
+ */
+/*
+.haroopad {
+
+  img {
+    .bordered(@border-color, @border-color, @border-color, @border-color);
+    .rounded(3px);
+    .box-shadow(0 0 7px darken(@border-color, 18%));
+
+    &:hover {
+	    -webkit-animation-duration: 1s;
+	    -webkit-animation-delay: .2s;
+    	.pulse;
+    }
+  }
+
+  h1 {
+    -webkit-animation-duration: .5s;
+    -webkit-animation-delay: .2s;
+  	.tada;
+  }
+
+  &>ul {
+  	&>li {
+	    -webkit-animation-duration: .5s;
+	    -webkit-animation-delay: .2s;
+	  	.fadeInLeft;
+	  }
+  }
+
+}
+*/

+/**
+ * standard markdown style
+ */
+.markdown {
+  font-family: "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "SimSun", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", 'Segoe UI', AppleSDGothicNeo-Medium, 'Malgun Gothic', Verdana, Tahoma, sans-serif;
+  padding: 20px;
+}
+.markdown a {
+  text-decoration: none;
+  vertical-align: baseline;
+}
+.markdown a:hover {
+  text-decoration: underline;
+}
+.markdown h1 {
+  font-size: 2.2em;
+  font-weight: bold;
+  margin: 1.5em 0 1em 0;
+}
+.markdown h2 {
+  font-size: 1.8em;
+  font-weight: bold;
+  margin: 1.275em 0 0.85em 0;
+}
+.markdown h3 {
+  font-size: 1.6em;
+  font-weight: bold;
+  margin: 1.125em 0 0.75em 0;
+}
+.markdown h4 {
+  font-size: 1.4em;
+  font-weight: bold;
+  margin: 0.99em 0 0.66em 0;
+}
+.markdown h5 {
+  font-size: 1.2em;
+  font-weight: bold;
+  margin: 0.855em 0 0.57em 0;
+}
+.markdown h6 {
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0.75em 0 0.5em 0;
+}
+.markdown h1:first-child,
+.markdown h2:first-child,
+.markdown h3:first-child,
+.markdown h4:first-child,
+.markdown h5:first-child,
+.markdown h6:first-child {
+  margin-top: 0;
+}
+.markdown h1 + p,
+.markdown h2 + p,
+.markdown h3 + p,
+.markdown h4 + p,
+.markdown h5 + p,
+.markdown h6 + p {
+  margin-top: 0;
+}
+.markdown hr {
+  border: 1px solid #cccccc;
+}
+.markdown p {
+  margin: 1em 0;
+  word-wrap: break-word;
+}
+.markdown ol {
+  list-style-type: decimal;
+}
+.markdown li {
+  display: list-item;
+  line-height: 1.4em;
+}
+.markdown blockquote {
+  margin: 1em 20px;
+}
+.markdown blockquote > :first-child {
+  margin-top: 0;
+}
+.markdown blockquote > :last-child {
+  margin-bottom: 0;
+}
+.markdown blockquote cite:before {
+  content: '\2014 \00A0';
+}
+.markdown .code {
+  border-radius: 3px;
+  word-wrap: break-word;
+}
+.markdown pre {
+  border-radius: 3px;
+  word-wrap: break-word;
+  border: 1px solid #cccccc;
+  overflow: auto;
+  padding: .5em;
+}
+.markdown pre code {
+  border: 0;
+  display: block;
+}
+.markdown pre.hljs,
+.markdown pre > code {
+  font-family: Consolas, Inconsolata, Courier, monospace;
+  font-weight: bold;
+  white-space: pre;
+}
+.markdown code {
+  border-radius: 3px;
+  word-wrap: break-word;
+  border: 1px solid #cccccc;
+  padding: 0 5px;
+  margin: 0 2px;
+}
+.markdown img {
+  max-width: 100%;
+}
+.markdown mark {
+  color: #000;
+  background-color: #fcf8e3;
+}
+.markdown table {
+  padding: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
+  margin-bottom: 16px;
+}
+.markdown table tr th,
+.markdown table tr td {
+  border: 1px solid #cccccc;
+  margin: 0;
+  padding: 6px 13px;
+}
+.markdown table tr th {
+  font-weight: bold;
+}
+.markdown table tr th > :first-child {
+  margin-top: 0;
+}
+.markdown table tr th > :last-child {
+  margin-bottom: 0;
+}
+.markdown table tr td > :first-child {
+  margin-top: 0;
+}
+.markdown table tr td > :last-child {
+  margin-bottom: 0;
+}

+/*
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
+*/
+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * made by rhio.kim
+ */
+.metro-vibes-dark {
+  padding: 20px;
+  color: #ffffff;
+  font-size: 15px;
+  background: #5c5146;
+  -webkit-font-smoothing: antialiased;
+}
+.metro-vibes-dark a {
+  color: #e5b931;
+}
+.metro-vibes-dark a:hover {
+  color: #ebc85e;
+}
+.metro-vibes-dark h1,
+.metro-vibes-dark h2,
+.metro-vibes-dark h3,
+.metro-vibes-dark h4,
+.metro-vibes-dark h5 {
+  font-weight: 400;
+  letter-spacing: -1px;
+}
+.metro-vibes-dark h2 {
+  border-bottom: 1px solid #796a5c;
+  line-height: 1.7em;
+}
+.metro-vibes-dark h6 {
+  color: #777;
+}
+.metro-vibes-dark hr {
+  border: 1px solid #3f3730;
+}
+.metro-vibes-dark p {
+  line-height: 19px;
+}
+.metro-vibes-dark p > code {
+  color: #e86741;
+  font-size: .9em;
+}
+.metro-vibes-dark pre > code {
+  font-size: 1em;
+  letter-spacing: -1px;
+  font-weight: normal;
+}
+.metro-vibes-dark blockquote {
+  border-left: 4px solid #4e443b;
+  padding: 0 15px;
+  font-style: italic;
+  color: #e86741;
+}
+.metro-vibes-dark table {
+  background-color: #564c42;
+}
+.metro-vibes-dark table tr th,
+.metro-vibes-dark table tr td {
+  border: 1px solid #3f3730;
+}
+.metro-vibes-dark table tr:nth-child(2n) {
+  background-color: #4e443b;
+}
+/**
+ * after less
+ */
+/*
+.haroopad {
+
+  img {
+    .bordered(@border-color, @border-color, @border-color, @border-color);
+    .rounded(3px);
+    .box-shadow(0 0 7px darken(@border-color, 18%));
+
+    &:hover {
+	    -webkit-animation-duration: 1s;
+	    -webkit-animation-delay: .2s;
+    	.pulse;
+    }
+  }
+
+  h1 {
+    -webkit-animation-duration: .5s;
+    -webkit-animation-delay: .2s;
+  	.tada;
+  }
+
+  &>ul {
+  	&>li {
+	    -webkit-animation-duration: .5s;
+	    -webkit-animation-delay: .2s;
+	  	.fadeInLeft;
+	  }
+  }
+
+}
+*/

+/*
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
+*/
+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * made by rhio.kim
+ */
+.metro-vibes {
+  padding: 20px;
+  color: #8e8071;
+  font-size: 15px;
+  background: #ffffff;
+  -webkit-font-smoothing: antialiased;
+}
+.metro-vibes a {
+  color: #3269a0;
+}
+.metro-vibes a:hover {
+  color: #4183c4;
+}
+.metro-vibes h1,
+.metro-vibes h2,
+.metro-vibes h3,
+.metro-vibes h4,
+.metro-vibes h5 {
+  font-weight: 400;
+  color: #5c5146;
+  letter-spacing: -1px;
+}
+.metro-vibes h2 {
+  border-bottom: 1px solid #e6e6e6;
+  line-height: 1.7em;
+}
+.metro-vibes h6 {
+  color: #777;
+}
+.metro-vibes hr {
+  border: 1px solid #e6e6e6;
+}
+.metro-vibes p {
+  line-height: 19px;
+}
+.metro-vibes p > code {
+  color: #e86741;
+  font-size: .9em;
+}
+.metro-vibes pre > code {
+  font-size: 1em;
+  letter-spacing: -1px;
+  font-weight: normal;
+}
+.metro-vibes blockquote {
+  border-left: 4px solid #e6e6e6;
+  padding: 0 15px;
+  font-style: italic;
+  color: #e86741;
+}
+.metro-vibes table {
+  background-color: #fafafa;
+}
+.metro-vibes table tr th,
+.metro-vibes table tr td {
+  border: 1px solid #e6e6e6;
+}
+.metro-vibes table tr:nth-child(2n) {
+  background-color: #f2f2f2;
+}
+/**
+ * after less
+ */
+/*
+.haroopad {
+
+  img {
+    .bordered(@border-color, @border-color, @border-color, @border-color);
+    .rounded(3px);
+    .box-shadow(0 0 7px darken(@border-color, 18%));
+
+    &:hover {
+	    -webkit-animation-duration: 1s;
+	    -webkit-animation-delay: .2s;
+    	.pulse;
+    }
+  }
+
+  h1 {
+    -webkit-animation-duration: .5s;
+    -webkit-animation-delay: .2s;
+  	.tada;
+  }
+
+  &>ul {
+  	&>li {
+	    -webkit-animation-duration: .5s;
+	    -webkit-animation-delay: .2s;
+	  	.fadeInLeft;
+	  }
+  }
+
+}
+*/

+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * solarized-dark style
+ * made by rhio.kim
+ * powered by http://ethanschoonover.com/solarized
+ */
+.node-dark {
+  padding: 20px;
+  color: #d2d8ba;
+  font-size: 15px;
+  background: #33342d;
+  -webkit-font-smoothing: antialiased;
+}
+.node-dark a {
+  color: #639400;
+}
+.node-dark a:hover {
+  color: #85c700;
+}
+.node-dark h1,
+.node-dark h2,
+.node-dark h3,
+.node-dark h4,
+.node-dark h5 {
+  color: #eee;
+}
+.node-dark h2 {
+  border-bottom: 1px solid #4e4f45;
+  line-height: 1.7em;
+}
+.node-dark h6 {
+  color: #694f00;
+}
+.node-dark hr {
+  border: 1px solid #2b2c26;
+}
+.node-dark pre > code {
+  font-size: 1em;
+}
+.node-dark blockquote {
+  border-left: 4px solid #181915;
+  padding: 0 15px;
+  font-style: italic;
+}
+.node-dark table {
+  background-color: #3d3e36;
+}
+.node-dark table tr th,
+.node-dark table tr td {
+  border: 1px solid #5f6154;
+}
+.node-dark table tr:nth-child(2n) {
+  background-color: #46483e;
+}
+/**
+ * after less
+ */
\ No newline at end of file

+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * solarized-dark style
+ * made by rhio.kim
+ * powered by http://ethanschoonover.com/solarized
+ */.solarized-dark {
+  padding: 20px;
+  color: #839496;
+  font-size: 15px;
+  background: #002b36;
+  -webkit-font-smoothing: antialiased;
+}
+.solarized-dark a {
+  color: #1e6ea7;
+}
+.solarized-dark a:hover {
+  color: #268bd2;
+}
+.solarized-dark h1,
+.solarized-dark h2,
+.solarized-dark h3,
+.solarized-dark h4,
+.solarized-dark h5 {
+  color: #b58900;
+}
+.solarized-dark h2 {
+  border-bottom: 1px solid #003f50;
+  line-height: 1.7em;
+}
+.solarized-dark h6 {
+  color: #694f00;
+}
+.solarized-dark hr {
+  border: 1px solid #001f27;
+}
+.solarized-dark code {
+  border: 1px solid #00475a;
+}
+.solarized-dark pre {
+  border: 1px solid #00475a;
+}
+.solarized-dark pre > code {
+  font-size: .9em;
+}
+.solarized-dark blockquote {
+  border-left: 4px solid #005469;
+  padding: 0 15px;
+  font-style: italic;
+}
+.solarized-dark table {
+  background-color: #003441;
+}
+.solarized-dark table tr th,
+.solarized-dark table tr td {
+  border: 1px solid #005065;
+}
+.solarized-dark table tr:nth-child(2n) {
+  background-color: #003b4b;
+}
+/**
+ * after less
+ */
\ No newline at end of file

+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * solarized-light style
+ * made by rhio.kim
+ * powered by http://ethanschoonover.com/solarized
+ */.solarized-light {
+  padding: 20px;
+  color: #737373;
+  font-size: 15px;
+  background: #fdf6e3;
+  -webkit-font-smoothing: antialiased;
+}
+.solarized-light a {
+  color: #1e6ea7;
+}
+.solarized-light a:hover {
+  color: #268bd2;
+}
+.solarized-light h1,
+.solarized-light h2,
+.solarized-light h3,
+.solarized-light h4,
+.solarized-light h5 {
+  color: #b58900;
+}
+.solarized-light h2 {
+  border-bottom: 1px solid #f6d784;
+  line-height: 1.7em;
+}
+.solarized-light h6 {
+  color: #9c7600;
+}
+.solarized-light hr {
+  border: 1px solid #fae7b3;
+}
+.solarized-light pre > code {
+  font-size: .9em;
+}
+.solarized-light blockquote {
+  border-left: 4px solid #fae7b3;
+  padding: 0 15px;
+  font-style: italic;
+}
+.solarized-light table {
+  background-color: #fdf4dd;
+}
+.solarized-light table tr th,
+.solarized-light table tr td {
+  border: 1px solid #fae7b3;
+}
+.solarized-light table tr:nth-child(2n) {
+  background-color: #fef8ea;
+}
+/**
+ * after less
+ */
\ No newline at end of file

+/*
+@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
+*/
+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * made by rhio.kim
+ */
+.wood-ri {
+  padding: 20px;
+  color: #000000;
+  font-size: 15px;
+  background-image: url('wood.jpg');
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: cover;
+  -webkit-font-smoothing: antialiased;
+  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
+}
+.wood-ri a {
+  color: #004794;
+}
+.wood-ri a:hover {
+  color: #005fc7;
+}
+.wood-ri h1,
+.wood-ri h2,
+.wood-ri h3,
+.wood-ri h4,
+.wood-ri h5 {
+  font-weight: 400;
+  color: #000000;
+  letter-spacing: -1px;
+}
+.wood-ri h2 {
+  border-bottom: 1px solid #e6e6e6;
+  line-height: 1.7em;
+}
+.wood-ri h6 {
+  color: #777;
+}
+.wood-ri hr {
+  border: 1px solid #e6e6e6;
+}
+.wood-ri p {
+  line-height: 19px;
+}
+.wood-ri p > code {
+  color: #130079;
+  font-size: .9em;
+}
+.wood-ri pre > code {
+  font-size: 1em;
+  letter-spacing: -1px;
+  font-weight: normal;
+  text-shadow: none;
+}
+.wood-ri blockquote {
+  border-left: 4px solid #ffffff;
+  padding: 0 15px;
+  font-style: italic;
+  color: #130079;
+}
+.wood-ri table {
+  background-color: #fafafa;
+}
+.wood-ri table tr th,
+.wood-ri table tr td {
+  border: 1px solid #e6e6e6;
+}
+.wood-ri table tr:nth-child(2n) {
+  background-color: #f2f2f2;
+}
+/**
+ * after less
+ */
+/*
+.haroopad {
+
+  img {
+    .bordered(@border-color, @border-color, @border-color, @border-color);
+    .rounded(3px);
+    .box-shadow(0 0 7px darken(@border-color, 18%));
+
+    &:hover {
+	    -webkit-animation-duration: 1s;
+	    -webkit-animation-delay: .2s;
+    	.pulse;
+    }
+  }
+
+  h1 {
+    -webkit-animation-duration: .5s;
+    -webkit-animation-delay: .2s;
+  	.tada;
+  }
+
+  &>ul {
+  	&>li {
+	    -webkit-animation-duration: .5s;
+	    -webkit-animation-delay: .2s;
+	  	.fadeInLeft;
+	  }
+  }
+
+}
+*/

+/*
+@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
+*/
+/*---------------------------------------------------
+    LESS Elements 0.9
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+  ---------------------------------------------------*/
+/**
+ * https://github.com/rhiokim/markdown-css
+ * made by rhio.kim
+ */
+.wood {
+  padding: 20px;
+  color: #ffffff;
+  font-size: 15px;
+  background-image: url('wood.jpg');
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: cover;
+  -webkit-font-smoothing: antialiased;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
+}
+.wood a {
+  color: #83ebff;
+}
+.wood a:hover {
+  color: #b6f3ff;
+}
+.wood h1,
+.wood h2,
+.wood h3,
+.wood h4,
+.wood h5 {
+  font-weight: 400;
+  color: #e6e6e6;
+  letter-spacing: -1px;
+}
+.wood h2 {
+  border-bottom: 1px solid #e6e6e6;
+  line-height: 1.7em;
+}
+.wood h6 {
+  color: #777;
+}
+.wood hr {
+  border: 1px solid #e6e6e6;
+}
+.wood p {
+  line-height: 19px;
+}
+.wood p > code {
+  color: #B5FA7F;
+  font-size: .9em;
+}
+.wood pre > code {
+  font-size: 1em;
+  letter-spacing: -1px;
+  font-weight: normal;
+  text-shadow: none;
+}
+.wood blockquote {
+  border-left: 4px solid #e6e6e6;
+  padding: 0 15px;
+  font-style: italic;
+  color: #B5FA7F;
+}
+.wood table {
+  background-color: #474747;
+}
+.wood table tr th,
+.wood table tr td {
+  border: 1px solid #333333;
+}
+.wood table tr:nth-child(2n) {
+  background-color: #404040;
+}
+/**
+ * after less
+ */
+/*
+.haroopad {
+
+  img {
+    .bordered(@border-color, @border-color, @border-color, @border-color);
+    .rounded(3px);
+    .box-shadow(0 0 7px darken(@border-color, 18%));
+
+    &:hover {
+	    -webkit-animation-duration: 1s;
+	    -webkit-animation-delay: .2s;
+    	.pulse;
+    }
+  }
+
+  h1 {
+    -webkit-animation-duration: .5s;
+    -webkit-animation-delay: .2s;
+  	.tada;
+  }
+
+  &>ul {
+  	&>li {
+	    -webkit-animation-duration: .5s;
+	    -webkit-animation-delay: .2s;
+	  	.fadeInLeft;
+	  }
+  }
+
+}
+*/