基于gitbook、nginx实现静态网站部署

nginx简介

nginx作为一款高性能的服务器,用途很多,除了可以做后端服务器的代理,负载均衡之外你,还有一个用途就是做静态资源的缓存服务器,比如在前后端分离的项目中,为了加速前端页面的响应速度,我们可以将前端的相关资源,例如html,js,css或者图片等放到nginx指定的目录下,访问的时候只需要通过IP加路径就可以实现高效快速的访问。

应用场景 :

对markdown格式的文件进行静态页面的呈现,同时利用nginx实现静态网站的部署。

一、gitbook部分

1、下载好gitbook,可参考:https://blog.csdn.net/Junetest/article/details/106014594

2、进入需要转换为电子书的文件夹,执行初始化

gitbook init

3、构建电子书

gitbook install #安装插件
gitbook build

4、构建完之后,当前目录下会增加一个_book文件夹,里面包含构建好的内容如:html文件
在这里插入图片描述
在此电子书构建完成,可以点击html文件进行访问。

二、nginx部分

1、下载安装nginx,直接下载安装地址:https://nginx.org/en/download.html,选择所需的版本,解压。

2、进入cmd操作页面,在nginx安装目录,执行命令,即可启动nginx服务器(建议不要直接点击"nginx.exe"启动,会导致无法正常停止服务)

start nginx

nginx windows基本操作:
启动服务:start nginx
退出服务:nginx -s quit
强制关闭服务:nginx -s stop
重载服务:nginx -s reload  (重载服务配置文件,类似于重启,服务不会中止)
验证配置文件:nginx -t
使用配置文件:nginx -c “配置文件路径”
使用帮助:nginx -h

3、打开浏览器输入地址:http://localhost,访问页面(默认是80端口,由于本机80已被占用,把nginx.conf的端口修改为8888)
在这里插入图片描述

上述已部署nginx成功,现在结合gitbook实现静态页面部署

4、修改nginx.conf文件(Nginx安装目录目录下的conf文件夹下)
在server层,修改成如下内容,

 server {
        # 这个端口可以随意指定,0-1024是系统端口,80和8080端口是常见的http通讯端口,避免用这几个敏感的端口号就行
        listen       8888;             
        server_name  localhost;
        
        location /redis { #在服务地址后面加/redis,即可访问电子书内容
            alias D:/nginxtest/redis/_book; #电子书_book的路径
            index  index.html index.htm;
            autoindex on;
        }
 }

5、重新启动服务

nginx -s reload

6、打开浏览器进行访问

http://localhost:8888/redis/
在这里插入图片描述
7、部署多个GitBook电子书,只需增加location配置项就可以

location /mysql {
            alias D:/nginxtest/mysql/_book; #电子书_book的路径
            index  index.html index.htm;
            autoindex on;
        }

参考地址:https://www.jianshu.com/p/e985810358ac

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值