分享一段自己nodeseek的CSS

q307616455 2026-09-08 15:25 1

/* ==============================================

 * NodeSeek Custom CSS

 * ============================================== */

/* 1.全局字体 */

* {

    font-family: "LXGW WenKai", sans-serif !important;

}

/* 2.鼠标指针 */

* {

    cursor: url('https://npm.elemecdn.com/kang-static/Hexo/img/default.cur'), auto !important;

}

body, html {

    cursor: url('https://npm.elemecdn.com/kang-static/Hexo/img/default.cur'), auto !important;

}

img, a:hover, button:hover, i:hover, svg:hover, .transition:hover, .btn:hover {

    cursor: url('https://npm.elemecdn.com/kang-static/Hexo/img/pointer.cur'), auto !important;

}

/* 3.背景层-深色背景 */

body::before {

    content: "";

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -2;

    background-color: rgb(32, 36, 37);

    background-image:

        linear-gradient(rgba(32, 36, 37, 0.3), rgba(32, 36, 37, 0.8)),

        url('https://t.alcy.cc/moez');

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

    pointer-events: none;

}



/* 4.主卡片容器：帖子、评论、头部底部 */

#nsk-body, header, footer, .post, .comment, .topic-card,

.nsk-panel, .category-list, .user-stat, .search-box.pure-form {

    backdrop-filter: blur(6px) saturate(140%) !important;

    -webkit-backdrop-filter: blur(6px) saturate(140%) !important;

    background-color: rgba(32, 36, 37, 0.55) !important;

    border: 1px solid rgba(255, 255, 255, 0.12) !important;

    border-radius: 20px !important;

    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.35) !important;

    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);

    background-image: none !important;

}

#nsk-body:hover, header:hover, footer:hover, .post:hover, .comment:hover {

    transform: translateY(-4px);

    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;

    border-color: rgba(255, 255, 255, 0.2) !important;

}

/* 5.文字配色，解决看不清 */

body, #nsk-body, header, footer, .post, .comment,

.nsk-panel, .category-list, .user-stat {

    color: #f4f4f4 !important;

}

.nsk-panel .muted, .user-stat .muted, .info-item, .meta, .nsk-meta, .text-muted {

    color: #c8c8c8 !important;

}

a {

    color: #8ab4f8 !important;

    text-decoration: none;

    transition: color 0.3s ease;

}

a:hover {

    color: #a7c7f9 !important;

}

/* 小标签，不套完整卡片，仅改背景 */

.info-item {

    background-color: rgba(255, 255, 255, 0.06) !important;

}

.post-category {

    background-color: rgba(138, 180, 248, 0.20) !important;

    color:#dbeafe !important;

}

/* 6.头像样式 */

.avatar {

    border: 3px solid #555 !important;

    transition: all 0.3s ease-in-out;

}

.avatar:hover {

    border-color: #999 !important;

    box-shadow: 0 0 15px rgba(138, 180, 248, 0.4);

}

.avatar+.icon {

    display: none !important;

}

/* 7.按钮悬浮 */

.avatar-normal, .sorter, .btn {

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;

    transition: all 0.3s ease-in-out;

}

.avatar-normal:hover, .sorter:hover, .btn:hover {

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5), 0 0 10px rgba(138, 180, 248, 0.3) !important;

    transform: translateY(-2px);

}

.avatar-normal {

    border-radius: 20px;

}

/* 8.滚动条美化 */

::-webkit-scrollbar {

    width: 8px;

    height: 8px;

}

::-webkit-scrollbar-track {

    background-color: transparent;

}

::-webkit-scrollbar-thumb {

    background-color: rgba(120, 120, 120, 0.5);

    border-radius: 2em;

    border: 2px solid transparent;

    background-clip: padding-box;

}

::-webkit-scrollbar-thumb:hover {

    background-color: rgba(150, 150, 150, 0.7);

}

/* 9.输入框、搜索框 */

input, textarea {

    background-color: rgba(32, 36, 37, 0.6) !important;

    backdrop-filter: blur(4px);

    color: #f0f0f0 !important;

    border: 1px solid rgba(255,255,255,0.15) !important;

    border-radius: 12px !important;

}

input:focus, textarea:focus {

    border-color:#8ab4f8 !important;

    outline:none;

}

.search-box.pure-form input {

    background: transparent !important;

    color:#ffffff !important;

}

/* ========== 修复侧边栏导航文字过暗 ========== */

.nsk-panel .nav-item a,

.nsk-panel .sidebar-menu a {

    color: #e8e8e8 !important;

}

.nsk-panel .nav-item a:hover,

.nsk-panel .sidebar-menu a:hover {

    color: #8ab4f8 !important;

}

/* ========== 右侧快捷功能区、用户统计子模块文字 ========== */

.user-stat .block-title,

.user-stat .fast-link li a,

.user-stat .fast-link a {

    color: #eaeaea !important;

}

.user-stat .fast-link a:hover {

    color:#8ab4f8 !important;

}

/* ========== 评论回复正文文字 ========== */

.content-item,

.content-item .content,

.content-item p {

    color: #f0f0f0 !important;

}

/* 次要灰色小字，不要压太暗 */

.content-item .meta,

.nsk-panel .text-muted,

.user-stat .text-muted {

    color:#c2c8d0 !important;

}



/* =============================

 * 头像

 * ============================= */

.avatar{border:3px solid #fff !important}

.avatar+.icon{display:none !important}

.avatar-normal,.sorter,.btn{box-shadow:1px 1px 3px #000 !important}

.avatar-normal {

    border-radius: 20px;

}

/* =============================

 * 滚动条

 * ============================= */

::-webkit-scrollbar {

    width: 8px;

    height: 8px;

}

::-webkit-scrollbar-track {

    background-color: rgba(200, 200, 200, 0.2);

    border-radius: 2em;

}

::-webkit-scrollbar-thumb {

    background-color: #ccc;

    background-image: -webkit-linear-gradient(

      45deg,

      rgba(255, 255, 255, 0.4) 25%,

      transparent 25%,

      transparent 50%,

      rgba(255, 255, 255, 0.4) 50%,

      rgba(255, 255, 255, 0.4) 75%,

      transparent 75%,

      transparent

    );

    border-radius: 2em;

}

/* =============================

 * 鼠标指针

 * ============================= */

html, body {

    cursor: url('https://npm.elemecdn.com/kang-static/Hexo/img/default.cur'), auto !important;

}

img,

a:hover,

button:hover,

i:hover,

svg:hover,

.transition:hover {

    cursor: url('https://npm.elemecdn.com/kang-static/Hexo/img/pointer.cur'), auto !important;

}

/* =============================

 * 屏蔽推广

 * ============================= */

a.promotation-item:not([href*="nodeseek.com"]):not([href*="github.com"]):not([href*="nodequality.com"]) {

    display: none !important;

}

/* =============================

 * 隐藏签名

 * ============================= */

div.signature {

    display: none;

}

/* 屏蔽 contain 下全部div */

.contain div {

    display: none !important;

}

最新回复 (27)

solaireh3 09-08 15:27

1楼

那我也分享一下

/* =============================

 * 圣诞帽，需要把/space/13255改成你的，想要圣诞氛围可用，不需要可以注释掉

 * ============================= */

.post-list-item a[href^="/space/13255"]:after, #nsk-body-left [href^="/space/13255"]:after{

    transform: rotate(15deg);

    background-image: url(https://s2.loli.net/2023/12/23/53OXCHbelBTNht6.png);

    background-size: 15px 15px;

    background-repeat: no-repeat;

    content: "";

    position: absolute;

    width: 15px;

    height: 15px;

    left: 27px;

    top: -5px;

} 



/* =============================

 * 头像

 * ============================= */

.avatar{border:3px solid #fff !important}

.avatar+.icon{display:none !important}

.avatar-normal,.sorter,.btn{box-shadow:1px 1px 3px #000 !important}

.avatar-normal {

    border-radius: 20px;

}



/* =============================

 * 滚动条

 * ============================= */

::-webkit-scrollbar {

    width: 8px;

    height: 8px;

}

::-webkit-scrollbar-track {

    background-color: rgba(200, 200, 200, 0.2);

    border-radius: 2em;

}

::-webkit-scrollbar-thumb {

    background-color: #ccc;

    background-image: -webkit-linear-gradient(

      45deg,

      rgba(255, 255, 255, 0.4) 25%,

      transparent 25%,

      transparent 50%,

      rgba(255, 255, 255, 0.4) 50%,

      rgba(255, 255, 255, 0.4) 75%,

      transparent 75%,

      transparent

    );

    border-radius: 2em;

}



/* =============================

 * 鼠标指针

 * ============================= */

html, body {

    cursor: url('https://npm.elemecdn.com/kang-static/Hexo/img/default.cur'), auto !important;

}

img,

a:hover,

button:hover,

i:hover,

svg:hover,

.transition:hover {

    cursor: url('https://npm.elemecdn.com/kang-static/Hexo/img/pointer.cur'), auto !important;

}



/* =============================

 * 屏蔽推广

 * ============================= */

a.promotation-item:not([href*="nodeseek.com"]):not([href*="github.com"]):not([href*="nodequality.com"]) {

    display: none !important;

}



/* =============================

 * 隐藏签名

 * ============================= */

div.signature {

    display: none;

}

你知道我很菜的吧 09-08 15:27

2楼

效果图放出来
飞天De猪 09-08 15:27

3楼

很不错，已经用上了。谢谢大佬。
suncan 09-08 15:27

4楼

效果图，效果图 ^-^
飞天De猪 09-08 15:28

5楼

但是有个问题，回复的评论字看不见，应该是颜色没调对。
飞天De猪 09-08 15:28

6楼

效果图
suncan 09-08 15:29

7楼

@solaireh3 #1 不错啊，很简洁
sharkyzh 09-08 15:29

8楼

不错，感谢分享
gnafeh 09-08 15:46

9楼

@solaireh3 #1

还是你这个好, 他那个文字看不清, 用了一会感觉眼睛要瞎了.
q307616455 楼主 09-08 15:46

10楼

@飞天De猪 #5

/* ========== 评论回复正文文字 ========== /

.content-item,

.content-item .content,

.content-item p {

color: #f0f0f0 !important;

}

/ 次要灰色小字，不要压太暗 */

.content-item .meta,

.nsk-panel .text-muted,

.user-stat .text-muted {

color:#c2c8d0 !important;

}

直接填在代码后面试试看
飞天De猪 09-08 15:49

11楼

@q307616455 #10

干得漂亮已经解决了。建议你将原贴的代码增加这段代码。
飞天De猪 09-08 15:50

12楼

@q307616455 #10 但是私信里边字体看不清的问题还没解决。评论字体问题解决了。
silencePZ 09-08 15:56

13楼

nodeseek在哪里能注入css么
木北道 09-08 16:17

14楼

哎哟，不错哦。
飞天De猪 09-08 16:20

15楼

@silencePZ #13 顶部右边，你ID下面有个齿轮，进去最后面就可以设置了。
q307616455 楼主 09-08 16:44

16楼

@飞天De猪 #11

更新了代码。你再试试呢。私信应该是解决了
q307616455 楼主 09-08 16:45

17楼

@solaireh3 #1

融合了一下你的代码
q307616455 楼主 09-08 17:08

18楼

@飞天De猪 #15

我这看着正常啊！
飞天De猪 09-08 17:09

19楼

@q307616455 #18 奇怪了，那私信的气泡怎么调的，我的气泡跟你的不一样。

你看我的气泡跟你的都不同。奇怪了。
琥珀石的刻度 09-08 17:12

20楼

舒服了 ^-^
q307616455 楼主 09-08 17:30

21楼

@飞天De猪 #19

换成黑夜模式试试呢
飞天De猪 09-08 17:31

22楼

@q307616455 #21 可以了。原来要在黑夜模式下使用。
q307616455 楼主 09-08 17:36

23楼

@gnafeh #9 发布于2026/9/8 15:46:24

@solaireh3 #1

还是你这个好, 他那个文字看不清, 用了一会感觉眼睛要瞎了.

修复了
gnafeh 09-08 17:43

24楼

@q307616455 #23 发布于2026/9/8 17:36:10

@gnafeh #9 发布于2026/9/8 15:46:24

@solaireh3 #1

还是你这个好, 他那个文字看不清, 用了一会感觉眼睛要瞎了.

修复了

可以了, 原来要开黑夜模式, 舒服多了 ^-^
weeb8888 09-08 17:43

25楼

感谢分享 ^-^

大闸泄 09-08 17:44

26楼

放出我用的，之前论坛里佬的作品（忘了具体出处了。。。），用着很舒服就一直用着了

#nsk-left-panel-container {

  opacity: 0;

  transition: opacity 0.3s ease;

}

#nsk-left-panel-container:hover {

  opacity: 1;

}

/* === 变量定义 === */

:root {

  --color-bg: #121212;

  --color-bg-overlay: rgba(18, 18, 18, 0.85);

  --color-panel: rgba(24, 24, 24, 0.85);

  --color-text: #e0e0e0;

  --color-sec: #cccccc;

  --color-link: #FF7A4A; /* New color for non-hovered links */

  --color-link-hover: #58a6ff;

  --color-text-non-link: #d0d0d0; /* New color for non-link text */

  --bg-image-pc: url(https://files.qrfly.top/pic/randompc.png) center/cover fixed;

  --bg-image-mobile: url(https://files.qrfly.top/pic/73205835_p0_master1200.jpg) center/cover fixed;

  --cursor-default: url('https://npm.elemecdn.com/kang-static/Hexo/img/default.cur'), auto;

  --cursor-pointer: url('https://npm.elemecdn.com/kang-static/Hexo/img/pointer.cur'), auto;

}



/* === 全局基础样式 === */

html, body {

  margin: 0;

  padding: 0;

  background: var(--bg-image-pc), var(--color-bg) !important;

  background-attachment: fixed;

  background-size: cover;

  color: var(--color-text) !important;

}

@media (max-width: 768px) {

  html, body {

    background: var(--bg-image-mobile), var(--color-bg) !important;

  }

}



/* === 隐藏与移除 === */

body::before,

a.promotation-item,

avatar + .icon {

  display: none !important;

  content: none !important;

}



/* === 半透明面板 === */

#nsk-body,

footer {

  background: var(--color-panel) !important;

}



/* === 顶栏透明 === */

header {

  background: transparent !important;

  box-shadow: none !important;

}



/* === 右侧用户卡 & 帖子主体背景 === */

#nsk-right-panel-container > div:first-child,

.topic-content .message-wrapper,

.topic-content .message-item,

article.post-content,

.post-content {

  background: transparent !important;

  box-shadow: none !important;

  border: none !important;

}



/* === 头像、按钮阴影与圆角 === */

.avatar,

.avatar-normal,

.sorter,

.btn {

  box-shadow: 1px 1px 3px rgba(255,255,255,0.15) !important;

}

.avatar {

  border: 3px solid #fff !important;

  border-radius: 20px !important;

}



/* === “+ 发帖” 按钮 === */

#nsk-right-panel-container > div:nth-child(2) > a {

  background-color: #007bff !important;

  border-color: #007bff !important;

}

#nsk-right-panel-container > div:nth-child(2) > a > span {

  color: #fff !important;

}



/* === 滚动条 === */

::-webkit-scrollbar {

  width: 8px;

  height: 8px;

}

::-webkit-scrollbar-track {

  background-color: rgba(255,255,255,0.1) !important;

  border-radius: 2em;

}

::-webkit-scrollbar-thumb {

  background-color: rgba(255,255,255,0.2) !important;

  border-radius: 2em;

}



/* === 链接与文字颜色 === */

.post-content a {

  color: var(--color-link) !important;

}

.post-content {

  color: var(--color-sec) !important;

}

a:hover,

.post-content a:hover {

  color: var(--color-link-hover) !important;

}

.post-content {

  color: var(--color-text-non-link) !important; /* Non-link text color */

}



.post-content a:visited {

  color: #b3896b !important;

}



.post-list-content .post-title a:visited {

  color: #b3896b !important;

}



/* === 全局鼠标指针 === */

* {

  cursor: var(--cursor-default) !important;

}

img:hover,

a:hover,

button:hover,

i:hover,

svg:hover,

.transition:hover {

  cursor: var(--cursor-pointer) !important;

}

q307616455 楼主 09-08 18:02

27楼

@大闸泄 #26

看了一下，挺不错的

* 帖子来源NodeSeek

附近帖子

↑Selected model is at capacity. Please try a different model
↑玩机也半年了，犒劳一下自己了
↑gpt 6 蹬的太快了
↑不开公益站后清理了好多性能鸡
↑🔥【ChatGPT Plus 菲区直充账号｜低价出】
📍 分享一段自己nodeseek的CSS
↓折价收hostdzire自营16c32g
↓Grok 一个月套餐,哪个区价格最低啊？
↓大家怎么看待住东莞去深圳上班4个小时通勤
↓gpt 20x 怎么搞定账号和支付？
↓真的有喜欢开车上下班的吗？

飞读

q307616455

主题数
1

帖子数
1

注册排名
3

随机推荐