最近在做项目Angular5升级至6时，遇到了提交源码，CI服务器执行构建报错
“Error: Cannot find module 'inherits'”
网上搜罗的方案，有说重装node，更新NPM，也有直接安装这个包的，但是比如安装包，实际上，再次执行构建，又会报其它错误，比如下面这个
1 | Cannot find module 'semver' |
所以这个直接安装包的方案是不行的。
分析了下其实是lock文件的问题【npm5的时候，增加的文件，确保各个包版本OK】，直接删除lock文件，重新执行npm i。这个时候会重新生成。再执行构建OK了。
Docker这个词，算是近几年的热词了，很多企业也已经大量运用起这个技术。如果不知道恐怕有点low，所以有必要花点时间去了解下。
Docker是一个开放原始码软体专案，让应用程式布署在软体容器下的工作可以自动化进行，借此在Linux作业系统上，提供一个额外的软体抽象层，以及作业系统层虚拟化的自动管理机制[1]。Docker利用Linux核心中的资源分离机制，例如cgroups，以及Linux核心命名空间（name space），来建立独立的软体容器（containers）。这可以在单一Linux实体下运作，避免启动一个虚拟机器造成的额外负担[2]。Linux核心对命名空间的支援完全隔离了工作环境中应用程式的视野，包括行程树、网路、用户ID与挂载档案系统，而核心的cgroup提供资源隔离，包括CPU、记忆体、block I/O与网路。从0.9版本起，Dockers在使用抽象虚拟是经由libvirt（英语：libvirt）的LXC与systemd - nspawn提供界面的基础上，开始包括libcontainer函式库做为以自己的方式开始直接使用由Linux核心提供的虚拟化的设施。
依据行业分析公司“451研究”：“Dockers是有能力打包应用程式及其虚拟容器，可以在任何Linux伺服器上执行的依赖性工具，这有助于实现灵活性和便携性，应用程式在任何地方都可以执行，无论是公有云、私有云、单机等。”
摘自WIKI，查看原文
Bootstrap于1月19日放出了4的正式版，4带来了一些重要的改变，添加了新的组件，同时也废弃了一些。这里是Bootstrap 3与4的区别
原文链接:这里
| 组件 | Bootstrap 3 | Bootstrap 4 |
|---|---|---|
| 全局 | ||
| CSS源文件 | LESS | SCSS |
| CSS主要单位 | px | rem |
| 媒体查询单位 | px | px |
| 全局字体大小 | 14px | 16px |
| 缺省字体集 | Helvetica Neue, Helvetica, Arial, sans-serif | Uses a “native font stack” (user’s system fonts), with a fallback to Helvetica Neue, Arial, and sans-serif |
| 栅格化 | ||
| 栅格参数 | 4种栅格系统(xs,sm,md,lg) | 5种(xs,sm,md,lg,xl) *Bootstrap 4已经删除了最小断点的的xs,因此col-覆盖了所有所有设备不再需要标明这种情况得尺寸了 |
| 偏移 | 用col-*-offset-*去偏移列,例如col-md-offset-4 | 用offset-*-*去偏移列，例如,offset-md-4. |
| 表格 | ||
| 黑色主题表格 | 不支持 | 增加dark表格样式，用.table-dark |
| Table表头样式 | 不支持 | .thead-light 和 .thead-dark |
| 紧缩表格 | .table-condensed |
.table-sm |
| 状态类 | Bootstrap 3 不用.table-前缀，例如Bootstrap 3 用.active然而Bootstrap 4 用.table-active,状态关键词都是(active,success,info,warning,danger) |
添加.table-前缀来做表格的状态类 |
| 响应式表格 | .table-responsive必须添加到父级div元素上 |
一样，同时增加了table-responsive-*来表明断点.table-responsive-sm -md -lg -xl |
| 表单 | ||
| 水平表单 | 使用form-horizontal |
废除了form-horizontal，当需要使用栅格化的话，使用.row，同时引入.form-row类 |
Form布局的话使用.control-label进行栅格布局 |
使用col-form-label-*进行栅格布局 |
|
| 复选框与按钮 | .radio,.radio-inline,.checkbox,checkbox-inline |
.form-check,.form-check-label,.form-check-input,.form-check-inline |
| 表单控件尺寸 | .input-lg,input-sm |
form-control-lg,``form-control-sm |
| 表单Label大小 | .col-form-label-sm,.col-form-label-lg |
|
| Help Text | 用.help-block显示帮助信息 |
.form-text |
| 校验和反馈图标 | 包含所有校验状态样式,图标使用的glyphicons | 去除校验样式 |
| 标题 | 不支持 | 提供.col-form-label用于legend标签 |
| 固定文本 | 用.form-control-static去渲染固定文本 |
.form-control-plaintext |
| 自定义表单 | 不支持 | 支持 |
| 按钮 | ||
| 样式 | .btn-secondary不可用 |
去掉.btn-default，增加了btn-secondary,btn-light,和btn-dark |
| 边框按钮 | 不支持 | btn-outline-*为按钮增加边框颜色 |
| 按钮尺寸 | .btn-xs可用 |
.btn-xs删除,.btn-sm,.btn-lg可用 |
| 控件组 | ||
| Classes | 使用.input-group-addon和.input-group-btn |
废除了.input-group-addon,input-group-btn,增加了input-group-prepend,.input-group-append，也增加了.input-group-text用于空间组中文本 |
| 媒体对象 | ||
| Classes | .media,.media-body等 |
媒体对象可以直接使用flex布局类 |
| 下拉菜单 | ||
| 结构 | <ul><li> |
<ul><div>均可 |
| 菜单头部 | .dropdown-header |
.dropdown-header用在<h1>-<h2>标记上，已不再使用<li> |
| 分割线 | .divider |
.dropdown-divider |
| 禁用菜单项 | .disabled |
.disabled |
| 按钮组 | ||
| 巨小? | btn-group-xs |
废除.btn-group-xs |
| 导航 | ||
| 内联导航 | .nav-inline |
|
| 导航栏 | ||
| 颜色 | .navbar-light,navbar-darl,和.bg-* |
|
| 导航栏对齐 | .navbar-right,.navbar-left |
使用spacing间距和flex布局 |
| 导航栏表单 | .navbar-form |
废除.navbar-form |
| 固定导航栏 | .navbar-fixed-top和navbar-fixed-bottom |
fixed-top,fixed-bottom |
| 分页 | ||
| 缺省分页 | .pagination |
每个<li>或者<a>都要添加.page-item |
| 翻页 | .previous和.next |
废除 |
| 超大屏幕 | ||
| 全宽 | .jumbotron |
.jumbotron-fluid |
| Glyphicons | ||
| 支持性 | 支持 | 不支持 |
| 印刷 | ||
| 引用 | 缺省使用<blockquote>元素 |
引入.blockquote样式应用于<blockquote>元素上 |
| 对齐 | 使用.block-reverse来右对齐 |
使用文本工具类.text-center和.text-right来对齐元素 |
| 头部 | page-header支持 |
page-header不支持 |
| 描述列表 | 使用.dl-horizonal来描述水平列表 |
水平列表的话，在<dl>上加入.row，在<dt><dd>上使用栅格系统 |
| 非响应式使用 | ||
| 支持性 | 支持 | 不支持 |
| List Groups | ||
| 链接列表，按钮列表 | .list-group-item到a元素上 |
.list-group-item-action到a元素上 |
| 折叠 | ||
| 展示内容 | .in |
.show |
| 卡片 | ||
| 支持性 | 支持 | 不支持 |
| Panel面板 | ||
| 支持性 | 支持 | 不支持 |
| Well容器 | 支持 | 不支持 |
| 缩略图 | ||
| 支持性 | 支持 | 不支持 |
| 路径导航 | ||
| 类 | 用.breadcrumb |
同时也要求加入.breadcrumb-item用在li元素上 |
| 轮播 | ||
| 轮播项 | 用.item |
用.carousel-item |
| 附加导航（Affix） | ||
| 支持性 | 支持 | 不支持 |
Hexo是一款基于Node.js的静态博客框架，可以方便的生成静态网页托管在GitHub上。我一直用它,MD写博还是很高效的，但整体写博却仍显繁琐。
原先是GitHub仓库源码及静态页均托管。
写博流程大致如下
hexo new 'postname'git add . && git commit -m 'add post' && git push上述总共4步，但除第3步外，其它都是机械化的步骤，每次都是重复执行。另外写博太依赖设备环境，不是每个人电脑都down了仓库源码，也不是每个电脑都初始化了环境。那么一旦换了个电脑就悲剧了，只能有了点子，先大脑存着，到家再想起来去写。啊啊啊，好痛苦。