前端建站指南

对于一个前端程序猿~~~

拥有自己的一个个人网站展示自己的作品,在面试的时候将会得到不小的加分

然而不少前端小白只接触了前端技术,对后台服务器搭建一窍不通(T_T!小白,说多了都是泪 )

在这里,写一篇一个小白如何搭建一个个人的静态展示网站

需准备的东西

域名

首先,先去申请一个属于你自己的域名,一般用带有个人鲜明特点的英文(如本人的域名:alexpers.com,注意,.com的域名属于国际域名,不需要实名认证便可以使用)

申请一个.COM的国际域名一年大概几十块左右的开销,要是觉得贵可以去申请一些冷门的域名,具体要什么后缀名可以去万网看看

最便宜的一年不到十块钱,这里就不诉说了

以下是列出几个域名的性质,还有很多有兴趣请找谷哥或度娘

ac --- 科研机构
com --- Commercial organizations, 工、商、金融等企业
edu --- Educational institutions 教育机构
gov --- Governmental entities政府部门
mil --- Military ,军事机构

域名申请地址:http://wanwang.aliyun.com/domain/(万网和阿里云合并了)

域名申请并不难,请照着提示做下去便可,要是还不会,那我也没辙,止步于此吧!

ok,域名申请成功了!!!!开心下

从此就要了一个自己的域名了,不过要记得,域名是唯一的,而且有时限,记得续费哦,不然被别人注册了,自己面壁去

 

也许有小白要问了,域名到底有什么作用呢,其实,域名就是相当与一个人的名字,服务器就相当于那个人,

一般有人说起一个名字,人们就能知道联想到那个人,同样的道理,域名和服务器就是这样的关系

域名指向了服务器的外网ip,绑定了你的服务器ip,

这样,别人在访问你的域名的时候,通过指向,便跳转到你的服务器上去

 

好了,alexpers.com这个域名已经是我本人的了,那接下来就是服务器空间了

 

本人使用的是阿里云的ECS云服务器,最低配置一个月是60块钱左右(学生价9.9,表示羡慕嫉妒恨,我是学生的时候怎么没关注)

如何购买云服务器就不多说了,一般个人站来说,最低配置其实就够用了,省点钱,表示现在钱太小,不够花~~~

 

当你购买好一台云服务器后,通过你的服务商,你可以查到你的服务器的公网ip

接下来要做的,就是到你的域名管理处对域名进行解析,将域名解析指向你的云服务器ip,这样别人访问的你的域名的时候,你的域名便指向了

你解析的那个ip地址,

但是~这还不行

在中国,域名是需要备案的,只有通过备案的域名,才能直接指向你的服务器ip

备案就相当于古代的通关文牒,你想要进入服务器这座城,你就得先出示通关文牒备案才能让你过去

备案会比较麻烦,

备案分为个人备案和企业备案,个人备案从申请到通过需要接近10到20天左右

所以表示骚年们要忍住保持住激情,别被这段时间浇灭了你建站的热情

20天~~

ok,20天过去了,这样你访问你的域名便可以直接指向你的云服务器了,

这样,外在的准备工作就完成了

 

试下敲下域名访问,是不是发现什么都没有???

废话,云服务器里什么都没配置,服务器都没搭建当然啥都没有了,

我们还得在云服务器里配置好服务器,跑起来才能访问到你的网站

现在先下载好需要的工具:

node.js(使用简单的搭服务器)

下载地址:https://nodejs.org/en/

下载适合你服务器系统的安装包

下载好后直接安装

 

直接点下一步

完成

win+r  cmd   打开命令行

node -v检测是否安装成功,显示版本号证明成功

接下来安装一个简单服务器工具

http-server

在命令行模式下,运行命令:

npm i -g http-server
 
如上图--安装成功
 
使用方法:
命令行模式:http-server [目录路径] [-p8088]
进入项目根目录后,http-server -p80    80为默认端口号
启动服务器成功
如此,服务器便搭建好了,我们可以通过域名直接访问该项目,默认指向index.html文件
(这种服务器安全性能低,胜在简便,后续增加使用tomcat配置服务器环境)
 

 

不对之处请指正

个人原创,转载请注明来源

博客:http://www.cnblogs.com/alex-web/

注:小疯纸的yy

posted @ 2016-03-14 14:53  小疯纸的yy  阅读(662)  评论(0编辑  收藏  举报