发表于 | 分类于 | 阅读次数：
本文字数： 1.5k | 阅读时长 ≈ 1 分钟

使用image-webpack-loader压缩图片

安装

1
npm install image-webpack-loader --save-dev

配置

1
2
3
4
5
6
7
8
9
10
11
12
loaders: [{
  test: /\.(gif|png|jpe?g|svg)$/i,
  use: [
    'file-loader',
    {
      loader: 'image-webpack-loader',
      options: {
        bypassOnDebug: true,
      },
    },
  ],
}]

可选配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
loaders: [{
  test: /\.(gif|png|jpe?g|svg)$/i,
  use: [
    'file-loader',
    {
      loader: 'image-webpack-loader',
      options: {
        mozjpeg: {
          progressive: true,
          quality: 65
        },
        // optipng.enabled: false will disable optipng
        optipng: {
          enabled: false,
        },
        pngquant: {
          quality: '65-90',
          speed: 4
        },
        gifsicle: {
          interlaced: false,
        },
        // the webp option will enable WEBP
        webp: {
          quality: 75
        }
      }
    },
  ],
}]

使用imagemin-webpack-plugin压缩没有被file-loader处理的图片

安装

1
npm install imagemin-webpack-plugin --save-dev

配置

1
2
3
4
5
6
7
8
9
10
11
import ImageminPlugin from 'imagemin-webpack-plugin'

module.exports = {
  plugins: [
    // Copy the images folder and optimize all the images
    new CopyWebpackPlugin([{
      from: 'images/'
    }]),
    new ImageminPlugin({ test: /\.(jpe?g|png|gif|svg)$/i })
  ]
}

发表于 | 分类于 | 阅读次数：
本文字数： 132 | 阅读时长 ≈ 1 分钟

最近研究了一下getusermedia的使用方法，网上找的不错的方法，不支持IE浏览器。

  • demo1使用的是MediaRecorder方法录音(safari不支持)
    demo1

  • demo2使用的时audiocontext方法实现录音
    audiocontext

发表于 | 分类于 | 阅读次数：
本文字数： 143 | 阅读时长 ≈ 1 分钟

gogs有时候会出现访问数据库没有权限的问题。
错误日志

1
Error 1045: Access denied for user 'gogs'@'localhost' (using password: YES)

临时解决办法：给用户重新赋一下权限。

发表于 | 分类于 | 阅读次数：
本文字数： 675 | 阅读时长 ≈ 1 分钟

在nginx中配置proxy_pass代理转发时，如果在proxy_pass后面的url加/，表示绝对根路径；如果没有/，表示相对路径，把匹配的路径部分也给代理走。

假设下面四种情况分别用 http://192.168.1.1/proxy/test.html 进行访问。

  • 第一种
    1
    2
    3
    location /proxy/ {
        proxy_pass http://127.0.0.1/;
    }

代理到URL：http://127.0.0.1/test.html

  • 第二种（相对于第一种，最后少一个 / ）
    1
    2
    3
    location /proxy/ {
        proxy_pass http://127.0.0.1;
    }

代理到URL：http://127.0.0.1/proxy/test.html

  • 第三种
    1
    2
    3
    location /proxy/ {
        proxy_pass http://127.0.0.1/aaa/;
    }

代理到URL：http://127.0.0.1/aaa/test.html

  • 第四种（相对于第三种，最后少一个 / ）
    1
    2
    3
    location /proxy/ {
        proxy_pass http://127.0.0.1/aaa;
    }

代理到URL：http://127.0.0.1/aaatest.html

参考：https://blog.csdn.net/zhongzh86/article/details/70173174

发表于 | 分类于 | 阅读次数：
本文字数： 11 | 阅读时长 ≈ 1 分钟

try_files

语法

发表于 | 分类于 | 阅读次数：
本文字数： 295 | 阅读时长 ≈ 1 分钟

使用git hooks实现远程仓库的本地部署

git push代码以后自动部署到本地的web服务器目录下。
修改仓库下面的post-receive文件

1
2
3
4
# --work-tree是设置工作目录
# --git-dir设置仓库的本地路径
# -f 强制执行
git --work-tree=/www/wwwroot/xxx/ --git-dir=/var/opt/gogs/gogs-repositories/lijiangwei/blog.git checkout -f

参考：https://blog.csdn.net/zstack_org/article/details/53100257

发表于 | 分类于 | 阅读次数：
本文字数： 411 | 阅读时长 ≈ 1 分钟

简介

pm2=P(rocess) M(anager)2，是可以用于生产环境的Nodejs的进程管理工具，并且它内置一个负载均衡。它不仅可以保证服务不会中断一直在线，并且提供0秒reload功能，还有其他一系列进程管理、监控功能。并且使用起来非常简单。

安装

1
npm install -g pm2

使用

启动项目

1
pm2 start app.js

显示所有进程状态

1
pm2 list

监视所有进程

1
pm2 monit

显示所有进程日志

1
pm2 logs

停止所有进程

1
pm2 stop all

重启所有进程

1
pm2 restart all

停止指定的进程

1
pm2 stop 0

重启指定的进程

1
pm2 restart 0

杀死全部进程

1
pm2 delete all

杀死指定的进程

1
pm2 delete 0

启动程序增加参数

–后面增加参数

1
pm2 start http-server -- -p 8080 -d false

发表于 | 分类于 | 阅读次数：
本文字数： 182 | 阅读时长 ≈ 1 分钟

增加左右对齐功能

下载时增加Justify、Enhanced Image插件

上传图片功能

修改配置文件ckedirot/plugins/image/dialogs/images.js

1
2
3
4
5
# 修改下面的hidden值修改为0
id:"Upload",hidden:0

# 删除预览文字
config.image_previewText后面的值删除