應該不再修改 xlog 頁面樣式了，除非我看到更漂亮的頁面😜
先說說對 xlog 的印象，作為基本博客肯定夠用了，
對於有強迫症想要都隨自己心意修改的博主，真的是太難了。
除了剛上手時有些不習慣以外就沒啥不滿意的地方了，除了被牆！
下邊是樣式圖
下邊提供定稿 css 代碼
/*--副標題彩色*/
.whitespace-pre-wrap {
background-image: -webkit-linear-gradient(left,#3498db,#f47920 10%,#d71345 20%,#f7acbc 30%,#ffd400 40%,#3498db 50%,#f47920 60%,#d71345 70%,#f7acbc 80%,#ffd400 90%,#3498db);
color: transparent;
-webkit-background-clip: text;
-webkit-animation: slide 2s infinite linear;
animation: slide 5s infinite linear;
}
/*--鼠標選擇樣式文章概要動態變大*/
.xlog-post:hover {
transform: scale(1.2);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.xlog-post {
padding: 1rem;
}
/*---鼠標選擇樣式歸檔文章列表動態變大*/
.items-center.-mx-2:hover {
transform: scale(1.2);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
/*--鼠標選擇樣式按鈕變大*/
.button:hover {
transform: scale(1.2);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
/*--導航條移到頂部*/
.xlog-site-navigation {
position:absolute;
top:0px;
}
/*--連接按鈕位置不變*/
.pl-1 {
margin-left:auto
}
/*--調整橫幅位置*/
.py-12 {
padding-bottom: 20px;
padding-top: 45px;
}
/*--調整連接上下位置*/
.flex.text-gray-500 {
padding-bottom: 10px;
}
/*-- 頂部代碼雨*/
.border-zinc-100 {
background-image:url('https://xlog.app/_next/image?url=https%3A%2F%2Fipfs.4everland.xyz%2Fipfs%2Fbafkreibiivd46q6qfd6dzri6j6ltw53tzrudcqk7fmxhsj32qbqer7zkra&w=1920&q=75');
background-repeat:repeat;
}