主頁 > 企業開發 > 如何從零搭建個人/公司網站

如何從零搭建個人/公司網站

2021-01-26 06:55:55 企業開發

朋友之前某寶花費1000+給公司買了一個網站,歷時1年不到,被商鋪以一些不合理的理由關停,比如域名到期,然后我特意去查了一下此域名,當初是買了兩年的,而且域名非特殊情況中途也是禁止交易的,又或者辛辛苦苦花錢買的網站,經常出現訪問不了的情況,或者能訪問,但是頁面十分卡的情況,故今天教大家如何從零搭建個人或公司的網站,

搭建網站的必備要素主要有三點:

  1. 擁有一個自己的云服務器
  2. 申請一個自己的獨家域名
  3. 網站

一、購置云服務器

首先我們先來了解一下什么是云服務器?

百度百科對云服務器的定義:

云服務器(Elastic Compute Service, ECS)是一種簡單高效、安全可靠、處理能力可彈性伸縮的計算服務,其管理方式比物理服務器更簡單高效,用戶無需提前購買硬體,即可迅速創建或釋放任意多臺云服務器,

官方給的定義比較專業化,我就以個人的理解通俗的解釋云服務器的用途,云服務器就是相當于我們買了一個遠程的電腦,這個電腦只是歸我們使用,但是電腦的硬體等其他設施都不歸屬于你,并且服務商給你提供的服務器能夠實作99%的可持續使用,不會出現斷電或者網路無法連接的情況,

云服務器的價格往往與服務器的配置有關,比如看如下兩款云服務器的價格說明:

image-20210125091454963

image-20210125091552233

云服務器的購買我們主要關注四點,

第一點:關于云服務器屬于幾核幾GB,這個指的就是服務器的基礎硬體配置,有幾個核數的CPU和記憶體多大,一個服務器的核數和記憶體大小,能夠最大程度決定該服務器的性能,比如我們現在使用的筆記本電腦,大多都是8核16G,但對于云服務器,我們不必苛求與我們筆記本相同的性能,云服務器不需要像我們筆記本一樣安裝各種各樣的軟體或游戲,它只需干那么幾件事情,如果只是部署個人網站,甚至1核2GB,2核4GB的都完全能滿足條件,

第二點:關于作業系統,云服務器大多選用的都是Linux系統如Ubuntu Server或者Centos,因為Linux系統的性能在同等配置的情況下是要稍微好于Windows的,不過缺點就是Linux系統不像是Windows服務器普通人就可以實作運維操作,需要有專門的人進行一些服務器的軟體下載及配置,不過也很簡單,相信自學也就是那么幾小時的事情,

第三點:關于云服務器的帶寬,帶寬決定了我們的服務器訪問速度,類似我們家里網路的帶寬,帶寬越高速度越快,當然,價格也越不菲,對于搭建個人或小型公司使用的網站,3M以內的帶寬也基本滿足使用了,

第四點:關于購買時長,這個需要根據個人需要來選擇了,

這里推薦大家在雙11或者其他搞活動的時候買云服務器,比如我去年在雙11買了一臺服務器2核4GB,帶寬3M,兩年價格才800左右,如果在平時去買,價格可能就在2000左右了,當需要買服務器時,提前關注各大云服務器廠商,根據活動力度按需購買,

主要云服務器廠商:

  • 阿里云
  • 騰訊云
  • 華為云
  • 滴滴云
  • ..........................

購買了特定的服務器后,即可通過相關工具連接服務器進行操作了,

服務器購買后,還需對服務器進行備案操作,到時候直接根據網頁提示進行備案即可,快則1個作業日即可備案成功,

二、申請獨家域名

首先,我們來了解下什么是域名?

百度百科定義:

域名(英語:Domain Name),又稱網域,是由一串用點分隔的名字組成的Internet上某一臺計算機或計算機組的名稱,用于在資料傳輸時對計算機的定位標識(有時也指地理位置),

我繼續以通俗的方式講一下域名,域名就是我們平時輸入的網站,如www.taobao.com,www.baidu.com,這些就是域名,

域名的購買也可以通過阿里或騰訊等大廠商,此處我以阿里云購買域名為例,

瀏覽器輸入阿里云查詢域名官網:https://wanwang.aliyun.com/

image-20210125093244416

搜索我們想要的獨家域名,比如我個人網站所使用的域名:lovebetterworld

image-20210125093818043

可以看到域名的價格還是比較便宜的,選擇自己心儀的域名,加入清單購買即可,

域名購買后,需要對域名進行備案,在網頁右上方有備案按鈕,根據要求進行備案即可,

image-20210125094043782

域名備案成功后,我們需要將我們的域名與之前購買的服務器進行關聯,此時我們進入到阿里云的域名管理的控制臺界面,

image-20210125094529605

在該界面會顯示你購買的域名,點擊后方的決議按鈕,在彈出的決議設定界面中,添加一條記錄,系結之前購買的服務器IP地址,

image-20210125094714340

至此,服務器和域名系結成功,由于備案等時間,從購買服務器到域名備案成功后,大概15個作業日內就可以完成,

接下來就該部署我們自己的網站了,

三、部署個人/公司網站

前面提到,我們購買的服務器盡量購買Linux服務器,此處我就以Centos為例進行演示,

我們購買服務器后,會得到該服務器的IP地址,root賬戶的密碼,然后我們通過XShell或者其他SSH工具可遠程連接服務器,

3.1 安裝nginx

通過XShell工具連接至服務器后,在我們的服務器安裝一個靜態資源軟體nginx,

安裝命令:

  1. 安裝所需環境
yum install -y pcre pcre-devel gcc-c++ zlib zlib-devel openssl openssl-devel
  1. 下載nginx安裝包
wget -c https://nginx.org/download/nginx-1.16.1.tar.gz
  1. 解壓
tar -zxvf nginx-1.16.1.tar.gz
  1. 使用默認配置進行安裝
# 進入到nginx解壓后的目錄
cd nginx-1.16.1
# 使用默認配置
./configure
  1. 編譯安裝
make && make install
  1. 默認安裝后的地址:
/usr/local/nginx
  1. nginx相關命令
# 進入到nginx界面
cd /usr/local/nginx/sbin/
# 啟動nginx
./nginx 
# 停止nginx
./nginx -s stop
# 重新加載nginx
./nginx -s reload

3.2 撰寫HTML界面

服務器安裝nginx軟體后,我們需要在我們的筆記本上撰寫我們的個人網站,

在這里給大家分享一個免費的HTML網頁地址:

http://www.mobanwang.com/

image-20210125095854166

找到自己心儀的網站,可以直接點進去下載后進行修改,

修改完成后,將整個檔案夾內的所有內容上傳至你的服務器的/usr/local/nginx/html的目錄下面,

image-20210125103441168

3.3 修改nginx.conf

修改nginx的組態檔nginx.conf,將server_name后的地址修改為你所購買的域名地址,

#user  nobody;
worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;

    keepalive_timeout  65;

    server {
        listen       80;
        # 將server_name后的內容修改為你所購買的域名地址
        server_name  lovebetterworld.com;

        #access_log  logs/host.access.log  main;
        location / {
            root   html;
            index  index.html index.htm;
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

}

修改完nginx的組態檔后,我們通過命令檢查nginx組態檔是否有誤,

image-20210125100409949

出現如圖所示,則表示nginx組態檔無誤,則重啟nginx,

image-20210125100459396

四、瀏覽器輸入域名驗證

找到自己筆記本或手機的任意瀏覽器,輸入你購買的域名,即可訪問到你的個人網站了,

  • 個人網站:https://www.lovebetterworld.com/

  • 往后余生,只想分享一些干貨,分享一些作業,學習當中的筆記、總結,并幫助需要幫助的任何人,關注我,大家一起來學習吧!

微信公眾號

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/252546.html

標籤:其他

上一篇:ArcGis距離分析

下一篇:生僻標簽 fieldset 與 legend 的妙用

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • IEEE1588PTP在數字化變電站時鐘同步方面的應用

    IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入,國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

    uj5u.com 2020-09-10 03:51:52 more
  • HTTP request smuggling CL.TE

    CL.TE 簡介 前端通過Content-Length處理請求,通過反向代理或者負載均衡將請求轉發到后端,后端Transfer-Encoding優先級較高,以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

    uj5u.com 2020-09-10 03:52:11 more
  • 網路滲透資料大全單——漏洞庫篇

    網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

    uj5u.com 2020-09-10 03:52:15 more
  • 京準講述NTP時鐘服務器應用及原理

    京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差,然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成:導航授時衛星、地面檢測校正維護系統和用戶 ......

    uj5u.com 2020-09-10 03:52:25 more
  • 利用北斗衛星系統設計NTP網路時間服務器

    利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議,高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計,高精度時鐘直接來源于北斗 ......

    uj5u.com 2020-09-10 03:52:35 more
  • 詳細解讀電力系統各種對時方式

    詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz,更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置,該裝置以M國全球定位系統(GLOBAL POSITIONING SYSTEM,縮寫為GPS)或者我國北 ......

    uj5u.com 2020-09-10 03:52:45 more
  • 如何保證外包團隊接入企業內網安全

    不管企業規模的大小,只要企業想省錢,那么企業的某些服務就一定會采用外包的形式,然而看似美好又經濟的策略,其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的,最常見的就是話務/客服這種需要大量重復性、無技術性的服務,或者是一些銷售外包、特殊的職能外包等 ......

    uj5u.com 2020-09-10 03:52:57 more
  • PHP漏洞之【整型數字型SQL注入】

    0x01 什么是SQL注入 SQL是一種注入攻擊,通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里,當然也會發生在其它地發,如登錄框等等也會存在注入,只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

    uj5u.com 2020-09-10 03:55:40 more
  • [GXYCTF2019]禁止套娃

    git泄露獲取原始碼 使用GET傳參,引數為exp 經過三層過濾執行 第一層過濾偽協議,第二層過濾帶引數的函式,第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式,相當于匹配函式里的引數 因此傳遞 ......

    uj5u.com 2020-09-10 03:56:07 more
  • 等保2.0實施流程

    流程 結論 ......

    uj5u.com 2020-09-10 03:56:16 more
最新发布
  • 使用Django Rest framework搭建Blog

    在前面的Blog例子中我們使用的是GraphQL, 雖然GraphQL的使用處于上升趨勢,但是Rest API還是使用的更廣泛一些. 所以還是決定回到傳統的rest api framework上來, Django rest framework的官網上給了一個很好用的QuickStart, 我參考Qu ......

    uj5u.com 2023-04-20 08:17:54 more
  • 記錄-new Date() 我忍你很久了!

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 大家平時在開發的時候有沒被new Date()折磨過?就是它的諸多怪異的設定讓你每每用的時候,都可能不小心踩坑。造成程式意外出錯,卻一下子找不到問題出處,那叫一個煩透了…… 下面,我就列舉它的“四宗罪”及應用思考 可惡的四宗罪 1. Sa ......

    uj5u.com 2023-04-20 08:17:47 more
  • 使用Vue.js實作文字跑馬燈效果

    實作文字跑馬燈效果,首先用到 substring()截取 和 setInterval計時器 clearInterval()清除計時器 效果如下: 實作代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......

    uj5u.com 2023-04-20 08:12:31 more
  • JavaScript 運算子

    JavaScript 運算子/運算子 在 JavaScript 中,有一些運算子可以使代碼更簡潔、易讀和高效。以下是一些常見的運算子: 1、可選鏈運算子(optional chaining operator) ?.是可選鏈運算子(optional chaining operator)。?. 可選鏈操 ......

    uj5u.com 2023-04-20 08:02:25 more
  • CSS—相對單位rem

    一、概述 rem是一個相對長度單位,它的單位長度取決于根標簽html的字體尺寸。rem即root em的意思,中文翻譯為根em。瀏覽器的文本尺寸一般默認為16px,即默認情況下: 1rem = 16px rem布局原理:根據CSS媒體查詢功能,更改根標簽的字體尺寸,實作rem單位隨螢屏尺寸的變化,如 ......

    uj5u.com 2023-04-20 08:02:21 more
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 08:01:50 more
  • 如何在 vue3 中使用 jsx/tsx?

    我們都知道,通常情況下我們使用 vue 大多都是用的 SFC(Signle File Component)單檔案組件模式,即一個組件就是一個檔案,但其實 Vue 也是支持使用 JSX 來撰寫組件的。這里不討論 SFC 和 JSX 的好壞,這個仁者見仁智者見智。本篇文章旨在帶領大家快速了解和使用 Vu ......

    uj5u.com 2023-04-20 08:01:37 more
  • 【Vue2.x原始碼系列06】計算屬性computed原理

    本章目標:計算屬性是如何實作的?計算屬性快取原理以及洋蔥模型的應用?在初始化Vue實體時,我們會給每個計算屬性都創建一個對應watcher,我們稱之為計算屬性watcher ......

    uj5u.com 2023-04-20 08:01:31 more
  • http1.1與http2.0

    一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:01:10 more
  • http1.1與http2.0

    一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:00:32 more