Create links with external icon and custom behavior.
Basic usage: {{< external href="" text="After Dark" />}} {{< external href="" />}} After Dark Shorthand usage: {{< external "" "After Dark" />}} {{< external "" />}} {{< external "wss://" />}} After Dark wss:// 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 external link styling removed: {{< external rel="noopener" href="https://keybase.

Fuzzy Search

Quickly locate indexed content anywhere on the site.
If a search engine can find it, so can you. Quickly locate indexable content site-wide with fuzzy search. No registration necessary. Interactive Example Adjust it from in the site content/search directory: ├── archetypes ├── content │ └── search │ └── ├── static ├── themes If the file doesn’t exist, yet create it: $ hugo new search/ And specify the JSON Output Format in site config:

Link Typing

Explicitly indicate relationships between documents.
After Dark uses link typing to indicate semantic relationships between documents. By default the alternate link type is used to highlight the presence of web feeds on the homepage and in taxonomy listings: <link href="https://domain.example/index.xml" rel="alternate" type="application/rss+xml" title="After Dark"> <link href="https://domain.example/categories/privacy/index.xml" rel="alternate" type="application/rss+xml" title="After Dark"> <link href="https://domain.example/tags/color/index.xml" rel="alternate" type="application/rss+xml" title="After Dark"> In addition to defaults After Dark recognizes the prev and next link types if specified in page Front Matter:

Related Content

Promote more of your content to your site's visitors.
After Dark provides related content to help users find more information that’s relevant to them and can increase page views and time spent on your site. When two or more pages or posts contain the same taxonomy tags they will be linked in a section as shown near the bottom of the page. The section appears automatically below Post Bylines with a default maximum of 7 items shown. Tip: Create a Custom Layout to show Related Content outside posts.

Section Menu

Display a contextual site-wide navigation with links.
After Dark uses Hugo’s Section Menu for “Lazy” Bloggers to create a site-wide navigational aid. The section menu is disabled by default. Interactive Example Overview Features Modules Shortcodes Extras Search Enable it from menu.main layout config in your site configuration: [] hidden = true # set `false` or remove to show section menu With the menu enabled navigation links will begin appearing automatically on a per-section basis whenever Published Content is available within that section.

Table of Contents

Quickly locate information in longer posts.
Automatically generate a table of contents with smooth-scroll links based on the current page outline. To do so add the following to post Front Matter: toc = true Set false, or simply remove the setting, to disable. The table of contents will be collapsed under a disclosure on page load. Once the disclosure is expanded the full page outline will be revealed. Selecting an item in the outline will smooth-scroll to the corresponding section, update the browser history and highlight the section title.

Taxonomy Pages

Navigate the site using author-defined taxonomies.
After Dark generates categorical and tag taxonomy and taxonomy terms pages and links to them automatically in posts using Post Bylines. Given the following page Front Matter for a post type: categories = ["navigation"] tags = ["links", "taxonomy"] The following taxonomy links would appear in the byline: Published [by author] [publishdate or date] in navigation and tagged links and taxonomy using [wordcount] words. The following Index Blocked taxonomy pages generated: