定制博客开发者工具控制台个性化输出

2025年2月12日 56 条评论

首先祝大家元宵节快乐啊，其实这个东西也不是什么新奇玩意儿了。

很多网站都有这个东西，例如百度：

但是就输出这么个东西明显不够高级的样子，上午访问小小的小的博客，发现他的主题自带的输出还是蛮有意思的：

既然如此，俺就不如直接抄过来了：

            <script>
                // 消除控制台打印
                var HoldLog = console.log;
                console.log = function() {}
                ;
                let now1 = new Date();
                queueMicrotask( () => {
                    const Log = function() {
                        HoldLog.apply(console, arguments);
                    };
                    //在恢复前输出日志
                    const grt = new Date("08/10/2009 00:00:00");
                    //此处修改你的建站时间或者网站上线时间
                    now1.setTime(now1.getTime() + 250);
                    const days = (now1 - grt) / 1000 / 60 / 60 / 24;
                    const dnum = Math.floor(days);
                    const ascll = [`欢迎访问obaby@mars!`, `爱自己，每天都要开开心心的哦`, `
 ██████  ██████   █████  ██████  ██    ██  ██████  ███    ███  █████  ██████  ███████ 
██    ██ ██   ██ ██   ██ ██   ██  ██  ██  ██    ██ ████  ████ ██   ██ ██   ██ ██      
██    ██ ██████  ███████ ██████    ████   ██ ██ ██ ██ ████ ██ ███████ ██████  ███████ 
██    ██ ██   ██ ██   ██ ██   ██    ██    ██ ██ ██ ██  ██  ██ ██   ██ ██   ██      ██ 
 ██████  ██████  ██   ██ ██████     ██     █ ████  ██      ██ ██   ██ ██   ██ ███████ 
        `, "已上线", dnum, "天", "©2025 By obaby@mars V1.8.16", ];
                    const ascll2 = [`NCC2-036`, `调用前置摄像头拍照成功，识别为【小笨蛋】.`, `Photo captured: `, `🤪`];

                    setTimeout(Log.bind(console, `\n%c${ascll[0]} %c ${ascll[1]} %c ${ascll[2]} %c${ascll[3]}%c ${ascll[4]}%c ${ascll[5]}\n\n%c ${ascll[6]}\n`, "color:#425AEF", "", "color:#ff4f87", "color:#425AEF", "", "color:#425AEF", ""));
                    setTimeout(Log.bind(console, `%c ${ascll2[0]} %c ${ascll2[1]} %c \n${ascll2[2]} %c\n${ascll2[3]}\n`, "color:white; background-color:#4fd953", "", "", 'background:url("https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/tinggge.gif") no-repeat;font-size:450%'));

                    setTimeout(Log.bind(console, "%c WELCOME %c 你好，小笨蛋.", "color:white; background-color:#4f90d9", ""));

                    setTimeout(console.warn.bind(console, "%c ⚡ Powered by obaby@mars %c 你正在访问 小妖精 的博客.", "color:white; background-color:#f0ad4e", ""));
                    setTimeout(console.warn.bind(console, "%c ❶ Blog: %c https://oba.by", "color:white; background-color:#ff7aa4", ""));
                    setTimeout(console.warn.bind(console, "%c ❷ Blog: %c https://nai.dog", "color:white; background-color:#ff7aa4", ""));
                    setTimeout(console.warn.bind(console, "%c ❸ Blog: %c https://zhongxiaojie.com", "color:white; background-color:#ff7aa4", ""));
                    setTimeout(console.warn.bind(console, "%c ❹ Blog: %c https://h4ck.org.cn", "color:white; background-color:#ff7aa4", ""));
                    setTimeout(Log.bind(console, "%c W23-12 %c 你已打开控制台.", "color:white; background-color:#4f90d9", ""));

                    setTimeout(console.warn.bind(console, "%c S013-782 %c 你现在正处于监控中，不要干坏事哦.", "color:white; background-color:#d9534f", ""));
                }
                );
            </script>

至于怎么生成上面的 ascii 字符串，可以使用下面的两个链接：

https://patorjk.com/software/taag/

http://www.network-science.de/ascii/

把上面的代码找个 js 文件写进而去，在页面 header 里面引用即可（我直接将代码添加到了 wp 的页面小工具内）。实际效果：

当然也可以直接 F12 打开开发者工具查看具体效果。嘎嘎。

☆版权☆

* 网站名称：obaby@mars
* 网址：https://obaby.org.cn/
* 个性：https://oba.by/
* 本文标题：《定制博客开发者工具控制台个性化输出》
* 本文链接：https://obaby.org.cn/2025/02/19219
* 短链接：https://oba.by/?p=19219
* 转载文章请标明文章来源，原文标题以及原文链接。请遵从《署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5 CN) 》许可协议。

博客开发者工具

Previous Post Next Post

obaby

爱好广泛的火星小妖精，有问题欢迎留言交流啊~(✪ω✪) 爬虫类工具请先点击这个链接查看用法https://oba.by/?p=12240 闺蜜圈APP下载 https://guimiquan.cn

56 comments

网友小宋说道：

2025年2月12日 13:41

Microsoft Edge 132 Windows 11 中国–河南–漯河联通
哈哈挺有意思的。

回复
1. obaby说道：
  
  2025年2月12日 14:10
  
  Google Chrome 130 Android 10 中国–山东–青岛联通
  嗯嗯这个纯粹就一个作用好玩哈哈哈😉
  
  回复
目的地-Destination说道：

2025年2月12日 14:43

Firefox 135 Mac OS X 10.15 中国–江苏–无锡–宜兴市电信
确实有意思。可以搞些隐藏任务啥的，哈哈哈

回复
1. obaby说道：
  
  2025年2月12日 16:22
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  挖矿吗？
  
  回复
沉沦说道：

2025年2月12日 14:46

Google Chrome 133 Mac OS X 10.15 中国–河北–保定联通
有意思，控制台的主意也打～～～不过你控制台的警告信息有点多了啊。

回复
1. obaby说道：
  
  2025年2月12日 16:24
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  还好，都是百度统计的，无所谓。
  
  回复
Jeffer.Z说道：

2025年2月12日 14:48

Google Chrome 131 Mac OS X 10.15 中国–香港 Cloudie_Limited
人与人之间的思路，就像月球和太阳之间的距离，这么离谱。

回复
1. obaby说道：
  
  2025年2月12日 16:26
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  不至于，没那么夸张，嘻嘻。
  开始折腾终端的定制化了。
  
  回复
acevs说道：

2025年2月12日 15:32

Google Chrome 131 Windows 10 中国–香港 Cogent
彩蛋系列。不错~

回复
1. obaby说道：
  
  2025年2月12日 16:26
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  嗯嗯，是哒，可以搞一下。
  
  回复
老狼说道：

2025年2月12日 18:05

Microsoft Edge 131 Windows 11 中国–广东–广州联通
那个又粗又大的字，是怎么生成的

回复
1. obaby说道：
  
  2025年2月12日 18:08
  
  Google Chrome 130 Android 10 中国–山东–青岛联通
  文章中的两个地址写了啊一看就没仔细读
  👎
  
  回复
  1. 老狼说道：
    
    2025年2月12日 18:11
    
    Microsoft Edge 131 Windows 11 中国–广东–广州联通
    哟西，大意了，确实没留意到那2个链接，急急忙忙打开F12看效果了
    
    回复
倦意说道：

2025年2月12日 18:06

Google Chrome 132 Windows 11 中国–江西移动/数据上网公共出口
哈哈哈哈我就是最简单的console.warn

回复
1. obaby说道：
  
  2025年2月12日 18:08
  
  Google Chrome 130 Android 10 中国–山东–青岛联通
  部改造一下吗？
  
  回复
  1. 倦意说道：
    
    2025年2月12日 18:50
    
    Google Chrome 132 Windows 11 中国–江西移动/数据上网公共出口
    已经改造了
    
    回复
    1. obaby说道：
      
      2025年2月12日 21:45
      
      Google Chrome 130 Windows 10 中国–山东–青岛联通
      看到了，效率真高。嘻嘻
      
      回复
三十海河说道：

2025年2月12日 20:21

Chrome 133 iPhone iOS 18.0.0 中国–山东–济宁电信
我偷走了，哈哈哈哈

回复
1. obaby说道：
  
  2025年2月12日 21:46
  
  Google Chrome 130 Windows 10 中国–山东–青岛联通
  欢迎偷，😄，本来我也是“抄”来的
  貌似你删了篇文章？
  
  回复
  1. 三十海河说道：
    
    2025年2月13日 09:43
    
    Google Chrome 131 Windows 10 中国–山东–济宁电信
    你咋知道的对本来想问问有没有人出售一个主题，后来想想罢了不折腾了~~~
    
    回复
    1. obaby说道：
      
      2025年2月13日 10:13
      
      Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
      freshrss 看到题目了，点进去 404.
      
      回复
dujun说道：

2025年2月12日 20:22

Google Chrome 132 Mac OS X 10.15 中国–浙江–杭州联通
为了省事我直接禁用调试。

回复
1. obaby说道：
  
  2025年2月12日 21:48
  
  Google Chrome 130 Windows 10 中国–山东–青岛联通
  发现了，打开直接就暂停了
  
  回复
慢读时光说道：

2025年2月12日 21:55

Safari 17 Mac OS X 10.15 中国–山东–临沂联通
这么麻烦，我以为就是直接console.log输出的……

回复
1. obaby说道：
  
  2025年2月12日 23:12
  
  Google Chrome 130 Windows 10 中国–山东–青岛联通
  直接log能输出的东西比较有限。
  
  回复
keyle说道：

2025年2月12日 23:05

Google Chrome 132 Mac OS X 10.15 俄罗斯
元宵节快乐！

回复
1. obaby说道：
  
  2025年2月12日 23:12
  
  Google Chrome 130 Windows 10 中国–山东–青岛联通
  元宵节快乐
  
  回复
空空裤兜说道：

2025年2月13日 00:13

Google Chrome 133 Mac OS X 10.15 中国–甘肃–庆阳电信
一下就看起来好高端

回复
1. obaby说道：
  
  2025年2月13日 08:34
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  嗯嗯，逼格的确高了那么一丢丢
  
  回复
爱看说道：

2025年2月13日 09:26

Google Chrome 109 Windows 10 中国–上海–上海腾讯云
灵妹妹，这个纯属于是花里胡哨了。

回复
1. obaby说道：
  
  2025年2月13日 10:12
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  嗯嗯，是哒。
  
  回复
满心说道：

2025年2月13日 10:29

Google Chrome 101 Windows 10 中国–湖北–武汉电信
之前用hexo搞过，后来就没用了。
第一张图，不会也是AI的杰作吧

回复
1. obaby说道：
  
  2025年2月13日 13:02
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  我是真的，北京是 ai 换的，嘻嘻
  
  回复
XIGE说道：

2025年2月13日 11:05

Firefox 135 Windows 10 中国–云南–丽江移动
这玩意你也能发现很绝

回复
1. obaby说道：
  
  2025年2月13日 13:02
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  瞎折腾吗，马上发布更瞎的。哈哈哈
  
  回复
似水流年说道：

2025年2月13日 15:17

IBrowse r Android 12 中国–河南–漯河联通
这个蛮有趣的。

回复
1. obaby说道：
  
  2025年2月13日 15:37
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  已经发了更有趣了的，😂
  
  回复
棋说道：

2025年2月13日 16:02

Google Chrome 132 GNU/Linux 中国–辽宁–沈阳–沈河区电信
包的，我的早就弄了，就是有意思

回复
1. obaby说道：
  
  2025年2月13日 16:06
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  你首页那个贪吃蛇有意思哎
  
  回复
刘郎说道：

2025年2月13日 16:36

Google Chrome 127 GNU/Linux 中国–贵州–贵阳移动
这个不错不用默认的看着心情都好很多

回复
1. obaby说道：
  
  2025年2月13日 16:46
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  嗯嗯，就是比较个性，嘻嘻
  
  回复
白熊阿丸说道：

2025年2月14日 01:28

Google Chrome 133 Mac OS X 10.15 中国–北京–北京联通
很多年前百度就在控制台里展现招聘信息了，没想到现在还有。
不愧是你，看别人站先打开控制台。

回复
1. obaby说道：
  
  2025年2月14日 08:47
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  有时候页面一些功能感觉不正常，就会习惯性的开控制台了
  
  回复
大致说道：

2025年2月14日 12:39

Google Chrome 132 Windows 10 中国–台湾中华电信(HiNet)数据中心
我这里看你那一堆马赛克没对齐啊。尤其是后面两行。

回复
1. obaby说道：
  
  2025年2月14日 13:03
  
  Google Chrome 126 Mac OS X 10.15 中国–山东–青岛联通
  我看还行啊～～
  
  回复
  1. 大致说道：
    
    2025年2月14日 20:24
    
    Google Chrome 132 Windows 10 波兰
    FF，Edge，Vivaldi正常，原版Chrome是乱的。Windows下。
    
    回复
    1. obaby说道：
      
      2025年2月14日 22:33
      
      Google Chrome 130 Windows 10 中国–山东–青岛联通
      嗯嗯，的确是的，在mac下写的、没注意windows效果，更新了，嘻嘻。windows换了个文本格式：
      
      回复
      1. 大致说道：
        
        2025年2月19日 11:24
        
        Google Chrome 133 Windows 10 中国–香港 OceanblueCloud
        我发现这玩意儿可以加font-family，chrome下设成等宽字体就没事了。chrome以外的console字体可能本来就是等宽的。
        
        回复
        
        obaby说道：
        
        2025年2月19日 13:30
        
        Google Chrome 132 Mac OS X 10.15 中国–山东–青岛联通
        嗯嗯，是的，就是字体的问题，但是貌似 windows 下这个字体我试了几个不同的浏览器都是乱码，哈哈哈
        
        回复
        
        大致说道：
        
        2025年2月20日 10:55
        
        Google Chrome 133 Windows 10 中国–香港 OceanblueCloud
        我是说给马赛克设颜色的那个字符串参里可以加上“font-family:consolas;”
        
        回复
        
        obaby说道：
        
        2025年2月20日 11:00
        
        Google Chrome 132 Mac OS X 10.15 中国–山东–青岛联通
        哦哦。soga，明白了～～
        
        回复
关关说道：

2025年2月15日 16:04

Google Chrome 133 Mac OS X 10.15 中国–上海–上海电信
打个招呼我准备偷了哈哈哈

回复
1. obaby说道：
  
  2025年2月15日 16:07
  
  Google Chrome 130 Android 10 中国–山东–青岛联通
  嗯嗯随便用😁
  
  回复
小新笔记坊说道：

2025年2月18日 23:06

Microsoft Edge 131 Windows 10 中国–湖北–武汉电信
厉害了

回复
1. obaby说道：
  
  2025年2月18日 23:21
  
  Google Chrome 130 Android 10 中国–山东–青岛联通
  也弄上吧😄
  
  回复
  1. 小新笔记坊说道：
    
    2025年2月20日 17:31
    
    Microsoft Edge 131 Windows 10 中国–湖北–武汉电信
    嗯嗯
    
    回复