Genx Notes

Blog

  • A Plugin to Automatically Share Posts on Bluesky

    eduardo ramos dp12afcVr8M unsplash scaled

    Use the following plugin:

    Autoblue

  • How to Attract Traffic to Your “Isolated Island” WordPress Blog Without Relying on Google

    behnam norouzi zNcEBHCPwq0 unsplash scaled

    Launching a new static blog feels a lot like setting up camp on a remote, undiscovered island: there’s excitement, creative freedom, and… almost no visitors. If you’ve felt the sting of zero traffic, you’re not alone. In a web landscape dominated by Google, it’s easy to believe search engines are the only way to attract readers. Fortunately, the landscape is evolving, and there are now more ways than ever to guide readers to your digital shore, without depending on Google at all.

    Welcome to your comprehensive guide to blog promotion in the post-Google era.

    Rethinking Blog Promotion: Why Go Beyond Google?

    Relying only on search engines like Google puts your blog at the mercy of ever-shifting algorithms. For new and independent sites, it’s common to receive little or no search-driven traffic at first. This can be discouraging, but it’s also an opportunity. By diversifying how you reach your audience, you’ll insulate your site from algorithm changes, build a more engaged readership, and participate in new, exciting web communities.

    Practical Ways to Attract Non-Google Traffic

    1. Integrate With the Fediverse

    The Fediverse is a decentralized network of social platforms (like Mastodon, Pleroma, and PeerTube) that communicate using open protocols (such as ActivityPub). By connecting your blog to the Fediverse, you open it up to readers who value independent publishing and want content delivered directly, free from centralized control.

    How to Do It:

    • Use plugins or static site generators (e.g., Hugo with ActivityPub support) to make your articles available as Fediverse posts.
    • Each new blog post can automatically be shared as a “status” or note within the Fediverse, enabling shares, likes, and replies.

    Result:
    You enter a thriving, open network of early adopters and web-enthusiasts, a perfect audience for unique, indie blogs.

    2. Leverage Microblogging Services

    Platforms like micro.blog are designed for independent creators. These services let you syndicate your blog updates, operate under your own domain, and often provide cross-posting features to reach users on Mastodon, Bluesky, and elsewhere.

    Steps:

    • Sign up with micro.blog (or similar).
    • Configure your blog’s RSS feed to auto-syndicate new posts.
    • Enable cross-posting to Mastodon, Bluesky, and other supported networks.

    Tip:
    Using your own domain or subdomain camouflages your microblog presence as a native extension of your main site while giving you access to a wider audience.

    3. Build Your Own Mastodon Server

    Running your own Mastodon instance is easier than ever, especially with managed hosting services (like XServer SNS in Japan). This lets you create a fully controlled social media platform that’s automatically part of the Fediverse.

    Benefits:

    • Broadcast new blog posts directly to followers, across the entire Fediverse.
    • Maintain ownership and moderation of your community.
    • Integrate your blog and Mastodon feed for seamless content publishing and discovery.

    Self-hosting provides unmatched flexibility and can become a showcase for both your technical skills and your content.

    4. Configure IndieWeb Features

    The IndieWeb is a grassroots movement for a web built by, and for, individual creators. Its philosophy: own your content, your platform, and your connections. By enabling IndieWeb functionality, you make your site more discoverable within a network of like-minded creators, facilitate direct interactions, and reinforce your independence.

    Key IndieWeb Features to Enable:

    • Microformats: Mark up your blog’s HTML with microformats (like h-entry for posts), making your content machine-readable for social readers and aggregators.
    • Webmentions: Enable sending and receiving Webmentions (like trackbacks, but modern and decentralized) so that when another IndieWeb site mentions your post, you get a notification, and vice versa. Try using webmention.io or self-hosted software.
    • IndieAuth: Support IndieAuth, allowing decentralized, portable login across IndieWeb sites.
    • POSSE: Publish on your Own Site, Syndicate Elsewhere, use tools like Bridgy to push updates to Twitter, Mastodon, and others, linking back to your site.

    Join IndieWeb directories and news aggregators like IndieWeb.xyz and IndieNews to further boost your chances of discovery.

    Benefit:
    Joining the IndieWeb makes you part of an interconnected web of sites that value conversation, direct feedback, and peer-driven discovery.

    5. Join WebRings

    WebRings are a classic, yet powerfully resurgent, way to connect sites with common interests. By joining a WebRing, you participate in a circular network, where each site links to others in the group. Visitors are encouraged to “surf” the ring, discovering new content in a way that’s fun and serendipitous.

    How to Join:

    • Find relevant WebRings (e.g., for static sites, music producers, indie blogs, etc.).
    • Follow each ring’s signup process, typically adding a provided HTML/JS snippet to your blog’s footer.
    • Consider starting your own WebRing if one doesn’t exist for your niche.

    Result:
    Instant traffic from a pool of interested, community-minded visitors who enjoy supporting small and independent websites.

    6. Blend in Traditional Methods

    Don’t overlook tried-and-true methods that continue to work:

    • Start an email newsletter: Build a direct relationship with your readers. Direct emails work, and newsletter subscribers are among the most valuable and engaged visitors.
    • Share on social media: Twitter, Instagram, Discord communities, or music and coding forums can generate word-of-mouth and network effects.

    Final Thoughts

    You don’t have to depend on Google for your blog’s survival or success. By integrating with the Fediverse, leveraging microblogging platforms, running your own Mastodon instance, embracing IndieWeb principles, and joining WebRings, you can transform your “isolated island” blog into a vibrant hub connected to countless digital journeys.

    These grassroots, open-web strategies celebrate the original spirit of the internet: connection, discovery, and individual expression. The tools exist now for you to build a readership that’s platform-proof, algorithm-resistant, and truly yours.

    Get started today, your readers are out there, waiting to discover your island.

  • How to Get Started with the IndieWeb Webring on Hugo

    erry s nugroho HMhG9RgADN8 unsplash scaled

    Joining the IndieWeb Webring is a great way to connect your personal Hugo site to the broader IndieWeb community. Here’s how to get started:

    1. Visit the IndieWeb Webring

    2. Set Up Authentication: IndieAuth or RelMeAuth

    • The Webring site uses IndieAuth and/or RelMeAuth for sign-in. Since Hugo sites are static, you’ll generally use RelMeAuth.

    What is RelMeAuth?

    • RelMeAuth is an authentication method based on linking your personal website to established profiles (like GitHub or Mastodon) using rel=”me” links.
    • This lets you use your social profiles to authenticate as “you”, using your site’s identity.

    Steps for Setting Up RelMeAuth

    Add rel=”me” Links
    In your Hugo site’s layouts (usually in the head partial template), add links to your existing verified social profiles with rel=”me”. For example:

    <a href="https://github.com/yourusername" rel="me">GitHub</a> <a href="https://mastodon.social/@yourusername" rel="me">Mastodon</a>

    Make sure your social profiles link back to your website as well (for bidirectional verification).

    Sign In on the Webring Site

    Click the “Sign in” button at https://xn--sr8hvo.ws/.

    Enter your personal website URL. The service will look for your social rel=”me” links and use those to authenticate you through RelMeAuth.

    Complete the authentication process by authorizing through your social profile (usually GitHub or Mastodon).

    3. Add Webring Navigation Links to Hugo

    Once authenticated and added to the webring, you’ll be instructed (or allowed) to add navigation links to your website.

    Edit your Hugo footer partial ( commonly layouts/partials/footer.html ).

    Add the following HTML snippet for the navigation links:

    <a href="https://xn--sr8hvo.ws/previous">←</a> An <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a> 🕸💍 <a href="https://xn--sr8hvo.ws/next">→</a>

    This enables seamless navigation to the previous and next sites in the ring.

    4. Double-check Your Site Links (Recommended)

    • Validate that your rel=”me” links are correctly formatted. You can use indielogin.com/setup or indiewebify.me to check for errors.
    • Ensure your social profiles link back to your website (bidirectional linking is required for verification).
    • If you use domain aliases or non-www/www inconsistencies, ensure your social profiles match your canonical website URL.

    5. All Set. You’re in the Webring!

    • After your site is approved, the webring links will automatically display the correct previous/next sites based on updates at xn--sr8hvo.ws.
    • From now on, when someone visits your site, they can use the webring links to discover other IndieWeb sites.

    Optional Enhancements

    • Consider customizing the placement or style of the webring links to match your site’s theme.
    • Document any IndieWeb or Webmention features you support—many IndieWebbers like sharing how their sites interact with others.

    That’s it.
    You’re now part of a decentralized community-powered webring, using web standards and your own web identity.

  • How I Fixed IndieAuth Problems by Adding rel=”me” in WordPress

    david palma buVtAQuhRs unsplash scaled

    Have you ever wanted to use your own website to log in to other sites? That’s what IndieAuth helps you do.

    But what if the special WordPress plugin for IndieAuth stops working?

    That’s what happened to me. So, I found a simple way to fix it myself—with help from something called the Code Snippets plugin.

    Let me show you how I did it.

    What Is rel=”me”?

    rel=me is a small bit of code that you can add to your site.

    It tells other websites which social media accounts and links belong to you.
    This helps prove that you are really you when you log in or connect your accounts.

    For example:

    <link rel="me" href="https://mastodon.social/@yourusername" />
<link rel="me" href="https://github.com/yourusername" />

    You can add as many links as you want for your different profiles.

    Why Did the Plugin Break?

    Sometimes, plugins don’t work because:

    • Your WordPress site or theme gets a big update.
    • Another plugin causes problems.
    • The plugin just hasn’t been updated in a long time.

    When this happens, important things like rel=”me” might not show up on your site.

    How I Fixed It With Code Snippets

    Instead of changing tricky WordPress code, I used the Code Snippets plugin.

    This plugin lets you safely add new code to your site, kind of like adding stickers to a notebook.

    Step 1: Get the Code Snippets Plugin

    • Go to “Plugins” in WordPress.
    • Click “Add New.”
    • Search for “Code Snippets.”
    • Install and turn it on.

    Step 2: Add Your rel=”me” Link in Header & Footer

    • Go to your WordPress dashboard.
    • Open the Code Snippets plugin.
    • Find the section for “Header & Footer.”
    • In the “Header” area, paste your rel=”me” code.
    • Change the links to match your real accounts!
    • Save your changes.

    How to Check If It Works

    • Go to your website.
    • Right-click and choose “View Page Source.”
    • Look for your rel=”me” links in the head section.
    • Try using IndieAuth again on another site.

    If you see your links, you did it.

    Why This Helps

    Plugins can break sometimes. But you can still show other sites which accounts belong to you. Adding rel=”me” links by yourself is a simple fix.

    This way, you stay in charge of your online identity, even when tools break. Give it a try and see how easy it is.

  • Easy IndieWeb Login: Using rel=me and GitHub When IndieAuth Breaks on WordPress

    m umar farooq ZT ssX5kISw unsplash scaled

    Sometimes WordPress plugins break. This happened to the IndieAuth plugin.

    When this plugin doesn’t work, you can’t use it to log in to other sites with your WordPress website. That’s a problem if you use IndieWeb tools.

    But there’s a simple way around this.

    Use something called relmeauth. You don’t need a plugin for this. Instead, you just connect your site to another account you own, like GitHub.

    Here’s how you can do it:

    Why IndieAuth Stops Working

    Sometimes updates or new settings in WordPress mess up the IndieAuth plugin. This can stop you from logging in to sites that need IndieAuth. You might see errors or things just don’t work as you expect.

    What Is relmeauth?

    Relmeauth is an easier way to prove who you are on the web.

    It uses something called a “rel=me” link. This is just a special kind of link that tells other sites, “I own this other account too!”

    Sites like Mastodon and some IndieWeb tools know how to read these links.

    How to Use GitHub With rel=me

    1. Add this line to the header (top part) of your WordPress site:
    <link rel="me" href="https://github.com/yourusername">
    1. Next, go to your GitHub profile. In the “Website” field, add the link back to your website.

    This makes a 2-way connection. Your site links to GitHub. GitHub links back to your site.

    Now, some sites will let you login or prove who you are by checking these links.

    The Good Parts

    • No plugin needed! This works even if the IndieAuth plugin is broken.
    • Simple steps. It’s just adding a link on your site and a link on your GitHub.
    • Still works for IndieWeb login on places that check rel=me links.

    One Thing to Remember

    This only works on websites that support rel=me login. If the site checks for these links, you’re good.

    So, if IndieAuth stops working on your WordPress, just use rel=me with GitHub. It’s quick, easy, and keeps your IndieWeb login working.

  • How to Achieve POSSE (Publish on your Own Site, Syndicate Elsewhere)

    rizal ramadhany 9UerTAAiywo unsplash scaled

    POSSE (Publish on your Own Site, Syndicate Elsewhere) is a content publishing strategy that emphasizes posting original content on your own website first and then syndicating (sharing) it to third-party platforms like social media or other content aggregators. This approach ensures you maintain control and ownership of your content while still reaching audiences on external platforms. Below is a comprehensive guide to implementing POSSE:

    Steps to Implement POSSE

    1. Set Up Your Personal Website

    • Use a platform like WordPress, Hugo, or Jekyll to create a website that you own and control.
    • Ensure your website supports RSS feeds, as these are often used for syndication.
    • Choose a domain name that reflects your brand or identity.

    2. Publish Content on Your Website

    • Post all original content (articles, blog posts, microblogs, etc.) on your website first.
    • Include metadata like canonical URLs to establish your site as the original source.

    3. Syndicate Content to External Platforms

    Syndication involves sharing copies or summaries of your content on third-party platforms with links back to the original post. Here’s how:

    • Manual Syndication: Copy and paste the content or its summary to platforms like Twitter, Facebook, or LinkedIn, including a link to the original post.
    • Automated Syndication:
    • Use tools like Bridgy for automated sharing to platforms like Twitter or Mastodon.
    • Plugins like “WordPress Crosspost” can automate syndication from WordPress to Medium or other platforms.
    • Services like IFTTT or Zapier can connect your RSS feed to social media accounts for automatic posting.

    4. Link Back to Your Original Content

    • Ensure syndicated posts include a link (e.g., permashortlink) back to the original post on your site. This helps redirect traffic and improves SEO.

    5. Track and Manage Responses

    • Use tools like Webmentions or Bridgy Backfeed to aggregate comments, likes, and shares from third-party platforms back onto your website.

    Tools and Plugins for POSSE

    Here are some tools and plugins that can simplify POSSE implementation:

    • WordPress Plugins: Plugins like “IndieWeb” or “Jetpack” support syndication and webmentions.
    • RSS-Based Tools: Tools such as Feed2Toot (for Mastodon) or Enhance’s Arc Plugin can syndicate RSS feed content automatically.
    • Custom Scripts: For developers, tools like SiloRider (Python) or custom GitHub Actions can be used for more advanced automation.

    Benefits of POSSE

    1. Content Ownership: You retain full control over your content without relying on third-party platforms.
    2. Improved SEO: Canonical links and backlinks from syndicated content improve discoverability.
    3. Platform Independence: If a social media platform changes its terms of service or shuts down, your content remains safe on your site.
    4. Audience Reach: Syndication allows you to meet audiences where they are while driving traffic back to your site.

    Example Workflow

    1. Write an article on your personal site (e.g., WordPress).
    2. Use an RSS-based plugin or tool like Bridgy Publish to share the article on Twitter and Mastodon.
    3. Include links in syndicated posts pointing back to the original article.
    4. Aggregate comments from Twitter using Bridgy Backfeed.

    By following this model, you can ensure that you maintain ownership of your content while leveraging external platforms for visibility and engagement.

  • Can I truely delete a post on Mastodon?

    erone stuff bdmJ4PkvPuY unsplash 1 scaled

    Deleting a post on Mastodon is not always guaranteed to completely remove it from the entire Fediverse due to its decentralized nature:

    • How Deletion Works: When you delete a post (or “toot”) on Mastodon, your instance sends a deletion request to other instances where the post was shared. However, this relies on those instances honoring the request.
    • Limitations:
      • Some instances may ignore or fail to process deletion requests, leaving copies of your post visible.
      • If other users or instances have cached, boosted, or copied your content, it might persist elsewhere.
    • Best Practices: Assume anything posted online could potentially remain accessible indefinitely. Mastodon also offers automated deletion tools for older posts, which can help manage your content.

  • How do I put a verification mark next to a link when adding my website in Mastodon?

    riswan ratta kXukovKHLXs unsplash scaled

    You need to include the rel=”me” attribute in the link from the destination URL to your Mastodon profile. However, there is currently no direct way to set the rel=”me” attribute on links in the Gutenberg editor. Therefore, it is better to use the “Custom HTML” block and edit the HTML directly.

    Example: <a href="https://mastodon.social/@username" rel="me">Mastodon</a>

  • Started Using Faircamp

    nigel hoare FIufVgWrDfc unsplash scaled

    I used to host my music on Bandcamp, but there was always a nagging concern. If the platform went down, or if my account got suddenly suspended, all of my music could disappear overnight. That security was always tied to dependency, and dependency comes with risk.

    Self‑hosting with WordPress never felt like a real solution either. Endless plugins, theme tweaking, keeping security patches in place, ongoing maintenance… it quickly became more about babysitting a CMS than actually sharing music. The balance was always wrong.

    Then I discovered Faircamp. It’s a static site generator for music releases: a clean Bandcamp‑like interface, but fully hosted on my own server. The setup is lightweight, and if you’re comfortable with repositories and static site tools, it’s basically plug‑and‑play.

    Before switching, my workflow was painful. I kept backups on my local machine, then uploaded everything manually to the server each time. Preparing separate low‑bitrate or preview files was another chore, so every release involved repetitive busywork.
    With Faircamp, this entire layer just disappeared. Drop in the original audio and it automatically generates multiple formats for distribution and streaming previews. What used to be a collection of fragmented manual tasks is now fully scripted and automated. Publishing feels like a single motion instead of a dozen.

    This entirely changes the equation:

    • I keep full ownership and control of my audio files
    • Listeners get a smooth Bandcamp‑style interface
    • Updates are just static file generation — fast and stable
    • Automatic conversion handles distribution and preview formats

    In short: having my own Bandcamp, but on my own server.

    From here forward, Faircamp will be my new music home, while Bandcamp and other streaming outlets play the role of “entry points.” The core stays with me, under my control.
    For the first time, my music feels safe, independent, and truly rooted in a space I own.

    My Faircamp Page: https://genxbeats.com

  • Hyper 8: The Next-Generation Static Video Site Generator

    annie spratt yfUj9pzBAGc unsplash scaled

    In the digital age, creators demand independence, privacy, and control, and Hyper 8 is a groundbreaking solution answering the call for self-hosted video publishing. If you’ve explored Faircamp for music, meet its video sibling: Hyper 8, a static site generator tailor-made for building and showcasing video collections without corporate gatekeepers, technical headaches, or maintenance nightmares.

    What is Hyper 8?

    Hyper 8 is a free, open-source static site generator dedicated to video content. It’s designed for anyone, from filmmakers, educators, and artists to vloggers and organizations, who wants to build and publish beautiful video websites with ease, flexibility, and complete control. Whether you want to showcase a single video or manage a massive video archive, Hyper 8 adapts to your needs with zero programming required and no database overhead, just pure video content, ready to share with the world.

    Why Choose Hyper 8?

    • No Coding, No Maintenance: Hyper 8 eliminates complex setup. You build and publish video sites with a beginner-friendly graphical editor or traditional file-based editing. No servers, no dependencies, and no long-term maintenance.
    • Compatible Everywhere: The generated sites work with virtually any web hosting, big or small, free or paid.
    • Visually Flexible: Choose between dark/light themes, cinematic or mobile-friendly aspect ratios, and responsive layouts that look great everywhere.
    • Built for All Use Cases:
      • Public institutions: Publish conference recordings, lectures, or media libraries.
      • Artists: Present portfolios, demos, and creative projects.
      • Personal sharing: Share vlogs and private videos with friends or family.
    • Scalable & Modular: Create single videos, playlists, or deeply nested collections using an intuitive building-block system.

    Key Features

    • Graphical & File Editing: Use the built-in graphical editor or embrace file-based workflows for ultimate flexibility.
    • Playlists, Collections & Portability: Organize videos in playlists or collections; easily move or rearrange content within or between sites.
    • Instant Search & Browsing: Zero-delay, client-side search for quick navigation and discovery.
    • Privacy & Control: Self-host, share unlisted content, and stay free from ads, corporate surveillance, and algorithmic interference.
    • Subtitles & Accessibility: Integrate subtitles in multiple languages for inclusive viewing.
    • Embeds & Integration: Feature your videos in articles or connect with other platforms, including the Fediverse.
    • Resource-Friendly & Sustainable: Minimal operational impact and ecological footprint.
    • RSS/Atom Feeds: Visitors can subscribe and stay up to date with your new videos.

    How Does Hyper 8 Work?

    1. Start Simple: Create an empty folder, this becomes your video site workspace.
    2. Add Content: Upload videos, build playlists, and organize collections through Hyper 8’s web-based GUI or your favorite file editor.
    3. Instant Publishing: The resulting site is a set of static files you can drag onto almost any host, fast, robust, and dead simple to archive or move.
    4. Enjoy & Share: Visitors enjoy a modern, responsive video experience, while you enjoy true ownership.

    Real-World Examples

    From artists’ portfolios to major video archives, many creators already trust Hyper 8. Explore live sites powered by Hyper 8 for inspiration.

    The Philosophy Behind Hyper 8

    Hyper 8 is developed with three core values:

    • Independence: Full creative and technical autonomy, publish your way.
    • Accessibility: Tools that are easy for everyone, regardless of technical skill.
    • Sustainability: Low resource use, eco-friendly hosting, and long-term archiving.

    Ready to try a new way of publishing video? Dive into Hyper 8 and join a growing community reclaiming control over their media presence, one video at a time.