本文講要介紹如何建立一個(gè)靜態(tài)網(wǎng)站。適合有一定html css經(jīng)驗(yàn)的人閱讀。
首先是寫一個(gè)靜態(tài)頁(yè)面，不想寫直接用bootstrap模版改改參數(shù)也是可以做出挺漂亮的頁(yè)面。
<a > 模版?zhèn)魉烷T</a>
經(jīng)過一番修改之后把文件夾命名為www
文件夾底下差不多是這樣
就記得里面有幾個(gè)文件夾，放靜態(tài)文件，諸如圖片（網(wǎng)頁(yè)上的圖片）。最重要的是<b>index.html</b>
本地打開index.html顯示正常（沒有叉叉）的話就可以做下一步了。
接下來我們的網(wǎng)頁(yè)是要放到網(wǎng)上去的（廢話），所以需要一個(gè)服務(wù)器。本文是用的是AWS EC2。
<h4>step1</h4>:管理控制臺(tái)->服務(wù)->“計(jì)算”下的EC2->啟動(dòng)實(shí)例（安全組記得選擇允許http 80端口，懶的人可以直接設(shè)置選擇所有流量，不過這樣不安全，記得多關(guān)注流量情況，土豪除外）
<h4>step2</h4>:終端連接實(shí)例（Mac的話直接拷貝鏈接至終端，Windows要用 putty）
<h4>step3</h4>:將剛才寫好的www文件夾放到服務(wù)器上，Mac 用filezilla ,Windows 用 winCP。<a >操作詳情</a>
<h4>step4</h4>:配置nginx
<b>1.使用如下指令進(jìn)行安裝nginx</b>
sudo apt-get update
sudo apt-get install nginx
sudo service nginx start
<b>2.nginx初始配置</b>
nginx 的默認(rèn)配置文件位于
/etc/nginx/nginx.conf
在配置文件中有一行：
include /etc/nginx/sites-enabled/*
這行負(fù)責(zé)加載外部配置文件，查看sites-enabled目錄，該目錄下只有一個(gè)default文件，這個(gè)外部的配置文件就是負(fù)責(zé)我們 nginx 的默認(rèn)代理。這個(gè)配置文件的主要內(nèi)容如下：
server {
server_name localhost;
listen 80 default_server;
# SSL configuration
#
# listen 443 ssl default_server;
# listen [::]:443 ssl default_server;
#
# Note: You should disable gzip for SSL traffic.
# See: https://bugs.debian.org/773332
#
# Read up on ssl_ciphers to ensure a secure configuration.
# See: https://bugs.debian.org/765782
#
# Self signed certs generated by the ssl-cert package
# Don't use them in a production server!
#
# include snippets/snakeoil.conf;
root /usr/share/nginx/html;
index index.html index.htm;
location / {
try_files $uri $uri/ =404;
}
}
這段話改為
server {
listen 80 default_server;
listen [::]:80 default_server;
# SSL configuration
#
# listen 443 ssl default_server;
# listen [::]:443 ssl default_server;
#
# Note: You should disable gzip for SSL traffic.
# See: https://bugs.debian.org/773332
#
# Read up on ssl_ciphers to ensure a secure configuration.
# See: https://bugs.debian.org/765782
#
# Self signed certs generated by the ssl-cert package
# Don't use them in a production server!
#
# include snippets/snakeoil.conf;
root /home/ubuntu/www;
# Add index.php to the list if you are using PHP
index index.html index.htm index.nginx-debian.html;
server_name _;
location / {
# First attempt to serve request as file, then
# as directory, then fall back to displaying a 404.
try_files $uri $uri/ =404;
}
重點(diǎn)是下面這行，這一行的意思是你網(wǎng)頁(yè)（index.html）所在的目錄,當(dāng)外界直接在http協(xié)議下訪問你EC2的公有 IP時(shí)，看到的會(huì)是這個(gè)目錄下的html文件。
root /home/ubuntu/www
<b>3.配置生效</b>
輸入如下指令
sudo service nginx reload
做到這一步，打開瀏覽器訪問你EC2的公有ip出來的頁(yè)面應(yīng)該是你寫好的網(wǎng)站啦。做到這里你就一定會(huì)想每次輸?shù)刂泛寐闊┭剑懿荒苡袀€(gè)www樣子的地址？答案是可以的，只要肯花錢。
<h4>step5</h4><b>域名解析到ip地址</b>
1.選擇域名服務(wù)（以百度云為例）。界面如下
點(diǎn)擊你想要的域名->解析
<b>2.做如下的設(shè)置</b>
特別注意記錄值就是EC2的公有ip。
這樣以后就大功告成啦，歡迎大家點(diǎn)擊我的個(gè)人網(wǎng)頁(yè)（可恥地用了模版）
------->> <a >Kevin Wong</a>
參考資料
1.<a >靜態(tài)頁(yè)面配置</a>
2.<a >如何用FileZilla連接Amazon EC2</a>
