诺惶

网站开源

诺惶的网站搭载于WordPress、Typecho、emlog等无代码建站系统，大部分功能均通过插件实现。
在此将使用的主题和插件全部公开，供各路WordPress等网页制作爱好者进行参考。
谢谢所有作者，跪谢的那种。
PS1：没有广告。（）
PS2：不保证所有作者的主页均能访问。请以实际情况为准。

一、chbnuohuang.com

chbnuohuang.com：

搭载于WordPress。
主题：Blockskit Base，作者：BlockskitDev。
插件：

6thdimension.chbnuohuang.com：

搭载于WordPress。
主题：FotaWP，作者：CozyThemes。
插件：

wiki.chbnuohuang.com：

搭载于wiki.js。
使用了来自作者AurLemon的css样式。项目地址：https://github.com/AurLemon/wikijs-citizen-styles。

n.chbnuohuang.com：

搭载于WordPress。
主题：WebStack，作者：iowen。
插件：

flarum.chbnuohuang.com：

搭载于flarum。
使用简体中文语言包。官方发布地址及说明：https://discuss.flarum.org/d/22690-simplified-chinese-language-pack

composer require flarum-lang/chinese-simplified
php flarum cache:clear

插件：

composer require the-turk/flarum-flamoji
composer require fof/drafts:"*"
composer require fof/links
composer require fof/nightmode:"*"
composer require fof/upload:"*"
composer require fof/user-bio:"*"
composer require xelson/flarum-ext-chat
composer require sycho/flarum-profile-cover:*
cloud.chbnuohuang.com：

搭载于cloudreve。

winter.library.chbnuohuang.com：

⭐使用Java编写。作者：季夏惊蛰。

Html前端： 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CDK</title>
    <!-- 引入 Layui 的 CSS 文件 -->
    <link rel="stylesheet" href="/layui/css/layui.css">
    <!-- 引入 jQuery 库 -->
    <script src="/js/jquery-3.7.1.js"></script>
    <!-- 引入 Layui 的 JS 文件 -->
    <script src="/layui/layui.js"></script>
</head>

<body>
<div class="layui-container" style="margin-top: 30px;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6 layui-col-md-offset3">
            <form id="cdkForm" class="layui-form">
                <div class="layui-form-item">
                    <label class="layui-form-label">激活码</label>
                    <div class="layui-input-block">
                        <!-- 修复点1：保留name属性用于数据提交 -->
                        <input type="text" id="activationCode" name="activationCode"
                               lay-verify="required" placeholder="请输入激活码"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="cdkSubmit">提交</button>
                    </div>
                </div>
            </form>
            <!-- 修复点2：初始化折叠面板展开状态 -->
            <div id="resultDisplay" class="layui-collapse" lay-accordion>
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">查询结果</h2>
                    <div class="layui-colla-content layui-show">等待查询中...</div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    layui.use(['form',  'layer'], function(){
        var form = layui.form;
        var layer = layui.layer;

        // 监听表单提交事件
        form.on('submit(cdkSubmit)',  function(data){
            // 修复点3：获取正确的激活码数据
            var activationCode = data.field.activationCode;

            $.ajax({
                url: '/api/cdk/inquire',
                method: 'POST',
                data: { activationCode: activationCode },
                dataType: 'json',
                success: function(response) {
                    // 修复点4：动态更新折叠面板内容
                    var resultContent = $('#resultDisplay .layui-colla-content');

                    if(response.flag  === 'success'){
                        resultContent.html('✅  查询成功：' + response.data);
                    }else{
                        resultContent.html('❌  查询失败：' + response.data);
                    }

                    // 修复点5：强制重新渲染折叠面板 [3]()
                    layui.form.render('collapse');
                },
                error: function(error) {
                    $('#resultDisplay .layui-colla-content').html('⚠️ 请求异常，请检查网络');
                    console.error(' 请求出错:', error);
                }
            });
            return false;
        });
    });
</script>
</body>

</html>
image.chbnuohuang.com：

搭载于EasyImage。

二、chbnuohuang.top

chbnuohuang.top：

搭载于WordPress。
主题：Assembler，作者：Automattic。
插件：

i.chbnuohuang.top：

搭载于WordPress。
主题：Clearwork，作者：Alexander Agnarson。
插件：

三、chbnuohuang.net

chbnuohuang.net：

搭载于WordPress。
主题：FotaWP，作者：CozyThemes。
插件：

四、chbnuohuang.xin

chbnuohuang.xin：

搭载于WordPress。
主题：Storeys，作者：闪电博。
插件：

rrrrwrrrr.chbnuohuang.xin：

搭载于typecho。
主题：HucorePro。

五、chbnuohuang.icu

chbnuohuang.icu：

搭载于Typecho。
主题：Final。

vonnect-world.chbnuohuang.icu：

搭载于Typecho。
主题：win95。

emlog.chbnuohuang.icu：

搭载于emlog。
主题：Bubble(Typecho模板移植)，作者：此即明日。
插件：

dcomputer.chbnuohuang.icu：

搭载于Typecho。
主题：win10资源管理器，作者：怡和路恶霸。
插件：

六、chbnuohuang.work

chbnuohuang.work：

搭载于WordPress。
主题：二〇二五，作者：WordPress 团队。
插件：

七、lynthz.top

lynthz.top：

搭载于WordPress。
主题：二〇二五，作者：WordPress 团队。
插件：

八、fhafterdinner.top

fhafterdinner.top：

搭载于WordPress。
主题：二〇二五，作者：WordPress 团队。
插件：

九、chbnuohuang.ink

网页由DeepSeek生成。

首页(下雨动画) 
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>chbnuohuang.ink</title>
    <style>
        /* 基础样式 */
        body {
            margin: 0;
            overflow: hidden;
            background-color: #CFCFCF;
            position: relative;
        }
        
        #canvas {
            display: block;
            width: 100%;
            height: 100vh;
        }
 
        /* 页脚样式 */
        .footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 12px 0;
            text-align: center;
            color: #616161;
            font-family: Arial, sans-serif;
            background: linear-gradient(transparent, rgba(207,207,207,0.8));
            z-index: 1;
        }
        
        .footer span {
            display: block;
            line-height: 1.6;
        }
 
        .footer a {
            color: #616161;
            text-decoration: none;
            transition: opacity 0.3s;
        }
 
        .footer a:hover {
            opacity: 0.8;
        }
 
        /* 响应式适配 */
        @media (max-width: 768px) {
            #canvas {
                height: 100dvh;
            }
            
            .footer {
                font-size: 14px;
                padding: 8px 0;
            }
        }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>
    
    <div class="footer">
        <span><a href="https://chbnuohuang.ink/about.html"  target="_blank">关于</a></span>
		<span><a href="https://n.chbnuohuang.com"  target="_blank">导航站</a></span>
        <span>网页由DeepSeek生成。</span>
    </div>
 
    <script>
        const canvas = document.getElementById('canvas'); 
        const ctx = canvas.getContext('2d'); 
        
        // 初始化画布尺寸 
        function resizeCanvas() {
            canvas.width  = window.innerWidth; 
            canvas.height  = window.innerHeight; 
        }
        resizeCanvas();
        
        // 雨滴对象 
        class RainDrop {
            constructor() {
                this.reset(); 
            }
            
            reset() {
                this.x = Math.random()  * canvas.width; 
                this.y = -20;
                this.speed  = 1 + Math.random()  * 2;
                this.length  = 10 + Math.random()  * 20;
                this.alpha  = 0.5 + Math.random()  * 0.5;
            }
            
            update() {
                this.y += this.speed; 
                this.x += Math.sin(Date.now()  * 0.001) * 0.5; // 添加左右飘动效果 
                
                if (this.y > canvas.height  + this.length)  {
                    this.reset(); 
                }
            }
            
            draw() {
                ctx.beginPath(); 
                ctx.moveTo(this.x,  this.y);
                ctx.lineTo(this.x,  this.y + this.length); 
                ctx.strokeStyle  = `rgba(97, 97, 97, ${this.alpha})`; 
                ctx.lineWidth  = 1;
                ctx.stroke(); 
            }
        }
 
        // 创建雨滴数组 
        const rainDrops = Array.from({  length: 100 }, () => new RainDrop());
        
        // 动画循环 
        function animate() {
            ctx.clearRect(0,  0, canvas.width,  canvas.height); 
            
            rainDrops.forEach(drop  => {
                drop.update(); 
                drop.draw(); 
            });
            
            requestAnimationFrame(animate);
        }
 
        // 窗口调整事件 
        window.addEventListener('resize',  () => {
            resizeCanvas();
            rainDrops.forEach(drop  => drop.reset()); 
        });
 
        // 启动动画 
        animate();
 
        // 移动端触摸支持 
        canvas.addEventListener('touchstart',  createSplash);
        canvas.addEventListener('click',  createSplash);
 
        function createSplash(e) {
            const rect = canvas.getBoundingClientRect(); 
            const x = (e.clientX  || e.touches[0].clientX)  - rect.left; 
            const y = (e.clientY  || e.touches[0].clientY)  - rect.top; 
            
            // 添加10个新的雨滴在点击位置 
            for (let i = 0; i < 10; i++) {
                const drop = new RainDrop();
                drop.x = x + Math.random()  * 10 - 5;
                drop.y = y;
                rainDrops.push(drop); 
            }
        }
    </script>
</body>
</html>
贪吃蛇游戏 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <title>一个贪吃蛇</title>
    <style>
        /* 界面系统 */
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            background: #CFCFCF;
            margin: 20px 0;
            min-height: 100vh;
            position: relative;
        }
        #gameCanvas {
            border: 2px solid #616161;
            background: #CFCFCF;
            margin-top: 20px;
        }
        /* 控制面板 */
        #controlPanel {
            margin: 20px 0;
            display: flex;
            gap: 15px;
            align-items: center;
        }
        .game-btn {
            padding: 8px 25px;
            background: #616161;
            color: #CFCFCF;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: opacity 0.3s;
        }
        .game-btn:hover {
            opacity: 0.8;
        }
        /* 信息显示 */
        #scoreBoard {
            font-size: 24px;
            color: #616161;
            margin-bottom: 10px;
        }
        #footer {
            position: absolute;
            bottom: 10px;
            color: #616161;
            font-size: 14px;
        }
    </style>
</head>
<body>
    <div id="scoreBoard">得分: 0</div>
    <div id="controlPanel">
        <button id="startBtn" class="game-btn">开始游戏</button>
    </div>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <div id="footer">网页由DeepSeek生成。</div>
 
    <script>
        const canvas = document.getElementById('gameCanvas'); 
        const ctx = canvas.getContext('2d'); 
        const startBtn = document.getElementById('startBtn'); 
        const scoreElement = document.getElementById('scoreBoard'); 
        
        // 游戏状态机 
        let gameConfig = {
            gridSize: 20,
            snake: [],
            food: null,
            direction: { dx: 1, dy: 0 },
            score: 0,
            gameLoop: null,
            isRunning: false 
        };
 
        // 初始化系统 
        function initGame() {
            gameConfig.snake  = [{x: 10, y: 10}];
            gameConfig.direction  = { dx: 1, dy: 0 };
            gameConfig.score  = 0;
            gameConfig.food  = generateFood();
            scoreElement.textContent  = `得分: ${gameConfig.score}`; 
            startBtn.disabled  = false;
        }
 
        // 食物生成算法 
        function generateFood() {
            const gridCount = canvas.width  / gameConfig.gridSize; 
            let isValid = false;
            let newFood;
            
            while(!isValid) {
                newFood = {
                    x: Math.floor(Math.random()  * gridCount),
                    y: Math.floor(Math.random()  * gridCount)
                };
                isValid = !gameConfig.snake.some(s  => s.x === newFood.x && s.y === newFood.y);
            }
            return newFood;
        }
 
        // 游戏引擎 
        function gameEngine() {
            const head = {
                x: gameConfig.snake[0].x  + gameConfig.direction.dx, 
                y: gameConfig.snake[0].y  + gameConfig.direction.dy  
            };
 
            // 碰撞检测系统 
            const isCollision = head.x < 0 || head.x >= canvas.width/gameConfig.gridSize  ||
                              head.y < 0 || head.y >= canvas.height/gameConfig.gridSize  ||
                              gameConfig.snake.some(s  => s.x === head.x && s.y === head.y);
 
            if(isCollision) {
                gameOver();
                return;
            }
 
            gameConfig.snake.unshift(head); 
 
            // 食物交互系统 
            if(head.x === gameConfig.food.x  && head.y === gameConfig.food.y)  {
                gameConfig.score  += 10;
                scoreElement.textContent  = `得分: ${gameConfig.score}`; 
                gameConfig.food  = generateFood();
            } else {
                gameConfig.snake.pop(); 
            }
 
            render();
        }
 
        // 图形渲染器 
        function render() {
            ctx.fillStyle  = "#CFCFCF";
            ctx.fillRect(0,  0, canvas.width,  canvas.height); 
 
            // 绘制蛇体 
            ctx.fillStyle  = "#616161";
            gameConfig.snake.forEach(s  => {
                ctx.fillRect(s.x*gameConfig.gridSize,  s.y*gameConfig.gridSize,  
                           gameConfig.gridSize-1,  gameConfig.gridSize-1); 
            });
 
            // 绘制食物 
            ctx.fillRect(gameConfig.food.x*gameConfig.gridSize,  
                       gameConfig.food.y*gameConfig.gridSize, 
                       gameConfig.gridSize-1,  gameConfig.gridSize-1); 
        }
 
        // 游戏控制逻辑 
        function gameOver() {
            clearInterval(gameConfig.gameLoop); 
            gameConfig.isRunning  = false;
            startBtn.textContent  = "重新开始";
            startBtn.disabled  = false;
            alert(`结束啦！' w '  您的得分是 ${gameConfig.score}`); 
        }
 
        // 事件监听系统 
        startBtn.addEventListener('click',  () => {
            if(!gameConfig.isRunning)  {
                initGame();
                gameConfig.isRunning  = true;
                startBtn.disabled  = true;
                gameConfig.gameLoop  = setInterval(gameEngine, 200);
            }
        });
 
        document.addEventListener('keydown',  (e) => {
            if(!gameConfig.isRunning)  return;
            
            const newDir = {
                'ArrowUp': { dx: 0, dy: -1 },
                'ArrowDown': { dx: 0, dy: 1 },
                'ArrowLeft': { dx: -1, dy: 0 },
                'ArrowRight': { dx: 1, dy: 0 }
            }[e.key];
 
            if(newDir && !isOppositeDirection(newDir)) {
                gameConfig.direction  = newDir;
            }
        });
 
        // 方向验证函数 
        function isOppositeDirection(newDir) {
            return newDir.dx  === -gameConfig.direction.dx  && 
                   newDir.dy  === -gameConfig.direction.dy; 
        }
    </script>
</body>
</html>