如何自定义jekyll-theme-minimal主题中的链接样式？

问题背景 #

我使用jekyll-theme-minimal搭建了GitHub Page，目前在_config.yml的描述区域使用普通锚标签设置链接：

<a href="/">View My LinkedIn Profile</a>

但链接样式显示效果不佳，希望修改为带有下划线、美观的自定义样式（参考目标样式示例）。

解决方案步骤 #

1. 创建自定义CSS文件 #

在仓库根目录下新建assets/css文件夹（如果不存在），然后创建main.css文件，添加以下样式（可根据目标效果调整）：

/* 针对站点描述区域的链接样式 */
.site-description a {
  color: #0366d6;
  text-decoration: underline;
  text-underline-offset: 3px; /* 调整下划线与文字的距离 */
  font-weight: 500; /* 可选，加粗文字 */
}

/* 鼠标悬停时的样式 */
.site-description a:hover {
  color: #005cc5;
  text-decoration: none; /* 悬停时去掉下划线，可选 */
}

2. 在配置文件中引入自定义CSS #

打开_config.yml，添加或修改以下配置项，让主题加载自定义样式：

stylesheet: /assets/css/main.css

3. 修正链接的目标地址 #

确保_config.yml中描述区域的链接指向正确的LinkedIn地址，避免使用/（当前站点根目录），示例：

description: "<a href='https://linkedin.com/in/你的LinkedInID'>View My LinkedIn Profile</a>"

注意：使用单引号包裹href属性值，外层用双引号包裹整个描述内容，避免YAML语法转义错误。

4. 提交并部署 #

将修改后的文件提交到GitHub仓库，等待GitHub Pages自动部署，即可看到更新后的链接样式。

内容的提问来源于stack exchange，提问作者Jacob L.