Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-12-18 02:15:56 +01:00
Code Issues Releases Wiki Activity

Added new banner for social sharing

Browse Source
This commit is contained in:
squidfunk 2020-03-29 16:27:34 +02:00
commit 31c6cec15a
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/images/banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 374 KiB

6
material/overrides/main.html
View File

@ -7,11 +7,15 @@
{% if page and page.title and not page.is_homepage %}
{% set title = config.site_name ~ " - " ~ page.title | striptags %}
{% endif %}
{% set image = config.site_url ~ 'assets/images/illustration.png' %}
{% set image = config.site_url ~ 'assets/images/banner.png' %}
<meta property="og:type" content="website">
<meta property="og:title" content="{{ title }}">
<meta property="og:description" content="{{ config.site_description }}">
<meta property="og:url" content="{{ page.canonical_url }}">
<meta property="og:image" content="{{ image }}">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1080">
<meta property="og:image:height" content="568">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@squidfunk">
<meta name="twitter:creator" content="@squidfunk">

6
src/overrides/main.html
View File

@ -32,13 +32,17 @@
{% endif %}
<!-- The image needs to have an absolute URL -->
{% set image = config.site_url ~ 'assets/images/illustration.png' %}
{% set image = config.site_url ~ 'assets/images/banner.png' %}
<!-- Open graph meta tags -->
<meta property="og:type" content="website" />
<meta property="og:title" content="{{ title }}" />
<meta property="og:description" content="{{ config.site_description }}" />
<meta property="og:url" content="{{ page.canonical_url }}" />
<meta property="og:image" content="{{ image }}" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1080" />
<meta property="og:image:height" content="568" />
<!-- Twitter meta tags -->
<meta name="twitter:card" content="summary_large_image" />