javascript/css 强制更新

当我们对网站做了修改，推送到远程服务器后，发现页面还是老样子。这是由于浏览器缓存的问题，html 页面一般会及时更新，但 JavaScript/css 脚本常常无法及时更新，这时候需要手动进行处理。

方法一：
在多数浏览器中，可以使用 CTRL + F5 快捷键强制刷新。一般能看到最新的结果。

方法二：
如果你使用 Google chrome 浏览器，则可以使用 debugger 禁止缓存: 右键 - inspect - Network - Disable cache

方法三：
在源码的 link/script 中修改如下：

<link rel="stylesheet" href="my-css-file.css?v=1">
<script src="my-js-file.js?v=1"></script>

主要是在文件后加上 ?v=1 类似的字符串。当然也可换成其他写法，如：?time=2019126 等。

下次更新文件时，将后缀修改成其他数字即可。这样的好处是你的用户们也可以同时收到最新更新。

lightbox2 使用

2019-12-16T12:30:16.png
lightbox 是一个JavaScript 库，用来在前端显示图片。它的特点是轻量，容易部署，适用于现代的浏览器。

2019-12-16T13:06:29.png

font awesome 是流行的 icon 图标库。最新版为 version 5

font awesome 分为付费版和免费版，付费版有 7020 个 icon，免费版有 1535 个 icon。
免费：brands.js solid.js
付费：regular.js light.js

2019-12-16T14:21:05.png

bootstrap 是全球最流行的前端框架，用来构建高响应，移动端优先的项目。

有时候我们想要限制某个页面的访问权限，需要用户名密码才能进入。

如果使用 nginx 作为反向代理服务器，可以使用 auth_basic 来实现页面加密。

环境需求：

Linux env
nginx
apache2-utils (Debian, Ubuntu) or httpd-tools (RHEL/CentOS/Oracle Linux)

安装环境：

nginx 安装参考：https://niekun.net/index.php/archives/30.html

安装 apache2-utils：

apt-get install apache2-utils

创建账户密码：

使用了 htpasswd 命令创建用户。

建议将账户信息文件建立在 nginx 目录，我放在 /etc/nginx/users 目录下：

htpasswd -c /etc/nginx/users/.adminpasswd user1

.adminpasswd 为隐藏的存储所有账户信息的文件，user1 为用户名，回车后会提示输入密码，然后确认密码。

建立其他账户：

htpasswd /etc/nginx/users/.adminpasswd user2

不需要 -c 参数，因为文件已经建立了。

验证账户密码 -v：

htpasswd -v /etc/nginx/users/.adminpasswd user1

删除账户 -D：

htpasswd -D /etc/nginx/users/.adminpasswd user1

使用账户：

打开 nginx 配置文件，在需要账户登录的路径段修改如下：

location /path {
    ...
    auth_basic           "Administrator's Area";
    auth_basic_user_file /etc/nginx/users/.adminpasswd;
    ...
    ...
}

重新加载配置文件：

service nginx configtest
service nginx reload

打开对应页面测试是否提示输入账号密码。