前言：520刚刚过去，不知道大家都做了什么浪漫的事情。下面介绍一种程序员的表白方式
最近在查看某些网站的，发现在浏览器的控制台会打印处理一些特殊的图案，比如知乎。那我们何不把这个换成我们喜欢人的照片。
在百度之后，发现打印这个是使用了console.log() 打印的，我查找了一下知乎网的这个console.log() 代码。
在https://static.zhihu.com/heifetz/main.app.93166c58a11467dddbfd.js 这个js中。
console.log("\n _____ _____ _____ _____ \n /\\ \\ /\\ \\ /\\ \\ /\\ \\ \n /::\\____\\ /::\\ \\ /::\\ \\ /::\\ \\ \n /:::/ / \\:::\\ \\ /::::\\ \\ /::::\\ \\ \n /:::/ / \\:::\\ \\ /::::::\\ \\ /::::::\\ \\ \n /:::/ / \\:::\\ \\ /:::/\\:::\\ \\ /:::/\\:::\\ \\ \n /:::/____/ \\:::\\ \\ /:::/__\\:::\\ \\ /:::/__\\:::\\ \\ \n /::::\\ \\ /::::\\ \\ /::::\\ \\:::\\ \\ /::::\\ \\:::\\ \\ \n /::::::\\ \\ _____ ____ /::::::\\ \\ /::::::\\ \\:::\\ \\ /::::::\\ \\:::\\ \\ \n /:::/\\:::\\ \\ /\\ \\ /\\ \\ /:::/\\:::\\ \\ /:::/\\:::\\ \\:::\\____\\ /:::/\\:::\\ \\:::\\ \\ \n/:::/ \\:::\\ /::\\____\\/::\\ \\/:::/ \\:::\\____\\/:::/ \\:::\\ \\:::| |/:::/__\\:::\\ \\:::\\____\\\n\\::/ \\:::\\ /:::/ /\\:::\\ /:::/ \\::/ /\\::/ |::::\\ /:::|____|\\:::\\ \\:::\\ \\::/ /\n \\/____/ \\:::\\/:::/ / \\:::\\/:::/ / \\/____/ \\/____|:::::\\/:::/ / \\:::\\ \\:::\\ \\/____/ \n \\::::::/ / \\::::::/ / |:::::::::/ / \\:::\\ \\:::\\ \\ \n \\::::/ / \\::::/____/ |::|\\::::/ / \\:::\\ \\:::\\____\\ \n /:::/ / \\:::\\ \\ |::| \\::/____/ \\:::\\ \\::/ / \n /:::/ / \\:::\\ \\ |::| ~| \\:::\\ \\/____/ \n /:::/ / \\:::\\ \\ |::| | \\:::\\ \\ \n /:::/ / \\:::\\____\\ \\::| | \\:::\\____\\ \n \\::/ / \\::/ / \\:| | \\::/ / \n \\/____/ \\/____/ \\|___| \\/____/ \n\n知乎(zhihu.com)，招聘前端开发工程师 http://zhi.hu/BDXoD\n ")
1、开始制作我们自己的字符图案
参考网址：https://www.zhihu.com/question/26813467
https://aotu.io/notes/2016/06/22/An-interesting-experience-on-console/
https://www.cnblogs.com/Wayou/p/chrome_dev_tool_style_console.html
制作思路：找到一个我们喜欢图案，变成这样的字符形式，然后字符形式的图案的换行（\r\n）都去掉，换成 \n，这样就能正确的在console.log()中正确打印。
（1）将图案变成字符形式
进入这个网站：http://picascii.com/ 该网站支持将图片生成 字符图案。（当然也可以使用别的工具）
选择一张图片，可以设置大小和是否显示颜色。这个需要大家自己调调，找找合适的照片和大小。
这个是我的：
我们将 TEXT 中的内容复制出来。
（2）对生成的字符图案进行处理
工具：Notepad++
主要使用notepad++将生成text中的换行都置换。
参考网址：https://jingyan.baidu.com/article/922554464a2a26851648f408.html
先设置一下：
效果：就将换行符显示出来了
将\r\n 都替换成为 \n 需要两步：
打开替换界面（快捷方式：ctrl+H）
由于不能直接替换成\n，我们先替换成a，等会再替换\n.
你会发现整个text变成了一行，再次替换：
完成。
（3）设置到console.log() 中，看是否成功。
新建html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<script type="text/javascript">
console.log(" ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,..` ```.```,,,,,.....``.```.``` ..` ` `` ` `````` \n +'+###############@@##############+###+##+'#+++'+':``.;++,.`;'+#,+'#;:.;;,``:.`,`.:.``,..``````````` \n #+++#############@@@#########+#+####@#####'+'+'++';```'+;:'`.#;';.,':,.';`.`.:.`.`.```,,.``````````` \n ################@###########++########+###+####+'+;,`.'`,,``.`;'.:.`+;.:;.,,,.```.:.``.````````````` \n ###############@#############+#########+#####+#+'+'.,:'.,..``...,'.`';,;;`,.,``````.``.,```````````` \n ############@@###############+#########+####++##+++,.,,:`,,`;,,..',.:';;:```````.``.``.,`````.`````` \n #############@##########################+###++++''+;.`,,:`,``:':,+...;.``````.``.`.`````..`````````` \n ######################################+##+###';#++'';,,,;.``.`::.:;:::.`````.````,,````````````````` \n #####################################++##++##+'#+'+'+:``,.``.`''`,':`,```.```.``.``.````.``.````.``` \n #######################################+##+###''+++++'.``.:```+;.`::`,.``,`````````,````````.``````` \n ######################################+####+##+''##+';:```.`.:;.`..:,,,.`````,`,:.````.``.``..`````` \n ########################################+#++##+''##+';;,`````;:.`..;.:,.```````,..`.,,....`.....```` \n #######################################++#####+:''#++;':`````.``;,,';;;,..,````..,,`,,,.`:````.````. \n ########@###############################+##+##+;';###';:,`````.;:;:''';,`.,,...,,..,.,..``,`.`...``. \n ########################################+#+####+';++++;;',```.,.;,:++;;';,..`,,..,,,,.,.`...`...`.`. \n ##########################################+####++;;#'';;',``.`.:;;,+:;;:,,:,..,..,...,,.,..`........ \n ##########################@@##############+####++''#+';:;,.`..:,#,:',.;;::,:.....,.,,............... \n ##########################################+###+#'''+#+';':,...`.':,::::::,:,,.,.,,,,..............,. \n #########################@###################+##++'+++'+'::,:.,.':,.,,,;:,;,,..,.,,.,.`........,,... \n +#########################@######################+;#'++;;;;::,,,::::,.:,,:::.,...,.,..`.``....,.,,., \n +#######################@#########################++'';;'+'+;;:::::,.,,,;;:;,,.,,,`...``.....,..,,,, \n ################@#######@########################+#+'+;+#++#''+';::...:;;;,,.,...,..,.````..`...,,,, \n #######################################+######+####+'+;+####+++'';;:,,,'::,.,........``.......,,,,,, \n ###############################++#####+;;;+#########'''+#######+++;;:,;,':,..,..``.`.```.`.`..,,,,,. \n ########++'++###+++#########+++++#####+';;'+++###+++#''##########+';::,,;,,.,..`````````..`....,,,,, \n #######';';;;'''''++++##++#'''''++#####+'';::++###'+#''############;::,,,,,....`.`.````````.`..,,.`. \n #######;;;;;;;;;;;''+++++'';;;''++#++++#+':::;;####+#''############+:::,.,,..`````````````...```,,.. \n ######+::;;;;;;;;;;'+'''';;;;;;''''''''''';::,:+###+''######+'+#####;:,,,,:,.``````````````.``.,,,,, \n ######;::::;;;+###+''''';;;;;;;'''';:::::;:::,,:###+';#++';;:::;+####:::,,,,,.```````````.....,,,,,, \n ######:::::'+##+'####+'';;::;;;''';:::,,,,::,,,,+##+';#+;::,,,,:;+###+:::,,:.````````````.....,,,,,, \n ######:::::;;:;;:+####';;::::;;''';::,,,,,,:,,,,;##+''+'':::,,,:;;'##+;;::,.````````````......,,,,,, \n ######:::,,:::::::'++#;;::,,::;'';;##@#',,:::,,,:##'+'+';;::::,::;;;#+';;;,..``````````......,,,,::: \n ######:,,,,,::::::;'';;::,,,,:;';+####+'+#,:,,,,:##++++'';;::::::::;+#++';,,.`.```````........,,,,,, \n ######:,,,,,,::::;;;:::::,,,,,:;;#'###:'+++;,,,,;##++#++';;::,,,::::;#++'':...```````````..`....,,,. \n ######:,,,,,,,,:::::,,:,,,,,,,:;;;;;;;:,,,,,,,,,'+++##+'';;;::,,,,,:;+++'+;,...```````.......,,,,,,, \n ######;,,,,,,,,,,,,,,,,,,,,,,,,::;;;;::,,,,.,,.,+#++##+'';;::::,;;:::'++++;.....`````...`..``.,.,,,, \n +#++++:,,,,,,,,,,,,,,,,,,,,,,,,,,::::::,,,.....,+++##+++';;;:;'+'';;:;+++';,...`````.`.``````````.,, \n ##+###;:,,,,,,,,,,,,,,,,,,,.,,,,,,,:::,,,.....,,++#####+'';;;;':::,,,:;++'',....```````````````````. \n ######;:,,,,,,,,,,,,:,,,,,,.,,,,,,,,,,,,,.....,,+######+';;;;;;::,,,,::'++;..````````````.``````.``` \n ######;:,,,,,,,,,::::,,,,,,..,,,,,,,,,,,,,,,,,,;#+###++++';;;;;;###+:,,:++;,.``````````.....`````.`` \n ######;:,,,,,,,,,:::::,,,,,..,,,,,,,,,,,,,,,,,,+####+++++';:;;;+##;:,,..:;:.```````````,,,,...`````` \n ######'::,,,,,::::;::,,,,,,..,,,:,,,,,,,,,,,,,,#######+++';,,;:;::,,,....':.``````````,,,,,``.``.``` \n ######'::::::::::;;;,,,,,,,,...,::,,,,,,,,,,,,,########++':,,,:::::,,,...;:.```````.`.,:,,.....````` \n ######':::::::::;;;:,,,,,:,,,...:::,,,,,,,,,,,,####+++++++;,,,,::::,,,...:;.`````````,,,,.```..`..`` \n ######+:::::::;;;;:::::::::;:,,,;:::,,,,,,,,,,;######++++';,,,,,,,,,,,,,.:',.....````..,..``.`.```.. \n ######+::::::;;;;::,:'+#''''+;::':::::::,,,,,,###++''''+++':,.,:::,,,,,..:'....`...``.......,,..``.. \n ######+::::::;:::::,:'++++++++;:;::::::::,,,,,###++'''''++;:,..:::,,,,,,.;;,,,,:,,,,.,,,,.......``.. \n #######;:::;;;::::::::;;'+++++':::::::::::,,,,###++''''++';:,,,.:::,,,,,,:',,,,,,,,..,,,,,:,,,.,,,,. \n ######++::;;;;:;;:::::::;''''::::::::;;;::,,,@####++'''++'';;:#;::::,,,,,':,,,.......,,,,,,,,..,,,,, \n ####+##+:::;::;';;:::,,:::::::::::::;;;;::,,,######+'''+####++;,,,,:::,,.'+;,.........,,..,...,,,,,, \n #+';::'+::::::;'##+;;;:,::::,,::;;;:;';;;::,########+'''''''::,,,,::,,,,,+';:........,,,,,.,........ \n ,,,,::,,,:::::;';;;;;+;;:;;;';:;'''';';;;:,,#@#######++++'';::,:,::;:,,,,##;;:``.,...,,,,,,,,....... \n ,,,,:,,,,,:;;;;;;::::,,;++++++#+##+';;';;:,@@@#########++++++'+++#'::,,,.##'',`````..,,,,,,,........ \n ,::,:,,,,,,;;;;;;::::::::,:,,,:;'+'';;;;;:@##@##@######++++';;:::,,,:,,,'##+;,..```````,,,,,.,...... \n ,,:,:,,,,,,:;;;;;:::;;;;::::;;;;;''';;;;:@##@@#:,,::+###'''';';:,:,,:::,###+',```.```````.,.,..`...` \n ,::,:,,,,,,:;;;;:;:::;''''++';;;;;''';;+#@@#@#+:,,,,::;#+''''''';:::'':+####'.``....```````...`````` \n ,:,:,:,,,,:::;;;:::::;;'++++';;;;;'';;'+#@#@@#'',,,,,::##''''';;;+####:######+',......`````````````` \n ::,:,:,,,,,:::;;;:::::;;'''';;;;;;';;;;####@#'''':,,,,,+#+''';::##############++#+####+'.````...`... \n ,,,,::,,,,,:::;;;;::::;;;;;;:;::;;;;,:;+####++''';,,,,,:+#''';;###++###########+#########+:```.....` \n ,:::,,:,,,,::::;;;;:;;;;;;';;:;;;;::,:;'#+####+++;:,,,,,;++';;####+#+'#+###################'```...., \n ,,,,:::,,,,:::::;'';;;'''''';;;;;:,:,::'+++##+'''':,,,.,:,##+###+++##+'#####################;``...,. \n ,,,::::,,,::::::;'''''''''''';;;:,,,,::+;++###+'''';,,.,:,,#####++####++';##################+.``:::: \n ,,,,,:::,,,::::::;''''''''''';;::,,,,:,':++####+#+++;,,,::;#######+####++'+#################+,``,,:, \n ,,,,:,::,,::::::::;'''''';;';;::,,,,,,,':++++##+';;;;:,,;@#######+######+++##################;```,,, \n ,,,,,::::,,:::::::;;'''''''';;:::,:,,,,',++++++#+'''''++#################+'@################++```,,, \n ,,,,:::::,,:::::::;;;'''''';;:::,,,,,::;,:''''+'#####@####################+#################++.``.,, \n :,,,:,::::,:::::::::;;'''';;;:::,,,,,,:;:,:;;;;;'''';####+#################+#################++.`.,, \n :,,,,::::::::::::::;;;;''';;;:::,:,,,,:;:,,::::::;;::;+'';#################+##################+'``., \n ;:,,,,:,:::::::::::;;;;;''';;:::,,,,,,:;:.,,,:::,:::::;;':+#################+##################+..`, \n ':,,,,;::::,::::::;;;;;;';;;;::,;,,,:,:;:,,,,,,,,,:::;;;;:+######@+###########@#################.``, \n ;::,,,:::::::::::::;:;;;;;;;::,,,,,,,,:;:,.,,,,,,:,:::;;;:+#####;..##########+@#################```, \n :;:,,,,;::::::::::::::;;;;;;::,;,,,,:,,;::.,,,,,,,,,:::::;#'##@..,,.##########+######@##########.``. \n :;:,,,,':::::,:::::::::::;:::,,,,,,::,,:::,,,,,,,,,,,:,:,':;#;,,,,...#########+#################.``` \n :::,,,,::,:,:,,:::::::::::::,,:,,,,;,,,:::,.,,,,,,,,,:,:,;:::,,,,,,..'#########+####@###########..`` \n ::;:,,,:;:,:,:,,,,:::::::::,,,,,,,,:,,,,::,.,,,,,,,,,:,:,::::;,,,,,...##########################.``` \n \n");
</script>
<body>
</body>
</html>
在浏览器打开，查看浏览器控制台：
大功告成。
（4）后话
console.log() 还能打印有颜色的字符和图片，大家可以试试。 可以试试打印一个彩色的字符图案会更加好看。由于这里我没有尝试，就先到这里。等我尝试后，会再发出来一篇文章。
