-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsample-page.html
187 lines (165 loc) · 8.12 KB
/
sample-page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
<!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]-->
<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="zh"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Sample Page - kangfoo's blog</title>
<meta name="author" content="kangfoo">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="OpooPressSiteRoot" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Generator" content="OpooPress-1.0.3"/>
<meta name="Generated" content="2015-03-03T22:57:35+08:00"/>
<link rel="canonical" href="/sample-page.html">
<link href="/favicon.ico" rel="icon">
<link href="/atom.xml" rel="alternate" title="kangfoo's blog" type="application/atom+xml">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://dn-opstatic.qbox.me/themes/default/stylesheets/fonts.css" rel="stylesheet" type="text/css">
<!--
<link href="//fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic|PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
国内网站：http://dn-opstatic.qbox.me/themes/default/stylesheets/fonts.css
国际网站：http://static.opoo.org/themes/default/stylesheets/fonts.css
-->
<link type="text/css" rel="stylesheet" href="/plugins/syntax-highlighter/styles/shCoreDefault.css"/>
<!--[if lt IE 9]><script src="/javascripts/html5shiv.js"></script><![endif]-->
</head>
<body class="no-sidebar">
<!--[if lt IE 9]><script src="/javascripts/unsupported-browser.js"></script><![endif]-->
<header role="banner"><hgroup>
<h1><a href="/">kangfoo's blog</a></h1>
<h2>工作学习笔记，生活掠影。</h2>
</hgroup>
</header>
<nav role="navigation"><ul class="subscription" data-subscription="rss">
<li><a href="/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
</ul>
<form action="http://google.com/search" method="get">
<fieldset role="search">
<input type="hidden" name="q" value="site:http://kangfoo.u.qiniudn.com/" />
<input class="search" type="text" name="q" results="0" placeholder="搜索"/>
</fieldset>
</form>
<fieldset class="mobile-nav">
<select onchange="if (this.value) { window.location.href = this.value;}">
<option value="">导航…</option>
<option value="/">» 首页</option>
<option value="/category/hadoop/">» hadoop</option>
<option value="/category/java/">» java</option>
<option value="/archives/">» 归档</option>
<option value="http://www.opoopress.com/">» OpooPress</option>
<option value="/about/">» 关于</option>
</select>
</fieldset>
<ul class="main-navigation">
<li><a href="/">首页</a></li>
<li><a href="/category/hadoop/">hadoop</a></li>
<li><a href="/category/java/">java</a></li>
<li><a href="/archives/">归档</a></li>
<li><a href="http://www.opoopress.com/" target="_blank">OpooPress</a></li>
<li><a href="/about/">关于</a></li>
</ul>
</nav>
<div id="main">
<div id="content">
<div>
<article role="article">
<header>
<h1 class="entry-title">Sample Page</h1>
<p class="meta">
<time datetime="2013-06-23T11:20:00+08:00" pubdate>2013年06月23日</time></p>
</header>
<p>This is a sample page.</p>
<p>The <code>front-matter</code> of this page is:</p>
<pre>layout: page
title: Sample Page
comments: true
date: 2013-06-23 11:20
sidebar: false
xyz: "This is a custom text."
</pre><p>Variable output:</p>
<pre>${site.url} = http://kangfoo.u.qiniudn.com/
${page.layout} = page
${page.title} = Sample Page
${page.comments} = true
${page.date} = 2013-6-23 11:20:00
${page.sidebar} = false
${page.xyz} = This is a custom text.
</pre><p>A java code block here:</p>
<pre class='brush:java'>import org.opoo.press.Plugin;
import org.opoo.press.Site;
public class MyPlugin implements Plugin{
//Construct MyPlugin
public void initialize(Site site){
//
}
}
</pre></article>
<section>
<h1>评论</h1>
<div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript></div>
</section>
</div>
</div>
</div>
<footer role="contentinfo"><p>
版权所有 © 2015 - kangfoo -
<span class="credit">Powered by <a href="http://www.opoopress.com/">OpooPress</a></span>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1000232528'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1000232528%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
</p>
</footer>
<script type="text/javascript" src="/javascripts/opoopress.min.js"></script>
<script language="JavaScript">
<!--
window.OpooPress = new OpooPressApp({siteUrl:'http://kangfoo.u.qiniudn.com/',rootUrl:'',pageUrl:'/sample-page.html',title:'Sample Page',refreshRelativeTimes:true,verbose:true},{});
OpooPress.init();
var disqus_shortname = 'kangaroo';
// var disqus_developer = 1;
var disqus_identifier = 'http://kangfoo.u.qiniudn.com//sample-page.html';
var disqus_url = 'http://kangfoo.u.qiniudn.com//sample-page.html';
var disqus_title = 'Sample Page';
//var disqus_category_id = '';
OpooPress.showDisqusWidgets();
//-->
</script>
<!-- START: Syntax Highlighter ComPress -->
<script type="text/javascript" src="/plugins/syntax-highlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/plugins/syntax-highlighter/scripts/shAutoloader.js"></script>
<script type="text/javascript">
SyntaxHighlighter.autoloader(
'applescript /plugins/syntax-highlighter/scripts/shBrushAppleScript.js',
'actionscript3 as3 /plugins/syntax-highlighter/scripts/shBrushAS3.js',
'bash shell /plugins/syntax-highlighter/scripts/shBrushBash.js',
'coldfusion cf /plugins/syntax-highlighter/scripts/shBrushColdFusion.js',
'cpp c /plugins/syntax-highlighter/scripts/shBrushCpp.js',
'c# c-sharp csharp /plugins/syntax-highlighter/scripts/shBrushCSharp.js',
'css /plugins/syntax-highlighter/scripts/shBrushCss.js',
'delphi pascal pas /plugins/syntax-highlighter/scripts/shBrushDelphi.js',
'diff patch /plugins/syntax-highlighter/scripts/shBrushDiff.js',
'erl erlang /plugins/syntax-highlighter/scripts/shBrushErlang.js',
'groovy /plugins/syntax-highlighter/scripts/shBrushGroovy.js',
'java /plugins/syntax-highlighter/scripts/shBrushJava.js',
'jfx javafx /plugins/syntax-highlighter/scripts/shBrushJavaFX.js',
'js jscript javascript /plugins/syntax-highlighter/scripts/shBrushJScript.js',
'perl pl /plugins/syntax-highlighter/scripts/shBrushPerl.js',
'php /plugins/syntax-highlighter/scripts/shBrushPhp.js',
'text plain /plugins/syntax-highlighter/scripts/shBrushPlain.js',
'powershell ps /plugins/syntax-highlighter/scripts/shBrushPowerShell.js',
'py python /plugins/syntax-highlighter/scripts/shBrushPython.js',
'ruby rails ror rb /plugins/syntax-highlighter/scripts/shBrushRuby.js',
'sass scss /plugins/syntax-highlighter/scripts/shBrushSass.js',
'scala /plugins/syntax-highlighter/scripts/shBrushScala.js',
'sql /plugins/syntax-highlighter/scripts/shBrushSql.js',
'vb vbnet /plugins/syntax-highlighter/scripts/shBrushVb.js',
'xml xhtml xslt html /plugins/syntax-highlighter/scripts/shBrushXml.js'
);
SyntaxHighlighter.defaults['auto-links'] = false;
SyntaxHighlighter.defaults['toolbar'] = false;
SyntaxHighlighter.defaults['tab-size'] = 4;
SyntaxHighlighter.all();
</script>
<!-- END: Syntax Highlighter ComPress -->
</body>
</html>