-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
230 lines (125 loc) · 8.21 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
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>小陈的博客 </title>
<meta name="viewport" content="width=device-width,minimum-scale=1">
<meta name="generator" content="Hugo 0.69.0" />
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<link href="/dist/css/app.1cb140d8ba31d5b2f1114537dd04802a.css" rel="stylesheet">
<link href="/index.xml" rel="alternate" type="application/rss+xml" title="小陈的博客" />
<link href="/index.xml" rel="feed" type="application/rss+xml" title="小陈的博客" />
<meta property="og:title" content="小陈的博客" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://python-cx.github.io/" />
<meta property="og:updated_time" content="2020-04-21T21:52:03+08:00" />
<meta itemprop="name" content="小陈的博客">
<meta itemprop="description" content=""><meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="小陈的博客"/>
<meta name="twitter:description" content=""/>
</head>
<body class="ma0 avenir bg-near-white">
<header>
<div class="pb3-m pb6-l bg-black">
<nav class="pv3 ph3 ph4-ns" role="navigation">
<div class="flex-l justify-between items-center center">
<a href="http://python-cx.github.io/" class="f3 fw2 hover-white no-underline white-90 dib">
小陈的博客
</a>
<div class="flex-l items-center">
</div>
</div>
</nav>
<div class="tc-l pv3 ph3 ph4-ns">
<h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
小陈的博客
</h1>
</div>
</div>
</header>
<main class="pb7" role="main">
<article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
</article>
<div class="pa3 pa4-ns w-100 w-70-ns center">
<h1 class="flex-none">
Recent Posts
</h1>
<section class="w-100 mw8">
<div class="relative w-100 mb4">
<article class="bb b--black-10">
<div class="db pv4 ph3 ph0-l no-underline dark-gray">
<div class="flex flex-column flex-row-ns">
<div class="blah w-100">
<h1 class="f3 fw1 athelas mt0 lh-title">
<a href="http://python-cx.github.io/posts/html%E5%88%9D%E8%AF%86/" class="color-inherit dim link">
Html初识
</a>
</h1>
<div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
HTML 必备知识 历史背景 1990 年 Tim Berners-Lee 发明 WWW（万维网），同时发明了 HTML、HTTP、URL 的概念，通过不断地技术完善，从而实现了当今世界互联网繁荣景象。 前端祖师爷：Tim Berners-Lee HTML 简介 • HTML，全称 Hypertext Markup Language，也就是“超文本链接标示语言”。HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 • HTML5 是目前最新 html 标准，共有 110 个标签左右，对于日常前端工作需要掌握三十个左右常用标签，其余标签只做了解即可。
HTML 标签 HTML 起手式之头部标签:
如图为基本头部标签信息 <!DOCTYPE html><!--此标签为声明文档类型，告诉浏览器用HTML5规范来解读HTML文档。--> <html lang='zh-CN'><!--添加语言属性规定以何种网页语言显示。 <head> <!--head内储存html头部信息，不直接在网页中显示，主要存储<title>、CSS样式、需要加载的js脚本等--> </head> <body> <!--body部分代表网页用户视窗内容部分，这个位置用于存放网页上所有要显示的内容，图片，以及流媒体， 道当然也可以存放客户端脚本，表格，布局图层DIV等。--> </body> </html> <meta charset="UTF-8" /><!--此标签为规定网页使用utf-8字符集--> <meta name="viewport" content="width=device-width,initial-scale=1.0" /><!--适配手机--> <title>网页标题</title> bod 内结构层次标签：
‘h1~h6'标题等级 ‘section'章节标签 ‘p'段落标签 ‘article'文章 ‘header'顶部位置 ‘footer'底部位置 ‘main'主要内容 ‘aside'分支内容；次要内容 ‘div'划分部分 全局属性：
</div>
<a href="http://python-cx.github.io/posts/html%E5%88%9D%E8%AF%86/" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">read more</a>
</div>
</div>
</div>
</article>
</div>
<div class="relative w-100 mb4">
<article class="bb b--black-10">
<div class="db pv4 ph3 ph0-l no-underline dark-gray">
<div class="flex flex-column flex-row-ns">
<div class="blah w-100">
<h1 class="f3 fw1 athelas mt0 lh-title">
<a href="http://python-cx.github.io/posts/%E5%BC%80%E5%8D%9A%E5%A4%A7%E5%90%89/" class="color-inherit dim link">
开博大吉
</a>
</h1>
<div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
第一篇个人博客 这是我的第一篇博客，希望在自己的不断学习之下，写出好文章。
</div>
<a href="http://python-cx.github.io/posts/%E5%BC%80%E5%8D%9A%E5%A4%A7%E5%90%89/" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">read more</a>
</div>
</div>
</div>
</article>
</div>
<div class="relative w-100 mb4">
<article class="bb b--black-10">
<div class="db pv4 ph3 ph0-l no-underline dark-gray">
<div class="flex flex-column flex-row-ns">
<div class="blah w-100">
<h1 class="f3 fw1 athelas mt0 lh-title">
<a href="http://python-cx.github.io/posts/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo%E9%83%A8%E7%BD%B2%E5%8D%9A%E5%AE%A2/" class="color-inherit dim link">
如何使用hugo部署博客
</a>
</h1>
<div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
hugo搭建博客 hugo是静态网站生成器，能够作为一些展示类网站的解决方案。比如个人博客、产品介绍、个人作品展示、文档介绍、公司官网等等。再加上Github Pages的功能，就能不花一分钱建一个自己的网站了。
下载安装hugo hugo下载链接 选择对应版本进行下载并解压。 将文件路径添加到path 复制hugo文件夹的绝对路径 将hugo路径添加到PATH 打开bash终端，输入给git version检查是否有版本号，有版本号则添加成功。 进入Hugo官网点击Quick Start，打开本地终端操作step2到step7步骤。 将Hugo博客与GithubPage关联 进入public，创建本地仓库 在github中创建'你的用户名.github.io'的仓库，并将http地址添加到config.toml文件，修改你自己喜欢的博客名及博客语言，最后连接远程仓库提交public。 找到github仓库中的setting，进入找到Github Pages，在1选择branch master，点击2即可看到部署的博客。
</div>
<a href="http://python-cx.github.io/posts/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo%E9%83%A8%E7%BD%B2%E5%8D%9A%E5%AE%A2/" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">read more</a>
</div>
</div>
</div>
</article>
</div>
</section>
</div>
</main>
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
<div class="flex justify-between">
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="http://python-cx.github.io/" >
© 小陈的博客 2020
</a>
<div>
</div>
</div>
</footer>
<script src="/dist/js/app.3fc0f988d21662902933.js"></script>
</body>
</html>