All Posts

HTML 文档之 Head 最佳实践

HTML 文档之 Head 最佳实践

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

Bye 2017, Ready 2018

Bye 2017, Ready 2018

今年是 2017 年的最后一天,明天是 2018 年的第一天,咱也不免俗,对过去一年得失进行一些小结,对新的一年进行一些计划。总的来说,2017 年很忙很充实,忙得连健身和游戏的时间都省了。新的一年里,希望保持忙碌的同时,能够多关注家庭和身体,多关注行业趋势(WEB & AI),及时调整自我学习的方向。

使用 Git Submodule 管理项目

使用 Git Submodule 管理项目

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

利用 d3.js 实现图标变形动画

利用 d3.js 实现图标变形动画

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

本站 Hugo 主题 Nuo 正式上线!

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

如何优雅的在网页里使用中文字体

如何优雅的在网页里使用中文字体

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

Nginx with HTTPS and HTTP/2

Nginx with HTTPS and HTTP/2

随着浏览器和服务器对 HTTPS 和 HTTP/2 的全面支持,以及免费证书的快速普及,越来越多的网站开始切换到 HTTPS 和 HTTP/2 上。国内运营商对非加密流量的劫持和污染简直令人发指,这也促使站长们纷纷部署 HTTPS 和 HTTP/2 以免受劫持之苦。

简单几步让服务器更安全

对于爱折腾的人来说,在自己的服务器上搭建博客是一件很有趣的事情,但从头开始配置服务器,完成博客部署并非一件易事,使用或者配置不恰当更是可能引起服务器的安全隐患。本文参考了 DigitalOcean 的一篇文章 1 ,介绍几个简单的增强服务器安全性的方法,希望对你有所帮助。

Hugo 主题 Nuo 文章样式预览

这篇文章集中说明本人博客主题所支持的 Markdown 语法和 Hugo Shortcodes 插件,你也可以在这里预览到他们的样子。如果你不喜欢某些部分的样式,可以去修改 content.scss 和 shortcodes.scss 这两个文件。预告一下,我所用的这个名为 Nuo 的 Hugo 也将于近期发布,敬请期待。

利用 Caddy 和 Hugo 实现博客的自动化部署

Caddy 是一个 Go 语言实现的面向 HTTP2 和 HTTPS 的服务器,与 Nginx 和 Apache 相比,是一款激进的面向未来的浏览器;Hugo 是一款由 Go 语言实现的静态网站生成器,相对 Jekyll / Hyde / Hexo 这几个流行的静态站生成器,Hugo 的功能更加强大,扩展性更优。在开启 Caddy 的 git 插件后,借助 GitHub 的 webhook 特性便可实现博客自动化部署,Go Go Go!