1. a post with geojson

    This is an example post with some geojson code. The support is provided thanks to Leaflet. To create your own visualization, go to geojson.io.

    ```geojson
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "coordinates": [
          [
            [
              -60.11363029935569,
              -2.904625022183211
            ],
            [
              -60.11363029935569,
              -3.162613728707967
            ],
            [
              -59.820894493858034,
              -3.162613728707967
            ],
            [
              -59.820894493858034,
              -2.904625022183211 …
    read more

  2. a post with echarts

    This is an example post with some echarts code.

    ```echarts
{
  "title": {
    "text": "ECharts Getting Started Example"
  },
  "responsive": true,
  "tooltip": {},
  "legend": {
    "top": "30px",
    "data": ["sales"]
  },
  "xAxis": {
    "data": ["Shirts", "Cardigans", "Chiffons", "Pants", "Heels", "Socks"]
  },
  "yAxis": {},
  "series": [
    {
      "name": "sales",
      "type": "bar",
      "data": [5, 20, 36, 10, 10, 20]
    }
  ]
}
```

    Which generates:

    {
  "title": {
    "text": "ECharts …
    read more

  3. a post with chart.js

    This is an example post with some chart.js code.

    ```chartjs
{
  "type": "line",
  "data": {
    "labels": [
      "January",
      "February",
      "March",
      "April",
      "May",
      "June",
      "July"
    ],
    "datasets": [
      {
        "label": "# of bugs",
        "fill": false,
        "lineTension": 0.1,
        "backgroundColor": "rgba(75,192,192,0.4)",
        "borderColor": "rgba(75,192,192,1)",
        "borderCapStyle": "butt",
        "borderDash": [],
        "borderDashOffset": 0,
        "borderJoinStyle …
    read more

  4. a post with TikZJax

    This is an example post with TikZ code. TikZJax converts script tags (containing TikZ code) into SVGs.

    read more

  5. a post with bibliography

    This post shows how to add bibliography to simple blog posts. We support every citation style that jekyll-scholar does. That means simple citation like { % cite einstein1950meaning % }, multiple citations like { % cite einstein1950meaning einstein1905movement % }, long references like { % reference einstein1905movement % } or also quotes:

    { % quote einstein1905electrodynamics % } Lorem ipsum dolor sit amet, consectetur adipisicing elit …

    read more

  6. a post with jupyter notebook

    To include a jupyter notebook in a post, you can use the following code:

    {% raw %}

    {::nomarkdown}
{ % assign jupyter_path = 'assets/jupyter/blog.ipynb' | relative_url %}
{ % capture notebook_exists %}{ % file_exists assets/jupyter/blog.ipynb % }{ % endcapture %}
{ % if notebook_exists == 'true' %}
  { % jupyter_notebook jupyter_path % }
{ % else %}
  <p>Sorry, the notebook you are looking for does not exist.</p>
{ % endif …
    read more

  9. a post with audios

    This is an example post with audios. It supports local audio files.

    {% include audio.liquid path="assets/audio/epicaly-short-113909.mp3" controls=true %}
    {% include audio.liquid path="https://cdn.pixabay.com/download/audio/2022/06/25/audio_69a61cd6d6.mp3" controls=true %}
    A simple, elegant caption looks good between video rows, after each …
    read more

  10. a post with videos

    This is an example post with videos. It supports local video files.

    {% include video.liquid path="assets/video/pexels-engin-akyurt-6069112-960x540-30fps.mp4" class="img-fluid rounded z-depth-1" controls=true autoplay=true %}
    {% include video.liquid path="assets/video/pexels-engin-akyurt-6069112-960x540-30fps.mp4" class="img-fluid rounded z-depth-1" controls=true %}
    A simple, elegant caption looks good between video …
    read more

links

social