External

Create links with external icon and custom behavior.

HTML attributes:

class,

href,

referrerpolicy,

rel,

target,

type

Custom attributes:

text,

trusted

Basic usage:

{{< external href="https://vhs.codeberg.page/after-dark" text="After Dark" />}}
{{< external href="https://vhs.codeberg.page/after-dark" />}}

After Dark vhs.codeberg.page/after-dark

Shorthand usage:

{{< external "https://vhs.codeberg.page/after-dark" "After Dark" />}}
{{< external href="https://codeberg.org/vhs/after-dark/raw/branch/trunk/bin/install" />}}
{{< external "wss://fs1.vhs.codeberg.page:80" />}}

After Dark codeberg.org/vhs/after-dark/raw/branch/trunk/bin/install wss://fs1.vhs.codeberg.page:80

Note: URIs such as those using the wss scheme may be considered unsafe by the Go template package. Learn more in the package Security Model.

With a trusted URL:

{{< external trusted="true" href="wss://fs1.vhs.codeberg.page:80" />}}
{{< external trusted="true" href="irc://chat.freenode.net:6667/after-dark" />}}

wss://fs1.vhs.codeberg.page:80 irc://chat.freenode.net:6667/after-dark

With external link styling removed:

{{< external rel="noopener" href="https://blog.domain.example" />}}

blog.domain.example

With internal link opening in a new window:

{{< external href="/404.html" text="Error Page" />}}

Error Page

With structured data type:

{{< external itemtype="significantLink" href="https://vhs.codeberg.page" />}}

vhs.codeberg.page

With site-wide Referrer Policy overridden:

{{< external referrerpolicy="unsafe-url" href="http://goo.gl" />}}

goo.gl

With markdown image and link styling removed:

{{% external rel="next" href="https://source.unsplash.com/collection/983219/2160x1440" %}}
  ![Example image](https://source.unsplash.com/collection/983219/1080x720 "View Random Image Enlarged")
{{% /external %}}

With interactive Button to run a Fuzzy Search:

{{< external rel="search" target="_self" href="/search/?s=button" >}}
  {{< hackcss-button type="primary" text="Search" />}}
{{< /external >}}