Hugoのサイトを制作する以上、少なくとも知っておいたほうが良いと思い、Progateでレッスンを受けました。（有料会員です！） 学んだときのGo言語の印象をメモします。 PHPとだいたい一緒 phpと文法も似ているように感じました。 ...といっても私はプログラ…

疑似要素の扱いがまだまだな今日このごろです。 こちらのページを元に、ボタンを作りました。 https://www.nxworld.net/tips/10-css-cute-design-good-chemistry-button-design-and-hover-effect.html#anchor09 9 . 背景が枠からズレたボタン このボタンも以…

Hugoでサイトを作っていますが、md（マークダウン）ファイルが出てきます。はてなブログやQiitaで便利に記事が書ける記法、ぐらいにしか分かっていませんでした。 少し詳しく知ろうと思います。 参考サイト https://neos21.hatenablog.com/entry/2018/06/28/…

前回の続きです。 いよいよテスト記事を書きます。 こちらに傚って進めれば簡単そうです。 Hugo で記事を作成する | まくまくHugo/Goノート 1. 記事ファイルを作る 【コマンド】記事ファイルを作る hugo new post/ファイル名.md 【コマンド】記事ファイルを…

cssでグラデーションのボタンを作っていて、hover時にグラデーションを反転させたアニメーションを付けたいと思いました。 background-imageはtransitionでアニメーションできない 知らなかったです。animationでも動かないそうです。 linear-gradient()に数…

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