米老朱

每一个标准的 HTML 文档都包含一个 head 头部分，除了声明文档类型，编码方式和文档标题，引入外部资源这些基本功能外， 头还能做很多非常有用的事情，这篇文章整理了作者认可的一些最佳实践，写在这里与各位分享。

在此之前，博主并不知道 Git Submodule 为何物，直到遇到这样一个困扰：本站的代码仓库是 → laozhu/my-blog，所使用主题（theme）的代码仓库是 → laozhu/hugo-nuo。这个主题的作者（也就是本人）仍在积极开发中，每次主题有了新的 commit & push，我都需要在主题仓库和网站仓库同时 pull 代码，pull 完成还得在网站仓库 commit 代码，这种模式实在很 low 逼，下面我们通过 Git Submodule 解决这个问题。

SVG 格式在 WEB 开发中有着广泛的应用，在使用 SVG 创建图标后，人们通常会为之增加一些简单动画：鼠标悬浮改变颜色透明度；利用 transform 旋转角度缩放尺寸；鼠标点击切换图标等，但这些简单动画并不过瘾。本文以「播放」和「暂停」图标切换为例，讲述如何创建图标变形动画，让图标切换更酷炫更平滑。

经过博主近两周的折腾，本站主题 hugo-nuo 终于在 Hugo 官方主题仓库上线咯，欢迎下载体验和反馈意见。这个主题适合于个人博客用户，包含：首页、文章页、作品（开发中）、友链和关于五个主要页面，支持 搜狐畅言 和 Disqus 评论系统，集成了大量 Hugo Shortcodes 以方便引入第三方资源。主题构建依赖 node / rollup / sass 开发环境，你可以参照官方 README 搭建环境进行二次开发。

一直以来，在网页中使用中文字体进行排版都是个大难题，设计师和程序员之间因为中文字体爆发了很多场战争，而战争的结果通常是达成妥协，有时候设计师妥协「好吧好吧，就用黑体代替吧」，有时候程序员妥协「满足你，我来切成图片吧」。这篇文章介绍一个方法可以不妥协的解决这个难题。