使用gitee免費部署靜態網站

使用gitee免費部署靜態網站

今天介紹一個免費部署項目的方式,當然這個方式只能是部署靜態網站,具體靜態網站是啥這裏就不介紹了。
本文適合對象:新手小白
如果是程序員老手,只是想看下怎麼部署的話直接跳轉到步驟五開始看即可

準備工作:

1.git賬號申請,目前比較流行的有三個,GitHub、GitLab、gitee(本文選用gitee)
2.Git安裝,具體教程網上有很多,官網也有,本文附帶了安裝包
3.海龜Git安裝(可選),相當於Git的可視化工具,不需要手敲命令,本文附帶了安裝包以及漢化工具
4.編輯工具安裝,靜態網站的編輯工具有很多,比如Hbuilder、vscode(推薦)、Dreamweaver等等,當然你也可以選擇直接用記事本編輯(前提是你夠厲害不會出錯)

步驟:

一、項目編輯運行

首先第一步肯定是要編輯代碼製作一個靜態網站項目,本文主要是靜態網站免費部署的教程,所以這裏只是做一個簡單的代碼示範:
1.本地創建一個文件夾test(名字最好根據項目內容起)
2.創建一個後綴爲html的文件
3.寫入如下代碼:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>網站標題</title>
</head>
<body>
    程序員小武生的一個靜態網站
</body>
</html>

4.保存後使用瀏覽器打開該文件試一下,如果瀏覽器出現如下圖所示內容則表示代碼沒有問題可以運行:
在這裏插入圖片描述

二、創建遠端Git倉庫

1.在gitee上創建一個遠端倉庫並且填寫倉庫名稱後直接創建即可
在這裏插入圖片描述
2.創建好後複製遠端倉庫地址
在這裏插入圖片描述

三、創建本地倉庫

在本地項目目錄中鼠標右鍵空白地方選擇創建版本庫,點擊確定(這一步是在自己本地創建git倉庫,上一步是創建遠端倉庫),創建號之後目錄中會出現一個.git文件夾
在這裏插入圖片描述

四、代碼提交推送

繼續空白地方鼠標右鍵選擇同步——》提交——》選擇需要提交的文件並填寫日誌信息,最好勾選設置作者日期和設置作者兩個選項——》點擊提交併推送(這一步也可以分開操作,提交是指將文件提到自己本地倉庫,推送是將本地倉庫中數據推送到遠端倉庫)——》第一次推送會彈出彈框選擇管理——》將遠端倉庫地址粘貼到url中點擊添加保存,確定即可。如果有報錯的話需要百度解決一下,報錯可能太多,這裏就不一一介紹了
在這裏插入圖片描述
成功後來到Git遠端倉庫,就可以看到我們提交的文件以及日誌信息了
在這裏插入圖片描述

五、部署

前邊都是項目製作以及遠端倉庫存儲管理相關的東西,接下來開始部署,gitee上提供了一個比較簡單的靜態網站部署方式,選擇服務中的Gitee Pages
在這裏插入圖片描述
如果說你的項目主頁面在最外層的話直接點擊啓動等一會兒就可以了,如果項目中有很多層文件夾,主頁面在其中一個文件夾中的話需要指定一下部署目錄然後點擊啓動即可,當然如果有多個分支的話可以根據自己的需求選擇需要部署的分支
在這裏插入圖片描述
成功後會有一個地址,這個地址就是我們部署的項目的主入口了,直接粘貼到瀏覽器中就可以看到了,如果代碼有更新的話直接點擊更新即可,想要下線的話直接點擊暫停即可
在這裏插入圖片描述
到這裏整個部署過程就完成了!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章