Shenlin / markdown-view

Go to a project
Toggle navigation Toggle navigation pinning
lintry
a3030c30 0 parents

init

Expand all
Inline Side-by-side
Showing 23 changed files with 1522 additions and 0 deletions
#!/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
This diff is collapsed. Click to expand it.
/*
@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;
}
}
}
*/