menu

Jekyll

Jekyllは、Markdown形式のファイルをベースとして使用する静的なWebサイトジェネレーターです。

概要概要

Rubyを知っていますか?つまり、それがJekyllを開発するために選択されたプログラミング言語でした。

このプログラムは無料でオープンソースです。

Jekyllを使用してMarkdownファイルをHTMLに変換する何千ものサイトの中で、その1つであるGitHub Pagesは言及する価値があります。

GitHub Pagesは、無料のWebサイトホスティングサービスでMarkdownファイルをHTMLに変換するためのメインツールとしてJekyllを使用しています。

アプリケーションで使用されるMarkdownプロセッサはkramdownです。

Jekyllはデフォルト設定でkramdownをロードしますが、以下の例に示すように変更できます。

kramdown:
syntax_highlighter: rouge
input: GFM
auto_ids: true
toc_levels: 1..3

構成ファイルは_ config.ymlと呼ばれます。Jekyllの設定の詳細については、ここをクリックしてください。

公式サイト:https://jekyllrb.com/

JekyllでのMarkdownのサポート

表1.1は、Jekyllと互換性のあるMarkdown要素を示しています。

素子 サポート 情報
タイトル うん
段落 うん
改行 うん
大胆な うん
イタリック うん
Blockquote うん
注文リスト うん
順序付けられていないリスト うん
コード うん
水平線 うん
Links うん
画像 うん
テーブル うん
フェンスで囲まれたコードブロック うん _ config.ymlファイルのkramdownセクションにsyntax_highlighter:rougeオプションを挿入して、ブロック内の言語の強調表示を有効にします。
脚注 うん
タイトルID うん
定義リスト うん
取り消し線 うん Jekyllで単語を消すには、コンテンツの周りにタイル~~word~~またはタイル~word~を使用します。どちらの構文も機能します。
タスクリスト うん
Emoji (コピーアンドペースト) うん
Emoji (アクセスコード) 番号 Jekyllはデフォルトではサポートを提供しませんが、plugin jemojiを追加できます。
URLの自動Link うん
URLの自動linkを無効にする うん
HTML うん

追加の構文要素のサポート

表1.2では、Jekyllでサポートされているよりあいまいな要素を確認できます。

素子 Markdown 出口
略語 *[HTML]: Hyper Text Markup Language
HTMLの仕様は、W3Cによって維持されています。
HTMLの仕様はW3Cによって維持されています

も参照してください

JekyllのMarkdown構成オプション

kramdownドキュメント