​ 其实去年就写过一篇,当时写的很简短,算是基础的基础,今天就再来一起分享下网站建设方面的知识。看过之前我写的那篇的可以直接从基础篇备案看起。

ps:以下内容为了便于理解,部分是本人自己理解总结,非官方解释。

基础篇

认识网站

网站也可以理解为web应用程序,只不过无需用户下载,只要有网络,随时随地都能访问。

网站的组成

网站的基本组成:域名、网站空间(服务器,vps)、网站程序、数据库等。

域名

可以简单的理解为网址,如果没有域名的话,访问网站只能使用ip地址,但是ip地址 ‘长又不好记’ ,所以就有了域名。

通俗的说,域名就相当于一个家庭的门牌号码,别人通过这个号码可以很容易的找到你。

网站空间

先说说服务器:是提供计算服务的设备,和咱们的电脑架构类似,相当于一台24小时不关机的电脑(性能要比普通电脑强很多倍)

VPS:即指虚拟专用服务器,是将一个服务器分区成多个虚拟独立专享服务器的技术。每个使用VPS技术的虚拟独立服务器拥有各自独立的公网IP地址、操作系统、硬盘空间、内存空间、CPU资源等,还可以进行安装程序、重启服务器等操作,与运行一台独立服务器完全相同。

网站空间就是咱们所谓的虚拟主机,虚拟主机是在网络服务器上划分出一定的磁盘空间供用户放置站点、应用组件等;提供必要的站点功能、数据存放和传输功能。

通俗的说服务器就是一个小区,vps就相当于这个小区里的每栋楼房或者xx单元,虚拟主机就是服务器或者VPS租出去的每一个房屋,域名就相当于门牌号,有了这个门牌号,才可以知道别人在的具体位置

当然如果嫌麻烦可以直接使用github pages或者coding pages去托管你的静态资源。

网站程序(网站源代码)

程序就是建设网站所有使用的编程语言,换成源代码就是一堆按一定格式书写的文字和符号。源代码是指原始代码,可以是任何语言代码。

比如大家随便写一个html文件,这就算是一个程序。

数据库

最开始的网站都是静态网站,用来展示一些数据,无法存储数据。

后来有了动态网站,就有了数据库,通俗的理解为就是一个大的仓库。

有了数据库,我们可以保存用户信息,商品信息,等很多数据信息。

网站分类

根据网站所用编程语言分类:例如asp网站、php网站、jsp网站、Asp. net网站等;
根据网站的用途分类:例如门户网站(综合网站)、行业网站、娱乐网站等;
根据网站的功能分类:例如单一网站(企业网站)、多功能网站(网络商城)等等。
根据网站的持有者分类:例如个人网站、商业网站、政府网站、教育网站等。

备案

域名备案

凡是你使用的主机在中国大陆,那你当前绑定的域名都需要备案(网站ICP备案),指向外国主机或服务器则不需要备案,具体备案流程可以自行搜索。

如果你只是买来域名收藏或者投资,不是用来建站,那就无需备案了。

17年的时候管局又更改了规则,好多域名都已经在国内无法取得备案了,下面是一份来自管局的可以备案的域名单:http://xn--fiq8ituh5mn9d1qbc28lu5dusc.xn--zfr164b/

公网安备

如上图,这就是公网安备,这种一般是交互式网站需要去当地所在公安局登记,这个备案的作用是为了当地公安局对网络安全进行管理和监督。一般个人非营利性网站申请公网安备的少之又少,原因你们懂得。

交互式网站备案成功后,基本你就处于网警的监督下了,一旦出了问题(遗漏屏蔽关键词等),警察直接能找到你个人或单位,处罚是很严重的,不可儿戏。

实战篇

准备

虚拟主机可以看下景安的或者阿里云的,但是现在大厂的云服务器活动都很多,也非常便宜,之前在博客整理过阿里云近期的优惠活动:https://www.iyouhun.com/post-123.html. 这里我就用我服务器开的主机做演示。

域名就更不用说了,现在各大idc一直有活动,几块钱就能注册一年,如果是测试也可以使用免费的tkml等等。这里补充一个新网的活动,新用户免费撸1年域名 4个自选 需实名认证http://www.xinnet.com/composite/zt/2018Y1012domain.html (真的不是广告,碰巧看到的)
10.22更新 阿里问卷调查送一个CN域名! 和1000元注册局安全锁代金券http://a.aliyun.com/f1.XYqDM)

自行备好程序,上次我演示是用的静态html,这次就用typecho程序做演示。

工具:FlashFXP.zip

上传程序

打开 FlashFXP > 点击会话 > 快速连接

连接类型选择FTP按要求输入主机信息

如果是服务器则选择 SFTP over SSH 按要求输入服务器信息

然后将你的程序上传到主机根目录里,如果主机管理平台支持在线解压就上传压缩包,在管理面板解压,不支持就本地解压上传。注意,一般网站虚拟主机都有默认文件夹配置(例如、根目录文件夹、备份文件夹、日志文件夹)

如下图:默认左侧是远程主机内容,右侧是本地计算机文件,选中你要上传的程序,右键 > 传输选定的项

绑定域名

首先去域名管理平台解析域名(也就是你购买域名的地方)

然后进入域名解析页面,添加解析保存即可,记录类型看你主机商要求,一般是A

一般购买的虚拟主机都会有一个管理虚拟主机的页面,在这里你可以查看所有主机信息,并且可以给主机绑定域名。

安装程序

如果你是静态的网站,没有后台不用配置数据库等等,那到这里直接访问你绑定的域名就行了,至此这个网站就好了,可以去尝试做下SEO优化,这样百度就会更容易收录你的网站了。

还有一种是需要在程序文件中配置数据库信息例如config.phpconfig.asp等等,或者访问特定的路径安装,例如访问:域名/install域名/install.php等等。

一般的开源程序,都有引导式安装,第一次访问你绑定的域名,它会自动识别程序是否安装,未安装则跳转到安装页面。如下图typecho

然后就是输入数据库信息网站管理信息等配置信息。

这就是搭建好的网站啦

总结

这里我拿的 typecho开源程序做的演示,自己写的也好,直接使用别人开源的也好,所有的程序安装都大同小异。格外注意下主机/服务器环境和与程序所需安装环境是否匹配就行了。

欢迎留言

17 条评论

  1. 有这个想法,没这个实力,看了之后发现自己还是不会

    Windows 7 x64 Google Chrome 78.0.3904.108
  2. 你好  你这个网站的模板是什么咧  求分享  946249562@qq.com  t通typecho

    Windows 7 x64 Google Chrome 59.0.3071.115
  3. 之前不懂,三年前公安备案过了,有点害怕。我爱国,心中充满正义,肯定没事╮(╯▽╰)╭

    Windows 7 Google Chrome 60.0.3112.113
  4. 这是每个新手成长的必经之路,想一想自己从当年的chen挂Q,就一发不可收拾了!

    Android 8.0.0 Opera 1
    1. @一抹阳光:是呀,那会还都是wap的天下,满满的都是回忆!爱心

      Windows 10 x64 Google Chrome 69.0.3497.100
      1. @游魂:感谢还来不及呢大哥。>w<

        Windows 10 x64 Google Chrome 70.0.3538.67
        1. @shan Yi:其实主要是那些名词的理解,搭建很简单,先了解个大概,也可以使用文章里的程序 ‘typecho’搭建个自己的博客,玩玩它的后台。有不懂的欢迎来骚扰

          Windows 10 x64 Google Chrome 69.0.3497.100
          1. @游魂:嗯,用node写的后台,不过才写一点,不行就转typecho哈哈

            Windows 10 x64 Google Chrome 70.0.3538.67
          1. @游魂:哇咔咔,这个typecho也太强大列,好像不用写什么东西列。

            Windows 10 x64 Google Chrome 70.0.3538.67
          1. @shan Yi:嗯 相对于wordpress的臃肿,它还是很简约的,而且原生支持markdown语法

            Windows 10 x64 Google Chrome 69.0.3497.100