-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
292 lines (186 loc) · 11.2 KB
/
index.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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZenBar.me</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description">
<meta property="og:type" content="website">
<meta property="og:title" content="ZenBar.me">
<meta property="og:url" content="http://zenbar.me/index.html">
<meta property="og:site_name" content="ZenBar.me">
<meta property="og:description">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="ZenBar.me">
<meta name="twitter:description">
<link rel="alternate" href="/atom.xml" title="ZenBar.me" type="application/atom+xml">
<link rel="icon" href="/favicon.png">
<link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div id="container">
<div id="wrap">
<header id="header">
<div id="banner"></div>
<div id="header-outer" class="outer">
<div id="header-title" class="inner">
<h1 id="logo-wrap">
<a href="/" id="logo">ZenBar.me</a>
</h1>
<h2 id="subtitle-wrap">
<a href="/" id="subtitle">blanu的个人站</a>
</h2>
</div>
<div id="header-inner" class="inner">
<nav id="main-nav">
<a id="main-nav-toggle" class="nav-icon"></a>
<a class="main-nav-link" href="/">Home</a>
<a class="main-nav-link" href="/archives">Archives</a>
</nav>
<nav id="sub-nav">
<a id="nav-rss-link" class="nav-icon" href="/atom.xml" title="RSS Feed"></a>
<a id="nav-search-btn" class="nav-icon" title="Search"></a>
</nav>
<div id="search-form-wrap">
<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://zenbar.me"></form>
</div>
</div>
</div>
</header>
<div class="outer">
<section id="main">
<article id="post-auto-pub" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2016/04/29/auto-pub/" class="article-date">
<time datetime="2016-04-28T23:29:26.000Z" itemprop="datePublished">2016-04-29</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2016/04/29/auto-pub/">auto-pub</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
</div>
<footer class="article-footer">
<a data-url="http://zenbar.me/2016/04/29/auto-pub/" data-id="cinkxenkn0000h59k23vdigfe" class="article-share-link">Share</a>
</footer>
</div>
</article>
<article id="post-leap" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2016/04/29/leap/" class="article-date">
<time datetime="2016-04-28T21:35:55.000Z" itemprop="datePublished">2016-04-29</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2016/04/29/leap/">Hexo 的一小步，前端的一大步～</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<p>标题当然是对我来说的啦。其实想做一个个人博客很久了，一直没有付出实践，主要是懒……</p>
<h2 id="域名用意"><a href="#域名用意" class="headerlink" title="域名用意"></a>域名用意</h2><p>ZenBar.me 是这个博客对外的域名。Zen 就是禅，虽然有些人可能觉得禅很玄，但是我觉得它就在我们生活之中。其实我一开始想注册的域名是 ZenBar.io，它是我的一个计划，希望能向码猿和开发者们介绍『正念』这一在禅宗中十分精妙的观念。<br>不过由于 io 域名最少也要两百多块 RMB，我的建站水平也不足以应付诸如 Web 游戏这样的构想，所以这个计划暂时搁置。最近看到阿里云上 .me 域名十分便宜，我就买了一个，也正式开始了我的建站计划。</p>
<h2 id="建站过程"><a href="#建站过程" class="headerlink" title="建站过程"></a>建站过程</h2><p>其实通过一些打包好的程序，也许一个脚本文件就能免费的完成一整个博客的搭建过程。不过这样就没有意思啦。还是自己亲自动手，这样才能体会到一个网站的『前世今生』。<br>最大的障碍你们造是什么，是 Git 分布式版本管理系统的学习……其实原来一直就想学习，但是还是害怕命令行以及可能会出现的复杂的报错。不过好在现在教程资源丰富，很快我就上了贼船。其他的网上 Hexo + GitHub.io Page 的建站文章一搜全是的，我就不献丑啦。</p>
<h2 id="建站计划"><a href="#建站计划" class="headerlink" title="建站计划"></a>建站计划</h2><ul>
<li>写 MD 文章（正在写的这份）</li>
<li>通过 SourceTree 推送到 GitHub 以及 BitBucket ，并测试哪个页面更快</li>
<li>在 Coding.net 上镜像一份（或者通过七牛云储存进行镜像加速）</li>
<li>写博客<br>以上。<h2 id="测试-GitHub-以及-Coding-net-部署情况"><a href="#测试-GitHub-以及-Coding-net-部署情况" class="headerlink" title="测试 GitHub 以及 Coding.net 部署情况"></a>测试 GitHub 以及 Coding.net 部署情况</h2></li>
</ul>
</div>
<footer class="article-footer">
<a data-url="http://zenbar.me/2016/04/29/leap/" data-id="cinkxenku0002h59kwm37zxi2" class="article-share-link">Share</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/blog-hexo-前端/">blog, hexo, 前端</a></li></ul>
</footer>
</div>
</article>
<article id="post-hello-world" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2016/04/26/hello-world/" class="article-date">
<time datetime="2016-04-26T11:28:35.000Z" itemprop="datePublished">2016-04-26</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2016/04/26/hello-world/">Hello World</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<p>Welcome to <a href="https://hexo.io/" target="_blank" rel="external">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/" target="_blank" rel="external">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html" target="_blank" rel="external">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="external">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new <span class="string">"My New Post"</span></span><br></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="external">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="external">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="external">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/deployment.html" target="_blank" rel="external">Deployment</a></p>
</div>
<footer class="article-footer">
<a data-url="http://zenbar.me/2016/04/26/hello-world/" data-id="cinkxenkr0001h59kd1m7bils" class="article-share-link">Share</a>
</footer>
</div>
</article>
</section>
<aside id="sidebar">
<div class="widget-wrap">
<h3 class="widget-title">Tags</h3>
<div class="widget">
<ul class="tag-list"><li class="tag-list-item"><a class="tag-list-link" href="/tags/blog-hexo-前端/">blog, hexo, 前端</a></li></ul>
</div>
</div>
<div class="widget-wrap">
<h3 class="widget-title">Tag Cloud</h3>
<div class="widget tagcloud">
<a href="/tags/blog-hexo-前端/" style="font-size: 10px;">blog, hexo, 前端</a>
</div>
</div>
<div class="widget-wrap">
<h3 class="widget-title">Archives</h3>
<div class="widget">
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/04/">April 2016</a></li></ul>
</div>
</div>
<div class="widget-wrap">
<h3 class="widget-title">Recent Posts</h3>
<div class="widget">
<ul>
<li>
<a href="/2016/04/29/auto-pub/">auto-pub</a>
</li>
<li>
<a href="/2016/04/29/leap/">Hexo 的一小步，前端的一大步～</a>
</li>
<li>
<a href="/2016/04/26/hello-world/">Hello World</a>
</li>
</ul>
</div>
</div>
</aside>
</div>
<footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
© 2016 blanu<br>
Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
</div>
</div>
</footer>
</div>
<nav id="mobile-nav">
<a href="/" class="mobile-nav-link">Home</a>
<a href="/archives" class="mobile-nav-link">Archives</a>
</nav>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script src="/js/script.js"></script>
</div>
</body>
</html>