Awesome

Social-Networks pandoc Lua filter for markdown

Lua filter to create a list of social networks links from an url, using pandoc.

Usage

pandoc input.md --lua-filter social-networks.lua -o output.html

Example

markdown:

[this is a great page](https://example.com/mydoc.html)

Result:

<a class='dropdown-item' href='https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fmydoc.html'>
Facebook</a>

<a class='dropdown-item' href='http://twitter.com/intent/tweet?text=this%20is%20a%20great%20page&url=https%3A%2F%2Fexample.com%2Fmydoc.html'>
Twitter</a>

<a class='dropdown-item' href='http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fexample.com%2Fmydoc.html&title=this%20is%20a%20great%20page'>
Linkedin</a>

<a class='dropdown-item' href='https://wa.me/?text=this%20is%20a%20great%20page%3A%20https%3A%2F%2Fexample.com%2Fmydoc.html'>
Whatsapp</a>

<a class='dropdown-item' href='https://telegram.me/share/url?url=https%3A%2F%2Fexample.com%2Fmydoc.html&text=this%20is%20a%20great%20page'>
Telegram</a>

<a class="dropdown-item" href="mailto:?subject=Super%20link&body=https%3A%2F%2Ffxpar.github.io%2FPandoc-Lua-Markdown-Bootstrap%2F%0D%0AMarkdown%20to%20Bootstrap">Mail</a>

Template Meta usage

To be used in a template for the whole page, you can add a url in the Yaml Front matter:

---
title: Social networks
author: François Parlant
description: adds a list of social networks sharing links
url: https://fxpar.github.io/Pandoc-Lua-Markdown-Bootstrap/
---

It can then be used in the template, for example in a bootstrap dropdown in the navbar:

<nav class="navbar sticky-top navbar-light bg-light">
  <div class="container-fluid">
    <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
	
	<!-- Sharing links dropdown -->
	$if(socialblock)$
	<div class="btn-group" role="group">
		<button id="btnGroupDrop1" type="button" class="btn btn-Light dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
		  Share
		</button>
		<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="btnGroupDrop1">
		
		$socialblock$
		 </ul>
	</div>
	
	</div>
	$endif$
</nav>

See an application in the markdown to bootstrap template