Web Component 是浏览器的一个标准，通过该标准提供的 API，我们能够在 HTML 中我们能够将布局设计与代码逻辑结合，从而创造出一种全新元素，然后像使用原生元素一样使用它们。如果我们对一些重复使用的布局进行封装，那这就像在前端工程化中的所使用的组件一样。

JavaScript 在操作 DOM 节点时通常需要操作大量的节点，这就会让获取的节点分散在代码的各个角落，于是我尝试着将大部分变量整合起来，用对象{}的属性进行封装，放在代码快的最上方，这样的做法显著的加强了代码的可读性。我把它记录下来，并且探讨这种方法的可行性。

jekyll 是一个简单的静态博客生成器，通过 Liquid 处理模版文件，将 Markdown 文件转换成网页。通过 Liquid 提供的语法，可以实现相对简单的功能实现。