0基础2小时搭建自己的网站

作者主页

📚lovewold少个r博客主页

   ⚠️本文重点0基础2小时搭建个人网站

👉【C-C++入门系列专栏】博客文章专栏传送门

😄每日一言:宁静是一片强大而治愈的神奇海洋!

目录

前言

第一步

环境配置

服务器配置

第二步

使用Linux服务器

远程连接服务器

第三步(任务已经完成30%)

开始环境依赖下载运行

安装Apache

安装MySQL数据库(任务已经完成50%)

第四步

安装PHP环境

下载环境

第五步(任务已经完成80%)

安装wordpress

wordpress是什么

下载WordPress压缩包

修改wp-config.php配置文件

重启Apache服务(任务完成90%)

第六步

网站配置

第七步(任务完成99%)

总结


前言

        对于很多小伙伴来讲,都希望有一个自己的个人网站,记录自己的生活亦或者创建自己的个人博客网站。自己有一个网站能访问这本身就是一件特别酷的事情,而本章我们会对与我们这个小项目的技术栈做一个大致的描述,主要讲述搭建方法和解决一些常见的困难。

        我们采用的计算方案是基于阿里云云服务器和linux系统下的快速部署。对于一些专业性的描述大家有选择的观看,不需要涉及很多困难操作,只需要跟着一步步来就可以完成个人网站的搭建了。阿里云也具有官方文档,但是我会涉及一些零基础的知识解释,大家一步步跟着来吧。

第一步

环境配置

服务器配置

        要搭建个人的博客网站就得先有一个云端的服务器而非本端的。我们可以通过公网ip的地址就能访问到我们的网站。

        云服务器ECS(Elastic Compute Service)是阿里云提供的性能卓越、稳定可靠、弹性扩展的IaaS(Infrastructure as a Service)级别云计算服务。云服务器ECS主要包含实例、镜像、块存储、快照、安全组、网络等功能组件。

进入阿里云官网(登陆+认证):

领取阿里云服务器

这里最近阿里云活动,可以免费领取三个月的配额,对于熟悉建站流程来讲已经完全够用了。

选择配置创建实例

        本教程以Alibaba Cloud Linux 3.2104 64位操作系统为例,如果您购买的ECS服务器使用了其他版本的操作系统,操作可能和本教程略有差异。不推荐直接使用云市场操作系统自带wordpress的,后期产生bug不好处理。

重置实例密码

账号就root密码为大小写、数字和字符中的三种。

重置密码并重新启动

配置安全组规则

        单击试用实例的ID,选择安全组页签,单击安全组操作列的配置规则,在入方向添加需要放行的端口。本教程中,在安全组入方向放行SSH默认22端口、Apache默认80端口和MySQL默认3306端口。

第二步

使用Linux服务器

远程连接服务器

密码为重置实例你创建的密码,通过Workbench远程连接,root+自定义密码登陆即可

进行远程操作

服务器是linux系统的服务器,因此我们这里学习一下如下指令

展示文件

展示所有文件

ls -a

展示非隐藏文件

ll

清理屏幕

clear

进入目录

cd 目录名或者目录路径

第三步(任务已经完成30%)

开始环境依赖下载运行

安装Apache

Apache(全名为Apache HTTP Server)是一个流行的开源Web服务器软件,它用于在服务器上托管和提供Web页面和Web应用程序。Apache是由Apache软件基金会(Apache Software Foundation)开发和维护的,被广泛用于Internet上的网站和Web应用的部署。

执行命令安装Apache及其扩展包。如果回显信息显示Complete!,则表示Apache安装成功。

(sudo执行管理者权限,yum是linux系统下的软件管理软件。通过如下操作实现安装)

sudo yum -y install httpd httpd-manual httpd-devel mod_ssl mod_perl php-mysqli

启动Apache并设置开机自启动

sudo systemctl start httpd
sudo systemctl enable httpd

查看Apache运行状态

如果回显信息显示active (running)时,表示Apache已启动。

systemctl status httpd

这个时候在本地电脑浏览器地址栏中输入http://你的公网ip,测试Apache服务是否安装成功。如果显示如图所示的测试页面,表示Apache服务已安装成功。

ECS服务器的公网IP可以从ECS实例页面获取,如下就代表成功了。

命令行点击q后继续执行下面操作。

安装MySQL数据库(任务已经完成50%)

下载并安装MySQL数据库

依次执行如下命令,会自行安装所需要的依赖。

wget http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm
sudo yum install -y mysql57-community-release-el7-10.noarch.rpm
sudo yum install -y mysql-community-server --nogpgcheck

启动MySQL数据库

sudo systemctl start mysqld.service

查看数据库运行状态

systemctl status mysqld.service

如上active(running)就成功启动了。

查看数据库初始密码

这一步大家记好笔记,很多细节的地方不注意操作就会出现很多问题哦!

sudo grep "password" /var/log/mysqld.log

记录下你的初始密码,这个后面的所有符号包括大小写都是密码。

登录MySQL数据库

mysql -uroot -p

输入MySQL数据库的初始密码。Linux环境下输入密码是不可见的,因此保证好大小写和符号输入不出错即可。错误就重复上述操作即可。

此时在数据库操作界面了

执行命令修改MySQL数据库的初始密码

  • 密码必须同时包含大小写英文字母、数字和特殊符号中的三类字符。

 错误示范

  • 注意每条完整的SQL命令结尾都有一个半角分号(;),如果多行命令中间没有分号分隔,这些命令将不会执行,直至遇到一个分号。

如下就成功了,如果没成功就重复以上的操作

创建一个你的博客数据库

create database wordpress;

显示你创建的数据库

show databases;

如上就操作成功了。

退出数据库

exit

第四步

安装PHP环境

        PHP(Hypertext Preprocessor)是一种通用的服务器端脚本语言,用于开发动态网页和Web应用程序。

下载环境

执行命令更新remi源

Remi源是指更新服务器上的Remi存储库(repository),通常是用于安装和管理PHP软件包的存储库。Remi是一个流行的第三方存储库,提供了最新版本的PHP以及相关的扩展和工具,使系统管理员和开发人员能够轻松地升级或安装PHP和其它PHP相关的软件包

sudo rpm -ivh https://rpms.remirepo.net/enterprise/remi-release-8.rpm --nodeps

安装PHP以及相关的库

sudo dnf update -y dnf libdnf
sudo sed -i 's/PLATFORM_ID="platform:al8"/PLATFORM_ID="platform:el8"/g' /etc/os-release
sudo yum -y module install php:remi-7.4
sudo sed -i 's/PLATFORM_ID="platform:el8"/PLATFORM_ID="platform:al8"/g' /etc/os-release

显示Complete!或者直接进入下一行命令输入都代表操作成功,如有问题重复操作即可

创建PHP测试页面

sudo sh -c 'echo "<?php phpinfo(); ?>" > /var/www/html/phpinfo.php'

重新启动服务 

sudo systemctl restart httpd

这个时候php后端就已经开始运行了,现在通过http://你的公网/phpinfo.php查看是否启动。

这样这就成功启动了 !

第五步(任务已经完成80%)

安装wordpress

wordpress是什么

        WordPress是一款免费开源的内容管理系统(CMS),目前已经成为全球使用最多的CMS建站程序。根据统计(截至2021年4月),在全球的所有网站中WordPress 占有41%的市场份额(请注意是全球所有网站),意味着每5个网站中就有2个网站是使用WordPress搭建的。在使用CMS构建的所有网站中WordPress占有64.7%的市场份额,并且它的市场占有率一直在持续增长。

        WordPress始于2003年,最开始仅为一款简单的博客系统,现在已发展成为具有数万款插件,小工具和主题功能完整的CMS系统。它是根据开源协议通用公共许可证(GPLv2或更高版本)进行授权。WordPress的运行环境需要PHP及MySQL数据库

下载WordPress压缩包

wget https://cn.wordpress.org/latest-zh_CN.tar.gz

将WordPress压缩包解压到/var/www/html目录下

sudo tar -xvf latest-zh_CN.tar.gz -C /var/www/html

调整wordpress目录的所属用户和组

简单来讲就是赋予这个目录一个权限。

sudo chown -R apache:apache /var/www/html/wordpress

修改/www/html/wordpress目录权限

sudo chmod -R 755 /var/www/html/wordpress

将wp-config-sample.php配置文件重命名为wp-config.php。

sudo mv /var/www/html/wordpress/wp-config-sample.php /var/www/html/wordpress/wp-config.php

修改wp-config.php配置文件

修改配置中的数据库名称,我们前面例子为wordpress

database_name_here为之前步骤中创建的数据库名称,本示例为wordpress。

sudo sed -i 's/database_name_here/wordpress/' /var/www/html/wordpress/wp-config.php

修改配置中的数据库名称,我们前面例子为root

username_here为MySQL数据库的用户名,本示例为root。

sudo sed -i 's/username_here/root/' /var/www/html/wordpress/wp-config.php

修改数据库的登陆密码,我们前面的自己设置的密码,前面例子为Li-new886

sudo sed -i 's/password_here/NewPassW****/' /var/www/html/wordpress/wp-config.php

password_here为MySQL数据库的登录密码,本示例为NewPassW****。

这些都是之前设定的。

查看是否配置正确

cat -n /var/www/html/wordpress/wp-config.php

找到22行往下看是否配置正确。

重启Apache服务(任务完成90%)

sudo systemctl restart httpd

第六步

网站配置

登陆你的网站后台管理系统

1.在打开浏览器并访问http://你的公网ip/wordpress/wp-admin

2.设置您的站点标题用户名密码电子邮箱地址,然后单击安装WordPress,完成WordPress的初始化。

3.点击创立你的网站就搭建成功了

接下来你可以好好研究你的网站了。

第七步(任务完成99%)

目前网站的访问采用的公网,可以自己注册域名后解析备案,用作网站的域名。

然后网站现在不太好看,需要自己去构建自己的网站或者采用别人已经编辑的主题进行配置即可。

后言

        网站已经搭建好了,但是后期还是会遇到各种各样的小问题,阅读官方文档和使用搜索引擎是解决问题的最好方式。

        网站并没有你期待的样子,接下来这1%是留你发挥的时候到了,你的网站你可以做很多事情,什么用途你可以预想一下。个人博客网站,那肯定不错,那么你就要坚持的输出你的内容,各行各业的技术分享都可以发表。情侣小窝也是不错的选择,一个小小的空间存放两个人的回忆,亦或者做一个自己的电子书库,做一个资源集合网站,做一个自己的音乐网站,做一个企业门户······

        就此这1%就是留给你后续发挥的空间,因为你才打开wordprss的大门,试着继续了解更多么,请私信或关注我吧!!!


    作者水平有限,如有错误欢迎指正!


    

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

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

相关文章

Vue-SplitPane可拖拽分隔面板(随意拖动div)

npm install vue-splitpane一、使用 &#xff08;1&#xff09;局部使用&#xff1a; 在vue文件中 import splitPane from vue-splitpane export default {componnets: { splitPane } }&#xff08;2&#xff09;全局使用&#xff1a; 在main.js文件注册 import splitPane…

perl列表创建、追加、删除

简介 perl 列表追加元素 主要是通过push和unshift函数来实现。其中&#xff0c;push是追加到列表尾&#xff0c;unshift是追加到列表头。 perl列表删除元素 主要是通过pop和shift函数来实现。其中&#xff0c;pop是从列表尾删除一个元素&#xff0c; shift是从列表头删除一…

【教3妹学编程-算法题】最大单词长度乘积

3妹&#xff1a;哇&#xff0c;今天好冷啊&#xff0c; 不想上班。 2哥&#xff1a;今天气温比昨天低8度&#xff0c;3妹要空厚一点啊。 3妹 : 嗯&#xff0c; 赶紧把我的羽绒服找出来穿上&#xff01; 2哥&#xff1a;哈哈&#xff0c;那倒还不至于&#xff0c; 不过气温骤降&…

2000-2022年“宽带Z国“试点城市名单匹配数据

2000-2022年“宽带Z国“试点城市名单匹配数据 1、时间&#xff1a;2000-2022年 2、指标&#xff1a;行政区划代码、年份、地区、所属省份、所属地域、试点城市、最早试点年份、DID 3、来源&#xff1a;来自工信部和国家发改委在2014年、2015年和2016年分别遴选的“宽带中国”…

11月起,33个省份纳入数电票开票试点范围内,发票无纸化已是大势所趋!

10月底&#xff0c;北京、贵州、山东&#xff08;不含青岛市&#xff09;、湖南、宁夏5个地区相继发布开展数电票试点工作的通知&#xff0c;至此&#xff0c;全国已有33个省份纳入数电票开票试点范围内。根据上述5地区发布的相关公告&#xff0c;11月1日将正式推行“数电票”开…

python之pyQt5实例:几何绘图界面

使用PyQt5设计一个界面&#xff0c;其中点击不同的按钮可以在画布上画出点、直线、圆和样条曲线 from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton,QHBoxLayout,QVBoxLayout,QWidget,QLabel from PyQt5.QtGui import QPainter, QPen, QColor from PyQt5.Q…

PyQt5中QLineEdit、QRadioButton、QComboBox这些小部件的change事件

最近在用PyQt5做项目&#xff0c;总结一下QLineEdit、QRadioButton、QComboBox这些部件用到的change事件绑定&#xff0c;即信号与插槽。 QLineEdit QLineEdit 对象是最常用的输入字段。 它提供了一个框&#xff0c;可以在其中输入一行文本。 要输入多行文本&#xff0c;需要…

链式前向星模板

建稠密图可以用邻接矩阵&#xff0c;但稀疏图再用邻接矩阵就很浪费空间了&#xff0c;有可能会爆空间复杂度。 可以用邻接表来实现邻接表建图&#xff0c;两种方法&#xff1a;1.链表 2.链式前向行 只讲第二种&#xff0c;比较常用简洁 链式前向星模板 #define IOS ios::syn…

基于单片机的胎压监测系统的设计

收藏和点赞&#xff0c;您的关注是我创作的动力 文章目录 概要 一、系统整体设计方案二、 系统设计4.1 主流程图 三 系统仿真5.1 系统仿真调试实物 四、 结论 概要 本文以STC89C52单片机为控制核心&#xff0c;通过气压传感器模块对汽车各轮胎的胎压进行实时数据的采集与处理&…

创建百科词条 烘托人物形象 提升形象力

百度百科作为中国最大的在线百科全书&#xff0c;小马识途营销顾问认为其具有巨大的商业价值。 首先&#xff0c;百度百科作为百度搜索引擎的一部分&#xff0c;吸引了数以亿计的用户访问&#xff0c;这为百度提供了大量的广告展示和点击收入的机会。 其次&#xff0c;百度百科…

20231106-前端学习加载和视频球特效

加载效果 代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>加载效果</title><!-- 最新…

freertos多任务

以前我们都是一个任务&#xff0c;假设现在我们创建三个任务,项目工程在上一节网盘 #include "stm32f10x.h" // Device header #include "freertos.h" #include "task.h" #include "usart.h"TaskHandle_t myTaskHan…

Vue纯CSS实现掷色子

效果图&#xff1a; 实现代码 直接利用CSS3动画实现的效果&#xff0c;无js代码。 <template><div class"wrap"><input type"checkbox" id"roll"><label for"roll"><div class"content"><…

音视频报警可视对讲15.6寸管理机

音视频报警可视对讲15.6寸管理机 一、管理机技术指标&#xff1a; 1、15.6寸原装京东方工业液晶触摸屏&#xff0c;分辨率1920 (H) x 1080 (V)&#xff1b; 2、1000M/100M自适应双网口&#xff1b; 4、按键设置&#xff1a;报警/呼叫按键&#xff0c;通话/挂机按键&#xff…

Android Studio(列表视图ListView)

前言 前面在适配器章节&#xff0c;已经介绍了ListView的作用(干什么的)&#xff0c;这节将主要介绍如何去设计ListView页面视图。 思考 列表视图需要些什么&#xff1f; 1. 列表项容器&#xff08;装载各列表项的容器&#xff09;&#xff1a;<ListView/> 2. 列表项布局…

使用IDEA让文本对比不在变的困难

文章目录 前言操作1、IDEA与电脑磁盘任意文件的比较2、项目内部的文件比较3、剪切板比较4、IDEA本地历史比较5、IDEA版本历史对比 前言 在日常实际开发当中我们常常会对一些代码或内容进行比对查看是否有差异&#xff0c;这个时候不需要借用第三方比对插件&#xff0c;在IDEA中…

Android-JobService

JobService 这里写目录标题 JobService一、API详解1 onStartJob2 onStopJob 二、onStartJob | onStopJob 返回值case 1case 2case 3 ref: 深入理解JobScheduler与JobService的使用 - 掘金 (juejin.cn) (28条消息) JobService的使用介绍_TechMerger的博客-CSDN博客 (28条消息) J…

为什么有了MAC地址,还需要IP地址?

解释 搞懂这个问题&#xff0c;首先需要了解交换机的功能 交换机内部有一张MAC地址映射表&#xff0c;记录着MAC地址和端口的对应关系。 如果A要给B发送一个数据包&#xff0c;构造如下格式的数据结构&#xff1a; 到达交换机时&#xff0c;交换机内部通过自己维护的 MAC 地…

4 Tensorflow图像识别模型——数据预处理

上一篇&#xff1a;3 tensorflow构建模型详解-CSDN博客 本篇开始介绍识别猫狗图片的模型&#xff0c;内容较多&#xff0c;会分为多个章节介绍。模型构建还是和之前一样的流程&#xff1a; 数据集准备数据预处理创建模型设置损失函数和优化器训练模型 本篇先介绍数据集准备&am…

每日一题 318. 最大单词长度乘积(中等)

暴力求解没超时&#xff0c;那就这样吧 class Solution:def maxProduct(self, words: List[str]) -> int:ans 0for i in range(len(words)):for j in range(i 1, len(words)):if len(words[i]) * len(words[j]) < ans:continuet 0for k in range(26):ch chr(k ord(…