ターミナルっぽいHogoのテーマを作ってみた

Dendai;LT @2021/07/26

Transcript

1. ターミナルっぽいHugoの テーマを作ってみた 1
2. Hugoとは? 2
3. • 静的サイト生成ツール • コマンドをいくつか打つだけで　 HTMLファイルを半自動生成 • Theme(テーマ)が豊富 3
4. 4 https://themes.gohugo.io/
5. 作ったテーマ 5
7. 推しポイント 3 つ 7
8. ① ターミナルっぽい見た目 8
9. ① ターミナルっぽい見た目 9 cd / cat tree
10. ② 選べるカラースキーマ 10
11. ② 選べるカラースキーマ 2/8 monokai powershell 11
12. ② 選べるカラースキーマ 4/8 gruvbox dark gruvbox light 12
13. ② 選べるカラースキーマ 6/8 solarized dark solarized light 13
14. ② 選べるカラースキーマ 8/8 ubuntu retro 14
15. ③ パフォーマンスの良さ 15
16. ③ パフォーマンスの良さ 16 Google Lighthouse
17. デモサイト 17 https://hugo-theme-shell.netlify.app/ GitHub https://github.com/Yukuro/hugo-theme-shell
18. まとめ • Hugoのテーマ作った • ターミナルっぽい見た目や選択可能なカラースキーマ、パフォーマ ンスの良さが推しポイント • Hugo ThemesやGithubで公開しているので、試しに使ってみてね！ 18