用mkdocs+nginx搭建个人网站
1、安装与启动执行apt-get install nginx安装nginx,运行nginx启动服务,通过ps -ux | grep nginx确认进程状态。2 配置修改HTML目录:备份默认目录后创建软链接,指向mkdocs输出目录(如ln -s /home/user/mkdocs_site /usr/share/nginx/html)。
2、基于 YAML 的简洁配置:MkDocs 使用 YAML 配置文件(通常为 mkdocs.yml),这使得站点配置变得非常简洁和直观。用户可以通过编辑这个 YAML 文件来定义站点结构、主题、插件等,而无需深入了解复杂的代码或配置语法。灵活的主题选择:MkDocs 支持多种主题,用户可以根据个人喜好或项目需求选择合适的主题。
3、自动化脚本库:建立个人脚本库(如GitHub Gist),分类存储常用命令(如批量重启服务、日志清理)。网络监控工具:结合Nagios或Zabbix提前预警故障,减少紧急修复压力。文档化流程:将高频操作(如故障排查步骤)写成Markdown文档,通过mkdocs生成内部知识库。
Nginx如何配置Http、Https、WS、WSS的方法步骤
Nginx配置Http、Https、WS、WSS的方法步骤如下:Nginx配置Http: 在nginx.conf文件中配置相应的server块。 示例配置:设置访问http://localhost/message将被转发到http://localhost:8080/message。Nginx配置Https: 需要生成或获取SSL证书。
配置Http 在nginx.conf文件中进行配置。设置upstream块,指定后端服务器地址。在server块中,设置监听端口为80,配置服务器名称。在location块中,设置根目录和默认页面,添加HTTP头部信息,设置代理连接超时时间。对于特定的路径,使用proxy_pass指令将请求转发到upstream块中定义的后端服务器。
proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection $connection_upgrade;} } ** 此时,访问ws://localhost:20038 就会被转发到ip1:port1和ip2:port2上。Nginx配置WSS WSS表示WebSocket + Https,即安全的WebSocket。在配置WS时,已详细描述了配置细节,此处不再赘述。
Nginx如何配置Http、Https、WS、WSS
1、配置Http 在nginx.conf文件中进行配置。设置upstream块,指定后端服务器地址。在server块中,设置监听端口为80,配置服务器名称。在location块中,设置根目录和默认页面,添加HTTP头部信息,设置代理连接超时时间。对于特定的路径,使用proxy_pass指令将请求转发到upstream块中定义的后端服务器。
2、proxy_set_header Connection $connection_upgrade;} } ** 此时,访问ws://localhost:20038 就会被转发到ip1:port1和ip2:port2上。Nginx配置WSS WSS表示WebSocket + Https,即安全的WebSocket。在配置WS时,已详细描述了配置细节,此处不再赘述。
3、Nginx配置Http、Https、WS、WSS的方法步骤如下:Nginx配置Http: 在nginx.conf文件中配置相应的server块。 示例配置:设置访问http://localhost/message将被转发到http://localhost:8080/message。Nginx配置Https: 需要生成或获取SSL证书。 在nginx.conf文件中配置相应的server块,并指定证书和密钥文件路径。
4、Nginx配置Http:首先,在nginx.conf中配置相应的信息,如示例所示。此时,访问http://localhost/message将被转发到http://localhost:8080/message。Nginx配置Https:当业务对网站安全性要求较高时,可配置Https。具体配置方法可参考示例。此时,访问localhost/message将被转发到localhost:8080/message。
5、为了配置HTTPS和WSS,首先,访问Nginx官网下载所需版本源码(如nginx-1tar.gz),解压并进入解压目录。然后,备份并覆盖已有Nginx操作,如果Nginx正在运行,需停止服务,执行nginx -s stop。接下来,测试配置文件,确保nginx配置文件语**确。成功后,启动Nginx服务。
轻松实现Nginx的HTTP与WebSocket转发:你的网站需要这个
配置Nginx的HTTP和WebSocket转发时,首要关注两点:SSL设置确保数据传输安全,以及SERVER块的配置,它根据域名或IP处理请求。对于HTTP,proxy_pass指令用于转发,如backend upstream组;而WebSocket则需要proxy_pass和额外设置,如升级标头proxy_set_header。
确保应用服务器支持WebSocket连接,并且防火墙允许相关端口的通信。如果WebSocket服务在不同端口或使用HTTPS,需要相应调整Nginx的配置。通过以上步骤,你可以轻松实现Nginx的HTTP与WebSocket转发,为你的网站提供稳定、安全的通信服务。
此时访问https://localhost/message 就会被转发到http://localhost:8080/message上。Nginx配置WS WS的全称是WebSocket,Nginx配置WebSocket相对简单。在nginx.conf文件中进行相应配置,即可实现横向扩展WebSocket服务端的服务能力。
nginx前端页面配置(nginx代理前端页面)
1、进入nginx配置文件vim.../nginx-12/conf/nginx.conf。 如上图所示:第一个红框中的内容就是应用服务器的地址;第二个红框中的内容就是前端包的位置。 此时,配置文世明件已经准备完毕。这个包和端口可以存在多个。 进入.../nginx-12/**in找到nginx的启动程序。
2、未配置代理时:若直接访问 index.html 内容但页面空白,可能是静态资源路径错误。检查前端项目的 publicPath(Vue/React等框架)或 base 配置是否与Nginx的 root 路径匹配。确保Nginx配置中 root 指向打包后的静态文件目录(如 /usr/share/nginx/html/dist)。
3、location块配置错误,未正确匹配前端路由或后端API接口。代理目标地址(proxy_pass)配置错误,无法连接到后端服务。解决方案 检查前端项目静态资源路径确认前端构建工具(如Webpack、Vite)的publicPath或base配置正确,指向Nginx容器内的资源目录。
4、打开cmd命令窗口,切换到Nginx解压目录下。输入命令nginx.exe,回车即可启动Nginx。注意:如果安装目录包含中文路径,可能会导致启动失败。验证启动成功:打开浏览器,地址栏输入http://localhost:80,回车。如果出现Nginx欢迎页面,说明启动成功。
