Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@seelx3
seelx3 committed Nov 25, 2024
1 parent 040fc8e commit e050f7d
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 9 deletions.
2 changes: 1 addition & 1 deletion page-data/posts/how-to-use/page-data.json
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"componentChunkName":"component---src-pages-posts-markdown-remark-fields-slug-tsx","path":"/posts/how-to-use/","result":{"data":{"markdownRemark":{"html":"<h2>事前準備</h2>\n<ul>\n<li>asdf</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">asdf install // nodejs, yarn のバージョン指定</code></pre></div>\n<h2>開発手順</h2>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">yarn // パッケージインストール\nyarn develop // 開発サーバー起動\nyarn deploy -prefix-paths // デプロイ</code></pre></div>\n<ul>\n<li>deploy コマンドで、gh-pages にデプロイされます。</li>\n<li>ブログ中などで画像を適切に参照するために、<code class=\"language-text\">gatsby-config.js</code> の <code class=\"language-text\">pathPrefix</code> を設定を行い、<code class=\"language-text\">deploy</code> コマンド実行時に <code class=\"language-text\">-prefix-paths</code> オプションを付与してください。</li>\n</ul>\n<h2>ブログの追加</h2>\n<ul>\n<li><code class=\"language-text\">/content/blog</code> 以下にディレクトリを作成し、その中に <code class=\"language-text\">index.md</code> を作成してください。</li>\n<li>マークダウンで画像を使用する場合は、以下の画像のように同じディレクトリに画像を配置して参照できます。</li>\n</ul>\n<p><span\n class=\"gatsby-resp-image-wrapper\"\n style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 400px; \"\n >\n <a\n class=\"gatsby-resp-image-link\"\n href=\"/static/7cc3cfb6d9c8e43615af15708b9b3689/e17e5/seel-400x400.png\"\n style=\"display: block\"\n target=\"_blank\"\n rel=\"noopener\"\n >\n <span\n class=\"gatsby-resp-image-background-image\"\n style=\"padding-bottom: 100%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAFxGAABcRgEUlENBAAAA2klEQVR42mP4T2XAMGrgEDLwz58//3///o0hDhL7+/fvALrw379/YHrLli3/p06diiHX39//f9euXWA+NpcyYPMqCCQkJPyXlZX9/+vX7/+fv3z5//Xrt//fv//4LyAg+D83NxfufaK9/OPH9/+v3rz7f+Xei/+GRqb/rW0d/l9/+Pr/a6DYzx8/SAtDmLfv3rv/3y844n9MYvr/qPjU/wGhUf+fPnuOooYoA2Fhc+3atf9Kior/12/b+3/p6k3/lZUU/z948JB0A5FdCjIcFFaEksto1htJBgIANrMVrycKMNkAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n ></span>\n <img\n class=\"gatsby-resp-image-image\"\n alt=\"seel 400x400\"\n title=\"\"\n src=\"/static/7cc3cfb6d9c8e43615af15708b9b3689/e17e5/seel-400x400.png\"\n srcset=\"/static/7cc3cfb6d9c8e43615af15708b9b3689/c26ae/seel-400x400.png 158w,\n/static/7cc3cfb6d9c8e43615af15708b9b3689/6bdcf/seel-400x400.png 315w,\n/static/7cc3cfb6d9c8e43615af15708b9b3689/e17e5/seel-400x400.png 400w\"\n sizes=\"(max-width: 400px) 100vw, 400px\"\n style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n loading=\"lazy\"\n decoding=\"async\"\n />\n </a>\n </span></p>\n<h2>マークダウン中で外部リンクをカード表示</h2>\n<ul>\n<li>次のように記述すると、外部リンクをカード表示できます。</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">// blank\nhttps://github.com/seelx3/blog-gatsby-template\n// blank</code></pre></div>\n<p><div class=\"gatsby-remark-link-card__container\"><a class=\"gatsby-remark-link-card__link\" href=\"https://github.com/seelx3/blog-gatsby-template\" rel=\"noreferrer noopener\" target=\"_blank\"><div class=\"gatsby-remark-link-card__main\"><div class=\"gatsby-remark-link-card__content\"><div class=\"gatsby-remark-link-card__title\">GitHub - seelx3/blog-gatsby-template</div><div class=\"gatsby-remark-link-card__description\">Contribute to seelx3/blog-gatsby-template development by creating an account on GitHub.</div></div><div class=\"gatsby-remark-link-card__meta\"><img class=\"gatsby-remark-link-card__favicon\" src=\"https://www.google.com/s2/favicons?domain=github.com&#x26;sz=14\" width=\"14\" height=\"14\" alt=\"favicon\"><span class=\"gatsby-remark-link-card__url\">github.com</span></div></div><div class=\"gatsby-remark-link-card__thumbnail\"><img src=\"https://opengraph.githubassets.com/e87368cd9c82e592a878c945dda455466b020996b2a5afde4fc69dea75466587/seelx3/blog-gatsby-template\" class=\"gatsby-remark-link-card__image\" alt=\"ogImage\"></div></a></div></p>\n<ul>\n<li>使用したプラグイン</li>\n</ul>\n<p><div class=\"gatsby-remark-link-card__container\"><a class=\"gatsby-remark-link-card__link\" href=\"https://github.com/okaryo/gatsby-remark-link-card\" rel=\"noreferrer noopener\" target=\"_blank\"><div class=\"gatsby-remark-link-card__main\"><div class=\"gatsby-remark-link-card__content\"><div class=\"gatsby-remark-link-card__title\">GitHub - okaryo/gatsby-remark-link-card: Gatsby Remark plugin to embed link card</div><div class=\"gatsby-remark-link-card__description\">Gatsby Remark plugin to embed link card. Contribute to okaryo/gatsby-remark-link-card development by creating an account on GitHub.</div></div><div class=\"gatsby-remark-link-card__meta\"><img class=\"gatsby-remark-link-card__favicon\" src=\"https://www.google.com/s2/favicons?domain=github.com&#x26;sz=14\" width=\"14\" height=\"14\" alt=\"favicon\"><span class=\"gatsby-remark-link-card__url\">github.com</span></div></div><div class=\"gatsby-remark-link-card__thumbnail\"><img src=\"https://opengraph.githubassets.com/e0742cb8b371d82004a67342b554d9ea3a5316739e0975ef7ac4b69ef94b496f/okaryo/gatsby-remark-link-card\" class=\"gatsby-remark-link-card__image\" alt=\"ogImage\"></div></a></div></p>\n<h2>マークダウンのスタイル</h2>\n<ul>\n<li>使用した Markdown Style CSS</li>\n</ul>\n<p><div class=\"gatsby-remark-link-card__container\"><a class=\"gatsby-remark-link-card__link\" href=\"https://github.com/sindresorhus/github-markdown-css\" rel=\"noreferrer noopener\" target=\"_blank\"><div class=\"gatsby-remark-link-card__main\"><div class=\"gatsby-remark-link-card__content\"><div class=\"gatsby-remark-link-card__title\">GitHub - sindresorhus/github-markdown-css: The minimal amount of CSS to replicate the GitHub Markdown style</div><div class=\"gatsby-remark-link-card__description\">The minimal amount of CSS to replicate the GitHub Markdown style - sindresorhus/github-markdown-css</div></div><div class=\"gatsby-remark-link-card__meta\"><img class=\"gatsby-remark-link-card__favicon\" src=\"https://www.google.com/s2/favicons?domain=github.com&#x26;sz=14\" width=\"14\" height=\"14\" alt=\"favicon\"><span class=\"gatsby-remark-link-card__url\">github.com</span></div></div><div class=\"gatsby-remark-link-card__thumbnail\"><img src=\"https://opengraph.githubassets.com/727d3143ad1159147ea7aaa3d5efd9546ddc1c04e79a2dd652b491267dbd2b5d/sindresorhus/github-markdown-css\" class=\"gatsby-remark-link-card__image\" alt=\"ogImage\"></div></a></div></p>","frontmatter":{"date":"2024/11/20","title":"このブログについて","description":"このブログテンプレートの使い方"}}},"pageContext":{"id":"fd84aaaf-a543-5631-9c74-d0754cb2330c","fields__slug":"how-to-use","__params":{"fields__slug":"how-to-use"}}},"staticQueryHashes":["3362122889"],"slicesMap":{}}
{"componentChunkName":"component---src-pages-posts-markdown-remark-fields-slug-tsx","path":"/posts/how-to-use/","result":{"data":{"markdownRemark":{"html":"<h2>事前準備</h2>\n<ul>\n<li>asdf</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">asdf install // nodejs, yarn のバージョン指定</code></pre></div>\n<h2>開発手順</h2>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">yarn // パッケージインストール\nyarn develop // 開発サーバー起動\nyarn deploy // デプロイ</code></pre></div>\n<ul>\n<li>deploy コマンドで、gh-pages にデプロイされます。</li>\n<li>ブログ中などで画像を適切に参照するために、<code class=\"language-text\">gatsby-config.js</code> の <code class=\"language-text\">pathPrefix</code> を設定を行い、<code class=\"language-text\">deploy</code> コマンド実行時に <code class=\"language-text\">-prefix-paths</code> オプションを付与してください。</li>\n</ul>\n<h2>ブログの追加</h2>\n<ul>\n<li><code class=\"language-text\">/content/blog</code> 以下にディレクトリを作成し、その中に <code class=\"language-text\">index.md</code> を作成してください。</li>\n<li>マークダウンで画像を使用する場合は、以下の画像のように同じディレクトリに画像を配置して参照できます。</li>\n</ul>\n<p><span\n class=\"gatsby-resp-image-wrapper\"\n style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 400px; \"\n >\n <a\n class=\"gatsby-resp-image-link\"\n href=\"/blog-gatsby-template/static/7cc3cfb6d9c8e43615af15708b9b3689/e17e5/seel-400x400.png\"\n style=\"display: block\"\n target=\"_blank\"\n rel=\"noopener\"\n >\n <span\n class=\"gatsby-resp-image-background-image\"\n style=\"padding-bottom: 100%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAFxGAABcRgEUlENBAAAA2klEQVR42mP4T2XAMGrgEDLwz58//3///o0hDhL7+/fvALrw379/YHrLli3/p06diiHX39//f9euXWA+NpcyYPMqCCQkJPyXlZX9/+vX7/+fv3z5//Xrt//fv//4LyAg+D83NxfufaK9/OPH9/+v3rz7f+Xei/+GRqb/rW0d/l9/+Pr/a6DYzx8/SAtDmLfv3rv/3y844n9MYvr/qPjU/wGhUf+fPnuOooYoA2Fhc+3atf9Kior/12/b+3/p6k3/lZUU/z948JB0A5FdCjIcFFaEksto1htJBgIANrMVrycKMNkAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n ></span>\n <img\n class=\"gatsby-resp-image-image\"\n alt=\"seel 400x400\"\n title=\"\"\n src=\"/blog-gatsby-template/static/7cc3cfb6d9c8e43615af15708b9b3689/e17e5/seel-400x400.png\"\n srcset=\"/blog-gatsby-template/static/7cc3cfb6d9c8e43615af15708b9b3689/c26ae/seel-400x400.png 158w,\n/blog-gatsby-template/static/7cc3cfb6d9c8e43615af15708b9b3689/6bdcf/seel-400x400.png 315w,\n/blog-gatsby-template/static/7cc3cfb6d9c8e43615af15708b9b3689/e17e5/seel-400x400.png 400w\"\n sizes=\"(max-width: 400px) 100vw, 400px\"\n style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n loading=\"lazy\"\n decoding=\"async\"\n />\n </a>\n </span></p>\n<h2>マークダウン中で外部リンクをカード表示</h2>\n<ul>\n<li>次のように記述すると、外部リンクをカード表示できます。</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">// blank\nhttps://github.com/seelx3/blog-gatsby-template\n// blank</code></pre></div>\n<p><div class=\"gatsby-remark-link-card__container\"><a class=\"gatsby-remark-link-card__link\" href=\"https://github.com/seelx3/blog-gatsby-template\" rel=\"noreferrer noopener\" target=\"_blank\"><div class=\"gatsby-remark-link-card__main\"><div class=\"gatsby-remark-link-card__content\"><div class=\"gatsby-remark-link-card__title\">GitHub - seelx3/blog-gatsby-template</div><div class=\"gatsby-remark-link-card__description\">Contribute to seelx3/blog-gatsby-template development by creating an account on GitHub.</div></div><div class=\"gatsby-remark-link-card__meta\"><img class=\"gatsby-remark-link-card__favicon\" src=\"https://www.google.com/s2/favicons?domain=github.com&#x26;sz=14\" width=\"14\" height=\"14\" alt=\"favicon\"><span class=\"gatsby-remark-link-card__url\">github.com</span></div></div><div class=\"gatsby-remark-link-card__thumbnail\"><img src=\"https://opengraph.githubassets.com/80630f2990d7aa684b014114c789886c58304c6c1a5e2a766549d2692d6154f8/seelx3/blog-gatsby-template\" class=\"gatsby-remark-link-card__image\" alt=\"ogImage\"></div></a></div></p>\n<ul>\n<li>使用したプラグイン</li>\n</ul>\n<p><div class=\"gatsby-remark-link-card__container\"><a class=\"gatsby-remark-link-card__link\" href=\"https://github.com/okaryo/gatsby-remark-link-card\" rel=\"noreferrer noopener\" target=\"_blank\"><div class=\"gatsby-remark-link-card__main\"><div class=\"gatsby-remark-link-card__content\"><div class=\"gatsby-remark-link-card__title\">GitHub - okaryo/gatsby-remark-link-card: Gatsby Remark plugin to embed link card</div><div class=\"gatsby-remark-link-card__description\">Gatsby Remark plugin to embed link card. Contribute to okaryo/gatsby-remark-link-card development by creating an account on GitHub.</div></div><div class=\"gatsby-remark-link-card__meta\"><img class=\"gatsby-remark-link-card__favicon\" src=\"https://www.google.com/s2/favicons?domain=github.com&#x26;sz=14\" width=\"14\" height=\"14\" alt=\"favicon\"><span class=\"gatsby-remark-link-card__url\">github.com</span></div></div><div class=\"gatsby-remark-link-card__thumbnail\"><img src=\"https://opengraph.githubassets.com/e0742cb8b371d82004a67342b554d9ea3a5316739e0975ef7ac4b69ef94b496f/okaryo/gatsby-remark-link-card\" class=\"gatsby-remark-link-card__image\" alt=\"ogImage\"></div></a></div></p>\n<h2>マークダウンのスタイル</h2>\n<ul>\n<li>使用した Markdown Style CSS</li>\n</ul>\n<p><div class=\"gatsby-remark-link-card__container\"><a class=\"gatsby-remark-link-card__link\" href=\"https://github.com/sindresorhus/github-markdown-css\" rel=\"noreferrer noopener\" target=\"_blank\"><div class=\"gatsby-remark-link-card__main\"><div class=\"gatsby-remark-link-card__content\"><div class=\"gatsby-remark-link-card__title\">GitHub - sindresorhus/github-markdown-css: The minimal amount of CSS to replicate the GitHub Markdown style</div><div class=\"gatsby-remark-link-card__description\">The minimal amount of CSS to replicate the GitHub Markdown style - sindresorhus/github-markdown-css</div></div><div class=\"gatsby-remark-link-card__meta\"><img class=\"gatsby-remark-link-card__favicon\" src=\"https://www.google.com/s2/favicons?domain=github.com&#x26;sz=14\" width=\"14\" height=\"14\" alt=\"favicon\"><span class=\"gatsby-remark-link-card__url\">github.com</span></div></div><div class=\"gatsby-remark-link-card__thumbnail\"><img src=\"https://opengraph.githubassets.com/09baaaa1711e80eb25ddeb2b5adf328de4a61ee47b09c4d474a73bad78951a19/sindresorhus/github-markdown-css\" class=\"gatsby-remark-link-card__image\" alt=\"ogImage\"></div></a></div></p>","frontmatter":{"date":"2024/11/20","title":"このブログについて","description":"このブログテンプレートの使い方"}}},"pageContext":{"id":"fd84aaaf-a543-5631-9c74-d0754cb2330c","fields__slug":"how-to-use","__params":{"fields__slug":"how-to-use"}}},"staticQueryHashes":["3362122889"],"slicesMap":{}}
Loading

0 comments on commit e050f7d

Please sign in to comment.