UNPKG

2.23 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
6 <title>{{title}}</title>
7 <link type="text/css" rel="stylesheet" href="{{sourceDir}}/code.css"/>
8 <script type="text/javascript" src="{{sourceDir}}/shCore.js"></script>
9 <script type="text/javascript" src="{{sourceDir}}/shBrush-{{type}}.js"></script>
10 <style>
11 .syntaxhighlighter .number1 .spaces,.syntaxhighlighter .toolbar{ display: none;}
12 .syntaxhighlighter table td.gutter .line.highlight { background-color: #6ce26c !important; color: white; }
13 </style>
14</head>
15<body>
16<div class="ydoc">
17 <div class="ydoc-banner-bg">
18 <div class="ydoc-banner" id="content" tabindex="-1">
19 <div class="ydoc-banner-area">
20 <h1>{{title}}</h1>
21 <p>源代码</p>
22 </div>
23 </div>
24 <div class="ydoc-container">
25 <div class="ydoc-container-content">
26 <div class="static-code-content" role="main">
27 <pre class="brush: {{type}};">
28 {{content}}
29 </pre>
30 </div>
31 </div>
32 </div>
33 </div>
34 <!-- <div class="docs-header" id="content" tabindex="-1">
35 <div class="container">
36 <h1>{{title}}</h1>
37 <p>源代码</p>
38 </div>
39 </div> -->
40
41 <footer class="docs-footer" role="contentinfo">
42 <div class="container">
43 <p>{{footer}}</p>
44 </div>
45 </footer>
46</div>
47<script type="text/javascript">
48 SyntaxHighlighter.all();
49
50 function getTop(node){
51 return node.offsetTop + (node.offsetParent ? getTop(node.offsetParent) : 0);
52 }
53
54 document.addEventListener('DOMContentLoaded', function() {
55 setTimeout(function() {
56 try {
57 var lineNum = (parseInt(location.hash.replace(/#/g, '')) - 1) || 0,
58 node = document.querySelectorAll('div.line')[lineNum];
59 document.body.scrollTop = getTop(node);
60 node.className += ' highlight';
61 } catch(e) {}
62 }, 500);
63 }, false);
64</script>
65</body>
66</html>