-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathblog.html
101 lines (99 loc) · 3.76 KB
/
blog.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>flex</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="shortcut icon" href="assets/favicon.png">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div class="app-wrap">
<header class="app-header">
<a href="" class="button">
<i class="fa fa-arrow-left"></i>
Back
</a>
<h1>Peter's Corner</h1>
<a href="" class="button">
<i class="fa fa-cog"></i>
</a>
</header>
<section class="sidebar">
<h1>Peter's Corner</h1>
<a href="index.html">
<i class="fa fa-home"></i>
Home
</a>
<a href="blog.html">
<i class="fa fa-book"></i>
Blogs
</a>
<a href="work.html">
<i class="fa fa-diamond"></i>
Works
</a>
<a href="about.html">
<i class="fa fa-user"></i>
About
</a>
</section>
<div class="content">
<section class="blogs">
<div class="post">
<div class="p-header"><span>1</span></div>
<div class="p-content">
<h1>不做东西啥也学不成</h1>
<p>
要做出一个东西来的冲动，我觉得首先是一种情怀，一种渴望用手工而不是说话的形式跟他人交流的愿望。 比如你喜欢画漫画，想要搭建一个小网站来和他人分享你的作品，那就首先写几个 Html 页面。这样，你学了什么是编辑器，浏览器，文件后缀，这些概念，你可能最初觉得这些概念本身没什么意思，但是东西出来了，你就很幸福，有进一步学下去的兴趣了。
<p>
<button class="p-action">阅读更多</button>
</div>
</div>
<div class="post">
<div class="p-header"><span>2</span></div>
<div class="p-content">
<h1>我的即兴写作技巧</h1>
<p>
即兴写作，我这里的意思就是要在一两个小时之内，完成一个一千多字小作品。这里要给大家分享的技巧，虽然都是一些简单生硬的行文套路，文章体式，但是确实可以让我们全心的专注于表达自己的思想，给思维以轨道，把我们的杂乱的概念流，整理成一篇结构清楚可读性强的文章。
</p>
<button class="p-action">阅读更多</button>
</div>
</div>
<div class="post">
<div class="p-header"><span>3</span></div>
<div class="p-content">
<h1>Linux 适合我吗?</h1>
<p>
Peter: 本文本来发表在我的开源书籍 Linux Guide for Complete Beginners 的前言部分，那是 2010 年的事了，我在一家培训机构教 Linux 。 这篇文章是我当时用来忽悠大家都来学 Linux 的，随着本书改版，这些内容不太适合放在书里面了，不过现在看来依然被自己的偏执和真诚感动，所以转载在这里。
</p>
<p>本文针对的问题是：现在的中国，很多年轻人不知道以什么谋生，另外一些人能赚到足够的钱却不喜欢他们的工作，想要换一个，从而不浪费自己的才华。所以这些人要问自己：Linux 适合我吗？</p>
<button class="p-action">阅读更多</button>
</div>
</div>
</section>
</div>
<div class="app-footer">
<a href="index.html">
<i class="fa fa-home"></i>
Home
</a>
<a href="blog.html">
<i class="fa fa-book"></i>
Blog
</a>
<a href="work.html">
<i class="fa fa-diamond"></i>
Work
</a>
<a href="about.html">
<i class="fa fa-user"></i>
Me
</a>
</div>
</div>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>