Skip to content

Social sharing links #12

@x3ek

Description

@x3ek

Summary

Add social sharing buttons to posts so readers can easily share content.

Features

Share Links

Generate share URLs for popular platforms:

  • Twitter/X: https://twitter.com/intent/tweet?url={url}&text={title}
  • LinkedIn: https://www.linkedin.com/sharing/share-offsite/?url={url}
  • Facebook: https://www.facebook.com/sharer/sharer.php?u={url}
  • Reddit: https://reddit.com/submit?url={url}&title={title}
  • Hacker News: https://news.ycombinator.com/submitlink?u={url}&t={title}
  • Email: mailto:?subject={title}&body={url}
  • Copy link button (JS)

Implementation Options

Option A: Template Helper

Jinja2 filter or macro:

{% for platform, url in post | share_urls(site.url) %}
<a href="{{ url }}" target="_blank" rel="noopener">{{ platform }}</a>
{% endfor %}

Option B: Direct in Template

<a href="https://twitter.com/intent/tweet?url={{ site.url }}{{ post.url }}&text={{ post.title | urlencode }}">
  Share on Twitter
</a>

Styling

  • Icon-only buttons (use SVG icons or icon font)
  • Horizontal row at bottom of post
  • Optional: floating sidebar on desktop
  • Respect user's reduced-motion preferences

Privacy Considerations

  • Use direct share URLs (no tracking scripts)
  • No embedded social widgets that track users
  • Optional: add rel="noopener noreferrer" to links

Metadata

Metadata

Assignees

No one assigned

    Labels

    contentMarkdown rendering, frontmatter, content pipelineenhancementNew feature or requestthemesTheme templates, CSS, JS, visual design

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions