2025年9月30日
本次个人网站搭建教程将选用Linux系统中的Ubuntu操作系统,结合流行的HTML和CSS技术,为您详细解析如何创建属于自己的网站。
一、准备工作
- 系统环境:Ubuntu 16.04或更高版本。
- 软件要求:
- Text Editor(如nano、vim等):用于编辑网页内容;
- 基础安装包:打开终端,输入
sudo apt update
更新软件库,然后执行sudo apt install nano nginx git
安装nano文本编辑器、nginx Web服务器和git版本控制工具。
二、创建静态网站
-
用户目录下创建网站文件夹
打开终端,输入以下命令:cd /home/your_user_name/ mkdir website cd website
-
初始化本地仓库
使用git
工具为您的网站项目初始化一个本地仓库:git init
-
创建网页文件
使用文本编辑器(如nano)创建一个简单的HTML页面,例如名为index.html
:nano index.html
输入以下代码作为页面内容:
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>我的网站</title> </head> <body> <h1>欢迎来到我的个人网站</h1> <p>这里是我的展示空间,我将分享我的技术和生活感悟。</p> </body> </html>
-
启动本地服务器
搭建一个简单的本地服务器来预览您的网页。首先,在终端启动nginx服务:sudo systemctl start nginx
然后,在浏览器中访问
http://localhost/
,您应该能见到包含上述HTML内容的页面。 -
更新和提交更改
用git
工具更新您的网站内容并跟踪更改。首先,将更改添加到暂存区:git add .
然后,提交更改到本地仓库:
git commit -m "更新我的网站"
三、使用Git同步远程仓库
-
注册GitHub账号并发起一个新项目
在GitHub上注册账号并新建一个仓库。 -
将本地仓库关联到GitHub远程仓库
首先,为您的GitHub仓库添加命名:git remote add origin https://github.com/your_github_user_name/your_repository.git
然后,将本地内容推送至GitHub远程仓库:
git push -u origin master
四、部署到线上服务器
-
选用合适的云服务器提供商,例如阿里云、华为云等。
-
购买并配置云端服务器。确保已安装Nginx服务,以便提供Web服务。
-
配置远程Git仓库,将您的GitHub项目克隆至远程服务器:
git clone https://github.com/your_github_user_name/your_repository.git
-
确保您的线上网站文件夹位于Nginx的默认目录(/var/www/html)下。
-
启动Nginx服务,访问您的新网站。
以上就是个人网站搭建教程,希望对您有所帮助。祝您在网站上自由翱翔!