部落格園皮膚設定 - 第一版

A-刘晨阳發表於2024-07-23

只修改了側邊欄和自定義透明背景；

基本設定

側邊欄

<div> 
	<marquee direction="left" bgcolor="#e66465" scrollamount="30" scrolldelay="450" width="100%" height="30" style="line-height:30px;color:#fff;">不能太貪心，否則你什麼也抓不住，過去的就讓它過去吧。在IT運維領域,我會一如既往的堅持下去。不荒廢現在，不畏懼未來。</marquee><p> </p>
    <div style="text-align: center;border-radius:10px;background-image: linear-gradient(#e66465, #9198e5);">
	<p> </p>
	<span style="color:#000000;">個人部落格：</span> 
		<a style="color:#ffffff;" href="http://liuchenyang.top" target="_blank">點選進入</a> 
	<p> </p>
	<span style="color:#000000;">CSDN部落格：</span> 
		<a style="color:#ffffff;" href="https://liucy.blog.csdn.net/" target="_blank">點選進入</a> 
	<p> </p>
	<span style="color:#000000;">運維交流社群：</span> 
		<a style="color:#ffffff;" href="https://bbs.csdn.net/forums/lcy" target="_blank">點選進入</a> 
	<p> </p>
	<span style="color:#000000;">Gitee個人主頁：</span> 
        <a style="color:#ffffff;" href="https://gitee.com/liu-chenyang" target="_blank">點選進入</a>
	<p> </p>
	<span style="color:#000000;">GitHub個人主頁：</span> 
		<a style="color:#ffffff;" href="https://github.com/liuchenyang0703" target="_blank">點選進入</a> 
	<p> </p>
	<span style="color:#000000;">GitCode個人主頁：</span> 
		<a style="color:#ffffff;" href="https://gitcode.net/liu_chen_yang" target="_blank">點選進入</a> 
	<p> </p>
	<span style="color:#000000;">華為雲個人主頁：</span> 
		<a style="color:#ffffff;" href="https://bbs.huaweicloud.com/community/usersnew/id_1661843828089234" target="_blank">點選進入</a> 
	<p> </p>
    <span style="color:#000000;">阿里雲個人主頁：</span> 
		<a style="color:#ffffff;" href="https://developer.aliyun.com/profile/7yu26jk3lfqxg" target="_blank">點選進入</a> 
	<p> </p>
	<span style="color:#000000;">個人QQ郵箱：</span> 
		<a style="color: #ffffff;">2162059863@qq.com</a>
	<p> </p>
    </div>
</div>

<br>
<center>
    <font color="#D2691E">微信公眾號：小劉Linux</font>
</center>
<center>
    <img src="https://lcy-blog.oss-cn-beijing.aliyuncs.com/blog/202406261105639.jpeg" alt="202406261105639.jpeg" width="230" height="230" />
</center>
<br>
<center>
    <font color="#D2691E">感謝大家的關注與支援！</font>
</center>

頁面定製css程式碼

body {

    background-image: url(https://lcy-blog.oss-cn-beijing.aliyuncs.com/blog/202406251629791.jpg);

    background-width: 100%;

    background-height: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center 0;
}

.postTitle {

    font-size: x-large !important;

}


#home, pre {

    background-color: #fffc !important;

    border-radius: 10px;

}


code {

    background-color: rgba(0, 0, 0, 0.8) !important;

}


#sideBar div {

    background-color: transparent !important;

}


.table-wrapper {

    background-color: #fff9;

}

.table-wrapper th {

    background-color: #fff9 !important;

}


blockquote, details {

    background: none !important;

    background-color: #eee8 !important;

    border-radius: 10px;

}

summary {

    border-radius: 10px;

    background-color: #eee9;

    font-size: large;

    font-weight: bold;

}

相關文章