Web前端学习（4）—— 如何使网站上线

本文的学习记录参考MDN文档

方法1：获取主机服务和域名

花钱购置：

• 主机服务 — 在主机服务提供商的 Web 服务器上租用文件空间。将你网站的文件上传到这里，然后服务器会提供 Web 用户需求的内容。
• 域名——一个可以让人们访问的独一无二的地址，像 http://www.mozilla.org，或 http://www.bbc.co.uk 。你可以从域名注册商租借域名
• 需要一个 文件传输协议 程序 ( 点击钻研在网络上做某些事情要花费多少：软件查看详细信息 ) 来将网站文件上传到服务器。不同的 FTP 程序涵盖了不同的范围， 但是你通常需要使用主机服务提供商给你的详细信息（比如用户名、密码、主机名）登录到 Web 服务器 。然后程序在两个窗口里分别显示本地文件和服务器文件，这样你就可以在它们之间进行传输：

方法2：使用在线工具如 GitHub 或 Google App Engine

有一些工具能使你在线发布网站 :

• GitHub 是一个“社交编程”网站。它允许你上传代码库并储存在 Git 版本控制系统里。 然后你可以协作代码项目，系统是默认开源的，意味着世界上任何人都可以找到你 GitHub 上的代码。去使用 GitHub，从中学习并且提高自己吧！ 你也可以对别人的代码那样做！ 这是一个非常重要、有用的社区，而且 Git/GitHub 是非常流行的 版本控制系统 — 大部分科技公司在工作中使用它。 GitHub 有一个非常有用的特点叫 GitHub pages，允许你将网站代码放在网上。
• Google App Engine

不像大部分其它主机服务，这类工具通常是免费的，不过你只能使用有限的功能。

方法3：使用像 Thimble 的基于 Web 的集成开发环境

有许多web应用能够仿真一个网站开发环境，允许你输入 HTML、CSS 和 JavaScript 然后显示代码的结果 —— 全部在一个标签页里！通常这些工具都很简单，对学习很有帮助，而且是免费的（基本功能），它们在一个独特的地址显示你提交的网页。不过，基础功能是很有限的，而且这些应用通常不提供如图像的内容的主机空间。

使用一下以下几种工具，看看你最喜欢哪一个：

• JSFiddle
• Thimble
• JSBin
• CodePen

通过GitHub发布网站

现在，让我们通过Github页面告诉你公布的你的代码是如此的简单。

1. 首先， 注册一个GitHub账号， 并确认你的邮箱地址。
2. 接下来，你需要创建一个新的资源库( repository )来存放你的文件。
3. 在这个页面上，在 Repository name 输入框里输入  username.github.io，username 是你的用户名。比如，我们的朋友 bobsmith 会输入  bobsmith.github.io。同时勾选  Initialize this repository with a README ，然后点击 Create repository。
4. 然后，将你的网站文件夹里的内容拖拽到你的资源库( repository )，再点击 Commit changes 。

   提示: 确保你的文件夹有一个 index.html 文件.

5. 现在将你的浏览器转到 username.github.io 来在线查看你的网站。比如，如果用户名为chrisdavidmills, 请转到 chrisdavidmills.github.io。

   提示: 你的网站可能需要几分钟的时间才能投入使用。 如果它不能立即工作，你可能需要等待几分钟，然后再试一次。

想要了解更多，请看 GitHub Pages Help.