58 lines
2.2 KiB
Markdown
58 lines
2.2 KiB
Markdown
---
|
|
title: Knowledge-base layout
|
|
tags: special-layouts
|
|
keywords:
|
|
audience:
|
|
last_updated:
|
|
summary:
|
|
metadata: false
|
|
---
|
|
{% include linkrefs.html %}
|
|
|
|
This shows a sample layout for a knowledge base. Each square could link to a tag archive page. In this example, font icons from Font Awesome are enlarged to a large size. You could also add captions below each icon, and so forth. In a real implementation, you would probably make your own square graphics that included the text inside them.
|
|
|
|
<div class="row">
|
|
<div class="col-md-4"><a href="doc_tag-getting-started.html"><i class="fa fa-file-image-o fa-6x border"></i><div class="kbCaption">Getting Started</div></a></div>
|
|
<div class="col-md-4"><a href="doc_tag-navigation.html"><i class="fa fa-bar-chart-o fa-6x border"></i><div class="kbCaption">Navigation</a></div></div>
|
|
<div class="col-md-4"><a href="doc_tag-single-sourcing.html"><i class="fa fa-code fa-6x border"></i><div class="kbCaption">Single-sourcing</div></a></div>
|
|
</div>
|
|
<p> </p>
|
|
<div class="row">
|
|
<div class="col-md-4"><a href="doc_tag-publishing.html"><i class="fa fa-dashboard fa-6x border"></i><div class="kbCaption">Publishing</div></a></div>
|
|
<div class="col-md-4"><a href="doc_tag-special-layouts.html"><i class="fa fa-desktop fa-6x border"></i><div class="kbCaption">Special layouts</div></a></div>
|
|
<div class="col-md-4"><a href="doc_tag-formatting.html"><i class="fa fa-cloud fa-6x border"></i><div class="kbCaption">Formatting</div></a></div>
|
|
</div>
|
|
|
|
|
|
|
|
## Linking to non-tag archive pages
|
|
|
|
If you don't want to link to a tag archive index, you could link to a page with code like this:
|
|
{% raw %}
|
|
```html
|
|
Getting started pages:
|
|
<ul>
|
|
{% for page in site.pages %}
|
|
{% for tag in page.tags %}
|
|
{% if tag == "getting-started" %}
|
|
<li><a href="{{page.url}}">{{page.title}}</a></li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</ul>
|
|
```
|
|
{% endraw %}
|
|
|
|
Getting started pages:
|
|
|
|
Here are all pages tagged with getting_started:
|
|
|
|
<ul>
|
|
{% for page in site.pages %}
|
|
{% for tag in page.tags %}
|
|
{% if tag == "getting-started" %}
|
|
<li><a href="{{page.url}}">{{page.title}}</a></li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</ul> |