Hugoã§ã§ãã‚‹ã“㨠| Hugoブãƒã‚°ãƒ†ãƒ¼ãƒžã€ŒSaltã€
最近ã¯SSG（é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ï¼‰å…¨ç››æœŸã®æ™‚代ã§ã€ã‚µãƒ¼ãƒãƒ¼ä»£ã‚’ã‹ã‘ãšã«ãƒ–ãƒã‚°ãŒä½œã‚Œã‚‹æ™‚代ã«ãªã‚Šã¾ã—ãŸã€‚ ãã“ã§å®Ÿéš›ã«Hugoを使ã£ã¦ã“ã®ãƒ–ãƒã‚°ã‚’作ã£ã¦ã¿ãŸæ‰€æ„Ÿã¨Hugoã§ã§ãã‚‹ã“ã¨ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ ã¡ãªã¿ã«Hugoã¨Gatsbyã©ã£ã¡ã®æ–¹ãŒã„ã„ã®ï¼Ÿã‚µã‚¤ãƒˆå†…ã§ãƒªãƒƒãƒãªã‚°ãƒ©ãƒ•ã‚„テーブルを使ã£ãŸã‚Šã€å‹•ãã®ã‚るサイトを作りãŸã„å ´åˆã¯ã€Gatsbyã®ã»ã†ãŒè‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã†ã®ã‚‚Gatsbyã®æ–¹ãŒReactベースã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã€jsã¨ã®ç›¸æ€§ãŒéžå¸¸ã«è‰¯ãã€Reactã®ãƒ©ã‚¤ãƒ–ラリをãã®ã¾ã¾ä½¿ãˆã¾ã™ã€‚ 逆ã«Hugoã¨jsã®è¦ªå’Œæ€§ã¯ä½Žã„ã®ã§ã€ç´ ã®HTMLã«å¯¾ã—ã¦jsã‚„jQueryã§æ“ä½œãƒ»åŠ å·¥ã™ã‚‹äº‹ã«ãªã‚Šã€æ™‚代を逆行ã™ã‚‹äº‹ã«ãªã‚Šã¾ã™ã€‚（SPAã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€ãã‚Œãªã‚‰æœ€åˆã‹ã‚‰Gatsby使ã†æ–¹ãŒã€ã€ã€ï¼‰ ã•ã‚‰ã«ã“れもHugoã®ãƒ‡ãƒ¡ãƒªãƒƒãƒˆãªã‚“ã§ã™ãŒã€æ¤œç´¢æ©Ÿèƒ½ã‚’ã¤ã‘る際もゴリゴリãªdo
ブãƒã‚°ã‚’WordPressã‹ã‚‰Hugoã«ç§»è¡Œã—ãŸ
å‰ã€…ã‹ã‚‰ãƒ–ãƒã‚°ã‚’WordPressã§é‹ç”¨ã™ã‚‹ã®ã‚’ã‚„ã‚ãŸã„ã¨æ€ã£ã¦ã„ãŸã€‚ ã™ã£ãŸã‚‚ã‚“ã ã®ã™ã§ã«ã‚ˆã†ã‚„ãHugoã§é‹ç”¨ã™ã‚‹ã‚ˆã†ã«ã§ããŸã®ã§ã€çµŒç·¯ã‚„ら苦労ã—ãŸã¨ã“ã‚ãªã©ã‚’書ã残ã—ã¦ãŠããŸã„。 ã¾ã 作æ¥é€”ä¸ã§ã¯ã‚ã‚‹ã®ã ãŒã€ã„ã„åŠ æ¸›è¨˜äº‹ã®æ›´æ–°ã‚‚ã—ãŸã„ã®ã§æ›¸ã„ã¦ãŠã。 以å‰ã®ãƒ–ãƒã‚°ã¯WordPressã§é‹ç”¨ã—ã¦ã„ãŸã€‚ 自分ã§ãƒ†ãƒ¼ãƒžã‚’ã„ã˜ã£ãŸã‚Šã€é–¢é€£è¨˜äº‹ã®è¡¨ç¤ºã«è‡ªåˆ†ã§ã‚¯ã‚¨ãƒªã‚’カスタマイズã—ã¦ã”ã«ã‚‡ã”ã«ã‚‡ã—ãŸã‚Šã—ã¦ã€ã‚る程度カスタマイズã—ã¦ä½¿ã£ã¦ã„ãŸã€‚ ã ãŒã€ãれも途ä¸ã‹ã‚‰ã ã‚“ã ã‚“ã¨é¢å€’ãã•ããªã£ã¦ã„ãŸã€‚ ç†ç”±ã¨ã—ã¦ã¯ã€ãƒãƒ¼ã‚«ãƒ«ã§ã„ã˜ã‚‹éš›ã«ã„ã¡ã„ã¡vagrantã§WordPress環境を立ã¡ä¸Šã’ã¦ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãªã‘ã‚Œã°ãªã‚‰ãªã‹ã£ãŸã‹ã‚‰ã 。 カスタマイズã—ãŸã‚‰ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºä¸‹ã§ã€wordmoveを使ã£ã¦ãƒ†ãƒ¼ãƒžã‚’æ›´æ–°ã—ãŸã‚ŠãŒå¿…è¦ã«ãªã‚‹ã€‚ ã‚ã’ãã€é€”ä¸ã§Sassã®ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’喪失ã—ã¦ã—ã¾ã£ãŸã€‚ãŠã‹ã’ã§ã‚¹ã‚¿ã‚¤ãƒ«
é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’比較ã—ã¦å†ã³Hugoã«ã—ãŸç†ç”±ï¼ˆ2021年版）
ã“ã®è¨˜äº‹ã¯æœ€çµ‚æ›´æ–°æ—¥ã‹ã‚‰ä¸€å®šã®æ™‚é–“ãŒçµŒéŽã—ã¦ã„ã¾ã™ã€‚æƒ…å ±ãŒå¤ããªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ãŸã‚注æ„ã—ã¦ãã ã•ã„。 2å¹´å‰ã«é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ï¼ˆSSG）を比較ã—ã¾ã—ãŸã€‚ã‚„ã¯ã‚Šå‹•çš„プãƒã‚°ãƒ©ãƒ （代表例 WordPress）ã®ã‚ˆã†ã«ã‚»ã‚ュリティリスクã¨ã‚¤ã‚¿ãƒã”ã£ã“ã«ãªã‚‹ä»•çµ„ã¿ã¨é•ã£ã¦ã€ç´”粋ãªHTMLページã§ã—ã‹ãªã„SSGã¯é‹ç”¨é¢ã®è² æ‹…ãŒå°‘ãªãã¦ã„ã„ãªã¨èº«ã«ã—ã¿ã¦æ„Ÿã˜ã¾ã™ã€‚ é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã®æ¯”較ã¨Hugoã«æ±ºã‚ãŸç†ç”±ï¼ˆ2019年版） | Web勉強ノートブック 以å‰çµè«–を出ã—ãŸé€šã‚Šé™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ Hugo ã§å…¨ãå•é¡Œãªã‹ã£ãŸã®ã§ã™ãŒã€ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’変更ã—よã†ã¨æ€ã£ãŸã“ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ä»–ã®æŠ€è¡“ã«ã‚‚触れã¦ãŠã“ã†ã¨æ€ã„最近ã®å‹•å‘（2021å¹´10月時点）をãƒã‚§ãƒƒã‚¯ã—ã¾ã—ãŸã®ã§ã€æ”¹ã‚ã¦ã‚¢ãƒƒãƒ—デートã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼å…¨ä½“ã®å‹•å‘比較ã¨ã„ã†ã‚ˆã‚Šã‚‚ã€ç‰¹å®šã®æ¡ä»¶ã«çµž
シンプルãªHugoブãƒã‚°ãƒ†ãƒ¼ãƒžã€ŒSaltã€ã‚’ã¤ãã‚Šã¾ã—ãŸ
「Saltã€ã¯ã‚·ãƒ³ãƒ—ルãªãƒ–ãƒã‚°ã‚’低コストã§ä½œæˆã§ãる。 を目標ã«ã—ãŸHugo用テーマã§ã™ã€‚åå‰ã®é€šã‚Šã€ã§ãã‚‹ã ã‘ç´ æãã®ã‚‚ã®ã‚’引ã出ã›ã‚‹ã‚ˆã†ãªã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã—ã¾ã—ãŸã€‚
Hugoブãƒã‚°ãƒ†ãƒ¼ãƒžã€ŒSaltã€ã¨ã¯ï¼Ÿ | Hugoブãƒã‚°ãƒ†ãƒ¼ãƒžã€ŒSaltã€
「Saltã€ã¯ã‚·ãƒ³ãƒ—ルãªãƒ–ãƒã‚°ã‚’低コストã§ä½œæˆã§ãã‚‹ を目標ã«ã—ãŸHugo用テーマã§ã™ã€‚åå‰ã®é€šã‚Šã€ã§ãã‚‹ã ã‘ç´ æãã®ã‚‚ã®ã‚’引ã出ã›ã‚‹ã‚ˆã†ãªã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã—ã¾ã—ãŸã€‚ 実際ã«Saltã§ã§ãã‚‹ã“ã¨ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ 1. レスãƒãƒ³ã‚·ãƒ–デザイン対応PCã¨SP表示ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ デフォルトã§æ¨ªå¹…600pxをデフォルトã«ã—ã¦ã„ã¾ã™ãŒã€ä»»æ„ã®ã‚µã‚¤ã‚ºã«å¤‰æ›´ã§ãã¾ã™ã€‚ 2. サイトカラーを自分ã®å¥½ããªã‚ˆã†ã«å¤‰æ›´å¯èƒ½ãƒ˜ãƒƒãƒ€ãƒ¼ãƒ»ãƒ•ãƒƒãƒ€ãƒ¼ãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®èƒŒæ™¯è‰²ã€è¨˜äº‹ã‚«ãƒ¼ãƒ‰ã®ç´°ã‹ã„スタイルも簡å˜ã«å¤‰æ›´ã§ãã¾ã™ 3. å„SNSã®ãƒ–ãƒã‚°ã‚«ãƒ¼ãƒ‰ã‚’ç°¡å˜è¡¨ç¤ºHugo標準ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ã‚’使用ã™ã‚‹ã“ã¨ã§ã€Twitterã‚„YouTubeã¨ã„ã£ãŸãƒ–ãƒã‚°ã‚«ãƒ¼ãƒ‰ã‚’ç°¡å˜ã«è¡¨ç¤ºã§ãã¾ã™ Hugoã§ç”¨æ„ã•ã‚Œã¦ã„るショートコード使用時ã®è¡¨ç¤ºã‚µãƒ³ãƒ—ルã§ã™ figure スイカã®ç”»åƒ gist ※ã“ã®gistショー
Hugoブãƒã‚°ãƒ†ãƒ¼ãƒžã€ŒSaltã€
「Saltã€ã¯ã‚·ãƒ³ãƒ—ルãªãƒ–ãƒã‚°ã‚’低コストã§ä½œæˆã§ãã‚‹ を目標ã«ã—ãŸHugo用テーマã§ã™ã€‚åå‰ã®é€šã‚Šã€ã§ãã‚‹ã ã‘ç´ æãã®ã‚‚ã®ã‚’引ã出ã›ã‚‹ã‚ˆã†ãªã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã—ã¾ã—ãŸã€‚ 実際ã«Saltã§ã§ãã‚‹ã“ã¨ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ 1. レスãƒãƒ³ã‚·ãƒ–デザイン対応PCã¨SP表示ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ デフォルトã§æ¨ªå¹…600pxをデフォルトã«ã—ã¦ã„ã¾ã™ãŒã€ä»»æ„ã®ã‚µã‚¤ã‚ºã«å¤‰æ›´ã§ãã¾ã™ã€‚ 2. サイトカラーを自分ã®å¥½ããªã‚ˆã†ã«å¤‰æ›´å¯èƒ½ãƒ˜ãƒƒãƒ€ãƒ¼ãƒ»ãƒ•ãƒƒãƒ€ãƒ¼ãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®èƒŒæ™¯è‰²ã€è¨˜äº‹ã‚«ãƒ¼ãƒ‰ã®ç´°ã‹ã„スタイルも簡å˜ã«å¤‰æ›´ã§ãã¾ã™
é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’ Next.js ã‹ã‚‰ Astro ã«ä¹—ã‚Šæ›ãˆãŸ 🧑â€ðŸš€ | rakuishi.com
2011 å¹´å½“åˆ WordPress ã§æ›¸ã始ã‚ãŸã“ã®ãƒ–ãƒã‚°ã¯ã€é€”ä¸ã‹ã‚‰ã¯ Hugo ã«ã‚ˆã‚‹é™çš„サイトã«ç½®ãæ›ã‚ã‚Šã€ãã®æ¬¡ã¯ Next.js, ãã—ã¦ã“ã®è¨˜äº‹ã‹ã‚‰ã¯ Astro を採用ã—ã¦ã„ã¾ã™ã€‚ æ–°ã—ã„ã‚‚ã®ã‚’勉強ã™ã‚‹ã“ã¨ãŒç§»è¡Œã®ä¸€ç•ªã®ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã§ã—ãŸãŒã€çµæžœã¨ã—㦠Next.js ã«æ„Ÿã˜ã¦ã„ãŸä¸æº€ã‚’解消ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã—ãŸã€‚ Next.js ã®ä¸æº€ç‚¹ã¨ã—ã¦ã¯ã€é™çš„サイト出力ã¯ã‚ãã¾ã§æ©Ÿèƒ½ã®ä¸€éƒ¨ã§ã‚り（個人的感想ã§ã™ï¼‰ã€ãƒ–ãƒã‚°ç”¨é€”ã«ã—ã¦ã¯æ©Ÿèƒ½éŽå¤šæ„ŸãŒã‚ã‚Šã¾ã—ãŸã€‚ã¾ãŸã€ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—やフィードã®é™çš„出力ã«é›£ãŒã‚ã‚Šã€æœªã ã«é©åˆ‡ãªæ›¸ãæ–¹ãŒåˆ†ã‹ã‚‰ãšæ•—北感ãŒæ‹ãˆã¾ã›ã‚“ã§ã—ãŸã€‚追ã„打ã¡ã¨ãªã£ãŸã®ã¯ã€å…ˆæ—¥ 8 万å—å¼±ã®è¨˜äº‹ã‚’公開ã—ãŸã‹ã£ãŸã®ã§ã™ãŒã€ã“ã‚ŒãŒå·®åˆ†æ›´æ–°ã®ãƒ‘フォーマンス劣化をåŠã¼ã™ã¨ã—ã¦å…¬é–‹ã§ããšâ€¦ 😢 ãã‚“ãªæŠ˜ã€é™çš„サイト出力（SSG）ã¨ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆSSR）をサãƒãƒ¼ãƒˆã—ã¦ã„
hugoを使ã£ãŸçˆ†é€Ÿãƒ–ãƒã‚°ã‚’カスタマイズã™ã‚‹
å‰å›žã®æŒ¯ã‚Šè¿”ã‚Š å‰å›žã¯ä¸‹è¨˜è¨˜äº‹ã§ã€hugoを使ã„ブãƒã‚°ã‚’作æˆã—github actionsを使用ã—ãŸè‡ªå‹•ãƒ‡ãƒ—ãƒã‚¤ã‚’è¨å®šã—ã¾ã—ãŸã€‚ 今回ã¯ãã®ç¶šç·¨ã§ã€æŠ•ç¨¿ã‚’リッãƒã«ã™ã‚‹short codeã®ç´¹ä»‹ã€æŠ•ç¨¿ã«ç”»åƒã‚’入れる方法ã€ãƒšãƒ¼ã‚¸ãƒ†ãƒ³ãƒ—レートã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’ã‚„ã£ã¦ã„ãã¾ã™ã€‚ 環境 é …ç›®
hugoを使ã£ã¦çˆ†é€Ÿã§ãƒ–ãƒã‚°ã‚’作æˆã™ã‚‹
hugoã¨ã¯ï¼Ÿ hugo(ヒューゴ）ã¨ã¯ã€goã§ä½œã‚‰ã‚ŒãŸwebサイトを作æˆã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆã®ãƒˆãƒƒãƒ—ページã§ã€Œã‚¦ã‚§ãƒ–サイトを構築ã™ã‚‹ãŸã‚ã®ä¸–界最速ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã€æ›¸ã„ã¦ã‚るよã†ã«é€Ÿã•ã‚’売りã«ã—ãŸé™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ã‚ˆã†ã§ã™ã€‚ å…¬å¼ãƒšãƒ¼ã‚¸ 使用ã§ãるテーマも数多ãæƒãˆã‚‰ã‚Œã¦ãŠã‚Šã€æŸ”軟性もã‚ã‚‹ã¨ã®ã“ã¨ã ã£ãŸã®ã§ä»Šå›žã¯hugoを使ã£ã¦å®Ÿéš›ã«ãƒ–ãƒã‚°ã‚’作æˆã—ã¦ã¿ã¾ã—ãŸã€‚ å…ˆã«è§¦ã£ã¦ã¿ãŸæ„Ÿæƒ³ãªã®ã§ã™ãŒã€ä¸‹è¨˜ç”»åƒã®ã‚ˆã†ã«æœ¬å½“ã«å¤šãã®ãƒ†ãƒ¼ãƒžãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šé¸ã¶ã ã‘ã§æ¥½ã—ã‹ã£ãŸã§ã™ã€‚ã¾ãŸã€ãƒ†ãƒ¼ãƒžã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ã«è¡Œãªãˆè‡ªåˆ†å¥½ã¿ã«ã§ãã‚‹ã®ã§çµæ§‹ä½“験良ã‹ã£ãŸã§ã™ã€‚ テーマ一覧 ã‚‚ã¨ã¨ãªã‚‹ãƒ†ãƒ¼ãƒžã‚‚豊富ã«ã‚ã‚Šã€çµæ§‹ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ã§ãã‚‹ã®ã§ã€ä¼æ¥ã‚µã‚¤ãƒˆã‚„ショップサイトã€LPやオウンドメディアã¨ã‹ä½œã‚‹ã®ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã。 blogã®ä½œæˆ 今回ã¯hugoã§é™çš„サイトを作りã€ãƒãƒª
Hugoã®ãƒ†ãƒ¼ãƒžã‚’作ã£ã¦ãƒ†ãƒ¼ãƒžã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§å…¬é–‹ã•ã‚Œã¾ã—ãŸ
Hugoã§ãƒ†ãƒ¼ãƒžã‚’作ã£ãŸã®ã§ã™ãŒã€ç”³è«‹ã—ã¦å…¬é–‹ã¾ã§ã„ã‘ã¾ã—ãŸã€‚ 実際ã«ä½œã£ãŸãƒ†ãƒ¼ãƒž Hugo Gentoo Themeã¨ã„ã†åå‰ã§ãƒ†ãƒ¼ãƒžã‚’作りã¾ã—ãŸã€‚ d-kusk/hugo-gentoo-theme: Hugo theme ã“ã†ã„ã†ã®ä½•ã‚’テーマã«ä½œã‚ã†ã‹æ¯Žåº¦æ‚©ã‚€ã‚“ã§ã™ãŒã€ä¼šç¤¾ãƒžã‚·ãƒ³ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®å£ç´™ãŒã‚¸ã‚§ãƒ³ãƒ„ーペンギンã«å¤‰ã‚ã£ãŸã®ã§ã€Gentooã¨ã„ã†åå‰ã«ã—ã¾ã—ãŸã€‚å‰å¾Œã®Hugoã¨Themeã¯ãŸã¾ãŸã¾è¦‹ã‹ã‘ãŸã®ã§ã¤ã‘ãŸã‚“ã§ã™ãŒã€åˆ¥ã«è¦ã‚‰ãªã„ã¿ãŸã„ã§ã™ã…。 é…色ã®æ„Ÿã˜ã‚‚写真ã‹ã‚‰è‰²å–ã£ã¦ã€ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’é ã«ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„部分を体ã«ã—ãŸã‚“ã§ã™ãŒã‚¸ã‚§ãƒ³ãƒ„ーらã—ã•ãŒå…¨ããªã„ã¨ã„ã†ã‹å‡ºã›ãªã‹ã£ãŸã§ã™ã€‚ CSSフレームワークã®Blumaを採用 楽ã—ã¦ã‚µã‚¯ãƒƒã¨ã‚„ã‚ŠãŸã„ã¨æ€ã£ãŸã®ã§Blumaã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークを入れã¦ã¿ã¾ã—ãŸã€‚ ã¶ã£ã¡ã‚ƒã‘è¦ã‚‰ãªã‹ã£ãŸã§ã™ã€‚元気ã‚ã‚Œã°ãã®ã†ã¡æŠœãã‹ã‚‚ã—ã‚Œãªã„。 Bluma
Hugoã§ã‚µã‚¤ãƒˆå…¨ä½“ã§ä½¿ã‚ã‚Œã¦ã„るタグやカテゴリーã®ä¸€è¦§ã®ãƒšãƒ¼ã‚¸ã‚’作る
Hugoã§ã®ãƒ†ãƒ¼ãƒžåˆ¶ä½œã‚’進ã‚ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã‚µã‚¤ãƒˆå†…ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚¿ã‚°ã¨ã‚«ãƒ†ã‚´ãƒªãƒ¼ã®ä¸€è¦§ãƒšãƒ¼ã‚¸(WordPressã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã§ã‚るタグクラウドã¨ã‹ã‚«ãƒ†ã‚´ãƒªãƒ¼ä¸€è¦§ã¿ãŸã„ãªã‚¤ãƒ¡ãƒ¼ã‚¸)を出力ã™ã‚‹æ–¹æ³•ãŒã‚¤ãƒžã‚¤ãƒåˆ†ã‹ã‚‰ãšã€å›°ã£ã¦ã„ã¾ã—ãŸãŒã‚ˆã†ã‚„ã解決ã—ãŸã®ã§è¦šæ›¸ã§ã™ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ Hugo v0.26 å¿…è¦ãªã“㨠config.tomlã§è¨å®š (テンプレートã®ç”¨æ„) config.tomlã¸ã®è¨˜è¿° タグやカテゴリーã¨ã„ã£ãŸåˆ†é¡žã‚’使ã†å ´åˆã€config.tomlã«ä»¥ä¸‹ã‚’記述ã—ã¾ã™ã€‚ [taxonomies] tag = "tags" category = "categories" å‚考: Hugo | Taxonomies テンプレート(layout/terms.html)を用æ„ã™ã‚‹ 基本的ã«ã¯ã€ list.html ãŒå‡ºåŠ›ã•ã‚Œã‚‹ã¨æ€ã£ã¦å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚ ãŸã ã€ä»Šå›žã¯ä¸€è¦§ã®å‡ºã—æ–¹(レイアウト)
Hugoã§ä½œæˆã—ãŸã‚µã‚¤ãƒˆã‚’Netlifyã§å…¬é–‹ã™ã‚‹
ã¯ã˜ã‚ã« å‰å›žã€WordPressã‹ã‚‰Hugoã«ç§»è¡Œã—ãŸè©±ã‚’書ãã¾ã—ãŸã€‚ Hugoã§é™çš„ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’生æˆã™ã‚‹ã®ã§ã€æŠ˜è§’ãªã‚‰ã‚µãƒ¼ãƒãƒ¼ä»£ã‚’抑ãˆã¤ã¤HTTPSã«å¯¾å¿œã™ã‚‹ã‹ã€å‹‰å¼·ãŒã¦ã‚‰S3ã«è¼‰ã›ãŸã„よãªãƒ¼ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ãã‚“ãªä¸å°‘ã—å‰ã«å‚åŠ ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ä¼ãˆãŸã„インフラã®è©± ã§Netlifyã®è©±ã‚’èžã„ã¦ã€èˆˆå‘³ã‚’ã‚‚ã£ãŸã®ã§ç§»è¡Œå…ˆã«ã—ã¡ã‚ƒã„ã¾ã—ãŸã€‚ Netlifyã¨ã¯ 公開ã—ãŸã‚µã‚¤ãƒˆã¯CDN経由ã§é…ä¿¡ã•ã‚Œã‚‹ SSL対応ãŒç°¡å˜ã«ã§ãã‚‹ 独自ドメインをã‚ã¦ã‚‰ã‚Œã‚‹ PHPã‚„Rubyãªã©ã®è¨€èªžã¯å‹•ã‹ãªã„ã£ã½ã„ CIツール(æ–°è¦ã‚µã‚¤ãƒˆã®ä½œæˆã‚„デプãƒã‚¤ãªã©è‰²ã€…å¯)ã‚‚ã‚ã‚‹ ãªã©ãªã© 以下ã€æ‰‹é †ã§ã™ã€‚ ã‚¢ã‚«ã‚¦ãƒ³ãƒˆä½œæˆ ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—ã‹ã‚‰ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’作æˆã—ã¾ã™ã€‚ Github, GitLab, Bitbucketã®3サービスã‹ã‚‰é¸ã¶ã“ã¨ãŒå‡ºæ¥ã¾ã™ãŒã€Netlifyã§å…¬é–‹ã—ãŸã„プãƒã‚°ãƒ©ãƒ をリãƒã‚¸ãƒˆãƒª Hu
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿Hugoを使ã£ã¦ãƒ–ãƒã‚°ã‚’作ã‚ã†ï¼ï¼|é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿Hugoを使ã£ã¦ãƒ–ãƒã‚°ã‚’作ã‚ã†ï¼|Techpit
GitHub - modiimedia/contentful-hugo: A CLI tool that pulls data from Contentful and turns it into markdown files for Hugo and other static site generators. It also includes an express server that can be used for local development and content previews
GitHub - okdyy75/hugo-theme-salt: シンプルãªHugo用ブãƒã‚°ãƒ†ãƒ¼ãƒžã€ŒSaltã€
Zen
Hugo Themes Site
PaperMod
GitHub - gohugoio/hugoThemes: A curated directory of Hugo themes
Minimage
{{#tags}}- {{label}}
{{/tags}}