<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ja"><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://kameiryohei.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://kameiryohei.github.io/" rel="alternate" type="text/html" hreflang="ja" /><updated>2026-09-22T08:04:37+09:00</updated><id>https://kameiryohei.github.io/feed.xml</id><title type="html">亀井涼平</title><subtitle>亀井涼平のポートフォリオサイト。経歴・制作物・技術ブログを掲載しています。</subtitle><author><name>亀井涼平</name></author><entry><title type="html">サイトを Jekyll で作りました</title><link href="https://kameiryohei.github.io/blog/2026/08/30/hello-jekyll/" rel="alternate" type="text/html" title="サイトを Jekyll で作りました" /><published>2026-08-30T09:00:00+09:00</published><updated>2026-08-30T09:00:00+09:00</updated><id>https://kameiryohei.github.io/blog/2026/08/30/hello-jekyll</id><content type="html" xml:base="https://kameiryohei.github.io/blog/2026/08/30/hello-jekyll/"><![CDATA[<p>このサイトは <a href="https://jekyllrb-ja.github.io/">Jekyll</a> で構築し、GitHub Pages で公開しています。</p>

<h2 id="記事の書き方">記事の書き方</h2>

<p><code class="language-plaintext highlighter-rouge">_posts/</code> に <code class="language-plaintext highlighter-rouge">YYYY-MM-DD-タイトル.md</code> という名前のファイルを作り、先頭に Front Matter を書きます。</p>

<div class="language-markdown highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nn">---</span>
<span class="na">layout</span><span class="pi">:</span> <span class="s">post</span>
<span class="na">title</span><span class="pi">:</span> <span class="s2">"</span><span class="s">記事のタイトル"</span>
<span class="na">date</span><span class="pi">:</span> <span class="s">2026-08-30 09:00:00 +0900</span>
<span class="na">categories</span><span class="pi">:</span> <span class="pi">[</span><span class="nv">カテゴリ名</span><span class="pi">]</span>
<span class="nn">---</span>

本文をここに書きます。
</code></pre></div></div>

<!--more-->

<p>ファイル名の日付が公開日になるので、未来の日付にすると（<code class="language-plaintext highlighter-rouge">--future</code> を付けない限り）ビルド対象から外れます。下書きは <code class="language-plaintext highlighter-rouge">_drafts/</code> に置き、<code class="language-plaintext highlighter-rouge">bundle exec jekyll serve --drafts</code> で確認できます。</p>

<h2 id="リンクカード">リンクカード</h2>

<p>記事の中で他のページを参照するときは、リンクカードで表示できます。</p>

<div class="link-card-block">
<a class="link-card" href="https://jekyllrb-ja.github.io/" target="_blank" rel="noopener">
  <div class="link-card__body">
    <div class="link-card__title">Jekyll • シンプルで、ブログのような、静的サイト</div>
    <div class="link-card__desc">プレーンテキストを静的サイトやブログに変えましょう</div>
    <div class="link-card__meta">
      <img class="link-card__favicon" src="https://jekyllrb-ja.github.io/favicon.ico" alt="" width="16" height="16" loading="lazy" onerror="this.style.display='none'" />
      <span>jekyllrb-ja.github.io</span>
    </div>
  </div>
  <div class="link-card__thumb">
    <img src="https://jekyllrb-ja.github.io/img/jekyll-og.png" alt="" loading="lazy" onerror="this.closest('.link-card__thumb').style.display='none'" />
  </div>
</a>
</div>

<p>書き方は次の 2 ステップです。</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># 1. カードに出す情報を取得して _data/link_cards.json に保存する</span>
python3 script/fetch-link-card.py https://jekyllrb-ja.github.io/
</code></pre></div></div>

<div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="cp">{%</span><span class="w"> </span><span class="nt">include</span><span class="w"> </span>card.html<span class="w"> </span><span class="na">url</span><span class="o">=</span><span class="s2">"https://jekyllrb-ja.github.io/"</span><span class="w"> </span><span class="cp">%}</span>
</code></pre></div></div>

<p>未登録の URL を指定した場合は、カードではなく通常のリンクとして表示されます。</p>]]></content><author><name>亀井涼平</name></author><category term="雑記" /><summary type="html"><![CDATA[このサイトは Jekyll で構築し、GitHub Pages で公開しています。]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://kameiryohei.github.io/assets/img/og.jpg" /><media:content medium="image" url="https://kameiryohei.github.io/assets/img/og.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry></feed>