nginx-tutorial一个Nginx极简教程
Nginx 极简教程
本项目是一个 Nginx 极简教程,目的在于帮助新手快速入门 Nginx。
examples 目录中的示例模拟了工作中的一些常用实战场景,并且都可以通过脚本一键式启动,让您可以快速看到演示效果。
一、Nginx 简介
二、Nginx 入门
三、Nginx 实战
Http 反向代理
Https 反向代理
负载均衡
网站有多个 webapp 的配置
静态站点
搭建文件服务器
解决跨域
资源
一、Nginx 简介什么是 Nginx?
Nginx (engine x) 是一款轻量级的 Web 服务器 、反向代理服务器及电子邮件(IMAP/POP3)代理服务器。
什么是反向代理?
反向代理(Reverse Proxy)方式是指以代理服务器来接受 internet 上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给 internet 上请求连接的客户端,此时代理服务器对外就表现为一个反向代理服务器。
二、Nginx 入门
详细安装方法请参考:Nginx 运维
nginx 的使用比较简单,就是几条命令。
常用到的命令如下:
12 ...
标签外挂
primary 提示块标籤
primary 提示块标籤
默认 提示块标籤
窗口一窗口二窗口三This is Tab 1.This is Tab 2.This is Tab 3.
第一个窗口炸弹tab名字为第一个窗口只有图标 没有窗口名字名字+icon名字+icon
12345678910111213141516{% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %}[url] : 链接[text] : 按钮文字[icon] : [可选] 图标[color] : [可选] 按钮背景顔色(默认style时) 按钮字体和边框顔色(outline时) default/blue/pink/red/purple/orange/green[style] : [可选] 按钮样式 默认实心 outli ...
Hexo博客如何迁移到新电脑
参考教程:CSDN:Hexo博客迁移到新电脑
在新电脑行进行环境准备工作,具体的步骤和Hexo博客搭建基础教程(一)的第1-7步一模一样,大家在新电脑上跟着做即可(注意千万不要做第8步,hexo init blog-demo这一步会覆盖并还原你原本的的源码文件)
这时候新建一个文件夹new-blog,用来装你的新博客源码的,进入这个文件夹,准备复制我们旧的博客源码进来,我们可以看到旧的博客项目结构是如下样子的:
这里红框内的都是需要复制迁移到新的博客的,具体的要不要保留见下表:
需要复制的
需要删除的
_config.yml:站点配置文件
.git:无论是在站点根目录下,还是主题目录下的.git文件,都可以删掉
_config.butterfly.yml:主题配置文件,为了方便主题升级剥离出来的配置文件
node_modules:npm install会根据package.json生成
package.json:说明使用哪些依赖包
public:hexo g会重新编译生成
scaffolds:文章的模板
.deploy_git:在使用hexo ...
Hexo添加分类和标签
打开命令行,进入博客所在文件夹。执行命令
1$ hexo new page categories
成功后会提示:
1INFO Created: E:\Blog\blog\source\_posts\2023-01-04-post.md
根据上面的路径,找到2023-01-04-post.md这个文件,打开后默认内容是这样的:
1234---title: 文章分类date: 2022-01-07 22:53:43---
保存并关闭文件。
1、创建“分类”
1.1 分类一般用法12345---title: 分类一般用法1date: 2022-01-07 22:53:43categories: web前端---
或者
123456---title: 分类一般用法2date: 2022-01-07 22:53:43categories: - web前端---
1.2 多个同级分类1234567---title: 多个同级分类date: 2022-01-07 22:53:43categories: - [web前端]- [Hexo]---
1.3 父子嵌套分类1234567---tit ...
snackbar弹窗的调用
近期因为某些原因,也许是因为刚接触JS比较好奇JS的用法,也许是因为看到其它大佬网站的弹窗心动了,于是我开始研究起了弹窗,但我是一个喜欢简单的人,面对各位大佬的顶级教程,我还是比较喜欢butterfly自带的,不为别的,只是因为它“简单”。
经过研究发现butterfly使用的是Snackbar弹窗,但是两者的调用方法又有所区别,一时也没搞懂butterfly的怎么调用,但是可以确定的是butterfly的弹窗只是在Snackbar的基础上修改了一下,于是经过多次失败还是不甘心,突发奇想,我可以直接调用原生的弹窗,然后用css改的和butterfly的一模一样就行了,于是就有了这篇文章。
文档官方文档:https://www.polonel.com/snackbar/
以下内容仅供参考,具体请查阅官方文档。
弹窗位置可选:top-left / top-center / top-right / bottom-left / bottom-center / bottom-right
翻译:左上/中上/右上/左下/中下/右下
1Snackbar.show({pos: ' ...
Web API
APIAPI(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。简单来说就是一个工具,以便于能轻松实现想要完成的功能。
任何开发语言都有自己的 API
API 的特征输入和输出(I/O)
API 的使用方法(console.log())
Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API(DOM和BOM)
此处的Web API特指浏览器提供的API(一组方法),Web API在后面的课程中有其它含义
DOM可以改变网页的内容、结构和样式
DOM树
文档:一个页面就是一个文档 document元素:页面中的所有标签都是元素,element节点:网页中的所有内容都是节点(标签、属性、文本、注释等),node
DOM把以上内容都看作是对象
DOM操作获取元素getElementById()注意:
因为文档页面从上往下加载,所以先有标签,然后才能 getElementById
参数是字 ...