首页 › 电脑 › 如何搭建个人网站（内容详细，适合新手）

xf_xf 发表于 2023-10-8 17:55:17

如何搭建个人网站（内容详细，适合新手）

大家在网上自行搜索相关题目，会有很多的文章啦。那，如果你跟我一样。作为一个小白，没有专业知识，但热衷想体验一番。可以看看以下内容，这是我刚踩完坑后的(粗略)经验，分享给大家。

经历昨晚几个小时的研究，终于实现了创建网站的第一步。先给个截图，证明一下，有效！嘻嘻~

http://pic4.zhimg.com/v2-fa9880fb71a665b87887c3060d75234b_r.jpg

由于刚创建，还没有开始写代码，所以就比较简陋啦

ok，咱们废话不多说，直奔主题。到达创建成功这一步，大概需要以下流程：

[*]购买域名
[*]购买服务器
[*]相关配置
购买域名

购买域名你需要知道以下内容：

[*]在哪里购买
[*]如何买
[*]买后需要干嘛
现在我按顺序给大家讲一波~

[*]在哪里购买
购买域名的网站有很多，分为国内 and 国外。简单举几个例子：
国内：阿里，腾讯，万网等
国外：Namesilo，Godaddy，Wealthyaffiliate等
那么如何选择呢？

[*]价格：国内，价格比较良心，在接受范围。国外，Namesilo价格最低，Godaddy首年很低，但续费超贵，另外一个居中。
[*]备案：国内购买的域名，需要进行报备。报备时间为：7-10天的亚子。国外购买的域名，不需要报备，不受第三方约束。
[*]安全性：所有域名最好都应该拥有隐私保护。从学生档的角度考虑，可以参考Namesilo和Wealthyaffiliate，因为这两者提供免费的隐私保护。不一定很好，但作为刚入手的新手是可以考虑的。
考虑范围当然是非常多的，不过，作为新手，先了解大概一点作为入门应该还是可以的。那么我本人呢，选择的是Namesilo(支持国内支付)。
原因：我是大学生，还没有经济收入，并且作为刚入门了解，所以选择了它。
大家可以根据自己需求，自行选择！
2. 如何买
好哒，我们进入第二个环节。我根据自己选择的购买方式给大家做演示，希望能够帮到您！
首先：我们进入Namesilo网站(可能会有点慢)
点击进入之后呢，你会看到以下页面

http://pic1.zhimg.com/v2-7764c9e55a0f666eb57cc597a352b764_r.jpg
你使用的浏览器如果支持翻译是最好的，可以看到注册在哪里。如果没有翻译呢，看下图操作

http://pic1.zhimg.com/v2-f4d28c9c379156f4438f33fb805dfb5c_r.jpg
点击Register即可，接下来你会看到非常懵的页面(对于英语不是很好的小伙伴)，比如我，嘿嘿

http://pic2.zhimg.com/v2-1d067c41975a72caa2ee9e597a3a4725_r.jpg
接下来呢，你需要先创建一个账户，这样才能进行购买，点击Create New Account，进入创建账户页面

http://pic4.zhimg.com/v2-e9e0fc0afbcaf0acf5f389bc6179a34f_r.jpg
给大家标注一下内容

http://pic1.zhimg.com/v2-2862d37423ae83aa831740b90925f934_r.jpg
这里我挖了一个坑，嘿嘿。如果你看不懂图中奇怪的东西，那恭喜你。跟我一样，中弹了。你需要刷新页面，直到看到，你能看懂的内容为止，例如

http://pic3.zhimg.com/v2-9f44da5110905aee4b0383758a35fe56_r.jpg
是不是现在就知道了。不过我的内容没有显示完整。可能与浏览器有关系，不过你可以大概猜测一下最后一个是什么字母，比如，俺猜它肯定是个 'Y'
特别注意！

http://pic2.zhimg.com/v2-287ab84bb635663c61895f18b172a465_r.jpg
Username 是你之后登录网站时需要填写的，不是邮箱哟！
ok，创建好后，登录。在右侧功能栏找到它

http://pic3.zhimg.com/v2-361ef34a27a278d095f419d1ba2ed85e_b.jpg
然后进入以下页面

http://pic4.zhimg.com/v2-e853a53fea2dee356011a81365743497_r.jpg
有 * 的表单，填它。邮箱一定填写你常用的邮箱！其他的，自由发挥。

http://pic4.zhimg.com/v2-0a6da06b21c7e749facc7c91aec9a693_b.jpg
填好后点击下面 Save（保存），然后点击顶部导航栏，Register 开始选择域名！

http://pic4.zhimg.com/v2-b1f33f3a4c4cc3a976e240132fbad06b_r.jpg
在这里输入你想要的域名名字，后缀名可以先不用管。以下为选择界面

http://pic2.zhimg.com/v2-e6ec83126b705e7f1896751d595d7f49_r.jpg
上面给出了你可以买哪些域名类型(类型有限)。选好后呢，看这里

http://pic2.zhimg.com/v2-e9f2b4effadf151d890c73b5175ea859_r.jpg
不同类型的价格不一样，哈哈。当然，选择域名后缀，是很有必要的！这里不多说，想了解的可以私聊我。

http://pic2.zhimg.com/v2-02f8983177970c8e897d9877c27dcccd_r.jpg
选择你心怡的baby，Go！买好之后，会让你等待些许时间，这里我没法上图，毕竟需要购买对吧。但是不着急。过一会儿提醒成功后，点击

http://pic3.zhimg.com/v2-af9db4c55f239f0334c43d237034bd92_b.png
查看你购买的域名，像我这样

http://pic2.zhimg.com/v2-5dfabdb825d274275b80b35d2ba36c85_r.jpg
<hr/>这里需要跳过一个小环节，也就是 解析域名环节！这一步，需要先购买域名后，才能进行。那我们现在跳到下面一个环节
购买服务器

购买服务器你需要知道以下内容

[*]在哪儿买
[*]如何买
[*]买后干嘛
1.在哪儿买

[*]面向学生：推荐阿里云和腾讯云学生服务器--学生机。好处：价格实惠！价格实惠！价格实惠！9元一个月，难道你不心动？作为入门新生，先买来了解是很足够啦。
[*]面向深度学习者：这个就得靠你了老哥，小白不敢在这里推荐！
2.如何买
我购买的是阿里云的学生机。那我就用学生机演示好了。点击下方链接
来到购买页面

http://pic3.zhimg.com/v2-953fbd8777a72050ca9ea45967a08b3a_r.jpg

[*]应用镜像：在系统镜像的基础上帮你安装好了应用，免去了你自己安装配置的过程（不熟悉linux的盆友还是先以熟悉操作为主好一点）
[*]宝塔Linux面板：相对于其他选项，这个的操作界面看起来会简单的多，更容易上手。
[*]选多久的话，根据你自己的情况来吧。
顺着流程走，购买成功后，会提醒你，进入云服务器控制台。

http://pic4.zhimg.com/v2-76bef48fba5c0818a1084b03b297afa7_r.jpg
就是这个界面没错。

http://pic1.zhimg.com/v2-9c8a197e7ca06bc2f6ee378d9189866c_b.jpg
按流程，先搞定再说。以下是你会遇到的一些操作

http://pic4.zhimg.com/v2-80dee189b9df6dcc68c69c466677e7f3_r.jpg
添加以上端口，打马赛克的端口，填你自己的端口号

http://pic3.zhimg.com/v2-433b7e36ad4f8e3347a2f9c2e238a78e_r.jpg
用户名为你登录面板的默认用户名。获取密码的时候，记得先进入root权限。会有提醒！

http://pic3.zhimg.com/v2-a788d9ea4b0ca8e353bd07ae823ceb5e_r.jpg
进入面板会涉及到安装套件。以下供参考

[*]写简单，轻量级的前端页面，可选Nginx。(安装时间通常30分钟之内)
[*]内容复杂，注重性能的，可选Apache。（安装时间很长，看人品）
[*]MySQL，PHP等版本，可以先选择默认。后期有需求，可以再进行更行。
[*]选择编译安装，可以保证内容全面一点。
选择好后，点击一键安装即可，现在你可以先不管它了。因为它是后台自动安装。现在我们进入解析域名环节
解析域名(DNS)

解析域名的用途：
当你购买好域名之后，呈现形式为 http://example.com的形式，还没有添加www。要让你的域名公开到网络上面去，需要将其解析，即可获得http://www.example.com的形式。

[*]在哪里解析域名
很多网站都可以解析。你在哪里购买的域名，就可以在哪里解析。当然，你也可以使用其他的网站解析域名。例如：阿里，Namesilo，BlueHost(简称BH)等
2. 解析需要花钱吗
有免费的解析，也有需要花钱的。花钱的，自然好处更多。老规矩，作为穷鬼的我，当然选择免费的啦。我选择的是在阿里云上面解析。
3. 如何解析
点击下方链接，进入阿里云，在搜索栏输入dns解析，弹出相应页面。登录后，来到以下页面。

http://pic1.zhimg.com/v2-997e66c856b2dbc0964aa9226cdae9f4_r.jpg
自然是点击增加域名

http://pic1.zhimg.com/v2-3e33fa04f037dece3ed09ead35a9fa20_r.jpg
主域就是你购买的域名例如 http://example.com，子域相当于二级域名，例如 http://example.god.com。

http://pic2.zhimg.com/v2-e3717f87260b5d989d02a8d0ef41373d_r.jpg
出现未使用阿里云解析，why？因为你确实没有使用它的解析。你把鼠标移动到字体表面，出现以下弹框

http://pic3.zhimg.com/v2-633fa604b376004e21f92f1be602490a_b.jpg
让你到你域名出生的地方去修改DNS服务器。这里有两个选项。cool！现在我们回来了上面断层的地方。打开你购买域名的网站，点击那个数字 1

http://pic2.zhimg.com/v2-fe3b1ddb900d03545c226014cc3d70a5_r.jpg
选中你购买的域名，然后点击箭头所示按钮。老夫掐指一算，你的页面会有三个默认的选项。那么，你应该把最后一个删掉。然后，更改前两个内容。

http://pic4.zhimg.com/v2-46bfb0eb88d4276d998747a22f186863_b.jpg
改成这样，点击SUBMIT按钮，就可以提交。现在就说明，你已经修改了DNS服务器。
But！！我们还差一个地方没有修改！跟我来~

http://pic3.zhimg.com/v2-a149d9fbd1b917cae504187789436f8e_b.png
回到以上界面，点它！

http://pic1.zhimg.com/v2-f8f6fd6744ae9249ff5dfafee7e9371c_r.jpg
它应该会用这个红色的字体向你发起警告，但是别怕，我们不理会，点击 ×
现在你会看到有四个默认选项。现在，删除最后两个默认选项，点击红色 × （大胆删除，不用怀疑顺序不对）。现在只剩下了两个带有A的选项

http://pic3.zhimg.com/v2-105c9b7d41ec797c60e8b5c88c3d087a_r.jpg

[*]点击 序号1 右边编辑按钮，HOSTNAME不用管，红色箭头，IPV4，输入你服务器的内部IP地址。

http://pic3.zhimg.com/v2-679ab200c53cee24793d44da4d47497e_r.jpg
哪里查找呢？现在回到你服务器的控制面板

http://pic4.zhimg.com/v2-f8774693704225993859cdffdc1ae017_r.jpg
红色箭头，就是你服务器的IP地址。现在，复制到IPV4里面去，点击 SUBMIT 按钮
2. 点击 序号2 右边编辑按钮，在HOSTNAME填上 www ，在IPV4的位置填上服务器的公共IP地址。

http://pic4.zhimg.com/v2-5cc6eecabaae3df3d640e98de013679b_r.jpg
点击 SUBMIT 按钮，现在距离成功越来越近啦。加油！
我们回到阿里云解析dns的地方！！

http://pic3.zhimg.com/v2-c8bc6953a686fc5c921d4cf8a21acd4e_b.png
如果你看到了显示绿色的字体，那恭喜你，成功了。现在，点击该域名字体

http://pic2.zhimg.com/v2-38511b2faf2e8843d1157e7bfd05800d_b.png
会出现这样的东西

http://pic2.zhimg.com/v2-681865b58eeda8d65eac19eb84c47b35_b.jpg
nice！现在可以解析了。点击 新手引导

http://pic3.zhimg.com/v2-b3d7b1178b5e0d11b3dc104c7175ab12_r.jpg
在这个地方，输入你服务器的IP地址，还记得上面怎么看的吗~
好的，当你确定后，就会提醒解析成功啦！！
现在回到你的服务器控制台，添加你的域名。

http://pic4.zhimg.com/v2-765a7c30ee8dc5d1006733bde2aba4b3_b.png
然后点击 添加域名

http://pic3.zhimg.com/v2-e40c0b33d6f3b6172c954ff5947b609a_b.jpg
此时此刻，在这里填好你的域名 example 点击确定。over！

http://pic1.zhimg.com/v2-5a2500b82286c2189ce3b1b83fa57350_b.png
出现这个提示，解析域名就大公告成了！！
最后一步！！！！！
配置网站

现在打开你的 宝塔面板

http://pic3.zhimg.com/v2-86f4e83f9b0afe2d3b870a32d06c0f3e_r.jpg
然后执行下一步

http://pic2.zhimg.com/v2-4055a94a538957891ff579edb227f221_r.jpg
提交后，如果你看到以下提示

http://pic2.zhimg.com/v2-a35b0be1e236dda864e0ddad0ab30ac9_b.png
那就说明配置完成，等1分钟，刷新面板页面，打开你自己的浏览器。

http://pic1.zhimg.com/v2-3d2ab2d08888493e502ee2539a583584_b.png

输入你自己的域名

接下来让我们一起鉴证奇迹，哇咔咔~

http://pic2.zhimg.com/v2-e8a94d14f1683e537cd950134ccda059_r.jpg
出现这个让人兴奋的页面，那么你搭建网站最重要的一步就结束啦！！目前就分享到这里啦，内容比较基础，大家见笑了~
<hr/>以上是从 购买域名--购买服务器--解析域名--配置网站的一个大致流程。这是我刚刚踩完了坑，到建站成功的整个过程。在这里分享给大家。相关文章很多，但讲细的比较少，可能是对读者的能力评估比较良好。像我这种理解能力不好的，就只能一步一个jio印来啦。花这么多时间分享一些内容，希望对大家能够有所帮助。不涂啥，就涂大家看得明白就好。
至于后面的内容，例如，如何建立自己的页面，如何管理页面，本章就不做分享了。等俺更深一步了解好了，再给大家分享详细内容趴。
<hr/>由于个人能力有限，如果以上内容有错误的地方，欢迎大家指点。我会一一作出修改。
如果希望内容有所补充，也可以留言，虚心采纳大家的意见。谢谢。

以上内容仅代表个人观点，做一个日常分享。

licheng 发表于 2023-10-8 17:56:02

为什么我现在突然要备案了……

wsf960530 发表于 2023-10-8 17:56:48

想要国内直连的话好像一直都是需要备案的

afei4444 发表于 2023-10-8 17:57:41

是的，需要备案。我忘记更新内容了

zhengyan 发表于 2023-10-8 17:57:51

没用宝塔之前是不是就访问不了网站

tenbaby 发表于 2023-10-8 17:58:04

是的

hnlzc 发表于 2023-10-8 17:58:36

Namesilo会不会访问速度比较低，公网会有限制

peeperp 发表于 2023-10-8 17:59:06

不会的，放心

bulbul 发表于 2023-10-8 17:59:14

接下来怎么弄啊
[思考]

wddp 发表于 2023-10-8 17:59:20

可以私信我

查看完整版本: 如何搭建个人网站（内容详细，适合新手）