這段時間想要把我以前作過的demo放到服務器上,GitHub Page則用來放hexo blog,因此在阿里雲 上買了半年的服務器來用。網上關於這方面的信息是比較多的,可是實在太亂了,或許是我搜索能力比較不足,可是我在部署Nginx的時候實在沒有看到太多靠譜的博文,你們都是抄來抄去的(2333
博主的服務器是在阿里雲上買的,系統是Ubuntu
,想要購買阿里雲服務器的話,直接上阿里雲上查找「雲服務器ECS」便可,在校學生的話是比較便宜的,這裏放上連接:阿里雲服務ECSjavascript
這裏在阿里雲上進入本身的雲服務器控制檯,點擊實例
,以下圖php
而後點擊右邊的更多
,點擊安全組配置
html
進入新頁面之後點擊配置規則
,選擇點擊添加安全組規則
,這裏我放行了服務器的兩個端口,一個是80端口,用來訪問頁面,一個22端口,用來遠程登陸服務器,這裏配置的是80端口,配置22端口的話只須要把80/80
改成22/22
便可前端
因爲咱們須要使用一些linux命令,因此putty最好是安裝一個,便於咱們操做。而Winscp是用來遠程上傳文件的,能夠把本地的文件上傳到咱們的服務器上去,因此也推薦安裝。
這裏放上連接:下載putty 下載Winscpjava
把端口放行之後咱們開始在服務器上安裝Nginx
。這裏我用的是Ubuntu
,因此安裝的時候比較簡單,若是服務器上用的是Centos
的話比較麻煩一些,只可以經過源代碼來安裝,過程相對比較多,並且容易出錯。
如今在電腦上用putty登陸咱們的linux服務器,在控制檯下輸入如下命令:linux
# sudo apt-get update # sudo apt-get install nginx
因爲咱們直接安裝nginx
會直接error,因此咱們須要用update
命令來獲取到最新的軟件包,安裝完之後咱們能夠啓動nginx
服務nginx
# service nginx start
看到以下頁面,則nginx安裝成功web
因爲我須要將demo放到服務器上,爲此我將nginx
的根目錄指向改變了。
配置方法:打開/etc/nginx/nginx.conf配置文件,在putty上的代碼爲:ubuntu
# vim /etc/nginx/nginx.conf
按下i
便可以對nginx.conf進行修改,這裏個人主要配置爲:vim
server { listen 80; server_name 你的公網ip或者域名; charset utf-8; location / { root /ubuntu/website/; index index.html index.htm; }
如今就能夠將你的靜態文件放到服務器上訪問了,記得將文件放在root指向的路徑。
掃描下方的二維碼或搜索「tony老師的前端補習班」關注個人微信公衆號,那麼就能夠第一時間收到個人最新文章。