使用Nginx部署靜態網站

時間 2019-11-17

標籤使用 nginx 部署靜態網站欄目 Nginx 简体版

原文原文鏈接

這篇文章將介紹如何利用Nginx部署靜態網站。html

以前寫過2篇有關Nginx的文章，一篇是《利用nginx，騰訊雲免費證書製做https》，另一篇是《linux安裝nginx》，若是有須要能夠看一下，這一篇文章介紹如何使用Nginx部署靜態網站，須要在服務器部署靜態網站的同窗能夠看一下。

準備工做

首先咱們須要在本地或者服務器上安裝Nginx，這時就用到了我以前的文章。 Linux---《linux安裝nginx》 Windows---官網下載個壓縮包解壓一下便可官網傳送門linux

配置Nginx主配置

在安裝目錄下的conf目錄下能夠找到一個nginx.conf文件，打開這個文件。其中須要設置的內容主要就幾項，即以下帶有註釋的地方，nginx.conf完整內容以下：nginx

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    charset utf-8;        # 設置編碼格式
    
    server {
    listen 8081;             # 端口號
    server_name _;           # 配置域名信息
    root web/;               # 靜態頁面根目錄
    index index.html;
    }
}

複製代碼

因爲只是作一個簡單的映射，因此我將靜態頁面放到了nginx目錄下，即如圖位置，默認頁面也設置爲web目錄下index.html文件，如圖web

html頁面爲簡單測試頁面，內容很簡單。瀏覽器

index.htmlbash

<html>

<head>
<title>index</title>
</head>

<body>
<p>body</p>
<p>title</p>
<a href="edit.html">跳轉</a>
</body>

</html>
複製代碼

edit.html服務器

<html>

<head>
<title>edit</title>
</head>

<body>
<p>body</p>
<p>title</p>
<a href="index.html">跳轉</a>
</body>

</html>
複製代碼

啓動Nginx

打開命令行，進入nginx目錄，開啓nginxapp

d:
複製代碼

cd D:\tool\nginx-1.15.2
複製代碼

start nginx
複製代碼

瀏覽器訪問測試

在瀏覽器訪問http://localhost:8081/，能夠看到如圖測試

總結

到這裏本篇文章就算結束了，其實主要Nginx部署靜態網站就是將Nginx主配置文件配置好便可，過程很簡單。網站

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。