Hugo

Hugo まえがき 使用環境 本題 layouts ディレクトリ Section セクション内 子セクション内 個別 Page セクション内 個別 あとがき まえがき 私が、HugoのThemeを自作する時のルールを忘れないように、書いておきます。 過去に書いた記事を、一から書き直したリライト記事です。

はじめに 移行前に困っていたこと 移行によって得たもの AIネイティブな環境になった Hugo + Cloudflare Pagesという構成が標準的な技術になった パフォーマンスが改善した 移行において大変だったこと 長年のツギハギ運用の負債が溜まっていた HTMLとCSSの整理 JavaScriptの整理 レイアウトの堅牢化 おわりに はじめに 技術部の @mom0tomo , @etsxxx です。 技術部では、事業部横断的な仕事としてコーポレートサイトの運用も行っており、過去にはWordPress on EC2で運用されてきた弊社のWebメディア（Q by Livesense）を、Hu…

Hugo まえがき Hugoでテーマを作成する時、どんな値が入っているのか確認したい場合があります。 production時のテーマとは別に、debug用のテーマを作り、必要な値を表示してみたいと思いました。 ドキュメントにも記載されているように、hugoを実行すると、environmentはproductionになります。 debugを指定したい場合は、hugo --environment debugとすれば、いいみたいです。 --environmentの後の文字列(今回だとdebug)は、任意で良いように感じました。 environmentは、hugo configの表示で、確認することが…

Hugo 前書き whereについて書く前に、sliceについて、気になったことを書き留めておきます。 Hugoのsliceを使うと、PHPで言うところの配列が作成できるらしい。 例えば、下記のような配列があったとします。 $array = [ "500", "26", "26001" ]; Hugoで書くと、下記の通りになると思います。 {{- $array := slice "500" "26" "26001" -}} ダブルクォーテーションで囲んでいるからか、string（文字列）の扱いになるみたいです。 たぶん、最初から数字として扱いたいのなら、下記の通りで良いような気がします。 {{…

はじめに 技術構成（before）と課題 技術構成（after）と選定の理由 改善したこと パフォーマンスの向上 デリバリー速度の向上 セキュリティ面でのリスク低下 大変だったこと 記事のマークダウン変換 段落分けと改行の区別 字下げ 書式の追加 Lintが必要になった 記事ごとのOGP画像周りの実装 URL変更に伴うリダイレクト設定 標準の検索機能がない おわりに はじめに 技術部の @mom0tomo , @etsxxx です。 技術部では、事業部横断的な仕事としてコーポレートサイトの運用も行っています。このたびWordPress on EC2で運用されてきた弊社のWebメディア（Q by…

yukidev.net

皆様こんにちは。SEの小池と申します。 GitLabには GitLab Pages という機能があり、GitLabのリポジトリから静的Webサイトを直接公開できます。 SaaS版の場合、GitLab PagesではGitLabがデフォルトで用意してくれているドメイン (gitlab.io) か、自分が持つカスタムドメインでWebページを公開することが可能です。 今回のブログでは、GitLab.comのGitLab Pagesを使って、自分が保有するドメインで静的Webサイトを公開 します。 本記事の対象の方 今回のブログのゴール 事前ご連絡事項 このブログでやること 事前準備 Step1. 静…