Add generation of OpenGraphs for pages

Author: oleg-nenashev

.gitignore

@@ -22,3 +22,4 @@ main.css
 # MkDocs
 /temp_dir/
 /_site-docs/
+.cache

layouts/default.yml

@@ -0,0 +1,20 @@
+size: { width: 1200, height: 630 }
+layers:
+  - background:
+      color: "#4051b5"
+      typography:
+        content: "{{ page.title }}" 
+        overflow: shrink
+        align: start
+        color: white
+        line:
+          amount: 3
+          height: 1.25
+        font:
+          family: DM
+          style: Sans
+  - size: { width: 280, height: 144 }
+    offset: { x: 992, y: 64 }
+    icon:
+      color: white
+

mkdocs.yml

@@ -1,6 +1,7 @@
 site_name: WireMock Documentation
 site_description: >-
   WireMock Documentation.
+site_url: https://wiremock.org/docs
 copyright: Copyright © 2023 - WireMock Contributors
 docs_dir: _docs
 repo_url: https://github.com/wiremock/wiremock.org
@@ -80,6 +81,9 @@ plugins:
   - search
   - autorefs
   - render_swagger
+  # OpenGraphs
+  - social:
+      # custom_layouts_dir is commercial feature
   - multirepo:
       # TODO: Change to True once works
       cleanup: false

requirements.txt

@@ -5,6 +5,7 @@ mkdocs==1.5.3
 mkdocs-autorefs==0.5.0
 mkdocs-multirepo-plugin==0.6.3
 mkdocs-material==9.4.5
+mkdocs-material[imaging]==9.4.5
 mkdocs-redirects==1.2.1
 mkdocs-extra-sass-plugin==0.1.0
 mkdocs-render-swagger-plugin===0.1.1