超簡單詳細的搭建個人網站————靜態網站

来源:https://www.cnblogs.com/cth0/archive/2019/09/21/11564428.html
-Advertisement-
Play Games

傻瓜式操作搭建個人網站 1.首先買功能變數名稱和雲伺服器 買東西一般都很方便的給錢就行。。。 百度,騰訊,阿裡都可以買,而且只要給錢,啥東西都給的明明白白。 這裡我就不細說了。個人推薦百度的。因為我就是用這個的。 2.後面來說下錢解決不了得事,配置雲伺服器,(買的功能變數名稱先放著不動它) 找到自己買的實例,打開V ...


傻瓜式操作搭建個人網站

1.首先買功能變數名稱和雲伺服器

買東西一般都很方便的給錢就行。。。
百度,騰訊,阿裡都可以買,而且只要給錢,啥東西都給的明明白白。
這裡我就不細說了。個人推薦百度的。因為我就是用這個的。

2.後面來說下錢解決不了得事,配置雲伺服器,(買的功能變數名稱先放著不動它)

在這裡插入圖片描述

找到自己買的實例,打開VNC控制台
輸賬號密碼(賬號一般都是root)

密碼就是會通過郵件給你,你可以自己改。

3.登陸VNC

下一步進入界面(centOS界面和linux的很像,操作起來很方便)

4.建立nginx伺服器

輸入:yum install nginx -y
(忘了截圖了,此處有個黑色背景的linux界面圖)

下載安裝成功後,就去試試行不行
在網頁上打你的公網ip!
有這圖說明成了。↓
在這裡插入圖片描述
後面看這個

5.配置nginx

文件地址為:(軟體為Xftp5,其他ftp一樣可以用的,登陸的方法就打個密碼和賬號,不細說了)
在這裡插入圖片描述
保存nginx.conf文件來修改一下。後面看這個
在這裡插入圖片描述
nginx.conf修改的:

在這裡插入圖片描述
功能變數名稱解析很簡單:(買的東西一般操作都不難)
在這裡插入圖片描述
找一下自己網址的目錄
在這裡插入圖片描述

6.配置成功後,嘗試登陸

html就是你的網站的根目錄,直接吧網址放進去,搞定

現在的網站屬於靜態網站,沒有數據交互,只屬於一個觀賞性的網站!!

之前做的靜態網站:
在這裡插入圖片描述

最麻煩的來了。。網站備案!!!

這個我後面有時間另寫一篇。如果對你有幫助的話,點個關註和贊唄。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、圓角效果 border-radius 使用方法: border-radius:10px; /* 所有角都使用半徑為10px的圓角 */ border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角,順時針 */ 不要以為border-rad ...
  • 最近在搞微信小程式,發現flex下使用省略號是沒有效果的,而且還會打亂預期的結構,查詢statckoverflow知道需要在父級設置min-width:0; 但是在我的嘗試下,依然不行,原來在上層父級就是flex那一級別也需要設置 min-width:0; 就是可以理解為 省略號標簽的flex-it ...
  • 字體是矢量的:不失幀 前端頁面可用於android訪問 優點:移動設備優先 支持所有瀏覽器(360不算瀏覽器) 自適應屏幕大小 目錄結構: 若瀏覽器環境變化,引入js <link href="assets/plugins/bootstrap/css/bootstrap.min.css" type=" ...
  • 封裝一個函數 調用函數getColor()就能隨機獲取一個16進位的顏色值 ...
  • 1.Chinese (Simplified) Language Pack for Visual Studio Code——中文語言包 2.Beautify——代碼格式化工具 3.HTML Snippets——H5代碼片段及提示 4.Auto Rename Tag——標簽自動重命名 5.CSS Pee ...
  • JQ基礎——JQ的簡單使用 ...
  • vue.js解決開始代碼載入,以至於亂碼 vue.js通過幾行代碼可以解決這個問題 css: html: 使用後會等vue載入完再呈現效果,就不會出現,代碼在視圖裡了。 順帶介紹幾個基礎的vue api。 綁定css樣式: css: html: v bind:class="{done樣式:這是樣式中 ...
  • VUE從入門到放棄(第一天)——整體流程 先想想一個項目,vue項目是從什麼到什麼,然後再什麼的?那是什麼呢? 1. 搭建 ( vue cli) 2. 代碼內容 3. 運行 4. 封裝 5. 成品 一.搭建(腳手架vue cli) 首先node.js,npm,vue cli(腳手架)一定要有,這裡不 ...
一周排行
    -Advertisement-
    Play Games
  • C#TMS系統代碼-基礎頁面BaseCity學習 本人純新手,剛進公司跟領導報道,我說我是java全棧,他問我會不會C#,我說大學學過,他說這個TMS系統就給你來管了。外包已經把代碼給我了,這幾天先把增刪改查的代碼背一下,說不定後面就要趕鴨子上架了 Service頁面 //using => impo ...
  • 委托與事件 委托 委托的定義 委托是C#中的一種類型,用於存儲對方法的引用。它允許將方法作為參數傳遞給其他方法,實現回調、事件處理和動態調用等功能。通俗來講,就是委托包含方法的記憶體地址,方法匹配與委托相同的簽名,因此通過使用正確的參數類型來調用方法。 委托的特性 引用方法:委托允許存儲對方法的引用, ...
  • 前言 這幾天閑來沒事看看ABP vNext的文檔和源碼,關於關於依賴註入(屬性註入)這塊兒產生了興趣。 我們都知道。Volo.ABP 依賴註入容器使用了第三方組件Autofac實現的。有三種註入方式,構造函數註入和方法註入和屬性註入。 ABP的屬性註入原則參考如下: 這時候我就開始疑惑了,因為我知道 ...
  • C#TMS系統代碼-業務頁面ShippingNotice學習 學一個業務頁面,ok,領導開完會就被裁掉了,很突然啊,他收拾東西的時候我還以為他要旅游提前請假了,還在尋思為什麼回家連自己買的幾箱飲料都要叫跑腿帶走,怕被偷嗎?還好我在他開會之前拿了兩瓶芬達 感覺感覺前面的BaseCity差不太多,這邊的 ...
  • 概述:在C#中,通過`Expression`類、`AndAlso`和`OrElse`方法可組合兩個`Expression<Func<T, bool>>`,實現多條件動態查詢。通過創建表達式樹,可輕鬆構建複雜的查詢條件。 在C#中,可以使用AndAlso和OrElse方法組合兩個Expression< ...
  • 閑來無聊在我的Biwen.QuickApi中實現一下極簡的事件匯流排,其實代碼還是蠻簡單的,對於初學者可能有些幫助 就貼出來,有什麼不足的地方也歡迎板磚交流~ 首先定義一個事件約定的空介面 public interface IEvent{} 然後定義事件訂閱者介面 public interface I ...
  • 1. 案例 成某三甲醫預約系統, 該項目在2024年初進行上線測試,在正常運行了兩天後,業務系統報錯:The connection pool has been exhausted, either raise MaxPoolSize (currently 800) or Timeout (curren ...
  • 背景 我們有些工具在 Web 版中已經有了很好的實踐,而在 WPF 中重新開發也是一種費時費力的操作,那麼直接集成則是最省事省力的方法了。 思路解釋 為什麼要使用 WPF?莫問為什麼,老 C# 開發的堅持,另外因為 Windows 上已經裝了 Webview2/edge 整體打包比 electron ...
  • EDP是一套集組織架構,許可權框架【功能許可權,操作許可權,數據訪問許可權,WebApi許可權】,自動化日誌,動態Interface,WebApi管理等基礎功能於一體的,基於.net的企業應用開發框架。通過友好的編碼方式實現數據行、列許可權的管控。 ...
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...