如何在GitHub Pages中使用GitHub Primer CSS？

• 先确认安装后的文件位置：执行npm install --save @primer/css后，Primer的Sass源文件都在项目根目录的node_modules/@primer/css文件夹里，你可以直接进入该路径查看index.scss及其他组件文件。
• 调整样式文件后缀与导入路径：
  • 你的主样式文件必须是.scss后缀（不能是.css），因为普通CSS文件无法解析Sass的@import语法。
  • 如果直接写@import "@primer/css/index.scss"无效，可改用相对路径指向node_modules，比如你的style.scss在assets/css目录下，就写@import "../../node_modules/@primer/css/index.scss";。
• 配置Jekyll的Sass加载路径（针对GitHub Pages默认构建）：
  在项目根目录的_config.yml中添加以下配置，让Jekyll自动从node_modules里查找Sass文件：

  sass:
    load_paths:
      - node_modules
  

  配置完成后，就能直接在你的scss文件里使用@import "@primer/css/index.scss";了。
• 检查安装完整性：如果node_modules里找不到@primer/css文件夹，重新执行npm install --save @primer/css，确保命令执行过程没有报错。

内容的提问来源于stack exchange，提问作者Christian