明日の自分のために

moon indicating dark mode
sun indicating light mode

16 posts tagged with "blog-log"

    ブログ立ち上げログ

    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…

    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…

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

    June 15, 2020

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

    GatsbyJSで作ったブログに問い合わせフォームとプライバシーポリシーを設置した

    June 17, 2020

    AdSenseのヘルプドキュメントに 必須コンテンツ としてプライバシーポリシーがあるので対応しました。各ページの末尾に配置されています。 それとおまけで問い合わせフォームも作りました。biography…

    Analyticsのフィルタ設定と, Search Console, AdSenseとの連携

    June 21, 2020

    Analytics、Search Console、Adsenseの連携を設定しました。 AnalyticsとSearch Consoleの連携はプロパティタイプでURL…

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

    June 28, 2020

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

All tags