Bidirectional Links System Demo - Backlinks

What are Bidirectional Links?

Bidirectional links (Backlinks) are a knowledge management approach inspired by Obsidian and Roam Research. They allow explicit reference relationships between articles - not only linking from A to B, but also showing a "referenced by A" prompt in B.

Technology Stack Related Articles

Home Cloud Service Setup

My home cloud solution is mainly based on two core components:

1. Network Setup: Using tailscale-derp-guide to establish a secure virtual private network, enabling access to home devices from anywhere
2. Server Hardware: Choosing [Mac_mini_to_cloud](/Mac Mini M2) as the central node, running various services 24/7

These two solutions work together to build a complete personal cloud service system.

VPS Service Deployment

On Alibaba Cloud VPS, I've deployed multiple practical services:

• Tailscale DERP Relay Server: See tailscale-derp-guide
• Subscription Management Service: Using substore deployment tutorial to centrally manage various proxy subscriptions

Mobile Network Solution

To solve international roaming issues, I applied for [Giffgaff UK SIM Card Complete Guide](/Giffgaff eSIM Card), which works great with Tailscale.

Personal Productivity System

Habit Formation and Time Management

My productivity system is mainly based on three theoretical frameworks:

1. Habit Formation: [Atomic Habits Review](/Atomic Habits) taught me how to build lasting habits through small changes
2. Task Management: Using [Getting things done](/GTD Method) to manage daily tasks and projects
3. Sleep Science: Optimizing sleep schedule based on Sleep article to improve energy management

Tool Assistance

In practical application, I developed a [project-management-with-google-sheet-and-google-calendar](/Google Sheet + Calendar Project Management System) and experienced [use_ms_copilot_in_basf](/Microsoft Copilot) AI assistance capabilities at work.

Personal Growth and Reflection

Career Development

Some thoughts on career:

• [salary_raise](/Promised Raise Never Came) - The gap between workplace promises and reality
• [good_day](/Persistent Effort Finally Pays Off) - Journey of solving technical challenges
• [Summary of 2023](/2023 Annual Review) - Complete year-end review

Writing and Expression

[reuse_the_blog](/Restart the Blog) was an important decision this year, hoping to drive thinking and growth through continuous output.

Broken Link Testing

This is a non-existent article: non-existent-article

This is another non-existent link: Future Article

Expected Effects

When you view this article:

1. Blue dashed links - Click to jump to the corresponding article
2. Red strikethrough - Indicates the article doesn't exist (like the test links above)
3. Referenced prompts - At the bottom of articles like tailscale-derp-guide, Mac_mini_to_cloud, etc., you'll see "Referenced by 1 article"

Technical Details

Syntax Explanation

[tailscale-derp-guide](/tailscale-derp-guide)

[Mac Mini Cloud Server](/Mac_mini_to_cloud)

[non-existent-article](/non-existent-article)

Implementation Principle

1. Render Hook: Hugo's render-link.html intercepts all link rendering
2. Filename Matching: Automatically searches for corresponding articles in the posts/ directory
3. Reverse Index: Scans all articles for [[]] references during build
4. Automatic Display: Shows backlink list at the bottom of referenced articles

Summary

Bidirectional links make articles no longer isolated, but form an organic knowledge network. As the number of articles increases, this network becomes richer, helping you:

• Build a systematic knowledge base
• Discover hidden connections between articles
• Make it easy for readers to explore related topics in depth
• Trace the source of knowledge citations

💡 Tip: Scroll to the bottom of this article to see the display effects of the "Referenced" and "Related Recommendations" sections.