创建自己的个人网站(一)

news/2024/5/21 2:44:06/文章来源:https://blog.csdn.net/u013225178/article/details/79344543

在学习过程中,我们想要将自己的作品发布到网上,创建个人网站,以下是个人网站搭建的简单介绍。

 (建议建站前,了解常用linux指令)

步骤:1.注册域名

          2.开通云服务器

          3.搭建网站环境

          4.发布网站内容

          5.域名解析

          6.完成ICP备案

(本次仅介绍静态网站的搭建,动态网站后续文章详细介绍)


1.注册域名      

 a) 打开阿里云网站首页  https://www.aliyun.com/

 b) 打开产品页面下的域名注册页面

 c) 查询自己喜欢的域名(.top、.xyz 相对便宜,适合个人学习使用)

 d) 加入清单并购买(需实名验证)


2.开通云服务器

  方式一:阿里云网站购买(选择适合自己的云服务器版本,按步骤依次完成购买)

  方式二:(个人尝试免费获取)

  a)下载阿里云APP

  b)进入app => 下方"控制台" => "云服务器ECS" => "[惠]云服务器免费用半年,速领" 

         => 个人免费套餐领取(每天十点开抢) => 开通自己需要的云服务器实例

  注: 本文章选用CentOs系统,且注意记录设置的管理员(Root)用户密码

        


3)搭建网站环境(简单的静态网站环境)

    a)用我们本地电脑连接新购买的云服务器,通过远程连接工具Xshell(同类其他ssh工具均可)工具

       注:由于选用linux做服务器,故需了解简单的linux指令,及Xshell工具的下载地址,附于链接

              http://blog.csdn.net/u013225178/article/details/79283204

        打开Xshell5 => 输入公网IP => 输入管理员名称(如 root)及密码 => 完成远程连接

    b)安装Apache

         在Xshell客户端中输入指令

yum -y install httpd

    c)启动Apache

service httpd start


4)发布网站内容

   a)新建HTML页面 index.html(无一例外的hello world ...) 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Abin</title>
</head>
<body>My first web html...<br>Hello world, I am lilingbin...
</body>
</html>

 b)将本地的静态页面上传到云服务器

       推荐使用Xftp5工具(连接步骤如ssh工具)

       将index.html页面上传到linux服务器下的 /var/www/http 目录下    

注:由于是解析静态页面,故无需重启Apache

c)打开浏览器,输入公网IP,即可访问网站

      

  

5.域名解析

     通过以上步骤,我们已经可以通过IP地址访问到我们的静态网站了,但为了使访问更加方便,我们需要将域名与IP地址进行绑定。

    a)打开阿里云网站,控制台的域名管理页面

        具体的域名解析工作,我们可以交给阿里云专业的解析系统,我们要做的是

        配置域名与IP的绑定,即A记录

   b)点击我们购买的域名 => 添加解析

        记录类型:A

        主机记录:www

        记录值:101.132.139.49(公网IP)

         


6.完成ICP备案

   在完成域名解析工作后,还不能通过域名访问网站

   在国内,需要对域名进行备案(国外服务器不需要)

   备案工作,可在阿里云网站通过自主提交备案信息

   备案需要提交自己的身份证正反照,网站备案信息个人签字(需打印后签字,拍照上传)

   备案需通过阿里的内部审核和工信部审核,需要一段时间

   完成备案后,即可通过域名访问到自己的静态网站!!!

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

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

相关文章

如何建立个人网站?先分享一下

写在最前 一直想建立一个自己的网站&#xff0c;无奈本人是个没有恒心和耐心的人&#xff0c;现在终于决定动手试一下了&#xff0c;结果发现查到的教程不是太简单了&#xff0c;就是啰嗦到我不想读下去&#xff0c;所以我决定弄好了自己写一篇。嘻嘻&#xff0c;建网站的目的…

搭建个人网站(详细教程)

一、概述&#xff08;列举利用域名对接自己的博客&#xff09; 本篇博客具有较高的实用性&#xff0c;如果你有足够耐心阅读并操作下去的话&#xff0c;你一定能获得意外的收获。如果你有耐心访问www.007svip.cn或者007svip.cn的话&#xff0c;你会发现进入的是我的博客首页。我…

如何搭建个人网站

首先&#xff0c;申明下本文所指的新人是指会上网站看网页&#xff0c;会自己聊QQ&#xff0c;会在新浪、网易等平台上写博客的人。当然你要说这个只要会上网的人都会了&#xff0c;是的&#xff0c;我所指的新人就是会上网的人。所以本文的技术含量不会很高&#xff0c;高手可…

前端开发者需要知道的网站

很开心与你们分享一些前端工程师需要了解的网站&#xff0c;当然&#xff0c;只要你是开发者&#xff0c;也不妨了解一下。ok&#xff0c;lets go ! 1. Flat UI https://flatuicolors.com/ 比较适用的配色方案&#xff0c;方便&#xff0c;适合自己搭配网站2. Canvas画布…

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

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

Java民宿网站管理系统

&#x1f525;作者主页&#xff1a;bug刘&#x1f525; &#x1f496;简介&#xff1a; 简历模板、学习资料、面试题库【关注我&#xff0c;都给你】&#x1f496; 工具下载链接&#x1f60e;&#x1f60e;&#x1f60e;&#xff1a; JDK版本下载 Eclipse下载链接 Mysql下载链…

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

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

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

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

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

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

个人网站建立-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;只能在自己电脑打开…