Hexo-theme-next: 关于侧边栏社交链接的显示问题

Created on 21 Nov 2015  ·  15Comments  ·  Source: iissnan/hexo-theme-next

按照文档设置社交链接,效果如图。
2015-11-21 11 50 13

请问该如何处理?

Bug Template

All 15 comments

检查一下:

social:
  GitHub: http://github.com/defunkt
  #Others:

# Social Icons
social_icons:
  enable: true
  # Icon Mappings
  GitHub: github

或者把你的配置贴上来?

在hexo配置中

social:
  GitHub: https://github.com/BigPa
  ZhiHu: http://www.zhihu.com/people/bigpa

在next配置中

# Social Icons
social_icons:
  enable: false
    #  Icon Mappings
  GitHub: github
  #Twitter: twitter
  #Weibo: weibo

把hexo中的以下部分移到next/_config.yml中。(原理不明 :smile: )

social:
  GitHub: https://github.com/BigPa
  ZhiHu: http://www.zhihu.com/people/bigpa

Not work

把你的配置中social_icons设置成true试试。

social_icons:
  enable: false

@BigPa Not work 你是怎么解决的?

@chenjuntong 还没解决

主题源代码中:

social:
  GitHub: https://github.com/BigPa
  ZhiHu: http://www.zhihu.com/people/bigpa

social前面默认有个空格,把空格去掉生成一下就可以正常显示了

Please see #772

@BigPa ,你好,这个问题怎么解决的,我也遇到了

你们不显示图标的可以这么试一下

social:
  GitHub: https://github.com/Shiyanping || github

|| 后面加空格然后图标名字

|| github

可以的。这个可以解决

|| github上

可以的。这个可以解决
`# Social Links

Usage: Key: permalink || icon

Key is the link label showing to end users.

Value before || delimeter is the target permalink.

Value after || delimeter is the name of FontAwesome icon. If icon (with or without delimeter) is not specified, globe icon will be loaded.

social:
GitHub: https://github.com/Jeffchal/jeffchal.github.io || gitHub
CSDN: https://blog.csdn.net/weixin_40539125 || cuttlefish
SegmentFault: https://segmentfault.com/u/jeff_ || symfony

social_icons:
enable: true

Github: github
CSDN: cuttlefish
SegmentFault: symfony

icons_only: false
transition: false`

我还是不可以显示图标呢。

social:
GitHub: https://github.com/vernll/c || github
#邮箱: mailto:[email protected] || envelope
#WeChat: https://weibo.com/yourname || weixin
Blog: https://www.jianshu.com/u/d91c48f2547f || blog
QQ: http://wpa.qq.com/msgrd?v=3&uin=1767807284&site=qq&menu=yes || qq
#FB Page: https://www.facebook.com/yourname || facebook
#VK Group: https://vk.com/yourname || vk
#StackOverflow: https://stackoverflow.com/yourname || stack-overflow
#YouTube: https://youtube.com/yourname || youtube
#Instagram: https://instagram.com/yourname || instagram
#Skype: skype:yourname?call|chat || skype

social_icons:
enable: true

GitHub: github
QQ: qq
Blog: blog

icons_only: false
transition: false

不显示icon

social:
GitHub: https://github.com/vernll/c || github

邮箱: mailto:[email protected] || envelope

WeChat: https://weibo.com/yourname || weixin

Blog: https://www.jianshu.com/u/d91c48f2547f || blog
QQ: http://wpa.qq.com/msgrd?v=3&uin=1767807284&site=qq&menu=yes || qq

FB Page: https://www.facebook.com/yourname || facebook

VK Group: https://vk.com/yourname || vk

StackOverflow: https://stackoverflow.com/yourname || stack-overflow

YouTube: https://youtube.com/yourname || youtube

Instagram: https://instagram.com/yourname || instagram

Skype: skype:yourname?call|chat || skype

social_icons:
enable: true

GitHub: github
QQ: qq
Blog: blog

icons_only: false
transition: false

不显示icon

social:
GitHub: https://github.com/vernll/c || github

邮箱: mailto:[email protected] || envelope

WeChat: https://weibo.com/yourname || weixin

Blog: https://www.jianshu.com/u/d91c48f2547f || blog
QQ: http://wpa.qq.com/msgrd?v=3&uin=1767807284&site=qq&menu=yes || qq

FB Page: https://www.facebook.com/yourname || facebook

VK Group: https://vk.com/yourname || vk

StackOverflow: https://stackoverflow.com/yourname || stack-overflow

YouTube: https://youtube.com/yourname || youtube

Instagram: https://instagram.com/yourname || instagram

Skype: skype:yourname?call|chat || skype

social_icons:
enable: true

GitHub: github
QQ: qq
Blog: blog

icons_only: false
transition: false

不显示icon

把social:下面的内容缩进一下

Was this page helpful?
0 / 5 - 0 ratings