jekyllを使ってブログを始めました。私はマークダウンで記事を書いています。今、私は自分の投稿にYouTubeビデオを含めたいと思っています。これどうやってするの?
また、デフォルトで jekyll が提供する pygments の強調表示があまり好きではありません。とにかくこれを他のスタイルに変更できますか?はいの場合、いくつかの素敵なスタイル/プラグインを教えていただけますか?
マークダウンに直接埋め込むためのHTMLを配置できるはずです。ビデオの下に「共有」ボタンがあり、これをクリックしてから「埋め込み」ボタンをクリックすると、次のようなものが表示されます。
<iframe width="420" height="315" src="http://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
それをコピーして投稿に貼り付けるだけで、Markdownプリプロセッサはそれに触れません。
Pygmentsの場合、このリポジトリにはさまざまなカラーテーマのCSSスタイルシートが山ほどあります。それらを試してみることができます。(これらをJekyllで機能さ.codehilite
せるには、に置き換える必要があることに注意してください。).highlight
同様のことをしましたが、私の場合、単純なコピーアンドペーストは機能しません。エラーメッセージは次のとおりです。
REXMLはこのXML/HTMLを解析できませんでした。
このエラーを回避するためにallowfullscreen
、コピーしたソースから次のように削除しました。
<iframe width="480" height="360" src="http://www.youtube.com/embed/WO82PoAczTc" frameborder="0"> </iframe>
を閉じる前に空白を追加することが重要です</iframe>
。
その後、自分のサイトにビデオを埋め込むことに成功しました。
https://gist.github.com/1805814で説明されているように、シンプルなプラグインを使用して、YouTube ビデオを挿入するための HTML コードを Jekyll で生成できます。
構文は次のように単純になります。
{% youtube oHg5SJYRHA0 %}