add custom urls for predefined social icons #120

This commit is contained in:
Dmitry Kolosov 2021-12-18 15:07:34 +03:00
parent e1d08892de
commit 10c340b011
4 changed files with 30 additions and 3 deletions

View File

@ -19,7 +19,7 @@ Anubis is a simple minimalist theme for [Hugo blog engine](https://gohugo.io/).
- Disqus
- Utteranc.es
- RSS feeds
* Hiding posts from the RSS feed
- Hiding posts from the RSS feed
- Translations (en, ru, fr, pl)
- Custom CSS/JS
- Multilingual mode
@ -153,10 +153,23 @@ Example:
```
Config like this generate github icon with "https://github.com/gohugoio" url.
#### Predefined icons with custom url
To add prefedined icon with custom url, add to `params.social` config:
- id of social network
- full url to your network
Example:
```
- id: github
url: "https://github.com/gohugoio/hugo"
```
Config like this generate github icon with "https://github.com/gohugoio/hugo" url.
#### Custom icons
To add custom icon, add to `params.social` config:
- id of social network/site
- full url to your network/site
Also you need to create directory `static/fa-icons` and add svg icon of your network/site with name equals to `id` from config.
Example:

View File

@ -28,6 +28,10 @@ utterancesLabel = "" # optional
id = "docs"
url = "https://gohugo.io/documentation/"
[[params.social]]
id = "github"
url = "https://github.com/mitrichius/hugo-theme-anubis"
[menu]
[[menu.main]]

View File

@ -29,6 +29,10 @@ utterancesLabel = "" # optional
id = "docs"
url = "https://gohugo.io/documentation/"
[[params.social]]
id = "github"
url = "https://github.com/mitrichius/hugo-theme-anubis"
[languages.en]
languageName = "English"

View File

@ -1,7 +1,13 @@
<ul class="social-icons">
{{ range $.Site.Params.Social }}
{{ if and (isset $.Site.Data.social.social_icons .id) (isset . "name") }}
{{ if and (isset $.Site.Data.social.social_icons .id) (isset . "url") }}
<li>
<a {{ printf "href=%q" .url | safeHTMLAttr }} title="{{ humanize .id }}" rel="me">
{{ partial "font-awesome.html" (dict "iconName" .id "custom" false) }}
</a>
</li>
{{ else if and (isset $.Site.Data.social.social_icons .id) (isset . "name") }}
{{ $url := index $.Site.Data.social.social_icons .id }}
{{ $ref := printf $url .name }}
<li>