装饰下自己的源代码

发布于 2020-02-17  62 次阅读


如果你是幸运的电脑端用户,按下CTRL+U或者用F12进入审查元素可以看到这个:

对哒,我加了一个自己名称的字符画!

这时候就有小朋友问了:陌念陌念,加这个有什么用啊?

...

在这里给大家分享几个生成字符画的网站

根据文字生成字符画:

http://patorjk.com/software/taag
http://www.network-science.de/ascii/

根据图片生成字符画:

http://www.degraeve.com/img2txt.php
http://life.chacuo.net/convertphoto2char

根据流程图生成字符画:

http://asciiflow.com/

作者:大浪滔滔
链接:https://www.jianshu.com/p/fca56d635091
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

http://www.topster.de/zh/text-to-ascii/

https://linux.cn/article-3405-1.html     五个超赞的字符艺术生成器!

http://glassgiant.com/ascii/     推荐(生成汉字比较清晰)

http://www.ascii-art-generator.org/   推荐

http://cn.depositphotos.com寻找图片的网址
————————————————
版权声明:本文为CSDN博主「傻白兔」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/fairyloycine/article/details/70160699

ascii-art(文本艺术): 使用可显示的ASCII字符组成的图形。

在线ascii art工具
chris
各种各样的文本图形: chris

ASCII Art Generator
图片转成ascii 码: ASCII Art Generator

ASCII art in one line
ASCII art in one line
————————————————
版权声明:本文为CSDN博主「好好编程」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qw8880000/article/details/80353842

当然,上面这些只是在网站源代码中显示的。而我们还有一个Console控制台,而这里也是可以放东西的。

<script type="text/javascript">
console.log('MonianHello');
console.group("About");
    console.log("Blog:http://monianhello.qicp.vip/");
    console.log("QQ:2860421919");
    console.log("Email:zhao17292@126.com");
    console.log("CloudMusic:https://music.163.com/#/user/home?id=1368766435");
    console.log("Github:https://github.com/MonianHello/");
    console.log("Bilibili:https://space.bilibili.com/226256688");
  console.groupEnd();
</script>

使用console函数可以达到像上面这样的效果。具体用法可以移步 https://www.cnblogs.com/erfsfj-dbc/p/10037516.html 博客查看。

(才发现在我埋彩蛋之前我的插件就已经埋好几个了...)

<script type="text/javascript">
        console.log([
            "%c                   _ooOoo_",
            "                  o8888888o",
            "                  88\" . \"88",
            "                  (| -_- |)",
            "                  O\\  =  /O",
            "               ____/`---'\\____",
            "             .'  \\\\|     |//  `.",
            "            /  \\\\|||  :  |||//  \\",
            "           /  _||||| -:- |||||-  \\",
            "           |   | \\\\\\  -  /// |   |",
            "           | \\_|  ''\\---/''  |   |",
            "           \\  .-\\__  `-`  ___/-. /",
            "         ___`. .'  /--.--\\  `. . __",
            "      .\"\" '<  `.___\\_<|>_/___.'  >'\"\".",
            "     | | :  `- \\`.;`\\ _ /`;.`/ - ` : | |",
            "     \\  \\ `-.   \\_ __\\ /__ _/   .-` /  /",
            "======`-.____`-.___\\_____/___.-`____.-'======",
            "                   `=---='",
            "^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^",
        ].join('\n'),'color: #FFA500;');
        console.log('%c     我向佛祖许愿:祈祷服务器不崩溃、系统不垮、不出bug     ', 'color: #66ccff;font-size: 16px;font-weight: bold'); 
</script>
console.log("%c祈祷服务器不崩溃、系统不垮、不出bug","background: rgba(252,234,187,1);background: -moz-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(175,250,77,1) 12%, rgba(0,247,49,1) 28%, rgba(0,210,247,1) 39%,rgba(0,189,247,1) 51%, rgba(133,108,217,1) 64%, rgba(177,0,247,1) 78%, rgba(247,0,189,1) 87%, rgba(245,22,52,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,234,187,1)), color-stop(12%, rgba(175,250,77,1)), color-stop(28%, rgba(0,247,49,1)), color-stop(39%, rgba(0,210,247,1)), color-stop(51%, rgba(0,189,247,1)), color-stop(64%, rgba(133,108,217,1)), color-stop(78%, rgba(177,0,247,1)), color-stop(87%, rgba(247,0,189,1)), color-stop(100%, rgba(245,22,52,1)));background: -webkit-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(175,250,77,1) 12%, rgba(0,247,49,1) 28%, rgba(0,210,247,1) 39%, rgba(0,189,247,1) 51%, rgba(133,108,217,1) 64%, rgba(177,0,247,1) 78%, rgba(247,0,189,1) 87%, rgba(245,22,52,1) 100%);background: -o-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(175,250,77,1) 12%, rgba(0,247,49,1) 28%, rgba(0,210,247,1) 39%, rgba(0,189,247,1) 51%, rgba(133,108,217,1) 64%, rgba(177,0,247,1) 78%, rgba(247,0,189,1) 87%, rgba(245,22,52,1) 100%);background: -ms-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(175,250,77,1) 12%, rgba(0,247,49,1) 28%, rgba(0,210,247,1) 39%, rgba(0,189,247,1) 51%, rgba(133,108,217,1) 64%, rgba(177,0,247,1) 78%, rgba(247,0,189,1) 87%, rgba(245,22,52,1) 100%);background: linear-gradient(to right, rgba(252,234,187,1) 0%, rgba(175,250,77,1) 12%, rgba(0,247,49,1) 28%, rgba(0,210,247,1) 39%, rgba(0,189,247,1) 51%, rgba(133,108,217,1) 64%, rgba(177,0,247,1) 78%, rgba(247,0,189,1) 87%, rgba(245,22,52,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f51634', GradientType=1 );font-size:5em")

若金色的阳光停止了它耀眼的光芒,你的一个微笑,将照亮我的整个世界