emmmm，作為乙個前端開發時刻想著，怎麼把自己寫的東西，丟到自己的伺服器上面，然後展示給別人看。下面我就簡單直白的寫下，如何用 nginx 部署你的靜態**。
事前準備
雲伺服器，（我的是阿里雲）
碼雲或者 gihub （用來存放你的**）
事前配置
既然你有了雲伺服器(我就當是你ubuntu 系統哦)，然後並且通過了備案，還有乙個自己網域名稱。那麼很好，該有的東西你已經是有了，下面就一起體驗配置的樂趣吧。
第一步：mac 電腦直接通過下面的命令列連線到你的伺服器。連線時候會叫你輸入密碼，輸入就是咯
ssh [email protected] //你的伺服器公有 ip這就可以成功的登入到你的伺服器啦！
第二步：伺服器上安裝 git和 nginx
安裝git很簡單，在命令列模式下輸入sudo apt-get install git命令進行安裝。安裝完畢之後輸入git --version就可以看到 git 的版本了；
安裝nginx 我們可以很容易地安裝nginxsudo apt-get install nginx，ubuntu 14.04預設情況下，nginx安裝完成後會自動啟動。你可以訪問預設的nginx登陸頁面，來確認軟體通過訪問你的伺服器網域名稱或瀏覽器公共ip正在正常執行。比如說你直接在瀏覽器輸入127.22.20.121,就會看到以下哪個畫面。
正式部署
刀已經磨好了，下面我們就霍霍向豬羊啦，首先本地建乙個資料夾static-web-server然後在這個資料夾下面建立乙個index.html，這個 html我們隨便寫點什麼的東西就好了。畢竟重心在部署。
下面是index.html**
static-web-server的資料夾關聯到我們碼雲static-web的倉庫，並且提交到倉庫上面，下面幾條命令就可以了。
git remote add origin [email protected]:naihe138/static-web.git（關聯本地資料夾和遠端倉庫，注意位址是你的位址哦）
git add .
git commit -m 'first'
git push -u origin master
上面的後面三點就是，新增到碼雲倉庫，相信大家都知道。
這會本地和倉庫都已經準備好了。下面來到伺服器設定，連線到你的伺服器
首先通過命令列新建乙個 www資料夾
sudo mkdir /www然後再新建乙個資料夾叫static-web,並且進入這個資料夾裡面
sudo mkdir static-web
cd static-web
pwd
/www/static-web
git clone [email protected]:naihe138/static-web.gittips: 這裡不能轉殖到的，需要把伺服器本機的公鑰新增到碼雲上面。這個有很多教程我就不細說了。**都轉殖到我們的伺服器了之後，下面我們稍微配置一下 nginx 配置很簡單，跟著我就可以了。進入到 nginx 配置目錄
cd /etc/nginx/conf.d/ls檢視配置檔案，（你之前沒有配置過，下面就是空的了），然後通過 vi 命令新建乙個配置檔案，例如：
sudo vi static-naice-me.conf（我的頂級網域名稱是naice.me通過解析子網域名稱 static.naice.me，所以就起了這個static-naice-me.conf 名字的檔案），然後你就進入了乙個 vi 編輯的環境，按下 鍵盤的i鍵，就可以寫入內容，寫入以下內容
server // 靜態檔案訪問
}
esc然後輸入:wq！來儲存你編輯的內容。
退出之後我們需要通過命令列重啟 nginx服務
sudo nginx -s reload網域名稱解析是把網域名稱指向**空間ip，讓人們通過註冊的網域名稱可以方便地訪問到**的一種服務，
下面簡單說說一下網域名稱解析的操作，你擁有了乙個網域名稱然後，進入 dnspod,沒有的話賬號的話， 直接註冊登入，然後進到控制台
新增網域名稱
新增 a記錄
如下圖：
好了，我們剛好剛剛把解析好的網域名稱寫進去我們的 nginx 的配置裡面，也重啟了 nginx 服務，下面就直接輸入
就可以訪問到我們剛才寫的靜態網頁，是不是有點小激動？？
還有一種方式
就是可以借用 nodejs 來輸出頁面，然後在構建這個 nodejs 專案的是，需要能渲染這些 html 檔案，這個比較利於後期擴充套件，借助 pm2 自動部署，比如增加資料庫，可以用 koa express 來搭建乙個**，不同的路由，訪問你不同的後台 html 檔案，模板引擎可以使用 ejs，這樣可以相容你的 html，不需要修改為其他的模板格式。後面可以詳細說說。
最後安利一下個人部落格：
done
基於nginx的靜態網頁部署的實現
背景 一串行的html網頁需要部署 基於nginx的部署 本文採用的基於openresty的nginx 配置。簡單地配置 nginx 的配置檔案，以便在啟動 nginx 時去啟用這些配置即可實現對於編寫好的html網頁的點選跳轉訪問。而本文的重點也是於此。配置方式1 nginx 的配置系統由乙個主配...
github pages部署靜態網頁
如果你的專案只是乙個靜態 就沒有必要再去整什麼伺服器，github pages 提供了搭建靜態 的功能 1.搭建簡單而且免費 2.支援靜態指令碼 3.可以繫結你的網域名稱 4.diy自由發揮，動手實踐一些有意思的東西git,markdown,bootstrap,jekyll 5.理想寫博環境，git...
搭建Nginx靜態網頁
1.搭建http靜態伺服器環境 搭建靜態 首先需要部署環境。下面的步驟是關於在伺服器上通過nginx部署http靜態服務。安裝nginx 在centos上，可直接使用yum來安裝 yum install nginx y安裝完成後，使用nginx命令啟動 nginx nginx此時訪問雲主機位址就可以...