个人网站搭建保姆级教程（1）-服务器购买与环境搭建

最新推荐文章于 2025-03-03 17:24:10 发布
原创 最新推荐文章于 2025-03-03 17:24:10 发布 · 1.7k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#服务器 #前端 #阿里云 #react #node.js

本文是一位前端新手分享如何从购买阿里云服务器到使用reactumi和node搭建前后端，再到配置mysql数据库的全过程。推荐了阿里云ECS，并详细介绍了服务器环境搭建、文件传输及可视化管理工具的使用。关键词涉及前端框架umi、后端node、数据库mysql和服务器管理。

前言

最近搞了个服务器，想着自己做个网站的脚手架，因为自己是纯前端新手，而且半路出家，中途踩了好多坑，准备写5篇给各位大佬们分享一下，如何从0搭建个人网站

  1. 服务器购买与环境搭建
  2. 前端工程umi脚手架搭建
  3. 服务器node前端启动文件
  4. 服务器node后端编写
  5. 数据库搭建

主要技术栈

前端：react umi

后端：node

数据库：mysql

服务器：linux操作系统

这些都是考虑到作为纯前端新手，直接用umi脚手架更舒服，node也是用js写的（对于前端来说轻松上手），mysql现在最为主流，而且也有可视化的mysql管理工具

服务器购买

比较推荐阿里云的云服务器ECS，有新用户优惠，需要注意的是哪些一年几十块钱的都是要么共享的，要么是只允许20%性能的，尽量买300+的服务器，毕竟一分钱一分货，当然了土豪随意

如果只是为了体验一下服务器的构建，那么怎么便宜怎么来

需要注意的是优惠只有第一年有，第二年以后续费就按原价了

服务器的配置大概如下

操作系统选CentOS,带宽尽量选2m以上的（只是体验一下就按最低配置）

买好后，进入我们刚刚买好的云服务器控制台，应该是自动启动好了的

 跟着阿里云的教程一步步的构建一下node环境

需要注意的是，配好之后记得在安全组里面把端口打开

如何可视化连接我们的云服务器？

阿里云展示的是本机通过cmd远程桌面控制，既没有可视化界面，每次还得重新连接，很是麻烦

我们可以通过阿里云自带的Workbench远程连接

 

 

 现在可以可视化查看云服务器上的文件，而且还有终端让我们输入linux命令

如何向云服务器传输文件？

推荐一个远程连接的软件Xftp 7

 

 直接拖拽式傻瓜式操作，可以百度自行下载，这里不赘述了

皮宁澜
关注
2025最新Siteground服务器使用保姆级图文教程-如何搭建wordpress网站 （下篇）
fobweb的博客
06-15 1755
在上一篇文章里我写了如何注册Siteground，那么这一篇文章我们来讲讲具体怎么使用服务器。本文将以WordPress 为例介绍如何创建一个WordPress站点。
云服务器搭建Typecho个人博客网站，保姆级建站教程，网站搭建教程
zeruns的博客
07-31 1356
个人博客是一种在互联网上发布自己的文章、图片、视频等内容的平台，通常以文字为主要形式，但也可以包含其他媒体。个人博客的用途非常广泛。它可以用来记录博主的日常生活、分享自己的知识和经验、展示自己的作品和技能，以及交流自己的观点和看法。通过个人博客，博主可以与读者建立联系，分享自己的见解和体验，同时也可以从读者那里获得反馈和建议。
搭建个人网站----1---购买服务器 （腾讯云）
Venus 的博客
05-25 899
文章目录1、登录官网2、微信扫码登录3、选购配置4、付款购买5、查看购买服务器主机6、查看 控制台7、开通 服务器 外部访问端口8、ssh 链接服务器 依照腾讯云为例 1、登录官网 2、微信扫码登录 点选产品云服务器 3、选购配置 快速配置 是 已经帮你选好的配置 信息 自定义配置 是 自己对服务器 配置进行选择 一般有 cpu ，带宽 ，使用时长，系统等。 4、付款购买 如果是初次购买 比较便宜 可能就 几十块钱 5、查看购买服务器主机 返回主页 右上角 控制台点击 6、查看 控制台 点
从购买服务器到建站，从0打造自己的网络站点。
Qcloud_KID的博客
03-20 4188
记得当年我萌生出要建立一个自己的网站的时候，在网络上搜索了很多教程，但是都不怎么能看懂，于是建站这个事情折腾了我很长的时间。在学习了很多知识之后，我终于能够熟练的从0到1建立一个安全可靠的站点。现在把我的经验分享给各位刚入坑的伙伴，希望新手不用像我当年一样为建站苦恼。 ----------------------第一部分--------------------简单介绍云服务-----------
从头开始购买云服务器，域名到搭建一个网站
DanielSmith
06-03 937
如上图，这就是意味着当前的云服务器的公网ip已经成功申请，并且处在正常运行状态。接下来需要把个人所申请的域名与服务器进行绑定，绑定域名之后，才能够用域名去访问所申请的服务器：在管理域名界面，悬浮DNSpod上面，即可出现管理解析： 点击“管理解析”之后，点击添加记录： 在添加记录中： 这次我们已经绑定好了域名了，就不用进行公网ip进行测试，只用使用域名测试连通性即可： 如图，直接ping www.xxx.com即可 我们可以看到，能够成功ping通，因此我们 的域名就已经可以成功被解析和访问了。 接下来我
关于从零开始搭建个人网站：（一）服务器，域名，空间的购买
m0_64313187的博客
11-17 633
先科普一下 1.IP地址：买了服务器，会附带一个IP地址，别人也可以通过这个公网IP地址访问你的网站，IP就相当于你的身份证号码。 2.域名：那么域名便相当于你的姓名了。 说一下域名优点： 更容易建立个人品牌，方便推广 不仅如此，有了域名可以享受CDN加速服务（虽然也是要钱的），还能提供保障服务 更容易被搜索引擎索引，提高网站流量，利于长远发展 3.空间：空间是用来储存你媒体信息的，其实购买的服务器也可以储存你所有文件资源，但是你要认识到，一般服务器的带宽有限，并且空间有限，所以所有资源全...
服务器购买及环境搭建
weixin_43184017的博客
05-08 437
1.服务器购买地址 阿里云：https://www.aliyun.com/sswd/5353087-1.html 腾讯云：https://cloud.tencent.com/ 有学生版、试用版等。阿里云可选择试用的，腾讯云选择轻量级云服务器 2.购买完后，修改实例名称和密码,获取公网ip。重启 3.设置安全组，可以傻瓜式开启所有端口。如下图，方便连接。 4.xshell连接公网ip，在控制台执行下列宝塔命令 yum install -y wget && wget -O install.s
SpringCloud-Config配置中心搭建保姆级教程
07-18
### Spring Cloud Config 配置中心搭建详解 #### 一、背景与问题分析 在现代软件开发尤其是采用微服务架构的应用程序开发过程中，每个独立的服务都需要维护自己的配置文件（如 `application.yml`）。这种方式虽然...
极速建站！用1Panel面板一键部署Halo博客的保姆级教程 | 企业官网/个人博客搭建教程
zeruns的博客
03-03 1560
个人博客是一种在互联网上发布自己的文章、图片、视频等内容的平台，通常以文字为主要形式，但也可以包含其他媒体。个人博客的用途非常广泛。它可以用来记录博主的日常生活、分享自己的知识和经验、展示自己的作品和技能，以及交流自己的观点和看法。通过个人博客，博主可以与读者建立联系，分享自己的见解和体验，同时也可以从读者那里获得反馈和建议。
从0到1搭建AI导航网站保姆级教程
07-13
总之，搭建AI导航网站涉及购买域名、配置云服务器、安装管理面板、DNS解析、SSL证书、备案以及WordPress的安装和配置。这个过程需要耐心和细心，但遵循上述步骤，即使是没有经验的新手也能成功创建自己的AI导航网站...
保姆级搭建个人网站教程（云服务器/轻量级应用服务器）
m0_62176739的博客
09-02 672
保姆级搭建个人网站
EventEmitter在react中的应用实例
dazeka的博客
03-17 2100
最近用EventEmitter解决了react中一个全局状态管理的问题 首先我们提出一个需求： 1.我希望写一个工具类Gobal，这个类中可以保存一些全局数据state和方法供其他组件直接调用 2.光是调用还不行，我还得在其他组件中能修改这个工具类Gobal里面的数据state 3.如果只是修改这个类的静态数据的话，那么这些数据是无法触发react的自动渲染的，即无法实时修改到某个组件state或者是props 这个时候就可以用到EventEmitter这个npm包了，EventEmitter
基于个人服务器的P2P内网穿透
dazeka的博客
10-03 6945
作为一个重度桌游爱好者，最近和小伙伴沉迷TTS（桌游模拟器），但是TTS是基于P2P进行连接的，如果小伙伴都不在一个网络节点上就会非常卡顿，为了更好的玩游戏，最后使用了基于zerotier的内网穿透方案用上了内网穿透之后，再也不会掉线了，桌游体验极其完美原理购买服务器zerotier虚拟节点搭建服务器运维客户端配置。
个人网站搭建保姆级教程（2）- 前端工程umi脚手架搭建
dazeka的博客
03-21 2603
前言 最近搞了个服务器，想着自己做个网站的脚手架，因为自己是纯前端新手，而且半路出家，中途踩了好多坑，准备写5篇给各位大佬们分享一下，如何从0搭建个人网站 服务器购买与环境搭建 前端工程umi脚手架搭建 服务器node前端启动文件 服务器node后端编写 数据库搭建 框架选取 选择了umi框架（react），因为umi框架非常成熟，而且可以直接打包成可以直接线上服务器的版本 具体可以参考官方文档https://umijs.org/zh-CN/docs/getting-started 框
学习笔记---vue前端，nodejs后台，mysql数据库
hairline_ball的博客
01-04 610
基于socket的前后端分离WeChat项目(学习笔记) main.js //引入socket import VuesocketIo from ‘vue-socket.io’ //引入axios import axios from ‘axios’; //配置axios axios.defaults.baseURL = ‘http://127.0.0.1:3000’; //把axios作为一个Vue全局属性添加 Vue.prototype.$http = axios; //创建全局vuesocketIo对象，
【个人网站搭建】服务器、域名准备
Big_btbt的博客
09-10 2846
用最简单的方式，带你上线自己的网站！
如何搭建自己的网站
acheding的博客
01-15 1万+
一、购买服务器 首先，得有一台 24 小时无间断运行的服务器，可以选择 Windows 服务器或者 Linux 服务器，Windows 服务器通过 IIS 部署，这个不算复杂，网上可以搜到一大堆教程，本文主要讲述 Ubuntu 服务器下部署 Vue 项目。 二、重置实例密码、设置密钥对 可以选择两种方式去访问服务器，一是通过实例密码，二是通过密钥对。 三、域名购买、备案、解析 买到服务器之后，就拥有属于自己的一片空间了，但是一长串的 IP 不容易记住怎么办，两个办法：①少熬点儿夜，提高记忆力。②挑
在腾讯云上搭建一个简单的前端项目（门户网站）
m0_49879527的博客
10-12 840
服务器上搭建门户网站
免费服务器搭建--个人网站搭建第一步
热门推荐
Ronin__L的博客
09-17 2万+
免费服务器搭建（三丰云）–个人网站搭建第一步 文章目录免费服务器搭建（三丰云）--个人网站搭建第一步前言三丰云注册登录开通服务器、主机构建网站测试配置虚拟主机软件准备（上传文件）登录上传展示测试 前言 建议不充钱！不暴露过多的个人信息！不上传重要的资源！ 建议不充钱！不暴露过多的个人信息！不上传重要的资源！ 建议不充钱！不暴露过多的个人信息！不上传重要的资源！ 重要的事情说三遍，在网络面前保持绝对的警惕！防止上当受骗！ 解释权归本人所有，受骗本人可不负责 解释权归本人所有，受骗本人可不负责 后续过程中，可尝
openeuler搭建dns服务器客户端保姆级教程
最新发布
04-26
<think>好的，我需要帮用户找到在openEuler系统上搭建DNS服务器和客户端的详细教程。首先，用户之前提到过Docker容器技术的引用，但这次的问题是关于DNS的，可能和Docker无关，但或许可以提一下使用容器化的方法，不过可能用户更想要原生安装。接下来，我得考虑openEuler基于CentOS，所以应该使用yum或dnf来安装BIND。 步骤方面，应该分服务器和客户端两部分。服务器部分需要安装BIND，配置named.conf，设置区域文件，比如正向解析和反向解析，然后启动服务并设置开机启动。客户端则需要配置resolv.conf，并测试DNS查询是否正确。 可能的问题点包括防火墙设置和SELinux，需要提醒用户开放53端口和调整策略。此外，检查配置文件语法是否正确，使用named-checkconf和named-checkzone工具。 还需要生成相关问题，比如如何配置主从DNS、如何启用DNSSEC、如何配置DNS缓存服务器等。确保引用正确，虽然用户给的引用是关于Docker的，但可能不相关，所以暂时忽略，或者提示用户是否需要容器化部署，但可能不是主要需求。 最后，确保所有命令和路径符合openEuler的环境，使用正确的包管理器，并验证步骤的可行性。可能还要提到日志查看和故障排除的方法，比如查看/var/log/messages。</think>### openEuler系统搭建DNS服务器与客户端分步指南 #### 一、DNS服务器搭建 1. **安装BIND软件包** ```bash sudo dnf install bind bind-utils ``` 2. **修改主配置文件** ```bash sudo vim /etc/named.conf ``` 修改以下配置段： ```conf options { listen-on port 53 { any; }; allow-query { any; }; recursion yes; }; ``` 3. **创建区域文件** ```bash sudo vim /etc/named.rfc1912.zones ``` 添加正向解析域： ```conf zone "example.com" IN { type master; file "example.com.zone"; allow-update { none; }; }; ``` 4. **配置正向解析文件** ```bash sudo vim /var/named/example.com.zone ``` ```conf $TTL 1D @ IN SOA ns.example.com. root.example.com. ( 2024010101 ; serial 1D ; refresh 1H ; retry 1W ; expire 3H ) ; minimum NS ns.example.com. ns A 192.168.1.100 www A 192.168.1.101 ``` 5. **启动服务并放行防火墙** ```bash sudo systemctl start named sudo systemctl enable named sudo firewall-cmd --add-service=dns --permanent sudo firewall-cmd --reload ``` #### 二、客户端配置 1. **修改resolv.conf** ```bash sudo vim /etc/resolv.conf ``` 添加： ```conf nameserver 192.168.1.100 ``` 2. **验证DNS解析** ```bash dig www.example.com @192.168.1.100 nslookup ns.example.com ``` #### 三、关键验证步骤 1. 检查配置文件语法： ```bash sudo named-checkconf sudo named-checkzone example.com /var/named/example.com.zone ``` 2. 查看服务状态： ```bash sudo systemctl status named ``` 3. 测试递归解析： ```bash dig +trace baidu.com ``` [^1]: 配置过程中若遇到SELinux拦截，可使用`sudo setsebool -P named_write_master_zones 1`调整策略
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值