Heim > Artikel > Web-Frontend > Wie füge ich benutzerdefiniertes CSS zu Ihrer GitHub README.md hinzu?
Wie füge ich benutzerdefiniertes CSS zu Ihrer GitHub README.md hinzu?
- Barbara StreisandOriginal
- 2024-11-03 21:48:02874Durchsuche
Benutzerdefiniertes CSS für Readme.md in GitHub Repos
Überprüfen des Namens der CSS-Datei, die die Datei readme.md im Stammverzeichnis ändert eines GitHub-Repositorys ist entscheidend für die Anpassung des Erscheinungsbilds des Repositorys. Während einige glauben, dass es sich um .github/github.css handelt, liefert es möglicherweise nicht die erwarteten Ergebnisse.
Anstatt sich auf eine dedizierte CSS-Datei zu verlassen, besteht ein effektiverer Ansatz darin, HTML und CSS in eine -Datei einzubetten. -Tag in der GitHub-README-Datei. Dies kann durch die Verwendung eines
Zum Beispiel, um eine einfache Animation zu erstellen, die die Farbe des h1-Textes ändert:
<code class="css">h1 {
color: red;
animation: myanimation 2s infinite;
}
@keyframes myanimation {
from {
color: red;
}
to {
color: yellow;
}
}</code>
Und dann die Animation in das SVG einbetten Datei:
<code class="html"><svg width="100%" height="100%">
<foreignObject width="100%" height="100%">
<html>
<head>
<style>
<!-- Code from above -->
</style>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>
</foreignObject>
</svg></code>
Schließlich fügen Sie die SVG-Datei mit einem in die GitHub-README-Datei ein. tag:
<img src="custom-animation.svg" alt="Animated text" />
Diese Methode bietet eine flexible und effiziente Möglichkeit, das Erscheinungsbild einer readme.md-Datei in einem GitHub-Repo anzupassen, ohne die Einschränkungen dedizierter CSS-Dateien.
Das obige ist der detaillierte Inhalt vonWie füge ich benutzerdefiniertes CSS zu Ihrer GitHub README.md hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!