2020年05月の記事一覧

はじめに 本サイトのソースコードはこちらです。 本サイトは、静的サイト構築ツール GatsbyJS…

Alpine Linux上にdocker-composeにより、Gatsbyの開発環境をインストールします。 githubへのアクセスは確立済みとし、dockerおよびdocker-composeは導入済みと仮定します。 ディレクトリ構成 gatsby_working/app…

ここまで出来たら、以降、~/gatsby_working/gatsby/app 以下を修正してサイトをカスタマイズしていきます。 編集すべきは以下のファイルです。 app以下のディレクトリ構成 プロフィール等の修正 gatsby-config.jsのsiteMetadataを自分用に修正します。 gatsby/app…

以下を参考に実装しました。 http://hachibeedi.github.io/entry/how-to-add-category-and-tags-page/ GatsbyへCategoryとタグ機能を追加する gatsby-node.js…

以下を参考に実装しました。 https://kikunantoka.com/2019/12/01—install-tags/ GatsbyJSで作っているブログにタグ機能を導入した gatsby-node.js…

以下を参考に実装しました。 https://kikunantoka.com/2019/12/03—install-syntax-highlight/ GatsbyJSで作っているブログでシンタックスハイライトが適用されるようにした https://kikunantoka.com/2019/12/11—install…

以下を参考に実装しました。 https://blog.u-chan-chi.com/post/gatsby-markdown-images/ Gatsby JS でBlogを作成する際、マークダウンファイルに設定したimage…

記事のレイアウトは、components/layout.jsで定義しています。 page定義のjsで、 により、Layoutコンポーネントをインポートし、以下のように使用していました。 リッチな見栄えを定義するために、Layoutに加え、以下のコンポーネントを追加しました。 コンポーネント 機能 Layout…

目次 はじめに macOSインストーラの入手 インストールメディアイメージの作成 ParallelsにmacOSをインストール macOX Mojaveのインストール まとめ はじめに Parallelsは、ホストOSの回復パーティションを使用して、容易にmacOSのvm…

目次 はじめに PearPCのインストールとセットアップ 古いハードディスクのディスクイメージ化 PearPC用空イメージ作成 古いハードディスクのボリュームを空イメージに丸コピー ディスクイメージからOS起動 Mac OS X…