如何搭建个人网站(内容详细,适合新手)

news/2024/5/21 3:49:15/文章来源:https://blog.csdn.net/weixin_43188825/article/details/103731725

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

 

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

 

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

 

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

  1. 购买域名

  2. 购买服务器

  3. 相关配置

购买域名

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

  1. 在哪里购买

  2. 如何买

  3. 买后需要干嘛

现在我按顺序给大家讲一波~

1.在哪里购买

购买域名的网站有很多,分为国内 and 国外。简单举几个例子:

国内:阿里,腾讯,万网等

国外:Namesilo,Godaddy,Wealthyaffiliate等

2.那么如何选择呢?

  • 价格:国内域名商,价格比较良心,在接受范围。国外,Namesilo价格最低,Godaddy首年很低,但续费超贵,另外一个居中。

  • 备案:国内,国外购买的域名都不需要备案,但是,如果使用国内服务器,则需要备案国外服务器则不需要。多说两句,如果你购买了国外的域名,想搭在国内服务器上面,过程很麻烦!!首先,你需要把域名商转到国内(前提是,域名购买已有60天),然后在国内进行实名认证,2-3天后才可以备案。如果大家想在国内购买服务器,最好在国内购买域名!!

  • 安全性:所有域名最好都应该拥有隐私保护。从学生档的角度考虑,可以参考Namesilo和Wealthyaffiliate,因为这两者提供免费的隐私保护。不一定很好,但作为刚入手的新手是可以考虑的。

考虑范围当然是非常多的,不过,作为新手,先了解大概一点作为入门应该还是可以的。那么我本人呢,选择的是在Namesilo购买域名(支持支付宝付款)。

原因:我是大学生,还没有经济收入,并且作为刚入门了解,所以选择了它。

大家可以根据自己需求,自行选择!

3. 如何买

好哒,我们进入第二个环节。我根据自己选择的购买方式给大家做演示,希望能够帮到您!

首先:我们进入Namesilo网站(可能会有点慢,毕竟是外网)

Cheap Domain Names & Websites, Search, Register & Transfer In Domains

点击进入之后呢,你会看到以下页面

你使用的浏览器如果支持翻译是最好的,可以看到注册在哪里。如果没有翻译呢,看下图操作

点击Register即可,接下来你会看到非常懵的页面(对于英语不是很好的小伙伴),比如我,嘿嘿

接下来呢,你需要先创建一个账户,这样才能进行购买,点击Create New Account,进入创建账户页面

给大家标注一下内容

这里我挖了一个坑,嘿嘿。如果你看不懂图中奇怪的东西,那恭喜你。跟我一样,中弹了。你需要刷新页面,直到看到,你能看懂的内容为止,例如

是不是现在就知道了。不过我的内容没有显示完整。可能与浏览器有关系,不过你可以大概猜测一下最后一个是什么字母,比如,俺猜它肯定是个 'Y'

特别注意!

Username 是你之后登录网站时需要填写的,不是邮箱哟!

ok,创建好后,登录。在右侧功能栏找到它

然后进入以下页面

有 * 的表单,填它。邮箱一定填写你常用的邮箱!其他的,自由发挥。

填好后点击下面 Save(保存),然后点击顶部导航栏,Register 开始选择域名!

在这里输入你想要的域名名字,后缀名可以先不用管。以下为选择界面

上面给出了你可以买哪些域名类型(类型有限)。选好后呢,看这里

为你的域名提供防止攻击保护,如果你有钱,可以购买

看到没有,这个随便选择的域名,仅仅1.59美元一年!!看得我内心躁动,哈哈。当然,选择域名后缀,是很有必要的!这里不多说,想了解的可以私聊我。

选择你心怡的baby,Go!买好之后,会让你等待些许时间,这里我没法上图,毕竟需要购买对吧。但是不着急。过一会儿提醒成功后,点击

查看你购买的域名,像我这样


这里需要跳过一个小环节,也就是 解析域名环节!这一步,需要先购买域名后,才能进行。那我们现在跳到下面一个环节

购买服务器

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

  1. 在哪儿买

  2. 如何买

  3. 买后干嘛

1.在哪儿买

  • 面向学生:推荐阿里云和腾讯云学生服务器--学生机。好处:价格实惠!价格实惠!价格实惠!9元一个月,难道你不心动?作为入门新生,先买来了解是很足够啦。

  • 面向深度学习者:这个就得靠你了老哥,小白不敢在这里推荐!

2.如何买

我购买的是阿里云的学生机。那我就用学生机演示好了。点击下方链接

https://promotion.aliyun.com/ntms/act/campus2018.html?spm=5176.10695662.1244717.1.641e5a06smfVxc&aly_as=bxhbZTl7

来到购买页面

  • 应用镜像:在系统镜像的基础上帮你安装好了应用,免去了你自己安装配置的过程(不熟悉linux的盆友还是先以熟悉操作为主好一点)

  • 宝塔Linux面板:相对于其他选项,这个的操作界面看起来会简单的多,更容易上手。

  • 选多久的话,根据你自己的情况来吧。

顺着流程走,购买成功后,会提醒你,进入云服务器控制台。

就是这个界面没错。

按流程,先搞定再说。以下是你会遇到的一些操作

添加以上端口,打马赛克的端口,填你自己的端口号

用户名为你登录面板的默认用户名。获取密码的时候,记得先进入root权限。会有提醒!

进入面板会涉及到安装套件。以下供参考

  • 写简单,轻量级的前端页面,可选Nginx。(安装时间通常30分钟之内)

  • 内容复杂,注重性能的,可选Apache。(安装时间很长,看人品)

  • MySQL,PHP等版本,可以先选择默认。后期有需求,可以再进行更行。

  • 选择编译安装,可以保证内容全面一点。

选择好后,点击一键安装即可,现在你可以先不管它了。因为它是后台自动安装。现在我们进入解析域名环节

解析域名(DNS)

解析域名的用途:

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

1. 在哪里解析域名

很多网站都可以解析。你在哪里购买的域名,就可以在哪里解析。当然,你也可以使用其他的网站解析域名。例如:阿里,Namesilo,BlueHost(简称BH)等

2. 解析需要花钱吗

有免费的解析,也有需要花钱的。花钱的,自然好处更多。老规矩,作为穷鬼的我,当然选择免费的啦。我选择的是在阿里云上面解析。

3. 如何解析

点击下方链接,进入阿里云,在搜索栏输入dns解析,弹出相应页面。登录后,来到以下页面。

阿里云-上云就上阿里云​www.aliyun.com

自然是点击增加域名

主域就是你购买的域名例如 example.com,子域相当于二级域名,例如 example.god.com。

出现未使用阿里云解析,why?因为你确实没有使用它的解析。你把鼠标移动到字体表面,出现以下弹框

让你到你域名出生的地方去修改DNS服务器。这里有两个选项。cool!现在我们回来了上面断层的地方。打开你购买域名的网站,点击那个数字 1

选中你购买的域名,然后点击箭头所示按钮。老夫掐指一算,你的页面会有三个默认的选项。那么,你应该把最后一个删掉。然后,更改前两个内容。

改成这样,点击SUBMIT按钮,就可以提交。现在就说明,你已经修改了DNS服务器。

But!!我们还差一个地方没有修改!跟我来~

回到以上界面,点它!

它应该会用这个红色的字体向你发起警告,但是别怕,我们不理会,点击 ×

现在你会看到有四个默认选项。现在,删除最后两个默认选项,点击红色 × (大胆删除,不用怀疑顺序不对)。现在只剩下了两个带有A的选项

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

哪里查找呢?现在回到你服务器的控制面板

红色箭头,就是你服务器的IP地址。现在,复制到IPV4里面去,点击 SUBMIT 按钮

2. 点击 序号2 右边编辑按钮,在HOSTNAME填上 www ,在IPV4的位置填上服务器的公共IP地址。

点击 SUBMIT 按钮,现在距离成功越来越近啦。加油!

我们回到阿里云解析dns的地方!!

如果你看到了显示绿色的字体,那恭喜你,成功了。现在,点击该域名字体

会出现这样的东西

nice!现在可以解析了。点击 新手引导

在这个地方,输入你服务器的IP地址,还记得上面怎么看的吗~

好的,当你确定后,就会提醒解析成功啦!!

现在回到你的服务器控制台,添加你的域名。

然后点击 添加域名

此时此刻,在这里填好你的域名 example 点击确定。over!

出现这个提示,解析域名就大公告成了!!

最后一步!!!!!

配置网站

现在打开你的 宝塔面板

然后执行下一步

提交后,如果你看到以下提示

那就说明配置完成,等1分钟,刷新面板页面,打开你自己的浏览器。

输入你自己的域名

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

出现这个让人兴奋的页面,那么你搭建网站最重要的一步就结束啦!!目前就分享到这里啦,内容比较基础,大家见笑了~


以上是从 购买域名--购买服务器--解析域名--配置网站 的一个大致流程。这是我刚刚踩完了坑,到建站成功的整个过程。在这里分享给大家。相关文章很多,但讲细的比较少,可能是对读者的能力评估比较良好。像我这种理解能力不好的,就只能一步一个jio印来啦。花这么多时间分享一些内容,希望对大家能够有所帮助。不涂啥,就涂大家看得明白就好。

至于后面的内容,例如,如何建立自己的页面,如何管理页面,本章就不做分享了。等俺更深一步了解好了,再给大家分享详细内容趴。


由于个人能力有限,如果以上内容有错误的地方,欢迎大家指点。我会一一作出修改。

如果希望内容有所补充,也可以留言,虚心采纳大家的意见。谢谢。

 

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_825496.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java民宿网站管理系统

🔥作者主页:bug刘🔥 💖简介: 简历模板、学习资料、面试题库【关注我,都给你】💖 工具下载链接😎😎😎: JDK版本下载 Eclipse下载链接 Mysql下载链…

2021-08-30-CR-006 Python爬虫 使用requests和BeautifulSoup爬取网站上的代理服务器列表,每天一个爬虫小技巧

这里爬取西拉代理的高匿服务器列表 先分析页面的格式 这里可以看出来页面的第几页就是链接后面加数字和斜杠 然后测试下第一页也是可以的,2000页就是一个循环即可调整url 需要的数据在网页源代码的table里面,用BeautifulSoup即可选择 出来 代码&#xf…

创建个人网站(一) 如何申请一个网站

文章来源:http://jingyan.baidu.com/article/aa6a2c14df86650d4c19c4ce.html 建一个网站不需要多少钱,但用途是很多的。如果你经营有方,完全可以通过广告挣出网站费用。今天小编就告诉大家如何在万网申请并建立一个网站。 小编提示&#xff…

创建个人网站(二) 网站备案

来源:http://jingyan.baidu.com/article/358570f661b3a6ce4724fcf0.html 本系列上一篇经验我们学习了如何申请一个网站,包括申请域名和购买空间等。但是购买的网站域名和空间是不可以直接用的。我们国家规定所有国内网站必须先进行备案。 现在我们就学…

个人网站建立-1.1

1.使用 HBuilder X写出大致框架 开头添加了一个图片链接 <img src"../img/1.img.webp"/ width"100%" alt"背景图"> 2.用css描述样式&#xff1a; 3.效果图:

个人网站建立-1.2

&#xff08;遇到问题1&#xff1a;如何实现页面内跳转且导航栏保留&#xff09; 1.想到一个笨办法:把每个页面都写上导航栏代码&#xff08;后期再优化&#xff09; 这样跳转到其他部分导航栏也在&#xff0c;问题解决. &#xff08;后续补充每个板块内容&#xff09;

个人网站建立-1.3

优化-使用background语法设置背景图&#xff0c;更改背景图为高清图 删除原‘wx’类&#xff0c;在body里添加background 效果图&#xff1a;

个人网站建立-1.4

主页丰富&#xff08;脑子容量有限&#xff0c;见谅&#xff09; 添加介绍&#xff1a;欢迎来到我的个人网站~~ 在主页html里添加&#xff1a; <div id"text"> <p>欢迎来到我的个人网站~~</p> </div> 用css修…

个人网站建立-1.5

细节优化 和 添加单独css 及 代码注释添加 1.细节优化: 更改‘主页html’名字为-homepage.html 2.添加单独css分类命名: 3.添加必要注释

个人网站建立-1.6

1.主页继续丰富 &#xff08;使用position&#xff1a;fixed进行定位&#xff09; 2.板块自我介绍丰富 1.使用iframe标签进行内嵌框架 <div class"self"> <iframe frameborder"0" align"top" src"me1.html"…

个人网站建立-1.7

1.常用网站板坏丰富 1.统计常用网站的网址和图片 2.添加图片超链接&#xff1a; <div id"self"> <h3>生活网站</h3> <hr /> <a href"http://www.baidu.com" target"_bl…

个人网站建立-1.8

1.板块我的照片丰富 1.使用iframe标签添加框架 <div id"p"> <iframe frameborder"0" align"top" src"picture1.html" width"560px" height"550px"></iframe> <…

个人网站建立-1.9

板块联系方式丰富&#xff1a; 1.html代码&#xff1a; <div class"information"> <p><span>QQ:</span>888</p> <p><span>邮箱&#xff1a;</span>888qq.com</p> …

个人网站建立-2.0

板块留言丰富&#xff1a; 1.html代码&#xff1a; <form name"message" method"post" target"_blank"> <p id"p1">请写下要对我说的话吧&#xff1a;</p> <textarea c…

个人网站建立-2.1

&#xff08;分享板块暂时还没想好写啥&#xff0c;就暂时放着&#xff09; 网站现在就大致成型了&#xff0c;但只能自己本地登录查看就很难受&#xff0c;所以: 我就用了Appserv来解决这个问题&#xff01; 优点&#xff1a;操作简单 缺点&#xff1a;只能在自己电脑打开…

互联网协会 推出的中国网站流量监测公益性服务(带软件下载)

软件下载: http://www.chinarank.org.cn/download/ptxz.html?urlzg 中国网站排名是由 中国互联网协会 推出的中国网站流量监测公益性服务&#xff0c;为网民免费提中文网站的流量分析统计&#xff0c;让您及时、全面了解网站的综合数据变化。只要您安装中国网站排名工具条&am…

风云榜 -人气网站

(转自&#xff1a;电脑报&#xff08;总策划) &#xff09;网络宽带在国内大中小城市均完成了全面普及&#xff0c;国内网民数量陡增。面对如火如荼的网络市场&#xff0c;各大网站媒体也纷纷使出十八般武艺&#xff0c;创新不断&#xff0c;以此来搏得自己的网络市场份额。面对…

【好用的工具】搭建个人博客网站(域名备案 + https免费证书)

前言 为什么选择搭建个人博客&#xff1f;一方面是各个平台经常下架原创文章&#xff0c;另一方面是为了熟悉整个建站流程。 通过搭建个人博客&#xff0c;我们可以自由的发表文章不用担心下载&#xff0c;而且可以锻炼个人的SEO优化能力&#xff0c;不管是运维还是运营这块对…

新手如何最低成本搭建自己的网站

要说建站&#xff0c;可能很多人会因为网站空间的费用望而生畏&#xff0c;本文笔者分享几个容易上手而且价格非常有优势的网站空间&#xff0c;零基础也可以搭建博客&#xff0c;甚至搭建一个企业网站。 搭建网站并没有我们想象中的那么难&#xff0c;只要选择了方向&#xf…

【转载】大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年&#xff0c;看课本是不可能一直看课本的了&#xff0c;对于学习&#xff0c;特别是自学&#xff0c;善于搜索网上的一些资源来辅助&#xff0c;还是非常有必要的&#xff0c;下面我就把这几年私藏的各种资源&#xff0c;网站贡献出来给你们。主要有&#xff1a;电子书…