2017-05-30 12 views
0

ジキルと数日間遊んでいますが、実際のサイトがありますが、多くのページでは、テンプレート/スニペット/ショートカットを使用して簡単に再利用できます一般的なタイプのコンテンツを使用します。ジキルテンプレート/スニペット/ショートカット

MediaWikiでは、これが私のやりたいことです。やってはかなりジキルウェイを{{ iconSmileFace }}は明らかに<img src = "resources/images/smile.png" />

私はジキルが含まれていることを見てきたので、私は{{% include iconSmileFace.html %}}を行うことができますのようなものに変換されますが、この構文はちょっと冗長ようで、そうでないかもしれない

This is a test {{ iconSmileFace }} 

もの。もっと良い方法がありますか?

答えて

1

自分のアイコンが画像かsvgかフォントアイコンかを問わず、スニペットを作成します:

インスタンスごとに定型Rubyコードの右の多くを有する私のために仕事に行くのではありません - 10
{% case include.icon %} 
{% when 'smiley-face' %} 
    Smiley face 
{% when 'heart' %} 
    Heart 
{% when 'close' %} 
    X 
{% when 'next' %} 
    > 
{% endcase %} 

は、その後、あなたがそれを必要な場所{% include icon.html icon="smiley-face" %}

+0

これは私が使用したソリューションに最も近いものです。私は '{include include iconSmile.htm%}'の構文に似ていました。 – xconspirisist

+1

私は文脈がジキルであるので少しミスを犯しました。それは '{%case include.icon%}' – Buts

+0

@ xconspirisistです。私はあなたの構文を持っていいと思っています。すべてのアイコン。 – Buts

0

liquid tagを定義することをお勧めします。

_pluginsディレクトリとファイルは、このコンテンツをsmile.rbと呼ば作成します。次に

module Jekyll 
    class RenderSmileTag < Liquid::Tag 

    def render(context) 
     '<img src = "resources/images/smile.png" />' 
    end 
    end 
end 

Liquid::Template.register_tag('smile', Jekyll::RenderSmileTag) 

あなただけ使う画像をレンダリングするたび:{% smile %}をし、あなたの意図があるならば、それは<img src="resources/images/smile.png" />

+0

私はこのソリューションは、トップの上にあると感じ、それが含まれます。 – xconspirisist

0

を生成します。ショートカットを含む画像タグを出力するには、GitHub Pagesでサポートされている別の方法があります:

(このmyseはテストしていませんがLF)あなたは_config.ymlのカスタムソースを指していることにより、カスタム絵文字の役割を果たすことができるプラグインjemojidocumentationから

、:

emoji 
    src: "/resources/images" 

を次に、あなたの値下げ文書に絵文字を参照:

It's a beautiful day! :smile: 
+0

これは洗練された解決策ですが、残念ながら私は笑顔以上のことをしたいと思います。 – xconspirisist