jekyll-theme-next icon indicating copy to clipboard operation
jekyll-theme-next copied to clipboard

如何设置友链居中

Open GangLongYu opened this issue 5 years ago • 1 comments

参考了如下链接进行设置

https://www.laugh12321.cn/2018/12/24/update_next_for_jekyll/

_sass/_custom/custom.scss文件中新增变量

//友链居中
.links-of-blogroll-title {
  text-align: center;
}
//友链文本颜色
//将链接文本设置为蓝色,鼠标划过时文字颜色加深,并显示下划线
.post-body p a{
  text-align: center;
  color: #434343;
  border-bottom: none;
  &:hover {
    color: #5073b8;
    text-decoration: underline;
  }
}
//修改友情链接样式
.links-of-blogroll-item a{
  text-align: center;
  color: #434343;
  border-bottom: none;
  &:hover {
    color: #5073b8;
    text-decoration: underline;
  }
}

仅标题可以居中,就好别扭啊,还请指教,谢谢

GangLongYu avatar Dec 11 '19 06:12 GangLongYu

尝试了一下,把a去掉即可,即

.links-of-blogroll-item {
  text-align: center;
  }
}

怎么减小友链间的距离呢

GangLongYu avatar Dec 11 '19 06:12 GangLongYu