TODO

封面来源: 10th Magnitude

这是篇瞎球折腾笔记。
CI是个好东西，前段时间看了一本关于DevOps的书，对持续集成有了一定了解。
Hexo博客本身拥有很简洁的编译、部署过程：

1
2

hexo g
hexo d

但是简单的基础是前戏太多：
配置SSH，拉项目，拉子模块，安装NodeJS，安装脚手架，安装依赖……
虽然命令多，但是比较单一，便首先想到了给Hexo写CI脚本。

使用的第一个平台是腾讯云开发者平台（dev.tencent.com），它提供基于Jenkinsfile的持续集成beta版本
优点：免费，全中文界面，配置简单易于上手，支持Jenkins，国内服务速度快
缺点：目前功能较少，不支持上传secret files，无法配置SSH，npm依赖下载缓慢

hexo d命令是需要调用git push的，不支持SSH就凉了，过程就不讲了，在经过一番折腾后，我选择放弃了这个平台。

第二选择是自己搭建Jenkins，一番折腾后，发现自己的VPS性能太差，而且Windows版一些配置难以用配置文件完成，要手动配置，考虑到未来迁移起来会困难，逐放弃……

优点：完全免费，网上资料丰富
缺点：配置复杂，需要自行搭建，性能依赖于VPS性能

最后成功地在巨硬（Microsoft）Azure DevOps上配置好了，跟大家分享步骤！

优点：免费（一个月1800分钟、1个并行job），runner质量高，配置方便
缺点：Web hook不稳定，2次遇到GitHub调不通而没有自动触发Trigger的情况，与其他CI配置不兼容，参考资料较少

在Gist上找到的一个directive，用来让input输入框的宽度自适应内容宽度。
https://gist.github.com/mbenford/8016984

原理是生成一个相同样式的，隐藏的span，通过span的宽度动态改变input的宽度。
同时兼顾了input有placeholder的情况。

如果是在比较大的系统中，可以用throttle节流阀包装一下resize方法，避免性能问题。

如果是textarea，对应的directive在这里：
https://github.com/monospaced/angular-elastic

使用MySQL Workbench，查询一个带BLOB字段的表时：

1

SELECT * FROM mysql.general_log ORDER BY event_time;

只能看到一个BLOB图标。

MySQL版本是5.7.25，最近升级了JDBC驱动，5.1.45 -> 8.0.13，导致一个SQL报异常，SQL是用一个子查询，拿到数据后插入到另一张表用的。

1
2
3

INSERT INTO table_2 (id, title, modified_date)
(SELECT REPLACE(UUID(),'-','') AS id, table_1.title AS title, NOW() AS modified_date
FROM table_1)

可见table_2的id是在子查询中，用REPLACE(UUID(),'-','')生成的。

这样的语句在MySQL 5.7.25命令行模式下，Workbench下，JDBC 5.1.45下都没有问题，但是JDBC升级到8.0.13后，却报了主键重复的异常。

ERROR SqlExceptionHelper - Duplicate entry 'ae3867585cc611e986e30e045157562c' for key 'PRIMARY'

高级终端Termux是个强大的终端模拟器，这样的应用应该特别适合不喜欢图形界面的命令行爱好者，组合了强大的终端模拟和拓展Linux包收集支持。

• 享受bash和zsh。
• 使用nano和vim编辑文件。
• 通过ssh访问服务器。
• 使用gcc和clang编译代码。
• 使用python控制台来作为口袋计算器。
• 使用git和subversion检查项目。
• 使用frotz运行基于文本的游戏。

Step:

1. 在Google Play或酷安搜索Termux安装，link：
   https://play.google.com/store/apps/details?id=com.termux
   https://www.coolapk.com/apk/com.termux

2. 打开Termux，更新软件源

   1 2	apt update apt upgrade -y

效果：

源码：

1
2
3
4

<div class="chip">
  <span class="name">Hover me!</span>
  <span class="close-bth">X</span>
</div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

.chip {
  display: flex;
  width: fit-content;
  font-size: 20px;
  text-align: center;
  background-color: #ccc;
}

.chip .name { width: 120px; }
.chip .close-bth { width: 30px; }

.chip .name:hover,
.chip .name:hover + .close-bth,
.chip .close-bth:hover {
  color: white;
  background-color: #888;
}

CodePen link:
https://codepen.io/iMaeGoo/pen/jRqYRJ

hmmmm…这种实现也没什么难的，其实是想试试在博文中插入HTML啦。