最新动态

本次个人网站搭建教程将选用Linux系统中的Ubuntu操作系统,结合流行的HTML和CSS技术,为您详细解析如何创建属于自己的网站。

一、准备工作

  1. 系统环境:Ubuntu 16.04或更高版本。
  2. 软件要求:
    • Text Editor(如nano、vim等):用于编辑网页内容;
    • 基础安装包:打开终端,输入sudo apt update更新软件库,然后执行sudo apt install nano nginx git安装nano文本编辑器、nginx Web服务器和git版本控制工具。

二、创建静态网站

  1. 用户目录下创建网站文件夹
    打开终端,输入以下命令:

    cd /home/your_user_name/
    mkdir website
    cd website
    
  2. 初始化本地仓库
    使用git工具为您的网站项目初始化一个本地仓库:

    git init
    
  3. 创建网页文件
    使用文本编辑器(如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>
    
  4. 启动本地服务器
    搭建一个简单的本地服务器来预览您的网页。首先,在终端启动nginx服务:

    sudo systemctl start nginx
    

    然后,在浏览器中访问http://localhost/,您应该能见到包含上述HTML内容的页面。

  5. 更新和提交更改
    git工具更新您的网站内容并跟踪更改。首先,将更改添加到暂存区:

    git add .
    

    然后,提交更改到本地仓库:

    git commit -m "更新我的网站"
    

三、使用Git同步远程仓库

  1. 注册GitHub账号并发起一个新项目
    GitHub上注册账号并新建一个仓库。

  2. 将本地仓库关联到GitHub远程仓库
    首先,为您的GitHub仓库添加命名:

    git remote add origin https://github.com/your_github_user_name/your_repository.git
    

    然后,将本地内容推送至GitHub远程仓库:

    git push -u origin master
    

四、部署到线上服务器

  1. 选用合适的云服务器提供商,例如阿里云、华为云等。

  2. 购买并配置云端服务器。确保已安装Nginx服务,以便提供Web服务。

  3. 配置远程Git仓库,将您的GitHub项目克隆至远程服务器:

    git clone https://github.com/your_github_user_name/your_repository.git
    
  4. 确保您的线上网站文件夹位于Nginx的默认目录(/var/www/html)下。

  5. 启动Nginx服务,访问您的新网站。

以上就是个人网站搭建教程,希望对您有所帮助。祝您在网站上自由翱翔!