この記事は旧ブログからの転載です。旧ブログは閉鎖しています。
Github - hatappo/zola-shortcodes-netlify-cms
This is a test article for it.
1) Katex
{% katex(block=true) %} \frac{1}{1^2} + \frac{1}{2^2} + \frac{1}{3^2} + \dots = \displaystyle\sum_{i=1}^\infty \frac{1}{n^2}= \frac{\pi^2}{6}
{% end %}
2) MapBox
{% mapbox(zoom=7) %} { “type”: “FeatureCollection”, “features”: [ { “type”: “Feature”, “geometry”: { “type”: “Point”, “coordinates”: [78.016667, 27.183333] }, “properties”: { “title”: “Agra”, “description”: “Agra is a major tourist destination because of its many Mughal-era buildings, most notably the Taj Mahal, Agra Fort and Fatehpur Sikri, all of which are UNESCO World Heritage Sites.” } }, { “type”: “Feature”, “geometry”: { “type”: “Point”, “coordinates”: [77.2, 28.6] }, “properties”: { “title”: “New Delhi”, “description”: “New Delhi is the capital of India and an administrative district of NCT Delhi.” } } ] } {% end %}
3) Chart
{% chart() %} { “type”: “Line”, “title”: “Monthly income of an indie developer”, “xLabel”: “Month”, “yLabel”: ”$ Dollars”, “data”: { “labels”: [“1”, “2”, “3”, “4”, “5”, “6”, “7”, “8”, “9”, “10”], “datasets”: [ { “label”: “Plan”, “data”: [30, 70, 200, 300, 500, 800, 1500, 2900, 5000, 8000] }, { “label”: “Reality”, “data”: [0, 1, 30, 70, 80, 100, 50, 80, 40, 150] } ] } } {% end %}
4) Galleria
{% galleria() %} { “images”: [ { “src”: “/img/DeepThought-samples/alexandre-dinaut-GHxr3O6yZ1c-unsplash.jpg”, “title”: “Clouds & Mountains”, “description”: “Just hanging out with each other.” }, { “src”: “/img/DeepThought-samples/chandler-cruttenden-YYemke7BfuE-unsplash.jpg”, “title”: “Crop”, “description”: “Waiting for the harvest.” }, { “src”: “/img/DeepThought-samples/jung-ho-park-7aZtpsyaWVM-unsplash.jpg”, “title”: “The Fog”, “description”: “Engulfing everything.” }, { “src”: “/img/DeepThought-samples/kitera-dent-BIj4LObC6es-unsplash.jpg”, “title”: “Just Plants”, “description”: “Backdrop of ocean.” }, { “src”: “/img/DeepThought-samples/koes-nadi-XkUFF1nnbA8-unsplash.jpg”, “title”: “Whoa”, “description”: “Something to look at.” }, { “src”: “/img/DeepThought-samples/lazyartistgallery-HHaIRbgzcGw-unsplash.jpg”, “title”: “Let’s Chill”, “description”: “Three birds just chilling !!” }, { “src”: “/img/DeepThought-samples/saira-nUxdL_19OQw-unsplash.jpg”, “title”: “Canyon”, “description”: “Might of nature.” }, { “src”: “/img/DeepThought-samples/waldemar-brandt-2hAEHCt25eM-unsplash.jpg”, “title”: “Evening”, “description”: “Time to wind down.” } ] } {% end %}
5) Mermaid
{% mermaid() %} classDiagram Class01 <|— AveryLongClass : Cool Class03 — Class04 Class05 o— Class06 Class07 .. Class08 Class09 —> C2 : Where am i? Class09 — C3 Class09 —|> Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 <—> C2: Cool label {% end %}
6) Vimeo
{{ vimeo(id=“124313553”) }}