链接直达(更全)

[button color="info" url="https://emoji6.com/emojiall/" outline="default" target="_blank"]Emoji大全链接[/button]

常用Emoji(非图片可复制)

常见表情

😀😁😂😃😄😅😆😉😊😋😎😍😘😗😙😚☺😇😐😑😶😏😣😥😮😯😪😫😴😌😛😜😝😒😓😔😕😲😷😖😞😟😤😢😭😦😧😨😬😰😱😳😵😡😠

人物

👦👧👨👩👴👵👶👱👮👲👳👷👸💂🎅👰👼💆💇🙍🙎🙅🙆💁🙋🙇🙌🙏👤👥🚶🏃👯💃👫👬👭💏💑👪

手势

💪👈👉☝👆👇✌✋👌👍👎✊👊👋👏👐✍

日常

👣👀👂👃👅👄💋👓👔👕👖👗👘👙👚👛👜👝🎒💼👞👟👠👡👢👑👒🎩🎓💄💅💍🌂

手机

📱📲📶📳📴☎📞📟📠

公共

♻🏧🚮🚰♿🚹🚺🚻🚼🚾⚠🚸⛔🚫🚳🚭🚯🚱🚷🔞💈

动物

🙈🙉🙊🐵🐒🐶🐕🐩🐺🐱😺😸😹😻😼😽🙀😿😾🐈🐯🐅🐆🐴🐎🐮🐂🐃🐄🐷🐖🐗🐽🐏🐑🐐🐪🐫🐘🐭🐁🐀🐹🐰🐇🐻🐨🐼🐾🐔🐓🐣🐤🐥🐦🐧🐸🐊🐢🐍🐲🐉🐳🐋🐬🐟🐠🐡🐙🐚🐌🐛🐜🐝🐞🦋

植物

💐🌸💮🌹🌺🌻🌼🌷🌱🌲🌳🌴🌵🌾🌿🍀🍁🍂🍃

自然

🌍🌎🌏🌐🌑🌒🌓🌔🌕🌖🌗🌘🌙🌚🌛🌜☀🌝🌞⭐🌟🌠☁⛅☔⚡❄🔥💧🌊

饮食

🍇🍈🍉🍊🍋🍌🍍🍎🍏🍐🍑🍒🍓🍅🍆🌽🍄🌰🍞🍖🍗🍔🍟🍕🍳🍲🍱🍘🍙🍚🍛🍜🍝🍠🍢🍣🍤🍥🍡🍦🍧🍨🍩🍪🎂🍰🍫🍬🍭🍮🍯🍼☕🍵🍶🍷🍸🍹🍺🍻🍴

文体

🎪🎭🎨🎰🚣🛀🎫🏆⚽⚾🏀🏈🏉🎾🎱🎳⛳🎣🎽🎿🏂🏄🏇🏊🚴🚵🎯🎮🎲🎷🎸🎺🎻🎬

恐怖

😈👿👹👺💀☠👻👽👾💣

旅游

🌋🗻🏠🏡🏢🏣🏤🏥🏦🏨🏩🏪🏫🏬🏭🏯🏰💒🗼🗽⛪⛲🌁🌃🌆🌇🌉🌌🎠🎡🎢🚂🚃🚄🚅🚆🚇🚈🚉🚊🚝🚞🚋🚌🚍🚎🚏🚐🚑🚒🚓🚔🚕🚖🚗🚘🚚🚛🚜🚲⛽🚨🚥🚦🚧⚓⛵🚤🚢✈💺🚁🚟🚠🚡🚀🎑🗿🛂🛃🛄🛅

物品

💌💎🔪💈🚪🚽🚿🛁⌛⏳⌚⏰🎈🎉🎊🎎🎏🎐🎀🎁📯📻📱📲☎📞📟📠🔋🔌💻💽💾💿📀🎥📺📷📹📼🔍🔎🔬🔭📡💡🔦🏮📔📕📖📗📘📙📚📓📃📜📄📰📑🔖💰💴💵💶💷💸💳✉📧📨📩📤📥📦📫📪📬📭📮✏✒📝📁📂📅📆📇📈📉📊📋📌📍📎📏📐✂🔒🔓🔏🔐🔑🔨🔫🔧🔩🔗💉💊🚬🔮🚩🎌💦💨

标志

♠♥♦♣🀄🎴🔇🔈🔉🔊📢📣💤💢💬💭♨🌀🔔🔕✡✝🔯📛🔰🔱⭕✅☑✔✖❌❎➕➖➗➰➿〽✳✴❇‼⁉❓❔❕❗©®™🎦🔅🔆💯🔠🔡🔢🔣🔤🅰🆎🅱🆑🆒🆓ℹ🆔Ⓜ🆕🆖🅾🆗🅿🆘🆙🆚🈁🈂🈷🈶🈯🉐🈹🈚🈲🉑🈸🈴🈳㊗㊙🈺🈵▪▫◻◼◽◾⬛⬜🔶🔷🔸🔹🔺🔻💠🔲🔳⚪⚫🔴🔵

生肖

🐁🐂🐅🐇🐉🐍🐎🐐🐒🐓🐕🐖

星座

♈♉♊♋♌♍♎♏♐♑♒♓⛎

钟表

🕛🕧🕐🕜🕑🕝🕒🕞🕓🕟🕔🕠🕕🕡🕖🕢🕗🕣🕘🕤🕙🕥🕚🕦⌛⏳⌚⏰⏱⏲🕰

心形

💘❤💓💔💕💖💗💙💚💛💜💝💞💟❣、

花草

💐🌸💮🌹🌺🌻🌼🌷🌱🌿🍀

树叶

🌿🍀🍁🍂🍃

月亮

🌑🌒🌓🌔🌕🌖🌗🌘🌙🌚🌛🌜🌝

水果

🍇🍈🍉🍊🍋🍌🍍🍎🍏🍐🍑🍒🍓

钱币

💴💵💶💷💰💸💳

交通

🚂🚃🚄🚅🚆🚇🚈🚉🚊🚝🚞🚋🚌🚍🚎🚏🚐🚑🚒🚓🚔🚕🚖🚗🚘🚚🚛🚜🚲⛽🚨🚥🚦🚧⚓⛵🚣🚤🚢✈💺🚁🚟🚠🚡🚀

建筑

🏠🏡🏢🏣🏤🏥🏦🏨🏩🏪🏫🏬🏭🏯🏰💒🗼🗽⛪🌆🌇🌉

办公

📱📲☎📞📟📠🔋🔌💻💽💾💿📀🎥📺📷📹📼🔍🔎🔬🔭📡📔📕📖📗📘📙📚📓📃📜📄📰📑🔖💳✉📧📨📩📤📥📦📫📪📬📭📮✏✒📝📁📂📅📆📇📈📉📊📋📌📍📎📏📐✂🔒🔓🔏🔐🔑

箭头

⬆↗➡↘⬇↙⬅↖↕↔↩↪⤴⤵🔃🔄🔙🔚🔛🔜🔝

参考链接

[button color="info" url="https://emoji6.com/emojiall/" outline="default" target="_blank"]Emoji搜索大全链接[/button] [button color="info" url="https://www.json.cn/document/emoji/" outline="default" target="_blank"]Emoji复制大全链接[/button]

感谢

[quote color="warning"]感谢Jörg Angeli提供的封面图片
[/quote]
[button color="success" url="https://unsplash.com/photos/white-clouds-CAMwIxYk5Xg" target="_blank"]图片链接
[/button]

添加猫猫

站点添加可爱猫猫~

评论区添加动图

评论区添加动图~
把链接里的图片改成Gif动图即可

点击评论时动图划走

#comment-textarea {
background-image:url(https://res.liuzeqi.com/blog/images/plk.gif);
background-size:contain;
background-repeat:no-repeat;
background-position:right bottom;
transition:all 0.25s ease-in-out 0s;
}

textarea#comment-textarea:focus{
  background-position-y:120px;
  transition:all 0.25s ease-in-out 0s;
}

再在后台设置里更改动图链接

#comment-textarea {background-image:url(xxx);};

xxx为自己想放上去的链接
[/card]
[card title="2023/9/5" color="danger"]

卡片边缘添加阴影增加层次感

增加box-shadow属性

xxx{
  box-shadow: 0 3px 8px 6px rgba(7,17,27,0.05);
}

鼠标悬浮卡片响应式增加阴影

xxx:hover{
  box-shadow: 0 3px 8px 6px rgba(7,17,27,0.05);
}

彩色滚动条

彩色滚动条~
[/card]

2023/9/2

[card title="部署CDN加快响应速度" color="danger"]
CDN加速~
[/card]

2023/9/4

[card title="显示器大小导致的页面溢出问题" color="danger"]
解决方法：

@media (max-width: 1500px){
}

通过css样式判断屏幕分辨率大小并且调整显示布局。
[/card]

2025/10/15

[card title="优化css设置使目录边框上移河狸" color="danger"]

.dropdown-menu{ position: relative; }
.dropdown-menu::before{ z-index: 0; }
.dropdown-menu .dropdown-item{ position: relative; z-index: 1; }

[/card]

2025/10/24

[card title="目录栏追加当前阅读部分显示功能，绿色为已预读，黄色为正在阅读，红色为未阅读" color="danger"]

/* === 目录整体样式 === */
.index-menu {
  font-weight: 500;
  font-size: 14px;       /* ← 原15px → 14px，更细致 */
  color: #212529;
  line-height: 1.5;      /* ← 稍微收紧行距 */
  letter-spacing: 0.1px; /* ← 字距更自然 */

  --dot-size: 10px;
  --gutter: 18px;
}


/* 去掉原生 marker，用自定义圆点 */
.index-menu li {
  list-style: none;
  position: relative;
  padding-left: var(--gutter);
}

/* 链接过渡 */
.index-menu-item a,
.index-menu li a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  vertical-align: middle;
  transition: color 1.2s ease, text-shadow 1.2s ease;
  font-size: 0.94em;  
}

/* 默认圆点样式 */
.index-menu li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.05em; 
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background: #f25f5c; /* 默认粉红 */
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  transform: translateY(-50%);
  transition: all 0.4s ease;
}

/* 禁用所有动画 */
.index-menu li::before,
.index-menu li::after {
  animation: none !important;
}
.index-menu li::after {
  content: none !important;
}

/* 子级尺寸调整 */
.index-menu li li { --dot-size: 8px; }
.index-menu li li li { --dot-size: 7px; }

/* === 红绿灯状态色 === */

/* 🟢 已过（past） */
.index-menu li.past::before {
  background-color: #62c370;
  box-shadow: 0 0 6px rgba(98,195,112,0.6);
}

/* 🟡 当前（current） */
@keyframes softPulseCurrent {
  0% {
    transform: translateY(-50%) scale(1);
    box-shadow: 0 0 6px rgba(242,177,52,0.5);
  }
  50% {
    transform: translateY(-50%) scale(1.3);
    box-shadow: 0 0 14px rgba(242,177,52,0.8);
  }
  100% {
    transform: translateY(-50%) scale(1);
    box-shadow: 0 0 6px rgba(242,177,52,0.5);
  }
}
.index-menu li.current::before {
  background-color: #f2b134;
  box-shadow: 0 0 8px rgba(242,177,52,0.6);
  animation: softPulseCurrent 3s ease-in-out infinite !important;
}

/* 🔴 未到（future） */
.index-menu li.future::before {
  background-color: #f25f5c;
  box-shadow: 0 0 6px rgba(242,95,92,0.5);
}

/* === 文字颜色 === */
.index-menu li.past > a {
  color: #62c370;
  text-shadow: 0 0 6px rgba(98,195,112,0.4);
}
.index-menu li.current > a {
  color: #f2b134;
  text-shadow: 0 0 6px rgba(242,177,52,0.4);
}
.index-menu li.future > a {
  color: #f25f5c;
  text-shadow: 0 0 6px rgba(242,95,92,0.4);
}

/* 层级缩进微调 */
.index-menu li li {
  --dot-size: 8px;
  padding-left: calc(var(--gutter) - 8px);
}
.index-menu li li::before {
  left: -4px;
}
.index-menu li li li {
  --dot-size: 7px;
  padding-left: calc(var(--gutter) - 10px);
}
.index-menu li li li::before {
  left: -6px;
}
    /* 优化菜单 */
    /*  */
    /*  */

[/card]

宝塔终端显示链接丢失问题

云服务器先进入后台管理员权限然后后台输入

btpip install simple-websocket==0.10.0 && bt 1