forked from nodejh/nodejh.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
288 lines (152 loc) · 8.64 KB
/
index.html
File metadata and controls
288 lines (152 loc) · 8.64 KB
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
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Nodejh's Blog">
<meta name="generator" content="Hugo 0.31.1" />
<title>node</title>
<link rel="shortcut icon" href="http://nodejh.com/images/favicon.ico">
<link rel="stylesheet" href="http://nodejh.com/css/style.css">
<link rel="stylesheet" href="http://nodejh.com/css/highlight.css">
<link rel="stylesheet" href="http://nodejh.com/css/font-awesome.min.css">
<link href="http://nodejh.com/index.xml" rel="alternate" type="application/rss+xml" title="node" />
</head>
<body>
<nav class="main-nav">
<a href='http://nodejh.com/post'>Archive</a>
<a href='http://nodejh.com/tags'>Tags</a>
<a href='http://nodejh.com/projects'>Projects</a>
<a href='http://nodejh.com/about'>About</a>
<a class="cta" href="http://nodejh.com/index.xml">Subscribe</a>
</nav>
<div class="profile">
<section id="wrapper">
<header id="header">
<a href='http://nodejh.com/about'>
<img id="avatar" class="2x" src="http://nodejh.com/images/avatar.png"/>
</a>
<h1></h1>
<h2>Full Stack Developer</h2>
</header>
</section>
</div>
<section id="wrapper" class="home">
<ul id="post-list">
<li>
<aside class="dates">Dec 9</aside>
<a href='http://nodejh.com/posts/wechat-scan-qr-code-to-login/'>
基于公众号的微信扫码登陆实现
<h2>注：文中阐述的方案是一个可以解决问题但不是最优的方案。改进之处在文末。 微信扫码登陆的主要目的有两个，一是方便用户，扫码即可登陆，不需再记忆帐</h2>
</a>
</li>
<li>
<aside class="dates">Jul 28</aside>
<a href='http://nodejh.com/posts/how-to-vertically-middle-align-floated-elements-with-flexbox/'>
使用 Flexbox 使浮动元素垂直居中
<h2>垂直居中一直是一个很麻烦的问题，但基于 FlexBox 的垂直居中就非常简单了。
</h2>
</a>
</li>
<li>
<aside class="dates">Jul 28</aside>
<a href='http://nodejh.com/posts/css-responsive-navigation-menu/'>
纯 CSS 实现响应式导航菜单
<h2>本文介绍如何使不使用 JavaScript 只使用 CSS 实现一个响应式导航菜单。菜单可以左对齐、右对齐或者居中。当用户鼠标移动到菜单上时，菜单就自动显示或隐藏，这样对</h2>
</a>
</li>
<li>
<aside class="dates">Jul 17</aside>
<a href='http://nodejh.com/posts/vue2-tutorials-02-todolist/'>
实现一个TodoList - Vue2 Tutorials (二)
<h2>在了解了 Vue 的一些基本概念之后，就可以写一个最简单的小项目了 &mdash; TodoList。麻雀虽小，五张俱全。虽然是一个小 demo，但也涉及到了组件化、</h2>
</a>
</li>
<li>
<aside class="dates">Jul 6</aside>
<a href='http://nodejh.com/posts/electron-quick-start/'>
Electron 快速入门
<h2>简介 Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建跨平台原生桌面应用的框架。借助 Electron，我们可以使用纯 JavaScript 来调用丰</h2>
</a>
</li>
<li>
<aside class="dates">Jul 6</aside>
<a href='http://nodejh.com/posts/vue2-tutorials-01-quick-start/'>
快速入门 - Vue2 Tutorials (一)
<h2>Vue 的官方文档 对 Vue 介绍非常详细，但官方文档使用在 HTML 中引入 vue 的方式进行讲解，而实际项目中一般使用脚手架如 vue-cli 初始化项目。以至于刚看完文档时，却依旧</h2>
</a>
</li>
<li>
<aside class="dates">Jul 5</aside>
<a href='http://nodejh.com/posts/project-documentation-with-hexo-static-site-generator/'>
使用 Hexo 创建项目文档网站
<h2>当我们发布一个开源项目的时候，最重要的事情之一就是要创建项目文档。对使用项目的用户来说，文档是非常有必要的，通常我们可以使用下面这些方式来创</h2>
</a>
</li>
<li>
<aside class="dates">Mar 30</aside>
<a href='http://nodejh.com/posts/handy-mysql-commands/'>
常用 MySQL 命令
<h2>
</h2>
</a>
</li>
<li>
<aside class="dates">Mar 26</aside>
<a href='http://nodejh.com/posts/understand-the-oracle-startup-process/'>
深入理解 Oracle 启动原理
<h2>一. 常用启动步骤 对于普通用户，如果需要使用 Oracle 数据库，需要两个启动步骤：启动数据库和启动监听器。
</h2>
</a>
</li>
<li>
<aside class="dates">Mar 19</aside>
<a href='http://nodejh.com/posts/setting-environmental-variables-in-macos/'>
macOS/Linux 环境变量设置
<h2>我们安装一个软件后，之所以能够使用一些与该软件相关的命令，是因为该命令被添加到了系统的环境变量里面。
</h2>
</a>
</li>
</ul>
<nav id="post-nav">
<span class="next">
<a href="/page/2/">
Older Posts <span class="arrow">→</span>
</a>
</span>
</nav>
<footer id="footer">
<div id="social">
<a class="symbol" href="https://www.facebook.com/nodejh">
<i class="fa fa-facebook-square"></i>
</a>
<a class="symbol" href="https://www.github.com/nodejh">
<i class="fa fa-github-square"></i>
</a>
<a class="symbol" href="https://www.twitter.com/nodejh">
<i class="fa fa-twitter-square"></i>
</a>
</div>
<p class="small">
© Copyright 2018 <i class="fa fa-heart" aria-hidden="true"></i>
</p>
<p class="small">
Powered by <a href="http://www.gohugo.io/">Hugo</a> Theme By <a href="https://github.com/nodejh/hugo-theme-cactus-plus">nodejh</a>
</p>
</footer>
</section>
<script src="http://nodejh.com/js/jquery-2.2.4.min.js"></script>
<script src="http://nodejh.com/js/main.js"></script>
<script src="http://nodejh.com/js/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-84989670-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>