External

Create links with SVG icon and custom behavior.
HTML attributes:
class,
href,
referrerpolicy,
rel,
target,
type
Custom attributes:
None available

Basic usage:

{{< external text="After Dark" href="https://after-dark.habd.as" />}}
{{< external href="https://after-dark.habd.as" />}}

After Dark after-dark.habd.as

{{< external "https://go.habd.as/after-dark" />}}
{{< external "wss://fs1.habd.as:80" />}}

go.habd.as/after-dark wss://fs1.habd.as:80

With external link styling removed:

{{< external rel="noopener" href="https://keybase.io/jhabdas" />}}
keybase.io/jhabdas

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://habd.as" />}}
habd.as

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 >}}
Connecting to server…
0 hashes (0 h/s)