[Typecho]拯救强迫症！Joe 主题友情链接高度修复妙招

在 Typecho 的 Joe 主题里，友情链接卡片常因介绍字数不同，出现高度不一致的情况，影响页面美观。

下面跟着我的操作一起解决问题：

{tabs-pane label="修复前"}

{/tabs-pane}
{tabs-pane label="修复后"}

{/tabs-pane}

展示完上述的效果，我们进行具体的操作步骤。

登录服务器面板

打开浏览器输入服务器面板的访问地址，输入正确的账号和密码登录。

找文件路径

登录成功后，在服务器面板的文件管理模块，按照文件层级依次展开，找到 “usr” 文件夹，然后在 “themes” 文件夹里找到 “Joe” 文件夹，最后进入 “assets” 文件夹下的 “css” 文件夹。若不熟悉文件结构，可使用搜索功能，输入 “css” 定位。详细路径：usr/themes/Joe/assets/css

打开joe.global.min.css文件

在 “css” 文件夹中，找到 “joe.global.min.css” 文件，点击文件右侧的 “编辑” 或直接双击文件打开。部分服务器可能限制文件编辑权限，需先在文件属性中赋予可写权限，操作完成后记得恢复权限保障服务器安全。

搜素关键词desc{margin-right:10px}

进入文件编辑页面后，使用快捷键 Ctrl+F（Windows 系统）或 Command+F（Mac 系统）调出搜索框，输入 “desc {margin-right:10px}”，快速定位到需要添加代码的位置。

添加代码并保存

在搜索到的代码后，逐行添加 ;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden 。


添加完成后，点击页面上的 “保存” 按钮。刷新网站友情链接页面，即可看到卡片高度统一，多余文字被省略号代替。若未出现预期效果，需检查代码是否输入正确，有无遗漏或拼写错误。

总结

上述修复 Joe 主题友情链接卡片高度不一致问题的操作过程中，需注意文件权限、代码输入准确性以及路径和文件名的正确性。通过这些步骤，能有效解决卡片高度不一的问题，提升网站页面的整体美观度。