在公司內(nèi)網(wǎng)環(huán)境中姿锭,搭建一個靜態(tài)站點塔鳍,用于保存一些相關(guān)知識文檔,并通過頁面的形式展現(xiàn)出來呻此。靜態(tài)站點生成器這里我選擇的是Hexo(一個基于Node實現(xiàn)的靜態(tài)博客框架)轮纫,而Web服務(wù)器首選當然是Nginx,簡單高效焚鲜。
1. 安裝Nginx
這里我以Windows Server為例掌唾,安裝非常簡單放前,從官方站點頁面下載Nginx軟件包。下載完成后糯彬,直接解壓到本地目錄就行了凭语。
打開cmd
,進入Nginx目錄撩扒,執(zhí)行命令start nginx
似扔,然后你就可以在任務(wù)管理器中看到nginx的進程了。直接訪問瀏覽器http://127.0.0.1
,正常情況下搓谆,就能看到Nginx的歡迎界面了炒辉。如果不對,90%的可能是因為80端口占用問題泉手,打開配置Nginx配置文件黔寇,修改一下默認端口就行了。
2. 配置Nginx
Nginx目錄下打開conf/nginx.conf
文件斩萌,部分內(nèi)容如下:
...
server {
listen 8080;
server_name 127.0.0.1;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root html;
index index.html;
}
...
如上缝裤,將默認80
改成8080
,然后在訪問http://127.0.0.1:8080
就OK了颊郎。下面location
就是歡迎頁面的訪問路徑倘是,進入Nginx目錄下html
目錄,可以看到有個index.html
文件袭艺,這就是歡迎頁面搀崭。
那么如何將Hexo靜態(tài)站點部署在Nginx服務(wù)器下呢?
3. 部署靜態(tài)站點
通過Hexo g
命令生成的靜態(tài)站點猾编,默認就是Hexo站點目錄中的public
文件夾瘤睹。
將生成好的靜態(tài)站點(也就是public/
目錄),拷貝至Nginx目錄下的html
文件夾中答倡。然后修改Nginx配置文件轰传。
...
server {
listen 8080;
server_name 127.0.0.1;
location / {
root html/public;
index index.html;
}
...
只是修改了root
字段為public
目錄,其他地方都不變瘪撇,然后重新加載Nginx获茬,打開cmd
,在Nginx目錄下執(zhí)行nginx -s reload
倔既,重新訪問http://127.0.0.1:8080
恕曲,就可以看到Hexo靜態(tài)站點了。這里要注意瀏覽器緩存的問題
問題
- Hexo其實是提供
hexo s
命令來實時查看訪問頁面渤涌,如果在服務(wù)器端啟動hexo s
佩谣,在瀏覽器中同樣也可以通過服務(wù)器IP來訪問站點,并且能實時顯示當前狀態(tài)实蓬。但是茸俭,通過我嘗試后發(fā)現(xiàn)吊履,hexo s
效率非常低,只能適合在線調(diào)試调鬓,不適合作為站點訪問艇炎。 - 更新的時候,需要使用
hexo g
重新生成站點腾窝,然后將public
目錄拷貝到Nginx目錄中html
文件夾下即可冕臭。