如何在 GitHub 页面中使用 GitHub 入门答案

【问题标题】：How to use GitHub primer with GitHub pages如何在 GitHub 页面中使用 GitHub 入门
【发布时间】：2022-09-23 18:03:35
【问题描述】：

我正在尝试在 GitHub 页面中使用 https://github.com/primer/css。

有一些 npm 命令，但我不知道如何将文件导入我的项目文件夹。

将 @import \"@primer/css/index.scss\"; 添加到我的 style.css 文件是不够的。我需要一些 sass 文件，但在运行 npm install --save @primer/css 后我不知道在哪里可以找到它们。我知道答案很简单，我读到了--prefix 选项。

我确信我错过了一些微不足道但很重要的东西。给我一个提示！

标签： sass github-pages

【解决方案1】：

使用primer documentation 中提到的 CDN 对我有用：

<link rel="stylesheet" href="https://unpkg.com/@primer/css@^20.2.4/dist/primer.css" />

布局文件导入 main.scss 文件：

<link rel="stylesheet" href="/assets/css/main.css">

main.scss 文件导入所需的文件：

@import url(https://unpkg.com/@primer/css@^20.2.4/dist/primer.css);

【讨论】：