基本設定
側邊欄
<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://www.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程式碼
#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}
頁首html程式碼
<div id="loading"><div class="loader-inner"></div></div>
頁尾html程式碼
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
const opts = {
theme: {
name: 'geek',
url: "https://acnblogs.gitee.io/acnb-theme-geek/index.iife.js",
log: true,
avatar: "https://img2024.cnblogs.com/blog/2585009/202407/2585009-20240723150652057-1416121964.jpg", //頭像
headerBackground:
"https://blog-static.cnblogs.com/files/blogs/775095/1.gif?t=1668326814", //背景
},
highLight: {
enable: true,
},
lineNumbers: {
enable: true,
},
github: {
enable: false,
url: "https://github.com/tiansztiansz",
},
gitee: {
enable: false,
url: 'https://gitee.com/weiyigeek',
},
click: {
enable: true,
},
emoji: {
enable: true,
},
darkMode: {
enable: true,
autoDark: true,
autoLight: false,
},
qrcode: {
enable: false,
img: 'https://weiyigeek.top/img/wechat-search.png',
desc: 'WeiyiGeek 公眾號',
},
donation: {
enable: false,
qrcodes: ['https://cdn.jsdelivr.net/gh/weiyigeek/weiyigeek.github.io/img/reward-alipay.png'],
},
signature: {
enable: true,
contents: [
"<b>為了能到遠方，腳下的每一步都不能少.</b>",
"Always keep a beginner's mind, don't forget the beginner's mind.",
"<b>花開堪折直須折，莫待無花空折枝。</b>",
"<b>一件事情不付諸實踐，即使在心裡想一萬遍也是徒然。</b>",
"<b>一沙一世界，一花一天堂。君掌盛無邊，剎那成永恆。</b>",
"<b>💡 有理想，但不妄想， 💭 有希望，但不奢望， 🐬 有作為，但不妄為。</b>",
"我們登上的並非我們所選擇的舞臺，演出並非我們所選擇的劇本。-- 愛比克泰德 (古羅馬哲學家) 。",
"<b>不聞不若聞之，聞之不若見之，見之不若知之，知之不若行之，學至於行之而止矣 -- 荀子</b>",
"<b>聞見知行。</b>",
"<b>開頭很簡單，最難的是堅持。</b>",
"<b>擁有知識的錯覺，比沒有知識更可怕!</b>",
"<b>如果你只做能力範圍之內的事，你就永遠不會有進步!</b>",
"<b>沒有落魄的行業，只有落魄的人!</b>",
"<b>業精於勤荒於嬉，行成於思毀於隨! </b>",
"<b>路漫漫其修遠兮，吾將上下而求索。</b>",
],
},
postSignature: {
enable: true,
enableLicense: true,
content: ['署名-非商業性使用-相同方式共享 4.0 國際', 'https://creativecommons.org/licenses/by-nc-sa/4.0/'],
},
links: {
enable: false,
value: [
{
name: "🍞 個人主頁",
link: "https://www.weiyigeek.top",
},
{
name: "🎨 部落格主頁",
link: "https://blog.weiyigeek.top",
},
{
name: "👨💻 博主介紹",
link: "https://blog.weiyigeek.top/about/index.html",
},
{
name: "🍻 微信公眾號",
link: "https://weiyigeek.top/img/wechat-search.png",
},
{
name: "🧀 Bilibili",
link: "https://space.bilibili.com/385802642/article",
},
{
name: "🍪 今日頭條",
link: "https://www.toutiao.com/c/user/token/MS4wLjABAAAAqcPSoMqfctaEqJpGSF775eeCjWkrop4AOyLITdMx-L78F5iXzfQcSRM5sY4dq3wR/?source=author_home",
},
{
name: "🦁 百家號",
link: "https://author.baidu.com/home?from=blog&app_id=1726736601523415",
}
],
},
};
$.awesCnb(opts);
</script>
頁面展示
