从零开始搭建一个属于自己的网站

最新推荐文章于 2023-05-28 15:28:34 发布
最新推荐文章于 2023-05-28 15:28:34 发布
阅读量1k 收藏 10
点赞数 6
分类专栏： h5 文章标签： 网站
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PROBIE_/article/details/118096820
版权

0基础搭建一个自己的互联网网站
仅供参考

要搭建一个简单的网站首先要有展示的内容，也就是网页，这就需要用到html语言了，有基础的小伙伴可以自己写一个漂亮的网站，没有基础的想要个漂亮的也可以去找度娘，找一个漂亮的网站。
以下方便演示我就写一个简单的网页
首先创建一个文本文件
然后将以下代码粘贴到里面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>
			hello，world！
		</h1>
		<h1>
			你好，世界！
		</h1>
	</body>
</html>

保存关闭
重命名为index.html（后缀名是html哟，这里要注意）
修改完后图标会变成默认浏览器的图标，如果不是要查看后缀名是否是html
也可以在本地运行看看效果

页面创建完了，接下来要把它放到服务器上，方便让别人访问
但是首先要有一个服务器
这里使用阿里云服务器（这还不给个广告费？）
阿里云
进入注册登录
点击控制台在这里插入图片描述
然后点击左上角打开菜单栏，找到云服务器ecs，点击进入
找到实例点击进入—创建实例
接下来就到了购买服务器的页面，账号余额小于100的要先重置哟

接下来注意
按量付费
选个右上角带惠字的地区
选个2vcpu，4gib筛选后选中第一个
镜像-选择windows server 版本-2008 企业版 r2 中文版
下一步-网络和安全组
全部默认
下一步-系统配置
设置个密码用于登录
然后确认订单
此时就会有个正在启动的实例了
（此时注意！！！确认需谨慎，购买后就已经开始按时扣费，若未进行下面的操作，请找到实例进行立即释放）

再次回到实例界面，在左侧菜单栏找到安全组，点击进入
在这里插入图片描述
然后点击蓝色字体进入
找到快速添加进入-找到端口一栏，出了全部，其他全部打勾，然后点确定返回
回到实例界面
找到刚才的实例，在实例右边点击更多-找到网络和安全组-加入安全组-找到刚才的安全组加入
加入成功后就可以访问了
复制实例的公网ip地址
搜索计算机程序远程桌面连接打开
粘贴ip地址连接
输入密码进入，这里会提示证书不可信任，通过就行
之后就会进入到你的服务器了
首先在c盘创建个英文文件夹，将刚才html文件拖进去
开始-管理工具-服务器管理器
添加角色-勾选web服务器
添加成功后
打开到以下界面在这里插入图片描述
然后打开网站文件夹，会出现一个默认网页，点下它，在右侧网站管理里停止
然后右键网站文件夹，添加网站
在这里插入图片描述
给个名字和选择刚才的地址点确定，此时就已经部署完成

之后再你的本机浏览器直接输入你的公网ip就可以访问到它啦
在这里插入图片描述

PROBIE_
关注
  • 6
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
专栏目录
Python3从零开始搭建一个语音对话机器人
Nieson2012的专栏
07-19 4万+
从零开始搭建一个语音对话机器人 目录 01-初心缘由 02-准备工作 03-语音机器人的搭建思路 04-语音生成音频文件 05-音频文件转文字STT 06-与图灵机器人对话 07-文字转语音 08-语音对话机器人的完整代码 09-结束语 10-有问必答 01-初心缘由 最近在研究语音识别方向，看了很多的语音识别的资料和文章，了解了一下语音识别的前世今生，其...
5分钟从零开始搭建一个独立博客网站
01-07
通过HUGO可以几秒钟搭建一个完全属于自己的博客网站。 Hugo项目主页: https://gohugo.io/ 然后可以通过Node.js几秒钟内起一个Web服务器，然后部署到云上即可。可以用之前介绍的Heroku PaaS平台。 主要涉及的工具和...
教你如何从零开始搭建一个属于自己的网站
jizhideyunyoujun的博客
03-19 3386
写给想要拥有一个自己的网站但没有资金成本的小白与曾经的自己。 前言 虽说是网站，对于个人来说，或许一般叫作博客。 但我不希望它仅仅是一个博客，而是能够成为一个处于自己现实生活之外、自由、实验、不用畏惧他人眼光甚至可以独断专行的地方。 当然，这本质还是一个新手向教程，也许会有点科普的感觉。 我会从整体上对搭建网站的流程和使用到的技术及步骤进行介绍（因为要铺开讲，倘若包括轶事，实在太多太杂，我也...
从零开始搭建一个属于自己的项目
qq_41505830的博客
06-08 1319
一、开始四要素 who？ 这个项目谁用? what？ 这个项目做什么用? where？ 这个项目在什么地方下会用？ when？ 这个项目什么时候会用？ 批注：做一个项目或者一个demo之前先考虑好：who？what？where？when？我认为这是最基本的。如果没有这些，那么这个项目一开始就是“四不像”。 这里我以一个学生信息管理系统为例，介绍一下如果从零搭建一个学生信息管理系统的全过程。 二、开始 第一步：需求分析(注：项目技术自己定，根据个人能力不同，用的技术不同。) ...
从零开始搭建服务器，拥有一个属于自己的网站
热门推荐
zhao121181086的博客
08-27 4万+
创建一个属于自己，任何人都可以访问的网站（最最最详细的步骤） 这篇文章将从购买服务器一直到最后网站完成备案，详细说明整个过程，就算是不懂编程的人照样可以拥有属于自己的服务器和网站 必备条件： 1：电脑一台 2：网络 3：money（30块钱） 4：身份证 一：首先选择阿里云、腾讯云或者其他任何一家的云，租一台ECS服务器。 不管是哪一家的云服务器，基本上都有十块钱一个月的服务器，阿里云12-24岁自动认证学生，可以享受十块钱一个月的价格，这里就以阿里云为例。(注意：选择哪一家的服务器最好就使用哪一家的域名注
从零开始搭建自己的个人博客网站
亮出锋芒，剑指苍穹
01-06 1万+
大家好，我是机灵鹤。 最近群里有朋友问我能不能出个教程，教一下大家怎么建一个自己的个人网站。 安排！ 1. 购买服务器 首先网站运行需要服务器，所以我们需要准备一台服务器。 各大服务器厂商，阿里云，腾讯云，对于新用户的活动力度越来越大了，我记得几年前我买阿里云服务器的时候，1 核 2G 的配置价格还是 88 一年，没想到现在已经降到 38 一年了。 需要的购买服务器的朋友继续往下看，已经有服务器的朋友可以跳过本节。 第一次接触服务器的朋友，可能看到服务器配置的各种参数头都大了，不知道该怎么选。 各个配置
从零开始搭建一个私有前端组件库
Ybbb的博客
01-06 9639
本文包含了组件库搭建、为组件库提供类型文件、npm私服搭建、组件库国际化、组件按需引入、自定义主题、为组件库编写文档、包体积优化等一系列过程
从零开始搭建一个微服务项目（一）
qq_44620773的博客
11-17 3988
2. 如何通过bootstrap拿到nacos对应的配置呢，会通过服务名+profile名+后缀名组成。各个服务之间是通过Http请求来进行交互，原先使用RestTemplate进行请求，可以使用更方便的openFeign（Feign已经停止维护，通过服务名在数据中心找到多个ip，然后通过负载均衡策略（可以通过实现Irlue来实现），来制定对应的实例ip。原理：通过指定的服务名，去注册中心查找对应的ip地址，然后去向目标发送请求。在消费者服务里建一个接口，写上需要调用的请求，并在接口上添加。
从零开始用树莓派搭建服务器，拥有一个属于自己的网站
最新发布
m0_61578123的博客
05-28 6750
本文详细的介绍了从零开始搭建服务器，拥有一个属于自己的网站，完全小白看完也能学会
从零开始构建一个属于自己的LoRa网络
01-16
### 从零开始构建一个属于自己的LoRa网络 #### LoRa技术及LoRaWAN协议简介 LoRa（Long Range）是一种低功耗广域网（LPWA）通信技术，适用于远程、低带宽和低能耗的应用场景。LoRaWAN则是一种基于LoRa技术的网络...
【手把手教学】AI绘画：从零搭建一个自己的AI绘画网站
05-20
本文将指导你如何从零开始构建一个基于Stable Diffusion模型的AI绘画网站。 **硬件需求** 首先，你需要一台具备GPU计算能力的计算机，至少配备NVIDIA GPU且拥有4GB的VRAM，以及至少15GB的本地磁盘空间。注意，由于...
从0开始构建一个属于你自己的PHP框架
08-07
下面将详细讲解从零开始构建PHP框架的关键步骤和技术要点。 1. **基础架构设计** - **MVC模式**：PHP框架通常采用Model-View-Controller（MVC）设计模式，将业务逻辑、数据处理和用户界面分离，以实现代码解耦。 ...
【NiosII学习】第六篇、从零搭建属于自己的SOPC系统.zip
12-14
在本教程中，我们将深入探讨如何从零开始搭建一个基于NiosII的SOPC（System On a Programmable Chip）系统。NiosII是Altera公司推出的一种软核CPU，常用于FPGA（Field-Programmable Gate Array）设计中，提供了一种...
Vue高效前端开发-Ant Design of Vue框架
PROBIE_的博客
06-30 2304
Ant Design介绍 简单来说，就是蚂蚁金服技术部经过大量的项目实践和总结，做出的一个服务于企业级产品的设计体系Ant Design。 特性 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Vue 组件。 共享Ant Design of React设计工具体系。 支持环境 现代浏览器和 IE9 及以上（需要 polyfills）。 支持服务端渲染。 Electron 官网 Ant Design官网 其官网有各种用法和介绍，可以根据其上的介绍进行美化自己的页面。 使用 需要先引用c
Vue高效前端开发-Vue基本指令
PROBIE_的博客
06-23 1456
Vue模板语法 文本插值 文本差值最基本的形式一般有三种方式 一是使用两个花括号{{}}，而是使用v-once指令，三是使用v-text指令，下面用代码演示 <body> <div id="app"> <p> <input type="text" v-model="msg" /> </p> <p>{{msg}}</p> <!
Vue高效前端开发-初识Vue
PROBIE_的博客
06-22 885
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 以上是百度上说的，花里胡哨的，Vue，简单来说就是一款提供高效的数据绑定和灵活的组件系统，可以让web的开发变得简单。 理论性就不多说了，直接上代码。 接触新语言第一步：Hello，wo
Vue高效前端开发-列表渲染
PROBIE_的博客
06-24 826
v-for指令 说起列表不得不提起循环，v-for指令便是可以在vue中实现循环的操作。 v-for指令是基于一个数组来重复渲染的指令，通常就用于显示列表和表格。 语法： <ul v-for="(键,值,索引) in 数组"> <li>{{索引}}:{{值}}:{{键}}</li> </ul> 例： <body> <style> * { margin: 0px;
Android环境搭建与调试教程：从零开始到实战准备
本篇文档是关于Android环境搭建与调试的实验报告，属于Android项目实战课程的一部分。首先，实验的背景是针对Android开发的学习，旨在帮助学生熟悉和掌握Android开发环境的设置以及基本的调试技巧。课程名称为...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PROBIE_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值