從零開始擁有一個本身的網站(流程版)

歡迎指點錯誤，更詳細的介紹和操做截圖會在其餘文章敘述，歡迎加QQ：512317053一塊兒交流
本文所用本機系統爲liunx的深度系列，阿里雲服務器爲linux系列的centos
一.準備工做
1.你須要的工具一共有：linux系統，git，nginx，Coding網站帳號，阿里雲服務器，域名。
其中git用於本地命令操做，nginx用於服務器端配置環境，Coding提供更方便的文件上傳方式（本地傳給Coding,Coding傳給服務器。）
2.一款網頁語言編輯器（如webstorm,atom,國產Hbuilder等，也能夠在window寫好後拷貝到linux裏哦）
3.你須要擁有的知識是：linux系統的命令行操做基礎（稍後會講）。
二.資料參考
能夠在Coding文檔、好奇貓網站（命令行怪獸）等找到相關教程。
三.起步
（一）下載linux系統，推薦安裝深度，可直接搜索官方網站下載並安裝。
（二）熟悉經常使用linux經常使用命令行操做

打開命令終端   Ctrl+Alt+T
得到root權限   sudo su
查看當前文件   ls
查看文件權限   ll
查看當前全部文件（包含隱藏文件） ls -a
進入目標文件   cd 文件名
退到父本文件   cd ..
退到最初文件   cd
更改文件名     mv 文件名A 文件名B
輸入以前輸入過的指令 按上下方向鍵
移動文件到本文件中 mv 路徑 .
                 例如 mv ../pic/海島.jpg .  (第一處兩點表示路徑退到父本文件夾，第二處一點表示移動到此處，若移動目標文件夾全部文件 /* )
                 

刪除          rm -rf 文件名
新建文件夾     mkdir 文件名
新建文件（有則進入修改）  vim 文件名
         進入編輯       按i
         退出編輯       按ESC 後連按兩次大寫 Z  (或者輸入:wq)
         強制執行       在操做前加上 ！
         光標上下移動n行 ：n+
                       : n-
從新啓動      sudo service nginx reload
查找錯誤      nginx -t
改變權限      chmod a+rwx 文件名
拷貝          git clone （文件路徑 或 ssh地址等多種方式）
已上傳文件更新 git pull
關閉防火牆     chkconfig iptables off

更多命令行操做將在步驟中詳細講解！

（三）本地安裝git
打開命令終端 按ALT +CTRL+ T
本地安裝git

1.深度及ubuntu版本 sudo apt-get install git
          2.其它linux版本   sudo yum install git

（四）本地安裝SSH

同第三步驟

（五）註冊Coding網站
1.進入網站，註冊帳號，新建項目
2.查看本地公鑰，複製到Coding中(我的帳戶那裏ssh公鑰，注意過時時限)
3.建立一個新項目倉庫，點擊代碼頁，將倉庫初始化ssh代碼複製。
3.回到本地命令終端，將本地文件上傳

cd 進入文件所在文件夾 
                             初始化倉庫      git init
                           a.查看狀態       git status       
                           b.添加文件到緩存  git add 文件                      
                           c.               git commit
                           d.               回車  
                           e.               寫入上傳說明
                           f.保存並退出說明   ：ctrl+x   按Y確認保存退出
                           g.接下來複制coding網站的倉庫初始化代碼
                              (代碼上傳那頁裏底部的)
                           h.輸入Coding的username和passwrod完成上傳

須要說明的是，上傳的能夠是一個html文檔，照片，js，css等等，也能夠上傳文件夾。
此後再向項目中添加文件，能夠直接在coding網站項目欄，圖形操做（把本地文件拖入）
（六）購買阿里雲服務器

選擇linux服務器，**若是你是學生，能夠享受每個月十元的特惠！**
 記住公網IP、服務器登錄帳號、密碼、控制檯密碼等
 啓動服務器

1.回到本地命令終端，登錄到服務器 ssh root@公網ip
2.輸入帳號密碼（可進行進行免密碼操做，原理是將服務器公鑰與本地交換，之後登錄不須要帳號和密碼，之後會講如何操做）
3.登錄成功後就能夠將文件上傳到服務器了。

a.找到服務器公鑰，打開網站，複製到Coding中。
  b.選擇Coding中項目文件，複製左下側提供的SSH地址（首頁命名爲index.html）
  回到服務器     
  c.進入帳戶文件夾    cd /home/帳戶
  d.新建一個文件夾，  mkdir 文件名
  e.建立git函數，    git init
  h.粘貼複製的coding中ssh地址    git clone ssh地址
                               （例如 git clone git@git.coing...）
    輸入COding的帳戶密碼，就成功上傳到服務器了！此後對項目中文件更改的，在coding更改後，連接服務器，進入上述文件夾，選擇git pull便可完成更新
    須要說明的是，此種網站配置方法只能把文件放置在服務器/home/（帳戶）/目錄中，即打包上傳到服務器的文件須要用 mv ../文件夾/*將文件所有轉移到本層文件夾中。且第一個html首頁文件需改名爲index.html

（七）在服務器端安裝nginx

a.鏈接到服務器後，安裝nginx，服務器linux的centos版本   sudo yum install nginx
                          服務器liunx其餘版本  sudo apt-get install nginx
   （其它命令*） 卸載nginx                   sudo yum(或apt-get) remove nginx

（八）配置nginx

鏈接到服務器端後
 a. 進入nginx      cd /etc/nginx
 b. 查找全部文件    ls -a
 c. 進入conf.d     cd conf.d
 d. 查找全部文件    ls -a
 e. 進入配置default.conf     vim default.conf
 h. 可根據網上模板配置，重點有  文件夾路徑 root/home/...                              
                             首頁文件名 index index.html
 舉例以下圖（最簡單的配置）

server {

    listen       80;
    server_name www.域名;
    root   /home/xk/cool;
    index index.html index.htm index.php;

   
}

(九)解析域名

a.可在阿里雲直接購買一個域名，或者其它網站
 b.選擇解析域名,方式a,解析主機爲購買服務器的公網ip
 c.記得備案，尤爲是.com和.cn
 d.回到第（八）步，在配置default.conf 中，將域名寫入其中
 e.重啓服務器  service nginx reload

(十)進入瀏覽器，輸入域名，查看你的網站！

另外，要在服務器上放多個網站時，每一個網站文件根目錄分別放在服務器用戶目錄裏，首頁爲index.html/php文件。域名是有備案的，或者你是國外的服務器。

(十一)常見錯誤

1.未關閉服務器自帶防火牆   鏈接服務器後輸入 chkconfig iptables off
  2.nginx配置文件不正確     仔細查看文件夾路徑
  3.首頁文件名字不是index.html   進入文件夾更更名字    mv who.html index.html
  4.文件沒有所有放入/home/用戶/文件夾    使用mv ../  . 移動到本文件夾
  5.nginx配置錯誤，查看文件index.html等等所在路徑是否正確
  6.權限問題，使用chmod 777 文件名 給全部文件以及nginx中conf配置權限
  7.域名備案問題，若是你購買的是便宜的.win .top 等等域名，恭喜你，因爲沒法在國內備案，是沒法在國內購買的服務器上使用的，解決辦法是買一個能夠備案的域名，或者是買一臺國外的服務器吧。