明日の自分のために

moon indicating dark mode
sun indicating light mode

18 posts tagged with "GatsbyJS"

    First Post

    May 20, 2020

    Gatsby + GitHub + Netlifyでブログを立ち上げました。 独自ドメインも取得したので続くといいなぁ。 TODO せっかくなのでTODOを整理しておきます。どこまで消化できるか……。 Google Analytics対応 ブログの立ち上げログを残す Theme…

    ブログ立ち上げログ

    May 24, 2020

    Gatsby + GitHub + Netlifyでブログを立ち上げるにあたって考えたことや調べたことをメモしておきます。 何を使って始めるか ブログをどうやって始めるかいろいろ調べていましたが、はてなブログ、Wordpress、Static Site Generator(SSG…

    GatsbyJSで作ったブログにGoogle Analyticsを設定する

    May 25, 2020

    Google Analytics対応 Google Analytics…

    Shadowingの罠(GatsbyJS)

    May 26, 2020

    gatsby-theme-blogのカスタマイズを色々試していたのですが、gatsby-theme-blogのtypographyを変更しようとしてShadowingの罠に(かってに)はまりました。 先に結果を書くと… 複数のThemeを使う場合はShadowing…

    Changing the font of a blog created in GatsbyJS to a UD font (Migu font)

    May 27, 2020

    I would like to change the font on gatsby-theme-blog to one of my preference. These days, I think the universal design font is easier to…

    GatsbyJSで作ったブログのフォントをUDフォントに変更(Miguフォント)

    May 27, 2020

    gatsby-theme-blogのフォントを好みのものに変えたいです。 最近だとユニバーサルデザインフォントが見やすくて良いと思います。 AndroidのデフォルトフォントになっているRobotoも好きなんですけどね。 まずはフリーのUD…

    GatsbyJSで作ったブログにfaviconを設定する

    May 28, 2020

    まだfaviconを作っていなかったので作ります。 GIMPでちょっと凝ったのを作ろうかと思いましたが、途中でGIMPが落ちたのでもうやめました。 Paint 3D…

    GatsbyJSで作ったブログのディレクトリ構成とslug

    May 29, 2020

    今までは /content/posts/ に.mdを直接配置していました。tree…

    GatsbyJSのfrontmatterについて調べる

    May 30, 2020

    実はfrontmatterについてまだよく分かっていなかったので調べてみました。 記事のmarkdownの先頭に記述している以下の部分です。 frontmatter とは、markdownにメタデータを追加する手段です。 YAML形式 で記載します。 frontmatter…

    GatsbyJSで作ったブログの記事にTagをつけて管理する

    May 31, 2020

    ディレクトリを分けて記事を整理するようにしましたが、すべての記事を横断的に管理できるともっと良いです。 記事にタグを付けて管理できる方法をテーマがきっと用意してくれているはずだと思い調べました。 とは言いつつ frontmatterの記事 で tags…

    GatsbyJSで作ったブログのページタイトル生成処理とSEOについて

    June 01, 2020

    ページタイトルが "Home | 明日の自分のために" となっているのが気になりました。なんでトップページにHomeとついているのか、どこでつけているのか。トップページにHomeという文字列はいらないんじゃないか。 調べてみるとどうやらSEO…

    GatsbyJSで作ったブログのフッターにタグを追加

    June 09, 2020

    タグを記事に表示するようにします。ここでは記事のフッターにその記事につけられているタグを付与します。 まず、タグを表示する部品を追加します。 src\gatsby-theme-blog\components\tag-label.js…

    GatsbyJSで作ったブログでcolor modeに応じてアイコンの色を変える

    June 11, 2020

    biographyにTwitterやGitHubのアイコンを表示して、そのアイコンをクリックするとSNSのページに飛ぶようにしたいと思いました。 bio-contentにSNSアイコンを追加 アイコン表示とリンクを貼るだけならば、以下のようにするだけです。Twitter…

    A blog created with GatsbyJS has passed the Google AdSense review and will incorporate ads.

    June 15, 2020

    I applied to Google AdSense for this blog as I had over 10 posts. The result is that I passed the review successfully. To sign up, just go…

    GatsbyJSで作ったブログがGoogle AdSenseの審査に通ったので広告を組み込む

    June 15, 2020

    このブログも記事が10本を超えたのでGoogle AdSenseに申し込みました。結果は無事審査に合格しました。 申し込みは AdsenseのWebサイト からURLを登録したあと、ブログのトップページにコードを貼り付けて待つだけです。 head…

    GatsbyJSで作ったブログのi18nを検討中

    June 28, 2020

    せっかくブログ記事を書くならば英語版も作って公開してみようと考え、このブログの多言語対応(i18n: internationalization)を検討しています。 DeepLの翻訳精度がすごいので機械翻訳で楽に対応できそうというのもあります。しかしGatsbyJS…

    GatsbyJSのThemeやStarterとは何なのか

    August 04, 2020

    最近、shadowingでの改造箇所が多くなってきており、もうstarterをfork…

All tags