在这一单元中，你将学习到网站托管和命令行的基本知识。
这一单元的目标是向你介绍网站托管以及使用 GitHub Pages 部署网站。你还将学习如何使用命令行来浏览文件结构。
完成这一单元后，你将能够：
- 理解网站托管
- 使用 GitHub Pages 部署一个简单的网站
- 浏览文件结构
什么是hosting
当我们完成了一个web项目，想让其他人访问时，部署在自己的计算机上就会出现很多问题，这种时候我们需要找其他计算机部署，这就是托管（hosting），为了让你的应用可供全世界使用，从而将它部署到某个计算机上，但你可能没有条件购买服务器，自己连接它们，并处理网络设置和其他配置，这种时候可以通过寻求hosting服务提供商
托管服务有各种各样的类型
- Github Pages：最简单，最直接的托管类型。最适合静态文件，例如简单的HTML和CSS文件，或者React应用的编译版本，如果你只想要一个地方来部署作品集，那么GithubPage是免费且易用的
- Heroku：适合全栈应用程序
- DigitalOcean：云提供商
域名
计算机通过ip在网络上用数字相互通信和识别，而当我们观察人类世界时，人类使用名字和文字来识别和交流。我们可以说域名就是把这些数字翻译成人类容易记住的名字。域名是弥补人类与计算机之间沟通鸿沟的一种方式。当选择域名后，它会被注册并可用于网站和电子邮箱账户
- 域名不是网站，不是电子邮箱，但没有域名就不能拥有电子邮箱或者网站
- 当你输入域名（www.google.com) 时，会通过dns查询指向google的服务器ip，然后浏览器就能访问了
在GithubPages上创建一个网站
GitHub Pages 是 GitHub 提供的一项工具，让你可以轻松地在线创建和部署一个网站。GitHub 允许你将网站的所有文件和代码保存在一个代码仓库（repository）中。然后，你可以使用 GitHub Pages 生成一个个人网址，将你的网站分享给朋友、家人，甚至全世界！
本教程需要你有一个 GitHub 账户，并掌握基本的 HTML 知识。
GitHub 和 GitHub Pages 有什么区别？
在 GitHub 上，代码是保存在一个叫做“仓库”（repository，简称 repo）的地方。你可以把它想象成一个在线的特殊文件夹，你和团队成员可以从世界任何地方访问它。
在我们的例子中，这个仓库将包含用于构建网站的 HTML 和 CSS 代码。但是，你在 GitHub 上只能看到代码本身，看不到网站的样子。
GitHub Pages 的作用就是：将你的代码仓库连接到一个专属网址，当你访问 username.github.io（将 username 替换成你的 GitHub 用户名）时，你就能在浏览器中看到你的网站了。
创建一个仓库
-
创建一个新仓库，命名为：
username.github.io（将 username 替换成你的 GitHub 用户名）。 -
创建时你可以选择使用模板、添加描述、设置为私有或初始化其他文件。这些功能主要用于让其他开发者更好地了解你的项目。不过为简单起见，我们暂时跳过这些设置——你的网站不需要它们也可以运行。
-
点击“Create Repository”（创建仓库）按钮。
创建一个页面
你将被重定向到刚刚创建的仓库页面，现在它是空的。是时候添加一个文件了！
- 点击页面上的“creating a new file”链接。
- 命名你的文件为
index.html，然后复制以下代码粘贴进去：
<html>
<body>
<h1>YOUR NAME</h1>
<p>Welcome to my website!</p>
<img src="https://content.codecademy.com/articles/github-pages-via-web-app/happy-ice-cream.gif" />
</body>
</html>
- 每次对仓库做出更改时，都会创建一个“提交”（commit）。可以把提交想象成仓库当前状态的快照。
- 在下方的文本框中给本次提交命名，比如“Create index.html”（创建 index.html）。一般提交信息会用动词开头来描述做了什么修改。
- 点击“Commit new file”（提交新文件）按钮。
你现在可以通过以下网址访问你的网站了：
username.github.io
（记得将 username 替换成你的 GitHub 用户名）
你也可以继续开发你的网站，添加更多 HTML 和 CSS 内容。每次提交之后，大概几分钟内网站就会自动更新。
