Вывод картинки поста и описания в боковой панели

frontmatter.json

@@ -45,14 +45,19 @@
           "type": "categories"
         },
         {
-          "title": "featured_image",
+          "title": "Thumbnail",
-          "name": "Thumbnail",
+          "name": "featured_image",
           "type": "image"
         },
         {
-          "title": "lastmod",
+          "title": "Last modified",
-          "name": "Last modified",
+          "name": "lastmod",
           "type": "datetime"
+        },
+        {
+          "title": "Telegram Entry ID (channel/id)",
+          "name": "telegram_entry_id",
+          "type": "string"
         }
       ]
     }

themes/mmotium/assets/css/style.scss

@@ -204,6 +204,8 @@ section.posts {
     }
 
     .toc {
+      margin-top: 1em;
+      
       ul {
         list-style-position: inside;
         margin: 0;
@@ -224,6 +226,10 @@ section.posts {
     p {
       margin: 0;
     }
+
+    img {
+      max-width: 100%;
+    }
   }
 }
 

themes/mmotium/layouts/partials/sidebar.html

@@ -1,22 +1,21 @@
 <section class="sidebar">
 
+    {{ if .IsPage }}
     <div class="item">
-        <h4>Будь осторожен!</h4>
+        {{- $thumb := .Page.Resources.Get .Params.featured_image -}}
-        <p>
+        {{if $thumb}}
-            Это минимальный набор всего,
+        <img class="thumb" alt="thumb" src="{{ ($thumb.Fit "300x300").RelPermalink }}">
-            чтобы начать работать с сайтом.
+        {{end}}
-        </p>
+
-        <p>
+        {{ with .Description }}
-            Согласен, лучше не стало. Но всё ещё впереди.
+        <div>{{ . }}</div>
-        </p>
+        {{ end }}
-    </div>
 
         {{ if strings.Contains .TableOfContents "li" }}
-    <div class="item">
-        <h4>Содержание</h4>
         <div class="toc">
             {{ .TableOfContents }}
         </div>
+        {{ end }}
     </div>
     {{ end }}