-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
323 lines (153 loc) · 11.3 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
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">
<title> web前端工程师博客 </title>
<link rel="icon" href="/jetmet/images/favicon.png">
<link rel="stylesheet" href="/jetmet/nayo.min.css">
</head>
<body>
<header class="header">
<nav class="header-nav">
<span class="iconfont icon-menu mobile-toggle"></span>
<div class="header-logo">
<a href="/">
<img class="header-logo-img" src="/jetmet/images/logo.png">
</a>
</div>
<div class="header-menu">
<a class="header-menu-link" id="header-menu-home" href="/jetmet/">
<i class="iconfont icon-home">
</i></a>
<a class="header-menu-link" id="header-menu-archives" href="/jetmet/archives">
<i class="iconfont icon-archives">
</i></a>
<a class="header-menu-link" id="header-menu-tags" href="/jetmet/tags">
<i class="iconfont icon-tags">
</i></a>
<a class="header-menu-link" id="header-menu-about" href="/jetmet/about">
<i class="iconfont icon-about">
</i></a>
<a class="header-menu-link" id="header-menu-search">
<i class="iconfont icon-search">
</i></a>
</div>
</nav>
</header>
<div class="container">
<section class="main">
<div class="profile sildeUpMin">
<img class="avatar" src="/jetmet/images/header.jpg">
<p class="author">Jetmet</p>
<div class="social">
<a target="_blank" class="social-links" href="https://github.com/Lemonreds/hexo-theme-nayo">
<i class="iconfont icon-Github">
</i></a>
<a target="_blank" class="social-links" href="">
<i class="iconfont icon-Weibo">
</i></a>
<a target="_blank" class="social-links" href="">
<i class="iconfont icon-Facebook">
</i></a>
<a target="_blank" class="social-links" href="">
<i class="iconfont icon-Instagram">
</i></a>
<a target="_blank" class="social-links" href="">
<i class="iconfont icon-Neteasemusic">
</i></a>
</div>
</div>
<article class="article">
<div class="article-header">
<a class="article-title" href="/jetmet/2018/09/20/js对象/">JS三大对象</a>
<div class="article-meta">
<time>9月 20, 2018</time>
</div>
</div>
<div class="typo article-excerpt">
<p>本地对象、内置对象和宿主对象</p>
<p>###本地对象<br>与宿主无关，独立于宿主环境的ECMAScript实现提供的对象。<br>简单来说，本地对象就是 ECMA-262 定义的类（引用类型）。<br>这些引用类型在运行过程中需要通过new来创建所需的实例对象。<br>包含：Object、Array、Date、RegExp、Function、Boolean、Number、String等。</p>
<p>###内置对象<br>与宿主无关，独立于宿主环境的ECMAScript实现提供的对象。<br>在 ECMAScript 程序开始执行前就存在，本身就是实例化内置对象，开发者无需再去实例化。<br>内置对象是本地对象的子集。<br>包含：Global和Math。<br>ECMAScript5中增添了JSON这个存在于全局的内置对象。</p>
<p>###宿主对象<br>由 ECMAScript 实现的宿主环境提供的对象，包含两大类，一个是宿主提供，一个是自定义类对象。<br>所有非本地对象都属于宿主对象。<br>对于嵌入到网页中的JS来说，其宿主对象就是浏览器提供的对象，浏览器对象有很多，如Window和Document等。<br>所有的DOM和BOM对象都属于宿主对象</p>
</div>
<div class="article-bottom">
<a class="article-readmore" href="/jetmet/2018/09/20/js对象/">阅读更多</a>
</div>
</article>
<article class="article">
<div class="article-header">
<a class="article-title" href="/jetmet/2018/09/19/git使用/">git操作</a>
<div class="article-meta">
<time>9月 19, 2018</time>
</div>
</div>
<div class="typo article-excerpt">
<h3 id="有关分支的操作"><a href="#有关分支的操作" class="headerlink" title="有关分支的操作"></a>有关分支的操作</h3><p>查看本地和远程所以分支{git branch -a}<br>删除本地分支{git branch -D 分支名称}<br>删除远程分支{git push origin -d 远程分支的名称}<br>创建本地分支并切换到分支{git checkout -b 分支名称}<br>在当前分支创建分支{git branch 分支名称}（当前为master分支的时候和上面创建的分支一样，）【在创建分支的时候，分支总是以当前的分支内容的起点来进行内容增加减少的修改】<br>查看修改过的内容状态{git status}<br>将内容提交到暂存区{git add .}<br>将内容提交到本地仓库区{git commit -m “这里解释文本”}<br>将分支提交到远程分支仓库区中去，假如远程分支还没有，则同时创建{git push origin 本地分区名}</p>
<h3 id="主分支的操作"><a href="#主分支的操作" class="headerlink" title="主分支的操作"></a>主分支的操作</h3><p>主分支的 操作和分支的操作差不多，甚至比分支还简单</p>
</div>
<div class="article-bottom">
<a class="article-readmore" href="/jetmet/2018/09/19/git使用/">阅读更多</a>
</div>
</article>
<article class="article">
<div class="article-header">
<a class="article-title" href="/jetmet/2018/09/18/hexo搭建/">hexo 搭建和部署以及出错的原因</a>
<div class="article-meta">
<time>9月 18, 2018</time>
</div>
</div>
<div class="typo article-excerpt">
<h3 id="搭建"><a href="#搭建" class="headerlink" title="搭建"></a>搭建</h3><p>建一个关于已hexo为平台的博客网站，官方中文<br>文档网址为<a href="https://hexo.io/zh-cn/docs/" target="_blank" rel="noopener">https://hexo.io/zh-cn/docs/</a>；参考里面的要求一步步进行安装<br>1.电脑上必须安装有 Node.js 和Git应用，因为hexo是搭载在这两个平台上<br>进行运行的，<br>2.安装完成以上两部后，你可以在自己想要把你的博客放置到您任意的硬盘上，<br>新建文件夹，（但最好不要放置在C盘上）。在新建的文件上使用git bash在这个文件夹里面<br>进行安装hexo 指令{ $ npm install -g hexo-cli}<br>3.初始化hexo{ $ hexo init } ,配置node {$ npm install },加载hexo{$ hexo g},此时会将hexo经典默认的模板生成一个public文件夹，里面的东西来自于source，当你点击public里index.html里面出来的东西是个 无样式的页面，因为在本地我们需要启动服务器才能运行，<br>4.启动服务器{$ hexo s}此时命令框上会显示出让你将localhost:4000地址复制到浏览器窗口上，并成功显示出了你的主题模板的样式结构，到此您的hexo初步已经圆满成功</p>
<p>接下来，hexo官方给我们提供了各种不同主题模板，你也可以上github上搜索自己喜欢的主题模板，人家下载下来，将模板放置到你之前新建博客的文件中的theme文件中，放置好后，我们需要配置加载，所以找到_config.yml（很多重要的配置都是在这个文件进行修改）文件<img src="clipboard.png" alt=""></p>
<p>将文件中的theme改成你下载好的主题文件夹名称，文件夹注意不要使用特殊符号；<br>然后再次运行服务器，就可以看到你下载的主题框架结构了</p>
<p>然而对于hexo主题框架，一般提供给我们的页面有archives，但当我们自己新建自己需要的页面的时候，可以在根目录进行使用命令{$ hexo new page 你的页面名}，然后还要在两个地方进行修改，<br>第一 个是根目录上的 \source\你的页面名 修改md文件，比如关于about页面<img src="clipboard1.png" alt=""></p>
<p>第二步则是在根目录\thjeme(对应主题名)_config.yml 打开 找到menu添加导航菜单</p>
<p><img src="clipboard2.png" alt=""></p>
<h3 id="第一阶段总结"><a href="#第一阶段总结" class="headerlink" title="第一阶段总结"></a>第一阶段总结</h3><p>：由以上的操作，我们可以总结得出，在你需要修改关于主题的一些图片、名称样式等的时候，都是在主题目录上的配置项进行修改，而当你部署整个项目的时候则是在根目录下的配置文件进行更改和部署（还有一点就是当我们把基本的样式和部署都修改完成之后，我们只需要在根目录上修改源文件source里对应的页面文件夹中修改对应的md文件，使用的markdown格式进行的修改，可以下载Typora或者在CSDN博客网上进行新建博客文，使用的都是markdown格式进行书写博客文，然后导出来，放到对应的文件夹上面就可以形成对应的页面，更新文章则放置在_posts文件夹中）</p>
</div>
<div class="article-bottom">
<a class="article-readmore" href="/jetmet/2018/09/18/hexo搭建/">阅读更多</a>
</div>
</article>
</section>
</div>
<a id="backTop">
<span>
<i class="iconfont icon-backtotop"></i>
</span>
</a>
<div class="search-container sildeUpMin">
<div class="search-header">
<input type="text" placeholder="输入你想搜索的" id="search-input" class="search-input">
<span class="search-cancel">
<i class="iconfont icon-cancel">
</i></span>
</div>
<div id="search-result" class="search-result"></div>
</div>
<div class="mobile-menu">
<img class="mobile-menu-icon lazyload" src="/images/placeholder.png" data-src="/images/favicon.png">
<a class="mobile-menu-link" href="/jetmet/">首页
</a>
<a class="mobile-menu-link" href="/jetmet/archives">归档
</a>
<a class="mobile-menu-link" href="/jetmet/tags">标签
</a>
<a class="mobile-menu-link" href="/jetmet/about">关于
</a>
<a class="mobile-menu-link mobile-menu-search" href="#">搜索 </a>
</div>
<footer id="footer">
<div class="footer-copyright">
©
2018
董聪
<br>
Theme By
<a href="https://github.com/Lemonreds/hexo-theme-Nayo" target="_blank">Nayo</a>
</div>
</footer>
<script src="/jetmet/nayo.bundle.js"></script>
</body>
</html>