CSS tersuai untuk Readme.md dalam Repos GitHub
Mengesahkan nama fail CSS yang mengubah suai fail readme.md pada akar repo GitHub adalah penting apabila menyesuaikan penampilan repositori. Walaupun sesetengah percaya ia adalah .github/github.css, ia mungkin tidak membuahkan hasil yang diharapkan.
Daripada bergantung pada fail CSS khusus, pendekatan yang lebih berkesan melibatkan membenamkan HTML dan CSS dalam teg dalam GitHub README. Ini boleh dicapai dengan menggunakan
Sebagai contoh, untuk mencipta animasi ringkas yang menukar warna teks h1:
<code class="css">h1 {
color: red;
animation: myanimation 2s infinite;
}
@keyframes myanimation {
from {
color: red;
}
to {
color: yellow;
}
}</code>Dan kemudian benamkan animasi dalam SVG fail:
<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>Akhir sekali, masukkan fail SVG dalam README GitHub menggunakan tag:
<img src="custom-animation.svg" alt="Animated text" />
Kaedah ini menyediakan cara yang fleksibel dan cekap untuk menyesuaikan penampilan fail readme.md dalam repo GitHub, tanpa had fail CSS khusus.
Atas ialah kandungan terperinci Bagaimana untuk Menambah CSS Tersuai pada GitHub README.md Anda?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
