60 lines
2.1 KiB
Markdown
60 lines
2.1 KiB
Markdown
|
title: Profile Sidebar Widget
|
||
|
|
date: 2018-02-01
|
||
|
|
categories:
|
||
|
|
- Widgets
|
||
|
|
tags:
|
||
|
|
- Getting Started
|
||
|
|
widgets:
|
||
|
|
-
|
||
|
|
type: profile
|
||
|
|
position: right
|
||
|
|
author: hulatocat
|
||
|
|
author_title: A GitHub Octocat
|
||
|
|
location: GitHub Inc.
|
||
|
|
avatar: https://octodex.github.com/images/hula_loop_octodex03.gif
|
||
|
|
gravatar:
|
||
|
|
follow_link: https://octodex.github.com/hulatocat
|
||
|
|
social_links:
|
||
|
|
Github:
|
||
|
|
icon: fab fa-github
|
||
|
|
url: 'http://github.com/'
|
||
|
|
Icarus:
|
||
|
|
icon: fas fa-palette
|
||
|
|
url: 'http://github.com/ppoffice/hexo-theme-icarus'
|
||
|
|
---
|
||
|
|
|
||
|
|
Icarus offers a way to showcase yourself using the profile sidebar widget. To use this widget, simply add the following lines to the widgets section of your `_config.yml`:
|
||
|
|
|
||
|
|
{% codeblock lang:yaml _config.yml %}
|
||
|
|
-
|
||
|
|
type: profile
|
||
|
|
position: # show in left or right sidebar
|
||
|
|
author: # your name
|
||
|
|
author_title: # your title
|
||
|
|
location: # where are you
|
||
|
|
avatar: # path or url to your avatar image
|
||
|
|
gravatar: # your gravatar email
|
||
|
|
follow_link: # path or url to any page you want
|
||
|
|
social_links: # add links to your social network here
|
||
|
|
{% endcodeblock%}
|
||
|
|
<!-- more -->
|
||
|
|
There are two things that you should note:
|
||
|
|
- If you want to [Gravatar](https://en.gravatar.com/), fill in your email in the `gravatar` field. Otherwise, leave it blank or it will override the avatar setting.
|
||
|
|
- The `social_links` field accepts an array of links which are either shown as text link or icon link:
|
||
|
|
- Text link
|
||
|
|
```yml
|
||
|
|
social_links:
|
||
|
|
Facebook: http://facebook.com
|
||
|
|
Twitter: http://twitter.com
|
||
|
|
```
|
||
|
|
- Icon link
|
||
|
|
```yml
|
||
|
|
social_links:
|
||
|
|
Facebook:
|
||
|
|
icon: fab fa-facebook
|
||
|
|
url: http://facebook.com
|
||
|
|
Twitter:
|
||
|
|
icon: fab fa-twitter
|
||
|
|
url: http://twitter.com
|
||
|
|
```
|
||
|
|
The `icon` here refers to the [Font Awesome](https://fontawesome.com/) icon class name by default, which you can find in the Font Awesome icon details page.
|