Fixed code styles and preview images.

config.toml

@@ -1,9 +1,9 @@
 # The URL the site will be built for
-title = "s3rius"
+title = "s3rius blog"
 base_url = "https://s3rius.blog"
 theme = "hermit_zola"
 compile_sass = true
-minify_html = true
+minify_html = false
 
 build_search_index = true
 generate_sitemap = true
@@ -16,6 +16,7 @@ render_emojis = true
 smart_punctuation = true
 
 [extra]
+preview_image = "preview.png"
 home_subtitle = "Notes on writing unmaintainable software"
 
 footer_copyright = ' &#183; <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener">CC BY-NC 4.0</a>'
@@ -32,11 +33,6 @@ hermit_social = [
 ]
 
 
-[extra.highlightjs]
-enable = true
-clipboard = true
-theme = "https://unpkg.com/nord-highlightjs@0.1.0/dist/nord.css"
-
 [extra.author]
 name = "Pavel Kirilin"
 email = "s3rius@le-memese.com"

content/posts/kube-intro/index.md

@@ -2,6 +2,9 @@
 title = "Intro to kubernetes"
 weight = 0
 date = "2025-07-22"
+
+[extra]
+preview_image = "posts/kube-intro/preview.png"
 +++
 
 ![Intro](./imgs/intro.png)

themes/hermit_zola/sass/style.scss

@@ -42,7 +42,7 @@ pre tt {
 
 pre {
   max-height: 40em;
-  padding: 0.7em 1.1em;
+  padding: 0em;
   overflow: auto;
   overflow-y: auto;
   overflow-x: scroll;
@@ -67,7 +67,8 @@ pre {
   }
 
   code {
-    padding: 0;
+    display: block;
+    padding: 0.7em;
     margin: 0;
 
     table {
@@ -81,7 +82,7 @@ pre {
   }
 
   code[data-name] {
-    display: block;
+    position: relative;
     padding-top: 2em !important;
 
     &::before {
@@ -90,10 +91,10 @@ pre {
       font-weight: bold;
       top: 0;
       left: 0;
-      padding-left: 1em;
+      padding-left: 0.7em;
-      padding-top: 0.7em;
+      padding-top: 0.2em;
       width: 100%;
-      background-color: $midnightblue;
+      background-color: $highlight-grey;
       z-index: 1;
       color: $text;
     }

themes/hermit_zola/templates/index.html

@@ -19,6 +19,50 @@
     rel="shortcut icon"
     href="{{get_url(path="favicon.ico")}}"
   />
+
+  <!-- Open Graph -->
+  <meta property="og:type" content="{% if page and page.relative_path is starting_with("posts") %}article{% else %}website{% endif %}" />
+  <meta property="og:site_name" content="{{config.title}}" />
+  {% if page.title %}
+  <meta property="og:title" content="{{page.title}}" />
+  <meta name="twitter:title" content="{{page.title}}" />
+  {% else %}
+  <meta property="og:title" content="{{config.title}}" />
+  <meta name="twitter:title" content="{{config.title}}" />
+  {% endif %}
+  {% if page.description %}
+  <meta property="og:description" content="{{page.description}}" />
+  <meta name="twitter:description" content="{{page.description}}" />
+  {% else %}
+  <meta property="og:description" content="{{config.extra.home_subtitle}}" />
+  <meta name="twitter:description" content="{{config.extra.home_subtitle}}" />
+  {% endif %}
+  {% if page.relative_url %}
+  <meta property="og:url" content="{{get_url(path=page.relative_url)}}" />
+  {% endif %}
+
+  <meta name="twitter:card" content="summary_large_image" />
+  {% if page.extra and page.extra.preview_image %}
+  {% set meta = get_image_metadata(path=page.extra.preview_image) %}
+  <meta property="og:image" content="{{get_url(path=page.extra.preview_image)}}" />
+  <meta property="og:image:width" content="{{meta.width}}" />
+  <meta property="og:image:height" content="{{meta.height}}" />
+
+  <meta name="twitter:image" content="{{get_url(path=page.extra.preview_image)}}" />
+  <meta name="twitter:image:width" content="{{meta.width}}" />
+  <meta name="twitter:image:height" content="{{meta.height}}" />
+  {% else %}
+  {% set meta = get_image_metadata(path=config.extra.preview_image) %}
+  <meta property="og:image" content="{{get_url(path=config.extra.preview_image)}}" />
+  <meta property="og:image:width" content="{{meta.width}}" />
+  <meta property="og:image:height" content="{{meta.height}}" />
+
+  <meta name="twitter:image" content="{{get_url(path=config.extra.preview_image)}}" />
+  <meta name="twitter:image:width" content="{{meta.width}}" />
+  <meta name="twitter:image:height" content="{{meta.height}}" />
+  {% endif %}
+
+  <!-- Twitter/X -->
   <link rel="stylesheet" href="{{get_url(path="style.css")}}"/>
   {% if page.title %}
   <title>{{page.title}}</title>
@@ -77,33 +121,6 @@
     <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
         onload="renderMathInElement(document.body, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false}, {left: '\\[', right: '\\]', display: true}, {left: '\\(', right: '\\)', display: false}]});"></script>
 
-    {% if config.extra.highlightjs.enable %}
-		<link href="https://unpkg.com/highlightjs-badge/highlightjs/styles/{{config.extra.highlightjs.theme}}.css" rel="stylesheet">
-		<!-- https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.1/build/styles/  for min version -->
-		<script src="https://unpkg.com/highlightjs-badge/highlightjs/highlight.pack.js"></script>
-		<script src="https://unpkg.com/highlightjs-badge/highlightjs-badge.min.js"></script>
-		<script>
-			var pres = document.querySelectorAll("pre>code");
-			for (var i = 0; i < pres.length; i++) {
-				hljs.highlightBlock(pres[i]);
-			}
-		</script>
-		{% if config.extra.highlightjs.clipboard %}
-			<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
-			<script>
-				var options = {
-					copyIconClass: "gg-clipboard",
-					checkIconClass: "gg-check"
-				};
-				window.highlightJsBadge(options);
-			</script>
-		{% endif %}
-
-	{% endif %}
-
-	{% if not config.extra.highlightjs.enable %}
-	<script src="{{get_url(path="js/copy.js")}}"></script>
-	{% endif %}
 	<script src="{{get_url(path="js/main.js")}}"></script>
 
     {% block js_footer %}

values.yaml

@@ -11,6 +11,7 @@ ingress:
   annotations:
     cert-manager.io/cluster-issuer: cert-issuer
     external-dns.alpha.kubernetes.io/hostname: s3rius.blog
+    external-dns.alpha.kubernetes.io/cloudflare-proxied: "false"
   tls:
     - hosts:
         - s3rius.blog