如何将自定义 CSS 添加到 GitHub README.md 中？

GitHub Repos 中 Readme.md 的自定义 CSS

验证修改根目录下的 readme.md 文件的 CSS 文件的名称自定义存储库的外观时，GitHub 存储库的配置至关重要。虽然有些人认为它是 .github/github.css，但它可能不会产生预期的结果。

不依赖专用 CSS 文件，更有效的方法是将 HTML 和 CSS 嵌入到 中。 GitHub README 中的标签。这可以通过使用

例如，要创建一个简单的动画来更改 h1 文本的颜色：

<code class="css">h1 {
  color: red;
  animation: myanimation 2s infinite;
}

@keyframes myanimation {
  from {
    color: red;
  }
  to {
    color: yellow;
  }
}</code>

然后将动画嵌入到 SVG 中file:

<code class="html"><svg width="100%" height="100%">
  <foreignobject width="100%" height="100%">
    
      
        <style>
          <!-- Code from above -->
        </style>
      
      
        <h1 id="Hello-world">Hello world!</h1>
      
    
  </foreignobject>
</svg></code>

最后，使用 将 SVG 文件包含在 GitHub README 中。标签：

<img src="/static/imghwm/default1.png" data-src="custom-animation.svg" class="lazy" alt="Animated text">

此方法提供了一种灵活高效的方法来自定义 GitHub 存储库中 readme.md 文件的外观，而不受专用 CSS 文件的限制。

以上是如何将自定义 CSS 添加到 GitHub README.md 中？的详细内容。更多信息请关注PHP中文网其他相关文章！