查看原文
其他

手把手教你,如何在两天内做完一个网站!

AQ王浩 Java核心技术 2020-10-08

来源:http://suo.im/5eyK0X

有点标题党的嫌疑,不过确实网站的主体是在两天内的完成的,后面只是抓取了素材和完善细节。以下内容绝对是赤裸裸的干货。
网站前期的准备: 
1、买域名
2、租服务器
3、编写网站代码
总体就这三步,但是每一点都有好多必须要要了解的地方。

使用到的工具  
1、新网域名服务
2、DNSpod
3、locvps
4、Bootstrap
5、nginx + mysql + ubuntu + rails
6、百度网盘,七牛云存储


疑问?

1、如何购买域名?购买什么域名比较好?域名多少钱?
2、如何租用服务器?国内的服务器和国外的服务器又什么区别?
3、如何绑定域名和IP地址呢?
4、我不会CSS,如何写出漂亮的界面?


为啥要购买域名呢?

举个例子,每个人出生的时候,都会有一串数字,这串数字会更随着你一生。它就是身份证,14xxxxxxxxxxxxxxxxxx这串数字是你在地球上生活的的唯一标识符。  但是考虑到它的实用性,父母叫你的时候不可能叫你的身份证号吧,所以就给你起了个名字。狗蛋儿
狗蛋儿对应的就是 14xxxxxxxxxxxxxxxxxx上学同学叫你狗蛋儿,老师叫你狗蛋儿,女朋友叫你狗蛋儿别人只需要知道你的名字就好了,不需要知道你的身份证是多少。
在互联网中,每个机器设备都会有唯一的标识符,IP地址。但是记忆IP地址太不靠谱了,所以有人就想了个招,给它起个名字吧。
如,办一个公司,买一个一个公网服务器,就有了公网的IP地址(就相当于有了个儿子,儿子有了身份证号),但是想让外面的人知道,就向域名服务商购买域名(给儿子起了个名字)将域名和购买的公网IP地址绑定(公安局办户口),两者就关联在一起了。

如何购买域名?

国内的著名域名提供商有新网、万网。
由于楼主一直使用新网的域名服务,所以这里推荐新网
购买域名之前,简单介绍下域名的种类和一些特性

一、com域名

1、英文名 company
2、.com是目前国际最广泛流行的通用域名格式
3、com为 Commercial organizations 简称,表示商业组织,公司。.com是目前国际最广泛流行的通用域名格式,现全球的用户超过1.1亿个。所有国际化公司都会注册.com域名。
4、.com域名的在互联网域名系统是一个顶级域名(TLD)
5、如果做SEO优化,及谷歌广告推广等使用,请使用com域名,cn, info域名,这些域名在搜索中权重较高。如果你注册一个后缀是xx的域名,别人的一看便是非法网站,就没兴趣浏览了。

二、org域名

1、英文名 organization
2、.org适用于各类组织机构,包括非盈利团体。在注册方面,org域名的资格没有任何限制,任何一个国家的个人或企业均可注册。
3、.org域名与·com和·net同是目前国际最广泛流行的通用域名格式。

三、net域名

1、.net是国际最广泛流行的通用域名格式。一般用于从事Internet相关的网络服务的机构或公司,是建立全球商业品牌,国际化形象的第一选择

四、me域名

1、.me域名是欧洲西南部的国家黑山共和国(Montenegro,原为南斯拉夫社会主义联邦共和国的一部分,2006年宣布独立)的国家域名。.me域名是全球最新推出的顶级域名
2、对注册.me域名的资格没有任何限制,任何一个国家的个人或企业均可注册。虽然没有使用限制,但是在北京.me域名,备案肯定会通不过。
回到之前的问题。既然做了上面的介绍,推荐购买.com域名
域名一定要简单明了,比如百度(baidu.com), 谷歌(g.cn 谷歌中国域名),dota(dota.uuu9.com),资料介绍,知名公司的网址的平均长度为7.5。
还有,域名中尽量不要添加“-”(中横线),因为会降低爬虫检索的权重。
购买域名前,可以搜索自己心爱的域名是否被购买了
综上所述,购买了
www.le1024.com   .com域名,一般48RMB/每年


如何挑选服务器?

1、国内服务器推荐
阿里云(稳定,安全,服务好),价格相对适中
双核,2G内存,2M带宽,20GB固态硬盘  194RMB/每月
为啥推荐阿里云呢?因为阿里云提供备案服务,只需要提供身份证及网站负责人备案图片(阿里云与照相馆合作,免费拍照,费用阿里云出),资料准备好之后,最后提供给ICP(因特网内容提供商英文全称为 Internet Content Provider )审核,等待审核之后,ICP会短信通知你。
国内播放视频,必须办理视频许可证。
国内服务器优点:速度快,网络相对稳定,选择阿里云,扩展比较方便  
国内服务器缺点:必须要备案,没有备案,域名不会解析到公网IP地址
注意:千万别相信,某宝上,一天快速备案的广告。
吐槽一下,电视剧,电影有审核,制作网站也需要审核,屏蔽谷歌,facebook等等,中国在文化上的闭关锁国上越走越远。
其余的国内服务器没用过,不便瞎说。
2、国外服务器推荐
Linode:美国VPS提供商,专注于基于XEN虚拟的VPS,成立于2003年,办公地点在新泽西。所提供的VPS服务颇多好评。但只支持信用卡这一种付款方式,在国内购买多有不便。最基本的服务方案是Linode 1G,10$每月。
locvps:  采用Intel Xeon CPU,标准1U服务器,ECC错误效验内存,G口网络接入,Raid10+BBU磁盘阵列,保障您的VPS稳定运行
CPU:2 CPUs内存:512 M硬盘:15 G端口:2 M流量:不限
楼主就使用的 locvps,原因,某运维推荐的。
国外服务器优点:不需要备案,限制少  
国外服务器缺点:速度略慢
如果你由于某些因素,不备案的话,选择国外服务器是不错的选择。

如何绑定域名和IP地址呢?

首先需要知道,
DNS(Domain Name System,域名系统),因特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串。通过主机名,最终得到该主机名对应的IP地址的过程叫做域名解析(或主机名解析)。
在一个TCP/IP架构的网络(例如Internet)环境中,DNS是一个非常重要而且常用的系统。主要的功能就是将人易于记忆的Domain Name与人不容易记忆的IP Address作转换。而上面执行DNS服务的这台网络主机,就可以称之为DNS Server。基本上,通常我们都认为DNS只是将Domain Name转换成IP Address,然后再使用所查到的IP Address去连接(俗称“正向解析”)。事实上,将IP Address转换成Domain Name的功能也是相当常使用到的,当login到一台Unix工作站时,工作站就会去做反查,找出你是从哪个地方连线进来的(俗称“逆向解析”)。
这里我们介绍下免费提供DNS解析的工具DNSpod,DNSPod是中国第一大DNS解析服务提供商、第一大域名托管商。它除了实时生效、不限制用户添加的域名和记录数量、提供URL转发、搜索引擎优化、域名共享管理、域名锁定、IPv6的支持、动态域名解析、API接口、批量修改管理等先进功能外,还拥有:云DNS、DNSPod DNS Protector(DNSPod 自主研发的DNS 防护软件)、宕机监控、安全中心、7*24小时专业技术支持。并且所有功能都是免费向所有用户提供。
新修改域名DNS指向DNSPod的DNS域名,虽DNSPod服务器的生效时间是实时的,但因各地ISP服务商刷新域名DNS的时间不一致,所以导致解析在全球生效一般需要0--72小时
使用DNSpod解析域名,具体主要流程

一、在域名提供商管理后台,配置域名DNS为DNSpod提供的
f1g1ns1.dnspod.net
f1g1ns2.dnspod.net

具体操作如下:
1、登陆
  http://dcp.xinnet.com/Modules/agent/domain/domain_manage.jsp
2、选择[域名管理]

3、选择 【域名状态设置】,先为域名解锁(否则无法修改DNS)


4、然后再选择 【修改域名DNS】
5、若【当前状态】中有状态信息,则将且所有状态移至【增加状态】栏内;继续操作步骤


6、DNS地址修改完成后再将【域名状态设置】恢复原状。
7、选择域名服务器为 【填写具体信息】,修改域名DNS服务器为DNSPod的2个DNS短地址(对应6台服务器)
f1g1ns1.dnspod.net
f1g1ns2.dnspod.net


8、点击保存,然后等待全球递归DNS服务器刷新(最多72小时)。


二、在DNSpod 管理平台,设置域名,并解析到服务器IP地址
DNSpod设置完毕之后,最快当时便可以解析到IP地址。

我不会CSS,如何写出漂亮的界面?

我也不会写css,我推荐 大名鼎鼎的 Bootstrap  
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。
为所有开发者、所有应用场景而设计。
Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

服务器软件安装
ubuntu 安装 nginx  
ubuntu 安装 mysql  
ubuntu 安装 ruby及rails环境

后话

做一个网站,和交女朋友一样。一定要细心,对它十二分的好,并且一定要负责任。

-End-


加小编微信:xiaobaito,可以邀请加入咱们的「菜鸟架构」技术群一起讨论技术,禁止发广告及垃圾信息哦。


热门阅读

重磅!2019年,开发语言新姿势造起来!慌!一次惊心动魄的服务器误删文件的恢复过程过分!七夕了,前后端还要分离?强烈推荐Java程序员使用Google Guava编程不吹牛!Mysql 千万数据10秒批量插入只需三步

更多请关注“菜鸟架构”公众号,将不断呈现更多架构干货!



给个在看,谢谢老板!

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存