サイトを作るまで

Hugoのコードブロックのシンタックスハイライトをカスタマイズする

Hugoのカスタマイズをしています。テーマは「hugo-clarity」です。 記事の本文はマークダウンで書きますが、コードを書く部分をいじりたくなりました。 直したいところ 優先順で挙げると 文字の色を変えたい 言語表記の色を変えたい 行数表示をデフォルトに…

Hugo - メニュー、各項目の表示

前回でロゴやファビコンの変更ができたので、次はメニューなどの表示面を整えていきます。 理想のブログの構成 ただ記事が探しやすく見られればよいので簡単な構成にしました。 TOP ┗カテゴリー ┗記事 ┗タグ ┗記事 About(筆者紹介のページ)などヘッダーに…

Hugo - ファビコン、ロゴ、サイト名の変更

はてなブログからHugoを使ったブログの移行が全然進んでいないので、また少しずつ進めようと思います。 Hugoのテーマによって仕様が異なると思うので自分メモです。 もとのテーマ:clarity Clarity | Hugo Themes ☆今回の作業をやった後に見つけた記事です。…

ドメインとサーバーを契約しました

やっと、やっと申し込みました。 お金がかかるからという単純な理由でこれまで渋っていましたが、何とか安く済ませられそうなので一念発起してドメインとサーバーを契約しました(大げさ)。 Xserverでキャンペーンがありました。 Xserverのキャンペーン キ…

Hugoサイトでcssを上書きする(Theme使用)

ようやくNetlifyでHugoサイトを公開しましたが、元のThemeのままです。 少しずつカスタマイズしていこうと思います。 ☆使っているテーマは「hugo-clarity」です。 sassファイルを確認してみる デザインを変えたいのでcssを調べます。 cssファイルは見当たら…

Hugoでサイトを作り直します

すっかりご無沙汰になってしまったHugoのサイト作り、テーマを新しいものにして作り直そうと思います。 今回はこちらのテーマにしました。 去年の記事を見ながらhttp://localhost:1313/で表示できるところまで進めました。 前回作ったサイトへのアクセスもht…

GitHubで初push

Gitをしっかり学ぼう、という熱が出てきたので、ProgateでGitのレッスンを受けました。 「Gitの環境構築をしよう!」というコラムでGitHubの使い方が書かれていて、せっかくなので制作中のHugoサイトをGitHubで管理しようと思いました。 サイトに新しくプラ…

Hugo - テーマの設定

前回の続きです。 Hugoをインストールしたてのディレクトリ構造はこのようになっています。 サイトディレクトリ ┗ archetypes ┗ default.md ┗ content ┗ layouts ┗ themes ┗ config.toml ┗ data ┗ static archetypesディレクトリ以外はすべて空のディレクト…

Hugoでサイトを作ることにしました

当初ブログ名にも入れていたLaravelですが、一旦置いておいて...。 Hugoでサイトを作ることにしました! その最初の志もすぐに失せてしまうところから、ブログ名も変更です。 そもそも Laravelの本を買った phpに触れる機会が多い という理由でLaravelで、と…