Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Yukuro Yukuro
July 26, 2021
Design
0
150

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

Dendai;LT @2021/07/26

Avatar for Yukuro

Yukuro

July 26, 2021
Tweet

More Decks by Yukuro

See All by Yukuro
M5Stackな Cansatをつくってみた
Avatar for Yukuro yukuro
0
2.1k
魔改造のススメ
Avatar for Yukuro yukuro
0
490

Other Decks in Design

See All in Design
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
1k
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
270
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
950
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
0
120
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
220
Emmy's Artwork
Avatar for McKenna mcksmith
0
210
kintone Style Book
Avatar for kintone kintone
6
11k
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
6
4.8k
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
680
インハウスデザイン組織で挑む自社ブランディング
Avatar for MIXI DESIGN mixi_design
PRO
0
120
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
220
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
260

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
120
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.8k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.7k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
470
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
370
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
260

Transcript

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

  2. Hugoとは? 2

  3. • 静的サイト生成ツール • コマンドをいくつか打つだけで　 HTMLファイルを半自動生成 • Theme(テーマ)が豊富 3

  4. 4 https://themes.gohugo.io/

  5. 作ったテーマ 5

  6. 6

  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