5000164 is here
My writing is my life.
No results for undefined
Powered byAlgolia
高速化のために Hugo で CSS を HTML に埋め込む

速い is 正義

CSS は HTML に埋め込んだ方が速いらしい。
では Hugo でどうやってそれを実現するのか。
partial を使えばできそうだと思ってぐぐったらあった。

これに従って下記のように修正する。

<style type="text/css">{{ partial "css/main.css" . | print | safeCSS }}{{ partial "css/monokai.css" . | print | safeCSS }}</style>

これでできた。
コードはここ。

Minify はまだできてない

簡単にやる方法あるのかな。

2018.1.20 追記

CSS の Minify は YUI Compressor と WebStorm の File Watcher を使って実現した。

2018.8.18 追記

Hugo が minify に対応した。