Extreme Wikilinks

Take your Wikilinks to the eXtreme! by using frontmatter to customize their appearance. EXTREME!

Using frontmatter such as:

---
Address: 1040 S Washington Ave, Scranton, Pennsylvania 18505
icon: 🍕
---

With a template like:

{this.icon} {this.wikilink}

Will result in:

🍕 [[Alfredos Pizza Cafe]]

Or with frontmatter:

---
Distance: 1.57 mi
icon: 🥨
---

And template:

{this.icon} [[{this.linkDestination}|{this.title} {this.Distance}]]

Results in:

🥨 [[Pretzel Day Walk|Pretzel Day Walk 1.57 mi]]

Templates can be conditionally applied based on headings or target links.

Templates

Templates are managed in plugin settings.

Built-in values:

• {this.title} - linked file basename
• {this.basename} - linked file basename
• {this.path} - linked file path
• {this.wikilink} - Wikilink to the original link destination using the original display text
• {this.linkDestination} - original link destination, including headings or block anchors
• {this.linkDisplayText} - original link display text, such as Pizza from [[Alfredos Pizza Cafe|Pizza]]
• {this.frontmatter} - linked file frontmatter object

Linked file frontmatter is also available directly, such as {this.icon}, {this.Address}.

For frontmatter names with spaces or punctuation, use bracket syntax:

{this['Property With Spaces']}

Template expressions can use JavaScript:

{h.hasTag(this.tags, 'online-ordering') && this.Website ? this.Website : ''}

Styling

Every rendered link is wrapped in a span.extreme-wikilinks-link, with a data attribute for the template name, custom CSS can style each template:

[data-extreme-wikilinks-template="Archived"] {
  --link-color: var(--text-muted);
  --link-color-hover: var(--text-normal);
}

And there are built in classes for extreme-wikilinks-faint and extreme-wikilinks-highlight:

<span class="extreme-wikilinks-faint">{this.wikilink}</span>