Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

如何设置友链居中 #133

Open
GangLongYu opened this issue Dec 11, 2019 · 1 comment
Open

如何设置友链居中 #133

GangLongYu opened this issue Dec 11, 2019 · 1 comment

Comments

@GangLongYu
Copy link

GangLongYu commented Dec 11, 2019

参考了如下链接进行设置

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
Copy link
Author

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

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

怎么减小友链间的距离呢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant