搭建一个网站需要什么基础?
本文最后更新于 181 天前,其中的信息可能已经有所发展或是发生改变。

下面两个地方收录了大量的中文独立博客,搭建博客这种事情从本质上来说并不困难。抛开为什么需要搭建不谈,即使您完全没有这方面的基础,搭建一个网站也是轻轻松松的。

GitHub 上的中文独立博客列表
feeds.pub 上的中文独立博客列表

优秀的网站需要长期地经营和维护,但是帆帆会首先介绍如何入门——先,去搭建一个你自己的个人引导页,让它能对访客开放吧!

与此同时,因为是我们的第一个网站,所以就简单一点,我们来尽可能地压榨一下成本!

本教程的单方面合作伙伴:星辰云

另外声明:准确地说,本教程将引导您部署一个网页。

理论准备


搭建一个网站需要哪些知识、哪些准备、哪些思想工作?

首先,请了解网站的基本工作原理,这对于所有类型的网站来说都是通用的:

  1. 访客使用浏览器,或通过搜索引擎,或通过外部的 url,或通过直接输入网址,尝试访问一个网站。
  2. 无论通过上述何种方式,一个指向该网站的网址会被访客的浏览器发送到 [DNS(Domain Name System)] 服务器,由 DNS 服务器返回该网址(或者说是域名)所对应的 IP 地址,被访客的浏览器接收。
  3. 访客的浏览器根据该 IP 地址访问目标 [主机],并与其建立可靠的连接。如果一切顺利,浏览器将根据目标 [主机] 返回的信息来绘制网页,访客就成功访问到了这个网站。

DNS 服务器能够将一个域名转换成一个 IP 地址,连接在互联网中的所有设备都拥有 IP 地址(但是分公网 IP 和内网 IP,由于与博客网站的入门关系不大所以略过)。访客的浏览器看似通过网址(域名)直接访问到了目标网站,其实是先通过 DNS 服务器将域名转换成一个 IP 地址,然后通过该 IP 地址访问到目标网站。

主机则是一个很宽广的概念。网站运行在一台设备上,就像是一台服务器,根据访客的操作完成对应的查询/计算,然后返回信息。这台设备可以是一台家用电脑,可以是一部老旧的手机,当然也可以是月租金几百几千的高防专用服务器。

所以说,搭建一个最简单的网站,我们需要准备的资源如下:

  • 一个属于自己的、能够解析的域名
  • 一台能够全天候开机并健康运行的主机
  • 一些赋予网站功能的文件
  • 好像没了。

看起来好像很难?

毕竟是一个最简单的网站,作为入门我们能简则简:域名可以挑免费的用,比如说免费二级域名,缺点就是个性化程度不够(当然这边建议注册一个自己的域名);主机的门槛比较高,DIY 难度不小,所以可以在网上挑便宜的用,缺点就是性能、安全这些方面会有影响;文件可以完全自己写,从头到尾 DIY 一个只属于自己的网站出来,也可以直接用现成的别人写的模板自己修改,而既要追求 DIY 又不想麻烦的话——各种各样的建站工具您值得拥有,比如一款名叫 WordPress 的建站工具(号称是博客建站,其实啥都能建),还有 Typecho ,Haxo,……

你看,你是不是只需要一个主机的钱,加上一个域名的钱,加上一点点时间和精力∠(°ゝ°)我们就先不涉及使用 WordPress 搭建网站了,吧,先展示如何显示一张您的个人引导页叭!

获得域名


帆帆上面反复地提到域名、网址、url 这些东西,可它们是什么?

康康浏览器顶部的那个网址栏,www.fancraft.top 就是帆域的域名,而 https://www.fancraft.top/index.php/archives/41 这种规格的就不能算是域名:域名指向的是一个 IP 地址。

网址是包括域名的概念在内的,一个网址需要指向一个网络资源,可以是一个网站的首页(www.fancraft.top),可以是一个具体的媒体文件(help.fancraft.top/index.php/content/…… .png)。URL 的概念与网址接近。

那么,我们先给计划中的博客网站获取一个域名叭!怎么获得……?

注册一个呗!

搜索“域名注册”的结果
搜索“域名注册”的结果

请注意,您可以去注册一个域名,但您从来没有完全拥有这个域名;您获得的是该域名在一定时间内的使用权,而不是所有权;您可以通过钞能力延长对域名的使用时间和解析能力,并阻止别人与您争夺这个域名,但是该域名从来都不属于您。

域名的更详细一点的介绍

域名的结构,如 www.fancraft.top ,可以被分为三部分,以英文中的句点为分界,从右往左:

“top”部分被称为顶级域名,比如说:com cn hk jp top xyz abc club me red us uk …… 您可能看出来了,顶级域名中有不少是以国家和地区的简写来定义的,一般来说这部分顶级域名的控制权完全掌控在该国家或地区的有关部门手中,使用该顶级域名需要满足该国家或地区的有关规定;另外以 com org net 为代表的通用顶级域名则*无这样的硬性规范*(有的时候还是会有,要看具体情况)。

“fancraft”部分被称为顶级域名的“上级部分”,这部分是我们注册域名时能够完全 DIY 的部分。

“www”部分被称为“二级域名”,与“fancraft”部分可以合称为该“top”顶级域名的“标签”。

没有硬性的规范要求一个完整的可访问域名必须由三部分构成,比如说:fancraft.top 是可访问的,其访问的结果与 www.fancraft.top 完全相同(当然是帆帆设置的啦,你也可以把它们设置成不同的指向);而只要帆帆愿意(并且有强大的能力、足够的脸皮和扛骂的决心),a.b.c.d.e.f.agd.fancraft.top 也可以被解析到一个主机上。

另外,帆帆拥有了 fancraft.top 的使用权之后,能够自己支配在 fancraft.top 之上的所有二级域名;同理,拥有 top 顶级域名的人、企业、单位、部门可以在有必要时强行支配所有以 top 作为顶级域名的域名。顶级域名并不掌控在域名注册商的手中,域名注册商只是代表域名所有者管理域名、提供服务,另一个例子:每个在 fire 下的域名都由 Amazon 管理。


星辰云二级域名分发的教程(仅供测试学习,不推荐在生产环境使用,尽管您只是想搭建一个自己的博客,帆帆仍然建议注册自己的域名如“fancraft.top”)

二级域名使用过程中出现的疑问,帆帆也无力解答。

那么为了压榨成本,我们选择一个免费的二级域名就 okk 啦,反正咱也没有拓展需求,问题不大!

星辰云二级域名分发星辰云二级域名分发

前往星辰云二级域名分发站,在此站点注册、激活并登录一个账号,然后就可以挑选一个得你芳心(?)的免费二级域名啦。

敲!敲!

欸嘿

找到一个可用的域名之后,就可以着手进行解析啦!

添加记录添加记录

添加记录添加记录

添加记录值之后添加记录值之后

现在我们就已经获得了这个免费的二级域名使用权,该域名现在指向的是星辰云的服务节点。然后我们就需要搞到一台主机,并将域名和其绑定上!

帆帆个人推荐去找腾讯云/阿里云/西部数码/耐斯科技/……自己注册一个域名,毕竟一个域名不是很贵,而且拥有自己的域名非常方便管理。由于不同的域名服务商的域名注册流程有所不同,教程就不写啦,他们服务商那里也会有教程的ヾ(≧▽≦*)o

获取您的域名之后需,请尽快进行实名认证,并对域名信息进行备案。然后,对域名进行解析的重任将在稍后进行。

虚拟主机


第一个网站,为了压榨成本,我会推荐您选购入门级的虚拟主机。但是首先,请访问星辰云的官网

starxv.com是备用域名
starxv.com是备用域名

作为访客,您需要在此处注册并登录另一个账号。此账号与二级域名分发站的账号不互通(事实上星辰云目前所有子站的账号都不互通2333)。

然后,您应该会被重定向至用户中心。现在来订购一款产品叭!

产品订购之后可以升降级,请勿担心
产品订购之后可以升降级,请勿担心

(这里由于帆帆已经有两台虚拟主机了所以就不演示了)

经过一套流程之后,您可以在这里看见您的虚拟主机

点击“操作”按钮,然后一键登录面板,前方有星辰云为您自动分配的面板密码。请不要将该密码泄露给任何人,因为他们将可以根据您的面板账号和密码登陆您的面板。

然后您就会来到这里啦!除了文件空间数据空间和流量与截图中的不一样,其他的部分应该差不多(划掉)

面板
面板
在线文件管理器
在线文件管理器

对于第一次登录的您来说,这里应当有一个“wwwroot”文件夹。出于省事,您可以直接将域名解析到这个文件夹上;而帆帆就先这样办喽:

域名管理
域名管理(仅供展示效果)
绑定域名的区域
绑定域名的区域,填完整的域名和文件管理器中的目录,如有疑惑可查看教程

尝试复制这个页面上的 CNAME 解析到的域名,复制不了的话就记住它,有用。

解析域名


例如说,sdns.starxz.cn 是面板上给出的 CNAME 记录值。

现在我们需要做的就是开始解析域名,将域名解析到这里。解析服务可以由域名服务商提供,也可以由 CloudFlare 之类的服务商进行。帆帆用的是 CloudFlare 来管理域名,但是域名并不是在这里注册的。

CloudFlare
CloudFlare

如果您需要使用 CloudFlare 等来管理非 CloudFlare 等注册的域名

请在您注册域名的域名服务商那里,将域名解析使用的 DNS 服务器调整为 CloudFlare 等提供的服务器。

使用 CloudFlare 的好处在于可以一键查看域名的访问情况、访问 IP 来源等,并且其拥有用于加速的免费套餐(虽然对于国内仍然不是很友好)。

添加记录
添加记录

这样,添加一个记录。类型必须选择 CNAME,而名称就是显示在您的域名前的二级域名,比如说:

  • 名称为“me”的话,我访问其所需要输入的完整域名就是“me.fancraft.top”。
  • 名称为“@”的话,只需要输入“fancraft.top”即可访问。
  • 一般会建议来一个名称为“www”的域名,比较常见(

然后,保存,稍微等待一会,“me.fancraft.top”域名就已经解析到星辰云的节点上了!

最后,确认您的主机控制面板的域名管理设置是正确的:

域名管理
域名管理

访问您的域名试试看叭!

现在域名并没有跳转到星辰云的服务节点,而是显示了“源码出现错误,无法打开”,这说明域名设置完毕,但是“/fan”目录下没有可用的文件来显示网页。

网页文件


由于是第一个站点,我们就使用一个现成的静态网页源码作为演示,静态网页源码可以自行寻找,比如在星辰云用户中心的“帮助中心”中就有提供。

这里用的一个“CNM.SB”源码作为演示(真的没有别的意思,只是这个源码很霸气而已!),然后帆帆已经对齐做了修改以将其作为本帆的个人导航页使用。您可以不用在意什么字体样式,毕竟现在是第一个网站,问题不大(

经过修改的CNM.SB源码
经过修改的源码

为了方便部署,我们将其打包成一个 zip 压缩包压缩包,然后从虚拟主机面板上的文件管理器处上传到对应的目录:

上传中
上传中
右键单击呼出菜单
右键单击呼出菜单
没有密码 所以可以留空
没有密码 所以可以留空密码栏 直接解压

最后的结果需要是,源码内容被放置在您将域名解析到的目录中,如下图所示。(至少 index.html 或其他以 index.xxx 命名的文件需要在此目录)如果有一些意外,比如压缩包里面还有一个次级目录然后才是源码,您需要将次级目录中的源码全选、剪切到解析目录。

解压后的目录
解压后的目录

您可以在本地压缩源码的时候就提前进行这些操作,这样的话——在虚拟面板中解压时就能一步到位了。

源码部署完毕之后,上传的压缩包、解压的次级目录等可以删除。

现在,访问一下您的域名叭!比如说,[ me.fancraft.top ]

部署完毕啦!
部署完毕啦!

向这样的静态网页可以部署在虚拟主机上,也可以部署在 GitHub GitLab Gitee 这些地方,在这里先挖个坑(点头)

部署在虚拟主机只是方便我们日后对其魔改,比如说,向帆域一样,从 2021 年时一堆拼凑的源码变成 2022 年的两个 WordPress 站点和一个 Typecho 站点(笑)

点击数:46

本文发表于帆域,转载请注明出处!QAQ

评论

  1. Windows Chrome
    6月前
    2022-4-20 14:56:47

    刚开始可以使用免费虚拟主机试试手,推荐免费主机www.freehost.cc,完全免费免备案,php+mysql完全支持各种博客建站程序,再搭配个免费域名,就能做到完全免费建站了

发送评论 编辑评论


|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇