-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
389 lines (305 loc) · 14.6 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
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hexo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta property="og:type" content="website">
<meta property="og:title" content="Hexo">
<meta property="og:url" content="http://yoursite.com/index.html">
<meta property="og:site_name" content="Hexo">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Hexo">
<link rel="alternate" href="/atom.xml" title="Hexo" 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">Hexo</a>
</h1>
</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://yoursite.com"></form>
</div>
</div>
</div>
</header>
<div class="outer">
<section id="main">
<article id="post-git-guide" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2016/09/30/git-guide/" class="article-date">
<time datetime="2016-09-30T07:59:33.008Z" itemprop="datePublished">2016-09-30</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2016/09/30/git-guide/">AngularJS</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<h1 id="流行框架：Git与Angular入门"><a href="#流行框架：Git与Angular入门" class="headerlink" title="流行框架：Git与Angular入门"></a>流行框架：Git与Angular入门</h1><h2 id="复习"><a href="#复习" class="headerlink" title="复习"></a>复习</h2><ul>
<li><p>Node Node.js — 类似一个操作系统</p>
<ul>
<li>一个JS的运行环境</li>
<li>主要用于开发Web应用程序（回想登陆的例子）</li>
<li>很多的前端开发工具都是基于node这个平台</li>
<li>所用的工具就相当于一些软件</li>
</ul>
</li>
<li><p>NVM （可选的）</p>
<ul>
<li>Node Version Manager(Node的版本管理工具)</li>
<li>因为node的版本比较多，很多时候我们可能依赖多个版本，并要求自由切换</li>
<li>使用<ul>
<li>nvm use [对应的版本号] [平台架构（如果是32系统需要写32,64位不用管）]</li>
<li>nvm install <version> [arch] 安装</version></li>
<li>nvm uninstall <version> 卸载</version></li>
<li>nvm list 查看已经安装版本</li>
</ul>
</li>
<li>官网<ul>
<li><a href="https://github.com/coreybutler/nvm-windows" target="_blank" rel="external">https://github.com/coreybutler/nvm-windows</a></li>
</ul>
</li>
</ul>
</li>
<li><p>NPM </p>
<ul>
<li>node package manager(node的包管理工具)</li>
<li>npm管理包非常方便，我们只需要记住使用哪个包就可以了</li>
<li><p>使用</p>
<ul>
<li>npm install xxx </li>
<li>安装一个包到项目本地，必须要联网</li>
<li><p>安装完成过后项目根目录下会多一个node_modules文件夹，所有的下载下来的包全部在里面</p>
</li>
<li><p>由于需要记录项目依赖哪些东西，所以需要一个配置文件“package.json”，可以通过npm init命令生成</p>
</li>
<li><p>以后安装包的时候将其–save</p>
</li>
<li><p>–save就是将我们安装的包名字和包版本记录到配置文件中的dependencies节点中</p>
</li>
<li>–save-dev</li>
<li><p>项目依赖分两种，一个就是普通的项目依赖比如bootstrap，还用一种只是开发阶段需要用的，这种属于开发依赖比如gulp，开发依赖最终记录在devDependencies节点里面</p>
</li>
<li><p>npm uninstall xxx –save</p>
</li>
<li><p>npm install xxx -g(全局安装包)</p>
<ul>
<li>如果你安装的是一个工具，工具要在每一个地方都能用，这种情况下一般全局安装。</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><p>Bower</p>
<ul>
<li>Web sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for you.</li>
<li>Bower就是用来管理项目中所有的依赖，主要用于Web页面开发时使用的包管理，比如jquery，bootstrap</li>
<li><blockquote>
<p>重复的轮子太多，抓住轮子与轮子之间的共性</p>
</blockquote>
</li>
</ul>
</li>
<li><p>Gulp FIS3</p>
</li>
<li><p><a href="http://www.ydcss.com/archives/94" target="_blank" rel="external">http://www.ydcss.com/archives/94</a></p>
</li>
<li><p>msi - microsoft installer 微软安装器</p>
</li>
</ul>
<h2 id="GIT"><a href="#GIT" class="headerlink" title="GIT"></a>GIT</h2><h3 id="什么是GIT"><a href="#什么是GIT" class="headerlink" title="什么是GIT"></a>什么是GIT</h3><ul>
<li>是一个源代码管理工具</li>
<li>在一个项目中，凡是由开发人员编写的都算是源代码</li>
<li>源代码有必要管理起来？</li>
<li>让源代码可以被追溯，主要记录每次变更了什么，谁主导这次变化</li>
<li>人为的维护比较麻烦，</li>
<li>GIT是Linux之父当年为了维护管理Linux的源代码写的一个工具</li>
<li>Git 之前 很多使用 svn vss tfs hs ……</li>
</ul>
<ul>
<li><a href="https://guides.github.com/" target="_blank" rel="external">https://guides.github.com/</a></li>
</ul>
<h3 id="安装GIT"><a href="#安装GIT" class="headerlink" title="安装GIT"></a>安装GIT</h3><ul>
<li>git命令行工具</li>
<li>基于git命令行的一个客户端软件（提供一个界面去管理源代码）</li>
</ul>
<h3 id="GIT命令操作"><a href="#GIT命令操作" class="headerlink" title="GIT命令操作"></a>GIT命令操作</h3><ul>
<li>初始化一个本地GIT仓储</li>
</ul>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">cd 当前项目目录</div><div class="line">git init // 初始化一个本地的仓库</div></pre></td></tr></table></figure>
<blockquote>
<p>就是在本地文件夹中添加了一个.git的文件夹用于记录所有的项目变更信息</p>
</blockquote>
<ul>
<li>查看本地仓储的变更状态</li>
</ul>
<p>git status<br>用于查看本地仓储的状态<br>第一次查看，显示的是一坨没有被跟踪的文件</p>
<p>git status -s // -s 是输出简要的变更日志</p>
<ul>
<li>添加本地暂存（托管）文件</li>
</ul>
<p>git add<br>可以将一个没有被跟踪的文件添加到跟踪列表</p>
<p>类似于node_modules这种性质的文件是不应该被跟踪</p>
<ul>
<li>添加本地GIT忽略清单文件</li>
</ul>
<p>在代码库文件夹的根目录添加一个.gitignore文件<br>此文件用于说明忽略的文件有哪些</p>
<ul>
<li>提交被托管的文件变化到本地仓储</li>
</ul>
<p>git commit<br>将本地的变化提交的本地的仓库文件夹归档<br>一般在有了一个小单元的整体变化后再提交</p>
<ul>
<li>对比差异</li>
</ul>
<p>git diff<br>可以用于对比当前状态和版本库中状态的变化</p>
<ul>
<li>提交日志</li>
</ul>
<p>git log<br>可以查看提交日志</p>
<ul>
<li>回归到指定版本</li>
</ul>
<p>git reset –hard</p>
<ul>
<li><p>为仓储添加远端（服务器端）地址</p>
</li>
<li><p>将本地仓储的提交记录推送到远端的master分支</p>
</li>
<li><p>拉取远端master分支的更新记录到本地</p>
</li>
<li><p>回归到指定版本</p>
</li>
</ul>
<h3 id="GITHUB基本使用"><a href="#GITHUB基本使用" class="headerlink" title="GITHUB基本使用"></a>GITHUB基本使用</h3><ul>
<li><a href="https://github.com/" target="_blank" rel="external">https://github.com/</a></li>
<li>GITHUB是一个GIT服务的提供商，</li>
<li></li>
<li>提出社交化编程</li>
</ul>
<p><a href="http://zoomzhao.github.io/code-guide/" target="_blank" rel="external">http://zoomzhao.github.io/code-guide/</a><br><a href="https://github.com/jobbole/awesome-javascript-cn" target="_blank" rel="external">https://github.com/jobbole/awesome-javascript-cn</a><br><a href="https://github.com/jobbole/awesome-css-cn" target="_blank" rel="external">https://github.com/jobbole/awesome-css-cn</a></p>
<ul>
<li>GIT分支</li>
</ul>
<h2 id="Angular入门"><a href="#Angular入门" class="headerlink" title="Angular入门"></a>Angular入门</h2><h3 id="简介"><a href="#简介" class="headerlink" title="简介"></a>简介</h3><ul>
<li>知识储备</li>
<li>什么是Angular<ul>
<li>快速构建Web应用程序</li>
<li>单页面应用程序</li>
</ul>
</li>
<li>Angular的特性</li>
<li>为什么要用Angular<ul>
<li>让Web应用程序开发更简单，更快捷</li>
</ul>
</li>
<li>带领前端进入MV*的时代</li>
</ul>
<h3 id="开始使用"><a href="#开始使用" class="headerlink" title="开始使用"></a>开始使用</h3><ul>
<li>引用Angular<ul>
<li>下载</li>
<li>bower</li>
<li>npm</li>
</ul>
</li>
<li>基本使用</li>
</ul>
</div>
<footer class="article-footer">
<a data-url="http://yoursite.com/2016/09/30/git-guide/" data-id="citphc42l0003lwcv6pvi0ata" class="article-share-link">Share</a>
</footer>
</div>
</article>
<article id="post-hello-world" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2016/09/30/hello-world/" class="article-date">
<time datetime="2016-09-30T07:44:48.263Z" itemprop="datePublished">2016-09-30</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2016/09/30/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><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo new <span class="string">"My New Post"</span></div></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><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo server</div></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><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo generate</div></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><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo deploy</div></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://yoursite.com/2016/09/30/hello-world/" data-id="citph9ljb0000lwcvlhss2jen" class="article-share-link">Share</a>
</footer>
</div>
</article>
</section>
<aside id="sidebar">
<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/09/">September 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/09/30/git-guide/">AngularJS</a>
</li>
<li>
<a href="/2016/09/30/hello-world/">Hello World</a>
</li>
</ul>
</div>
</div>
</aside>
</div>
<footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
© 2016 John Doe<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>