Hero Image
マークダウン形式のサンプルページ

投稿記事のマークダウン形式のサンプルです。: 執筆者によるいろいろな記事の作成 コンテンツのテーブル マークダウン形式の書き方 数式の書き方 絵文字の書き方 ショートカットの「{{< >}}」は、「\{\{< >\}\}」に置き換えています。 マークダウン形式の書き方 1. ヘッド（Heading) HTMLの <h1>—<h6> の要素に当たります。 <h1>：最大の文字 <h6>：最小の文字 # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 H1 H2 H3 H4 H5 H6 2. 段落 或ある春の日暮です。 唐とうの都洛陽らくようの西の門の下に、ぼんやり空を仰いでいる、一人の若者がありました。 若者は名を杜子春といって、元は金持の息子でしたが、今は財産を費つかい尽して、その日の暮しにも困る位、憐あわれな身分になっているのです。 或ある春の日暮です。 唐とうの都洛陽らくようの西の門の下に、ぼんやり空を仰いでいる、一人の若者がありました。 若者は名を杜子春といって、元は金持の息子でしたが、今は財産を費つかい尽して、その日の暮しにも困る位、憐あわれな身分になっているのです。 3. Blockquotes blockquote要素は、別のソースから引用されたコンテンツを表します。オプションで、「footer」または「cite 」要素内にある必要のある引用を使用し、オプションで、注釈や略語などのインライン変更を使用します。 3-1. Blockquote 注釈無 > 杜子春はひとりさっきから、こんな取りとめもないことを思いめぐらしていたのです。 > blockquote内で*Markdown syntax* である**Note** が使えます。 杜子春はひとりさっきから、こんな取りとめもないことを思いめぐらしていたのです。 blockquote内でMarkdown syntax であるNote が使えます。 3-2. Blockquote 注釈有 > 「お前は何を考えているのだ」と、横柄に声をかけました。注釈はページの最下段に表示されます。</p> > — <cite>横柄[^1]</cite> [^1]: 略語：無礼、無遠慮なこと。 [横柄](https://dictionary.

June 8, 2022
Hero Image
ショートカットサンプル

デフォルト「hero」画像について shortcodesの使い方 ショートカットの「{{< >}}」は、「\{\{< >\}\}」に置き換えています。 ショートカットは、使わない方が文書の移管性に優れます。 １. アラートの修飾 アラートの修飾が有効です。 \{\{< alert type="success" >\}\} サンプルアラートの修飾 `type="success"`. \{\{< /alert >\}\} \{\{< alert type="danger" >\}\} サンプルアラートの修飾 `type="danger"`. \{\{< /alert >\}\} \{\{< alert type="warning" >\}\} サンプルアラートの修飾 `type="warning"`. \{\{< /alert >\}\} \{\{< alert type="info" >\}\} サンプルアラートの修飾 `type="info"`. \{\{< alert type="dark" >\}\} サンプルアラートの修飾 `type="dark"`. \{\{< /alert >\}\} \{\{< alert type="primary" >\}\} サンプルアラートの修飾 `type="primary"`. \{\{< /alert >\}\} \{\{< alert type="secondary" >\}\} サンプルアラートの修飾 `type="secondary"`. \{\{< /alert >\}\} アラートの修飾が有効です。

June 8, 2022
Hero Image
はじめに

記事の管理についての注意事項 書き方に不具合があるとアプリは、エラーとなりアプリは動作しません。 フロントマター1内では、日本語（全角文字）は必ず「""」で囲みます。 空白は、半角です。 Hero2 画像は、投稿記事と同じフォルダに置きます。 個の投稿は、サイドバーに表示されます。 投稿者については、author.yaml で設定します。 「assets/images」の配下の画像は、「images/xxxx/xxx.jpeg」でアクセスできます。 目次 はじめに マークダウンサンプル リッチコンテンツ ショートカット マークダウンの記述例 以上 ---で囲まれた箇所は「Front-matter(フロントマター)」と呼ばれていて、記事の設定を記述する部分になります。 ↩︎ ヒーロー画像(hero)とは、「トップページに目立つように表示される、サイズの大きい、特徴的な（一連の）画像」 ↩︎

June 8, 2022
Hero Image
リッチコンテントの書き方

投稿記事のサンプル: サイドバーにネストされているカテゴリ、サブカテゴリ hero-画像やその他の画像は、この投稿ディレクトリ内の「images 」フォルダにあります。 画像、ツイート、YouTubeビデオ、Vimeoビデオなどのさまざまなメディアレンダリング ショートカットの「{{< >}}」は、「\{\{< >\}\}」に置き換えています。 1. 画像 普通の画像表示 ![時計の画像](images/007.webp) ショートカット \{\{< img src="images/007.webp" align="center" title="時計">\}\} 2. Tweetのサンプル \{\{< tweet user="SanDiegoZoo" id="1453110110599868418" >\}\} Owl bet you'll lose this staring contest 🦉 pic.twitter.com/eJh4f2zncC — San Diego Zoo Wildlife Alliance (@sandiegozoo) October 26, 2021 3.YouTube Video サンプル \{\{< youtube 7fahl47XcPA >\}\} 4.Vimeo Video サンプル \{\{< vimeo 399544931 >\}\} 以上

June 8, 2022
Hero Image
マークダウンの記述例

1. 表の書き方 Markdown表変換ツール ヘッダーに:-、:-:、-:を記述します。 –は、いくつでもOK | 左寄せ | センタリング | 右寄せ | | :-- | :--: | --: | | hogehoge | hogehoge | hogehoge | | hoge | hoge | hoge | 左寄せ センタリング 右寄せ hogehoge hogehoge hogehoge hoge hoge hoge セル内での改行 <br>タグを用いて改行できます。 | 左寄せ | センタリング | 右寄せ | |:-- | :--: | --:| | hogehoge | hogehoge | hogehoge　<br> hogehoge| 左寄せ センタリング 右寄せ hogehoge hogehoge hogehoge　hogehoge 2.

March 10, 2022