Permalink
<html> | |
<head> | |
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> | |
<title>sample</title> | |
<link href="toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e.css" media="all" rel="stylesheet" type="text/css"/> | |
<link href="toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5.css" media="all" rel="stylesheet" type="text/css"/> | |
<link href="toc/css/zTreeStyle/zTreeStyle.css" media="all" rel="stylesheet" type="text/css"/> | |
<style> | |
pre { | |
counter-reset: line-numbering; | |
border: solid 1px #d9d9d9; | |
border-radius: 0; | |
background: #fff; | |
padding: 0; | |
line-height: 23px; | |
margin-bottom: 30px; | |
white-space: pre; | |
overflow-x: auto; | |
word-break: inherit; | |
word-wrap: inherit; | |
} | |
pre a::before { | |
content: counter(line-numbering); | |
counter-increment: line-numbering; | |
padding-right: 1em; /* space after numbers */ | |
width: 25px; | |
text-align: right; | |
opacity: 0.7; | |
display: inline-block; | |
color: #aaa; | |
background: #eee; | |
margin-right: 16px; | |
padding: 2px 10px; | |
font-size: 13px; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
pre a:first-of-type::before { | |
padding-top: 10px; | |
} | |
pre a:last-of-type::before { | |
padding-bottom: 10px; | |
} | |
pre a:only-of-type::before { | |
padding: 10px; | |
} | |
.highlight { background-color: #ffffcc } /* RIGHT */ | |
</style> | |
</head> | |
<body> | |
<div> | |
<div style='width:25%;'> | |
<ul id="tree" class="ztree" style='width:100%'> | |
</ul> | |
</div> | |
<div id='readme' style='width:70%;margin-left:20%;'> | |
<article class='markdown-body'> | |
<style>.highlight .hll { background-color: #ffffcc } | |
.highlight { background: #f0f0f0; } | |
.highlight .c { color: #60a0b0; font-style: italic } /* Comment */ | |
.highlight .err { border: 1px solid #FF0000 } /* Error */ | |
.highlight .k { color: #007020; font-weight: bold } /* Keyword */ | |
.highlight .o { color: #666666 } /* Operator */ | |
.highlight .cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */ | |
.highlight .cp { color: #007020 } /* Comment.Preproc */ | |
.highlight .c1 { color: #60a0b0; font-style: italic } /* Comment.Single */ | |
.highlight .cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */ | |
.highlight .gd { color: #A00000 } /* Generic.Deleted */ | |
.highlight .ge { font-style: italic } /* Generic.Emph */ | |
.highlight .gr { color: #FF0000 } /* Generic.Error */ | |
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ | |
.highlight .gi { color: #00A000 } /* Generic.Inserted */ | |
.highlight .go { color: #888888 } /* Generic.Output */ | |
.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */ | |
.highlight .gs { font-weight: bold } /* Generic.Strong */ | |
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ | |
.highlight .gt { color: #0044DD } /* Generic.Traceback */ | |
.highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */ | |
.highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */ | |
.highlight .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */ | |
.highlight .kp { color: #007020 } /* Keyword.Pseudo */ | |
.highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */ | |
.highlight .kt { color: #902000 } /* Keyword.Type */ | |
.highlight .m { color: #40a070 } /* Literal.Number */ | |
.highlight .s { color: #4070a0 } /* Literal.String */ | |
.highlight .na { color: #4070a0 } /* Name.Attribute */ | |
.highlight .nb { color: #007020 } /* Name.Builtin */ | |
.highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */ | |
.highlight .no { color: #60add5 } /* Name.Constant */ | |
.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */ | |
.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */ | |
.highlight .ne { color: #007020 } /* Name.Exception */ | |
.highlight .nf { color: #06287e } /* Name.Function */ | |
.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */ | |
.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */ | |
.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */ | |
.highlight .nv { color: #bb60d5 } /* Name.Variable */ | |
.highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */ | |
.highlight .w { color: #bbbbbb } /* Text.Whitespace */ | |
.highlight .mb { color: #40a070 } /* Literal.Number.Bin */ | |
.highlight .mf { color: #40a070 } /* Literal.Number.Float */ | |
.highlight .mh { color: #40a070 } /* Literal.Number.Hex */ | |
.highlight .mi { color: #40a070 } /* Literal.Number.Integer */ | |
.highlight .mo { color: #40a070 } /* Literal.Number.Oct */ | |
.highlight .sb { color: #4070a0 } /* Literal.String.Backtick */ | |
.highlight .sc { color: #4070a0 } /* Literal.String.Char */ | |
.highlight .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */ | |
.highlight .s2 { color: #4070a0 } /* Literal.String.Double */ | |
.highlight .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */ | |
.highlight .sh { color: #4070a0 } /* Literal.String.Heredoc */ | |
.highlight .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */ | |
.highlight .sx { color: #c65d09 } /* Literal.String.Other */ | |
.highlight .sr { color: #235388 } /* Literal.String.Regex */ | |
.highlight .s1 { color: #4070a0 } /* Literal.String.Single */ | |
.highlight .ss { color: #517918 } /* Literal.String.Symbol */ | |
.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */ | |
.highlight .vc { color: #bb60d5 } /* Name.Variable.Class */ | |
.highlight .vg { color: #bb60d5 } /* Name.Variable.Global */ | |
.highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */ | |
.highlight .il { color: #40a070 } /* Literal.Number.Integer.Long */</style> | |
<h1>This is an H1</h1> | |
<h2>This is an H2</h2> | |
<h3>This is an H3</h3> | |
<h4>This is an H4</h4> | |
<h5>This is an H5</h5> | |
<h6>This is an H6</h6> | |
<blockquote> | |
<p>This is the first level of quoting.</p> | |
<blockquote> | |
<p>This is nested blockquote.</p> | |
</blockquote> | |
<p>Back to the first level.</p> | |
</blockquote> | |
<h3>Unordered List</h3> | |
<ul> | |
<li>Red</li> | |
<li>Green</li> | |
<li>Blue</li> | |
</ul> | |
<h3>Ordered List</h3> | |
<ol> | |
<li>Red</li> | |
<li>Green</li> | |
<li>Blue</li> | |
<li> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. | |
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, | |
viverra nec, fringilla in, laoreet vitae, risus.</li> | |
<li> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. | |
Suspendisse id sem consectetuer libero luctus adipiscing.</li> | |
</ol> | |
<p>A sample text here. And some code below:</p> | |
<div class="highlight"><pre><span class="kn">import</span> <span class="nn">sys</span> | |
<span class="kn">import</span> <span class="nn">gobject</span> | |
<span class="k">def</span> <span class="nf">init</span><span class="p">():</span> | |
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">10</span><span class="p">):</span> | |
<span class="k">print</span> <span class="s">'task </span><span class="si">%d</span><span class="s">, done'</span> <span class="o">%</span> <span class="n">i</span> | |
<span class="k">if</span> <span class="n">__name__</span> <span class="o">==</span> <span class="s">'__main__'</span><span class="p">:</span> | |
<span class="n">init</span><span class="p">()</span> | |
</pre></div> | |
<p>Inline code <code>printf()</code> here.</p> | |
<p>This is a link to <a href="http://google.com">Google</a>.</p> | |
<p><em>single asterisks</em></p> | |
<p><strong>double asterisks</strong></p> | |
<p>Create fake iPhone text conversations. Enter a conversation: Example: Dad: Your mom and I are going to divorce next month. Son: Why ? Call me please. </p> | |
<p>Create fake iPhone text conversations. Enter a conversation: Example: Dad: Your mom and I are going to divorce next month. Son: Why ? Call me please. </p> | |
<h1>This is an H1</h1> | |
<h2>This is an H2</h2> | |
<h3>This is an H3</h3> | |
<h3>This is an H3</h3> | |
<h3>This is an H3</h3> | |
<h4>This is an H4</h4> | |
<h4>This is an H4</h4> | |
<h2>This is an H2</h2> | |
<h3>This is an H3</h3> | |
<h4>This is an H4</h4> | |
<h5>This is an H5</h5> | |
<h6>This is an H6</h6> | |
<blockquote> | |
<p>This is the first level of quoting.</p> | |
<blockquote> | |
<p>This is nested blockquote.</p> | |
</blockquote> | |
<p>Back to the first level.</p> | |
</blockquote> | |
<h3>Unordered List</h3> | |
<ul> | |
<li>Red</li> | |
<li>Green</li> | |
<li>Blue</li> | |
</ul> | |
<h3>Ordered List</h3> | |
<ol> | |
<li>Red</li> | |
<li>Green</li> | |
<li>Blue</li> | |
<li> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. | |
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, | |
viverra nec, fringilla in, laoreet vitae, risus.</li> | |
<li> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. | |
Suspendisse id sem consectetuer libero luctus adipiscing.</li> | |
</ol> | |
<p>A sample text here. And some code below:</p> | |
<div class="highlight"><pre><span class="kn">import</span> <span class="nn">sys</span> | |
<span class="kn">import</span> <span class="nn">gobject</span> | |
<span class="k">def</span> <span class="nf">init</span><span class="p">():</span> | |
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">10</span><span class="p">):</span> | |
<span class="k">print</span> <span class="s">'task </span><span class="si">%d</span><span class="s">, done'</span> <span class="o">%</span> <span class="n">i</span> | |
<span class="k">if</span> <span class="n">__name__</span> <span class="o">==</span> <span class="s">'__main__'</span><span class="p">:</span> | |
<span class="n">init</span><span class="p">()</span> | |
</pre></div> | |
<p>Inline code <code>printf()</code> here.</p> | |
<p>This is a link to <a href="http://google.com">Google</a>.</p> | |
<p><em>single asterisks</em></p> | |
<p><strong>double asterisks</strong></p> | |
<p>Create fake iPhone text conversations. Enter a conversation: Example: Dad: Your mom and I are going to divorce next month. Son: Why ? Call me please. </p> | |
<p>Create fake iPhone text conversations. Enter a conversation: Example: Dad: Your mom and I are going to divorce next month. Son: Why ? Call me please. </p> | |
<h2>Table test</h2> | |
<p>v0.1.4</p> | |
<table><thead> | |
<tr> | |
<th>Keys</th> | |
<th>Value</th> | |
</tr> | |
</thead><tbody> | |
<tr> | |
<td>说明</td> | |
<td>检查用户是否已经登录</td> | |
</tr> | |
<tr> | |
<td>网址</td> | |
<td>index.php?c=mobile&a=checklogin</td> | |
</tr> | |
<tr> | |
<td>登录</td> | |
<td>FALSE</td> | |
</tr> | |
<tr> | |
<td>参数</td> | |
<td>NULL</td> | |
</tr> | |
<tr> | |
<td>返回</td> | |
<td>↓↓↓↓↓↓↓↓↓↓</td> | |
</tr> | |
</tbody></table> | |
</article> | |
</div> | |
</div> | |
</body> | |
</html> | |
<script type="text/javascript" src="toc/js/jquery-1.4.4.min.js"></script> | |
<script type="text/javascript" src="toc/js/jquery.ztree.all-3.5.min.js"></script> | |
<script type="text/javascript" src="toc/js/ztree_toc.js"></script> | |
<SCRIPT type="text/javascript" > | |
<!-- | |
$(document).ready(function(){ | |
$('#tree').ztree_toc({ | |
is_auto_number:true, | |
documment_selector:'.markdown-body' | |
}); | |
}); | |
//--> | |
</SCRIPT> | |