国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

拿Nginx 部署你的靜態(tài)網(wǎng)頁

arashicage / 1505人閱讀

摘要：關(guān)聯(lián)本地文件夾和遠(yuǎn)程倉庫，注意地址是你的地址哦上面的后面三點就是，添加到碼云倉庫，相信大家都知道。這里不能克隆到的，需要把服務(wù)器本機的公鑰添加到碼云上面。

emmmm，作為一個前端開發(fā)時刻想著，怎么把自己寫的東西，丟到自己的服務(wù)器上面，然后展示給別人看。下面我就簡單直白的寫下，如何用 Nginx 部署你的靜態(tài)網(wǎng)站。

事前準(zhǔn)備

云服務(wù)器，（我的是阿里云）

碼云或者 gihub （用來存放你的代碼）

事前配置

既然你有了云服務(wù)器(我就當(dāng)是你ubuntu 系統(tǒng)哦)，然后并且通過了備案，還有一個自己域名。那么很好，該有的東西你已經(jīng)是有了，下面就一起體驗配置的樂趣吧。

第一步：mac 電腦直接通過下面的命令行連接到你的服務(wù)器。連接時候會叫你輸入密碼，輸入就是咯

ssh root@127.22.20.121 //你的服務(wù)器公有 ip

連接成之后會有下面的一個界面，

這就可以成功的登錄到你的服務(wù)器啦！

第二步：服務(wù)器上安裝 git和 Nginx

安裝 git很簡單，在命令行模式下輸入sudo apt-get install git命令進行安裝。安裝完畢之后輸入git --version就可以看到 git 的版本了；

安裝Nginx 我們可以很容易地安裝Nginxsudo apt-get install nginx，Ubuntu 14.04默認(rèn)情況下，Nginx安裝完成后會自動啟動。你可以訪問默認(rèn)的Nginx登陸頁面，來確認(rèn)軟件通過訪問你的服務(wù)器域名或瀏覽器公共IP正在正常運行。比如說你直接在瀏覽器輸入127.22.20.121,就會看到以下哪個畫面。

正式部署

刀已經(jīng)磨好了，下面我們就霍霍向豬羊啦，首先本地建一個文件夾static-web-server然后在這個文件夾下面建立一個 index.html，這個 html我們隨便寫點什么的東西就好了。畢竟重心在部署。

下面是index.html代碼




    
    
    nginx 靜態(tài)網(wǎng)站部署 
    


    
nginx靜態(tài)網(wǎng)站部署實例
naice blog

本地也東西也弄好，下面到來到碼云上面建立一個新的倉庫，我的就叫static-web，然后把本地static-web-server的文件夾關(guān)聯(lián)到我們碼云static-web的倉庫，并且提交到倉庫上面，下面幾條命令就可以了。

tips：提交代碼需要你的本地公鑰復(fù)制到碼云的倉庫的設(shè)置上面哦，大家這個部分自行百度解決嘛。

git remote add origin git@git.oschina.net:naihe138/static-web.git（關(guān)聯(lián)本地文件夾和遠(yuǎn)程倉庫，注意地址是你的地址哦）

git add .

git commit -m "first"

git push -u origin master

上面的后面三點就是，添加到碼云倉庫，相信大家都知道。
這會本地和倉庫都已經(jīng)準(zhǔn)備好了。下面來到服務(wù)器設(shè)置，連接到你的服務(wù)器

首先通過命令行新建一個 www文件夾

sudo mkdir /www

然后進入 www文件夾

cd /www

然后再新建一個文件夾叫static-web,并且進入這個文件夾里面

sudo mkdir static-web
cd static-web

路徑是

pwd
/www/static-web

然后在static-web文件夾里面，下載我們剛才上傳到碼云的代碼。

git clone git@git.oschina.net:naihe138/static-web.git
tips: 這里不能克隆到的，需要把服務(wù)器本機的公鑰添加到碼云上面。這個有很多教程我就不細(xì)說了。

代碼都克隆到我們的服務(wù)器了之后，下面我們稍微配置一下 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 編輯的環(huán)境，按下 鍵盤的i 鍵，就可以寫入內(nèi)容，寫入以下內(nèi)容

server {
  server_name static.naice.me; // 你的域名或者 ip
  root /www/static-web/static-web; // 你的克隆到的項目路徑
  index index.html; // 顯示首頁
  location ~* ^.+.(jpg|jpeg|gif|png|ico|css|js|pdf|txt){
    root /www/static-web/static-web;
  } // 靜態(tài)文件訪問
}

寫入內(nèi)容之后，按下esc然后輸入:wq！來保存你編輯的內(nèi)容。

退出之后我們需要通過命令行重啟 nginx服務(wù)

sudo nginx -s reload
域名解析

域名解析是把域名指向網(wǎng)站空間IP，讓人們通過注冊的域名可以方便地訪問到網(wǎng)站的一種服務(wù)，
下面簡單說說一下域名解析的操作，你擁有了一個域名然后，進入 dnspod,沒有的話賬號的話， 直接注冊登錄，然后進到控制臺

添加域名

添加 a記錄

如下圖：

好了，我們剛好剛剛把解析好的域名寫進去我們的 nginx 的配置里面，也重啟了 nginx 服務(wù)，下面就直接輸入http://static.naice.me/，就可以訪問到我們剛才寫的靜態(tài)網(wǎng)頁，是不是有點小激動？？

還有一種方式

就是可以借用 Nodejs 來輸出頁面，然后在構(gòu)建這個 Nodejs 項目的是，需要能渲染這些 html 文件，這個比較利于后期擴展，借助 pm2 自動部署，比如增加數(shù)據(jù)庫，可以用 koa express 來搭建一個網(wǎng)站，不同的路由，訪問你不同的后臺 html 文件，模板引擎可以使用 ejs，這樣可以兼容你的 html，不需要修改為其他的模板格式。后面可以詳細(xì)說說。

最后安利一下個人博客： http://blog.naice.me/

done

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/84622.html

相關(guān)文章

  • 拿Nginx 部署你的靜態(tài)網(wǎng)頁

    摘要：關(guān)聯(lián)本地文件夾和遠(yuǎn)程倉庫，注意地址是你的地址哦上面的后面三點就是，添加到碼云倉庫，相信大家都知道。這里不能克隆到的，需要把服務(wù)器本機的公鑰添加到碼云上面。 emmmm，作為一個前端開發(fā)時刻想著，怎么把自己寫的東西，丟到自己的服務(wù)器上面，然后展示給別人看。下面我就簡單直白的寫下，如何用 Nginx 部署你的靜態(tài)網(wǎng)站。 事前準(zhǔn)備 云服務(wù)器，（我的是阿里云） 碼云或者 gihub （用來存...

    hikui 評論0 收藏0

  • Angular2 網(wǎng)站 SEO 攻略

    摘要：使用生成靜態(tài)頁，再配置在爬蟲訪問時提供靜態(tài)頁中的內(nèi)容。如何在爬蟲訪問時讓爬蟲獲取到靜態(tài)頁中的內(nèi)容要演練此部分內(nèi)容，首先你要把網(wǎng)站用部署。 Angular 的優(yōu)點有很多，但如果用它來開發(fā)網(wǎng)站的話，就不得不面對它的兩大缺點： 首頁加載慢 搜索引擎的爬蟲獲取不到頁面內(nèi)容 由于 Angular 是通過 js 動態(tài)生成 dom 并插入到頁面中，搜索引擎默認(rèn)只能獲得頁面的標(biāo)題。我們可以使用 c...

    niuxiaowei111 評論0 收藏0

  • 利用 NGINX 最大化 Python 性能，第一部分：Web 服務(wù)和緩存

    摘要：無論是將其用作的服務(wù)器反向代理服務(wù)器負(fù)載均衡器，還是同時使用以上三種功能，和都能帶來很大好處。再就是下篇文章會介紹如何把和當(dāng)作反向代理服務(wù)器和多個應(yīng)用程序服務(wù)器的負(fù)載均衡器。而使用將會有助于解決這一問題。 【編者按】本文主要介紹 nginx 的主要功能以及如何通過 NGINX 優(yōu)化 Python 應(yīng)用性能。本文系國內(nèi) ITOM 管理平臺 OneAPM 編譯呈現(xiàn)。 Python 的著名之...

    1treeS 評論0 收藏0

  • 利用 NGINX 最大化 Python 性能，第一部分：Web 服務(wù)和緩存

    摘要：無論是將其用作的服務(wù)器反向代理服務(wù)器負(fù)載均衡器，還是同時使用以上三種功能，和都能帶來很大好處。再就是下篇文章會介紹如何把和當(dāng)作反向代理服務(wù)器和多個應(yīng)用程序服務(wù)器的負(fù)載均衡器。而使用將會有助于解決這一問題。 【編者按】本文主要介紹 nginx 的主要功能以及如何通過 NGINX 優(yōu)化 Python 應(yīng)用性能。本文系國內(nèi) ITOM 管理平臺 OneAPM 編譯呈現(xiàn)。 Python 的著名之...

    v1 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<