$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ターミナルっぽいHogoのテーマを作ってみた
Search
Yukuro
July 26, 2021
Design
0
140
ターミナルっぽいHogoのテーマを作ってみた
Dendai;LT @2021/07/26
Yukuro
July 26, 2021
Tweet
Share
More Decks by Yukuro
See All by Yukuro
M5Stackな Cansatをつくってみた
yukuro
0
2k
魔改造のススメ
yukuro
0
490
Other Decks in Design
See All in Design
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
180
デザインを信じていますか
sekiguchiy
1
670
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
1.2k
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
1.2k
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
2.8k
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
mixi_design
PRO
0
130
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
370
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
190
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
0
160
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
310
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
920
DESIGNEAST 2025 A-3
_kotobuki_
0
120
Featured
See All Featured
Practical Orchestrator
shlominoach
190
11k
How to Ace a Technical Interview
jacobian
281
24k
GraphQLとの向き合い方2022年版
quramy
50
14k
The Invisible Side of Design
smashingmag
302
51k
How GitHub (no longer) Works
holman
316
140k
Side Projects
sachag
455
43k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.1k
Designing for humans not robots
tammielis
254
26k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Transcript
ターミナルっぽいHugoの テーマを作ってみた 1
Hugoとは? 2
• 静的サイト生成ツール • コマンドをいくつか打つだけで HTMLファイルを半自動生成 • Theme(テーマ)が豊富 3
4 https://themes.gohugo.io/
作ったテーマ 5
6
推しポイント 3 つ 7
① ターミナルっぽい見た目 8
① ターミナルっぽい見た目 9 cd / cat tree
② 選べるカラースキーマ 10
② 選べるカラースキーマ 2/8 monokai powershell 11
② 選べるカラースキーマ 4/8 gruvbox dark gruvbox light 12
② 選べるカラースキーマ 6/8 solarized dark solarized light 13
② 選べるカラースキーマ 8/8 ubuntu retro 14
③ パフォーマンスの良さ 15
③ パフォーマンスの良さ 16 Google Lighthouse
デモサイト 17 https://hugo-theme-shell.netlify.app/ GitHub https://github.com/Yukuro/hugo-theme-shell
まとめ • Hugoのテーマ作った • ターミナルっぽい見た目や選択可能なカラースキーマ、パフォーマ ンスの良さが推しポイント • Hugo ThemesやGithubで公開しているので、試しに使ってみてね! 18