-
Notifications
You must be signed in to change notification settings - Fork 0
/
网站二三事.html
174 lines (163 loc) · 14.1 KB
/
网站二三事.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="littlewhite" />
<meta name="copyright" content="littlewhite" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary">
<meta name="keywords" content="website, view, " />
<meta property="og:title" content="网站二三事 "/>
<meta property="og:url" content="https://chukeer.github.io/网站二三事.html" />
<meta property="og:description" content="周五利用晚上的时间将博客换了个主机，今天就来谈谈与网站相关的一些事。先提前声明，今天的文章不涉及任何代码，如果是想知道网站怎么搭建，可以查看http://macshuo.com/?p=547，我的博客就是按照这篇教程搭建的，讲的很详细。今天主要科普一下网站相关的知识 我们每个人每天都会访问各种网站，比如百度、新浪微博、QQ空间等，不管是这些大型网站，还是一些小的个人站点，比如我的http://littlewhite.us，他们的基本原理都是差不多的。搭建一个网站，首先需要这三样东西 域名 主机（也可以叫服务器） 相关服务（操作系统等） 域名是什么呢，就是网站的地址，比如www.baidu.com、www.sina.com等等，主机是这些网站内容存放的地方，当你访问一个网页时，其实是在访问它们主机上的内容，这些主机和我们的个人电脑不同，它们的主要功能是对外提供服务，不需要图形窗口，它们拥有更强劲的性能，当然价格也比我们所使用的个人电脑贵很多，不信你上京东搜搜服务器，价格动辄几千上万 ..." />
<meta property="og:site_name" content="楚客" />
<meta property="og:article:author" content="littlewhite" />
<meta property="og:article:published_time" content="2014-10-18T00:00:00+08:00" />
<meta property="" content="2014-10-18T00:00:00+08:00" />
<meta name="twitter:title" content="网站二三事 ">
<meta name="twitter:description" content="周五利用晚上的时间将博客换了个主机，今天就来谈谈与网站相关的一些事。先提前声明，今天的文章不涉及任何代码，如果是想知道网站怎么搭建，可以查看http://macshuo.com/?p=547，我的博客就是按照这篇教程搭建的，讲的很详细。今天主要科普一下网站相关的知识 我们每个人每天都会访问各种网站，比如百度、新浪微博、QQ空间等，不管是这些大型网站，还是一些小的个人站点，比如我的http://littlewhite.us，他们的基本原理都是差不多的。搭建一个网站，首先需要这三样东西 域名 主机（也可以叫服务器） 相关服务（操作系统等） 域名是什么呢，就是网站的地址，比如www.baidu.com、www.sina.com等等，主机是这些网站内容存放的地方，当你访问一个网页时，其实是在访问它们主机上的内容，这些主机和我们的个人电脑不同，它们的主要功能是对外提供服务，不需要图形窗口，它们拥有更强劲的性能，当然价格也比我们所使用的个人电脑贵很多，不信你上京东搜搜服务器，价格动辄几千上万 ...">
<title>网站二三事 · 楚客
</title>
<!--
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet">
--!>
<link href="https://chukeer.github.io/theme/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="https://chukeer.github.io/theme/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://chukeer.github.io/theme/css/pygments.css" media="screen">
<link rel="stylesheet" type="text/css" href="https://chukeer.github.io/theme/tipuesearch/tipuesearch.css" media="screen">
<link rel="stylesheet" type="text/css" href="https://chukeer.github.io/theme/css/elegant.css" media="screen">
<link rel="stylesheet" type="text/css" href="https://chukeer.github.io/theme/css/custom.css" media="screen">
</head>
<body>
<div id="content-sans-footer">
<div class="navbar navbar-static-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="https://chukeer.github.io/"><span class=site-name>楚客</span></a>
<div class="nav-collapse collapse">
<ul class="nav pull-right top-menu">
<li ><a href="https://chukeer.github.io">Home</a></li>
<li ><a href="https://chukeer.github.io/categories.html">Categories</a></li>
<li ><a href="https://chukeer.github.io/tags.html">Tags</a></li>
<li ><a href="https://chukeer.github.io/archives.html">Archives</a></li>
<li><form class="navbar-search" action="https://chukeer.github.io/search.html" onsubmit="return validateForm(this.elements['q'].value);"> <input type="text" class="search-query" placeholder="Search" name="q" id="tipue_search_input"></form></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span1"></div>
<div class="span10">
<article>
<div class="row-fluid">
<header class="page-header span10 offset2">
<h1><a href="https://chukeer.github.io/网站二三事.html"> 网站二三事 </a></h1>
</header>
</div>
<div class="row-fluid">
<div class="span2 table-of-content">
<nav>
<h4>Contents</h4>
<div class="toc">
<ul></ul>
</div>
</nav>
</div>
<div class="span8 article-content">
<p>周五利用晚上的时间将博客换了个主机，今天就来谈谈与网站相关的一些事。先提前声明，今天的文章不涉及任何代码，如果是想知道网站怎么搭建，可以查看<a href="http://macshuo.com/?p=547">http://macshuo.com/?p=547</a>，我的博客就是按照这篇教程搭建的，讲的很详细。今天主要科普一下网站相关的知识</p>
<p>我们每个人每天都会访问各种网站，比如百度、新浪微博、QQ空间等，不管是这些大型网站，还是一些小的个人站点，比如我的<a href="http://littlewhite.us">http://littlewhite.us</a>，他们的基本原理都是差不多的。搭建一个网站，首先需要这三样东西</p>
<ol>
<li>域名</li>
<li>主机（也可以叫服务器）</li>
<li>相关服务（操作系统等）</li>
</ol>
<p>域名是什么呢，就是网站的地址，比如www.baidu.com、www.sina.com等等，主机是这些网站内容存放的地方，当你访问一个网页时，其实是在访问它们主机上的内容，这些主机和我们的个人电脑不同，它们的主要功能是对外提供服务，不需要图形窗口，它们拥有更强劲的性能，当然价格也比我们所使用的个人电脑贵很多，不信你上京东搜搜服务器，价格动辄几千上万，而大型网站的主机往往是由若干机房组成，每个机房可能有几千台服务器，所以别看你访问百度只有那个简单的页面，其实它背后有成千上万的服务器在运转，机房最大的开销还不是买服务器花的钱，而是电费，因为这些大型服务器性能强劲，所以发热也很厉害，当几千台这样的机器放在一个一起时，如果不及时散热，机器分分钟就烧坏了，所以机房的空调是二十四小时不停运转的，每小时几千块的电费是家常便饭，我在百度时就遇到过一次某个数据机房出问题，导致数PB（1PB=1024TB=1024*1024GB，自己算算，总之PB是很大的单位）的数据丢失，原因是机房的空调坏了。。好了，扯远了，回到正题</p>
<p>那这些主机是如何被访问到的呢，首先它们得有一个公网IP，IP是互联网世界的门牌号，有了IP就知道这些主机在什么地方，比如百度的IP是119.75.217.56，你可以试试在浏览器地址栏输入这个IP，看看打开的是不是百度，但是我们在访问网站时，如果都是要通过IP访问，那实在是太为难用户了，本着用户至上的原则，互联网的那些先驱们就想出了一个办法，那就是通过域名去访问，但是通过域名怎么知道IP呢，别急，那些老家伙早就想到了，它们搞出了一个叫做DNS服务器的东西，专门负责告诉你域名和IP的对应关系，所以我们访问网站的流程是这样的</p>
<ol>
<li>在浏览器输入www.baidu.com</li>
<li>浏览器请求DNS服务器，得到IP地址为119.75.217.56</li>
<li>浏览器像119.75.217.56发起请求</li>
<li>119.75.217.56收到请求，返回数据</li>
</ol>
<p>整个流程简化一些大致就是这样的。我们可以将互联网世界和现实世界做一个类比，那些具有公网IP的服务器就是一个商店，它们的IP地址就是商店的具体地址，详细到城市街道门牌号，网站的域名就是商店的名字，要想找到这个商店你得知道它的门牌号，但是我们往往我只记住商店的名字，然后再通过某些手段（比如通过地图搜索）得到商店的具体门牌号，这样我们就能找到商店了。小型的网站就好比小卖部，大的网站就好比商场，到达那里的方式都是一样的</p>
<p>最后是主机上的服务，就好比商店的装修和商品，现在互联网上的主机大多数都使用的Linux操作系统，当然也有windows操作系统的，但是windows服务器的在互联网的分量就好比windows phone在移动设备的分量一样，属于小众型的。Linux是什么，普通用户不必了解，只需要知道它很牛逼，几乎整个互联网就是搭建在它之上的，更重要的是，这么牛逼的东西，它竟然还是免费的，要知道你每买一台windows笔记本，这其中有几百块钱是花在了操作系统上，而Linux和互联网免费共享的精神是共通的，这也足见它的伟大之处。除了操作系统，还需要一些提供服务的程序，比如nginx，MySQL，PHP等，这里就补详说了</p>
<p>最后说一下搭建一个简单的网站需要做哪些事。还是以刚刚的类比来描述，首先你得买一个商店（主机），买了之后你就知道了它的具体地址（公网IP），然后你要去给商店买一个名字（域名），并且去办理注册手续（设置域名解析），如果你是在国外注册的，那恭喜你，装修一下商店挂个牌子就可以用了，如果是在国内注册的，你得去工商局备案，以免你干了什么坏事天朝好捉拿你归案</p>
<p>好了，大致就是这些，希望能让用户对网站有一些感性的认识</p>
<hr/>
<aside>
<nav>
<ul class="articles-timeline">
<li class="previous-article">« <a href="https://chukeer.github.io/没有main函数的helloworld.html" title="Previous: 没有main函数的helloworld">没有main函数的helloworld</a></li>
<li class="next-article"><a href="https://chukeer.github.io/linux脚本实现自动输入密码.html" title="Next: linux脚本实现自动输入密码">linux脚本实现自动输入密码</a> »</li>
</ul>
</nav>
</aside>
</div>
<section>
<div class="span2" style="float:right;font-size:0.9em;">
<table class="table">
<!-- <time pubdate="pubdate" datetime="2014-10-18T00:00:00+08:00">10 18, 2014</time> -->
<tr>
<td>Published</td>
<td><time pubdate="pubdate" datetime="2014-10-18T00:00:00+08:00">2014-10-18</time></td>
</tr>
<tr>
<td>Category</td>
<td><a class="category-link" href="https://chukeer.github.io/categories.html#view-ref">view</a></td>
</tr>
<tr>
<td>Tags</td>
<td>
<ul class="list-of-tags tags-in-article">
<li><a href="https://chukeer.github.io/tags.html#website-ref">website
<span>1</span>
</a></li>
</ul>
</td>
</tr>
</table>
</div>
</section>
</div>
</article>
</div>
<div class="span1"></div>
</div>
</div>
<div id="push"></div>
</div>
<footer>
<div id="footer">
<ul class="footer-content">
<li class="elegant-power">Powered by <a href="http://getpelican.com/" title="Pelican Home Page">Pelican</a>. Theme: <a href="http://oncrashreboot.com/pelican-elegant" title="Theme Elegant Home Page">Elegant</a> by <a href="http://oncrashreboot.com" title="Talha Mansoor Home Page">Talha Mansoor</a></li>
</ul>
</div>
</footer> <!--
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
-->
<script src="https://chukeer.github.io/theme/js/jquery.min.js"></script>
<script src="https://chukeer.github.io/theme/js/bootstrap.min.js"></script>
<script>
function validateForm(query)
{
return (query.length > 0);
}
</script>
<script>
$("div.article-content table").addClass("table table-hover");
</script>
</body>
<!-- Theme: Elegant built for Pelican
License : http://oncrashreboot.com/pelican-elegant -->
</html>