1+ <!DOCTYPE html>
2+ < html >
3+ < head >
4+ < meta charset ="utf-8 ">
5+
6+ < title > 我的第一篇文章 | oops的部落格</ title >
7+ < meta name ="viewport " content ="width=device-width, initial-scale=1, maximum-scale=1 ">
8+ < meta name ="description " content ="我的文章标题hexo的使用 ">
9+ < meta property ="og:type " content ="article ">
10+ < meta property ="og:title " content ="我的第一篇文章 ">
11+ < meta property ="og:url " content ="http://yoursite.com/2015/03/10/hello-world/index.html ">
12+ < meta property ="og:site_name " content ="oops的部落格 ">
13+ < meta property ="og:description " content ="我的文章标题hexo的使用 ">
14+ < meta property ="og:updated_time " content ="2015-08-04T10:04:33.000Z ">
15+ < meta name ="twitter:card " content ="summary ">
16+ < meta name ="twitter:title " content ="我的第一篇文章 ">
17+ < meta name ="twitter:description " content ="我的文章标题hexo的使用 ">
18+
19+ < link rel ="alternative " href ="/atom.xml " title ="oops的部落格 " type ="application/atom+xml ">
20+
21+
22+ < link rel ="icon " href ="/favicon.png ">
23+
24+ < link href ="//fonts.googleapis.com/css?family=Source+Code+Pro " rel ="stylesheet " type ="text/css ">
25+ < link rel ="stylesheet " href ="/css/style.css " type ="text/css ">
26+
27+
28+ </ head >
29+ < body >
30+ < div id ="container ">
31+ < div id ="wrap ">
32+ < header id ="header ">
33+ < div id ="banner "> </ div >
34+ < div id ="header-outer " class ="outer ">
35+ < div id ="header-title " class ="inner ">
36+ < h1 id ="logo-wrap ">
37+ < a href ="/ " id ="logo "> oops的部落格</ a >
38+ </ h1 >
39+
40+ </ div >
41+ < div id ="header-inner " class ="inner ">
42+ < nav id ="main-nav ">
43+ < a id ="main-nav-toggle " class ="nav-icon "> </ a >
44+
45+ < a class ="main-nav-link " href ="/ "> Home</ a >
46+
47+ < a class ="main-nav-link " href ="/archives "> Archives</ a >
48+
49+ </ nav >
50+ < nav id ="sub-nav ">
51+
52+ < a id ="nav-rss-link " class ="nav-icon " href ="/atom.xml " title ="RSS Feed "> </ a >
53+
54+ < a id ="nav-search-btn " class ="nav-icon " title ="Search "> </ a >
55+ </ nav >
56+ < div id ="search-form-wrap ">
57+ < form action ="//google.com/search " method ="get " accept-charset ="UTF-8 " class ="search-form "> < input type ="search " name ="q " results ="0 " class ="search-form-input " placeholder ="Search "> < button type ="submit " class ="search-form-submit "> </ button > < input type ="hidden " name ="sitesearch " value ="http://yoursite.com "> </ form >
58+ </ div >
59+ </ div >
60+ </ div >
61+ </ header >
62+ < div class ="outer ">
63+ < section id ="main "> < article id ="post-hello-world " class ="article article-type-post " itemscope itemprop ="blogPost ">
64+ < div class ="article-meta ">
65+ < a href ="/2015/03/10/hello-world/ " class ="article-date ">
66+ < time datetime ="2015-03-10T14:31:56.000Z " itemprop ="datePublished "> 2015-03-10</ time >
67+ </ a >
68+
69+ < div class ="article-category ">
70+ < a class ="article-category-link " href ="/categories/前端/ "> 前端</ a >
71+ </ div >
72+
73+ </ div >
74+ < div class ="article-inner ">
75+
76+
77+ < header class ="article-header ">
78+
79+
80+ < h1 class ="article-title " itemprop ="name ">
81+ 我的第一篇文章
82+ </ h1 >
83+
84+
85+ </ header >
86+
87+ < div class ="article-entry " itemprop ="articleBody ">
88+
89+ < h2 id ="我的文章标题 "> 我的文章标题</ h2 > < p > hexo的使用</ p >
90+
91+
92+ </ div >
93+ < footer class ="article-footer ">
94+ < a data-url ="http://yoursite.com/2015/03/10/hello-world/ " data-id ="cid07zto60005faqbkj1f2qmu " class ="article-share-link "> Share</ a >
95+
96+
97+ < ul class ="article-tag-list "> < li class ="article-tag-list-item "> < a class ="article-tag-list-link " href ="/tags/前端/ "> 前端</ a > </ li > </ ul >
98+
99+ </ footer >
100+ </ div >
101+
102+
103+ < nav id ="article-nav ">
104+
105+ < a href ="/2015/08/04/firstPost/ " id ="article-nav-newer " class ="article-nav-link-wrap ">
106+ < strong class ="article-nav-caption "> Newer</ strong >
107+ < div class ="article-nav-title ">
108+
109+ H5页面唤醒app
110+
111+ </ div >
112+ </ a >
113+
114+
115+ </ nav >
116+
117+
118+ </ article >
119+
120+ </ section >
121+
122+ < aside id ="sidebar ">
123+
124+
125+ < div class ="widget-wrap ">
126+ < h3 class ="widget-title "> Categories</ h3 >
127+ < div class ="widget ">
128+ < ul class ="category-list "> < li class ="category-list-item "> < a class ="category-list-link " href ="/categories/hybrid/ "> hybrid</ a > < span class ="category-list-count "> 1</ span > </ li > < li class ="category-list-item "> < a class ="category-list-link " href ="/categories/前端/ "> 前端</ a > < span class ="category-list-count "> 1</ span > </ li > </ ul >
129+ </ div >
130+ </ div >
131+
132+
133+
134+ < div class ="widget-wrap ">
135+ < h3 class ="widget-title "> Tags</ h3 >
136+ < div class ="widget ">
137+ < ul class ="tag-list "> < li class ="tag-list-item "> < a class ="tag-list-link " href ="/tags/hybrid/ "> hybrid</ a > < span class ="tag-list-count "> 1</ span > </ li > < li class ="tag-list-item "> < a class ="tag-list-link " href ="/tags/前端/ "> 前端</ a > < span class ="tag-list-count "> 1</ span > </ li > </ ul >
138+ </ div >
139+ </ div >
140+
141+
142+
143+ < div class ="widget-wrap ">
144+ < h3 class ="widget-title "> Tag Cloud</ h3 >
145+ < div class ="widget tagcloud ">
146+ < a href ="/tags/hybrid/ " style ="font-size: 10px; "> hybrid</ a > < a href ="/tags/前端/ " style ="font-size: 10px; "> 前端</ a >
147+ </ div >
148+ </ div >
149+
150+
151+
152+ < div class ="widget-wrap ">
153+ < h3 class ="widget-title "> Archives</ h3 >
154+ < div class ="widget ">
155+ < ul class ="archive-list "> < li class ="archive-list-item "> < a class ="archive-list-link " href ="/archives/2015/08/ "> August 2015</ a > < span class ="archive-list-count "> 1</ span > </ li > < li class ="archive-list-item "> < a class ="archive-list-link " href ="/archives/2015/03/ "> March 2015</ a > < span class ="archive-list-count "> 1</ span > </ li > </ ul >
156+ </ div >
157+ </ div >
158+
159+
160+
161+ < div class ="widget-wrap ">
162+ < h3 class ="widget-title "> Recents</ h3 >
163+ < div class ="widget ">
164+ < ul >
165+
166+ < li >
167+ < a href ="/2015/08/04/firstPost/ "> H5页面唤醒app</ a >
168+ </ li >
169+
170+ < li >
171+ < a href ="/2015/03/10/hello-world/ "> 我的第一篇文章</ a >
172+ </ li >
173+
174+ </ ul >
175+ </ div >
176+ </ div >
177+
178+
179+ </ aside >
180+
181+ </ div >
182+ < footer id ="footer ">
183+
184+ < div class ="outer ">
185+ < div id ="footer-info " class ="inner ">
186+ © 2015 oops< br >
187+ Powered by < a href ="http://hexo.io/ " target ="_blank "> Hexo</ a >
188+ </ div >
189+ </ div >
190+ </ footer >
191+ </ div >
192+ < nav id ="mobile-nav ">
193+
194+ < a href ="/ " class ="mobile-nav-link "> Home</ a >
195+
196+ < a href ="/archives " class ="mobile-nav-link "> Archives</ a >
197+
198+ </ nav >
199+
200+
201+ < script src ="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js "> </ script >
202+
203+
204+ < link rel ="stylesheet " href ="/fancybox/jquery.fancybox.css " type ="text/css ">
205+ < script src ="/fancybox/jquery.fancybox.pack.js " type ="text/javascript "> </ script >
206+
207+
208+ < script src ="/js/script.js " type ="text/javascript "> </ script >
209+
210+ </ div >
211+ </ body >
212+ </ html >
0 commit comments