Next 4 个人链接 - 须臾自省

365 字

2 分钟

Next 4 个人链接

2021-12-14

建站

Hexo

前言#

Next 主题提供了两种不同的个人链接方式，分别是 social 和 links。

这里我将把两种个人链接方式放在一起讲。

老样子，先给出我对 social 块的配置：

1
# Social Links
2
# Usage: `Key: permalink || icon`
3
# Key is the link label showing to end users.
4
# Value before `||` delimiter is the target permalink, value after `||` delimiter is the name of Font Awesome icon.
5
social:
6
  #GitHub: https://github.com/yourname || fab fa-github
7
  #E-Mail: mailto:yourname@gmail.com || fa fa-envelope
8
  E-Mail: mailto:whitelot@163.com || fa fa-envelope
9
  #Weibo: https://weibo.com/yourname || fab fa-weibo
10
  #Google: https://plus.google.com/yourname || fab fa-google
11
  #Twitter: https://twitter.com/yourname || fab fa-twitter
12
  #FB Page: https://www.facebook.com/yourname || fab fa-facebook
13
  #StackOverflow: https://stackoverflow.com/yourname || fab fa-stack-overflow
14
  #YouTube: https://youtube.com/yourname || fab fa-youtube
15
  #Instagram: https://instagram.com/yourname || fab fa-instagram
16
  #Skype: skype:yourname?call|chat || fab fa-skype
17
  Bilibili: https://space.bilibili.com/16535894 || far fa-smile
18
  个人云盘: http://pan.zodiaclab.com || fas fa-box
19

20
social_icons:
21
  enable: true
22
  icons_only: false
23
  transition: false

其中 social 块中，只需要以下面的结构增加社交链接即可：

1
链接名称: 链接地址 ||  fontawesome的图标

这里作者用的是一个国外免费的图标库 fontawesome，想要设备图标，只需要将对应的 html 标签复制过去即可。

Next fontawesome

links#

下面是我关于 links 的测试配置：

1
# Blog rolls
2
links_settings:
3
  icon: fa fa-globe # 链接标题所使用的图标
4
  title: 我的朋友 # 标题名称
5
  # Available values: block | inline
6
  layout: block
7

8
links:
9
  #Title: https://example.com
10
  我自己: https://zodiaclab.top