VitePress

Appearance

赞助商

VueMastery
VueSchool
Vehikl
Passionate People
Vehikl
Passionate People

有趣的控制台文本 ​

html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>有趣的控制台文本输出</title>
    <style>
      h1 {
        font-size: 64px;
        background: #0087fa;
        color: #1772f6;
        text-shadow: 2px -2px #ffffff;
      }
    </style>
  </head>
  <body>
    <h1>知乎 ฅ՞•ﻌ•՞ฅ</h1>
    <script>
      console.log(
        `%c
░░░░░░░░░░░▄▄
░░░░░░░░░░░█░█
░░░░░░░░░░░█░█
░░░░░░░░░░█░░█
░░░░░░░░░█░░░█
███████▄▄█░░░██████▄
▓▓▓▓▓▓█░░░░░░░░░░░░█
▓▓▓▓▓▓█░░░░░░░░░░░░█
▓▓▓▓▓▓█░░░░░░░░░░░█
▓▓▓▓▓▓█░░░░░░░░░░░█
▓▓▓▓▓▓█░░░░░░░░░░█
▓▓▓▓▓▓█████░░░░░░█
██████▀░░░▀▀██████
    `,
        `color: skyblue`,
      )

      const lines = [
        '                     //',
        '         \\\\         //',
        '          \\\\       //',
        '    ##DDDDDDDDDDDDDDDDDDDDDD##',
        '    ## DDDDDDDDDDDDDDDDDDDD ##   ________   ___   ___        ___   ________   ___   ___        ___',
        '    ## hh                hh ##   |\\   __  \\ |\\  \\ |\\  \\      |\\  \\ |\\   __  \\ |\\  \\ |\\  \\      |\\  \\',
        '    ## hh    //    \\\\    hh ##   \\ \\  \\|\\ /_\\ \\  \\\\ \\  \\     \\ \\  \\\\ \\  \\|\\ /_\\ \\  \\\\ \\  \\     \\ \\  \\',
        '    ## hh   //      \\\\   hh ##    \\ \\   __  \\\\ \\  \\\\ \\  \\     \\ \\  \\\\ \\   __  \\\\ \\  \\\\ \\  \\     \\ \\  \\',
        '    ## hh                hh ##     \\ \\  \\|\\  \\\\ \\  \\\\ \\  \\____ \\ \\  \\\\ \\  \\|\\  \\\\ \\  \\\\ \\  \\____ \\ \\  \\',
        '    ## hh      wwww      hh ##      \\ \\_______\\\\ \\__\\\\ \\_______\\\\ \\__\\\\ \\_______\\\\ \\__\\\\ \\_______\\\\ \\__\\',
        '    ## hh                hh ##       \\|_______| \\|__| \\|_______| \\|__| \\|_______| \\|__| \\|_______| \\|__|',
        '    ## MMMMMMMMMMMMMMMMMMMM ##',
        '    ##MMMMMMMMMMMMMMMMMMMMMM##                                          Release undefined@no release yet',
        '         \\/            \\/                                       Powered by @bilibili/jinkela-core@2.8.13',
      ]
      console.log(`%c${lines.join('\n')}`, `color: skyblue`)

      console.log(
        `%c知乎 ฅ՞•ﻌ•՞ฅ`,
        `font-size: 80px;
        background: #0087fa;
        color: #1772f6;
        text-shadow: 2px -2px #ffffff, -2px 2px 5px #211212;
        padding: 15px 30px;`,
      )
    </script>
  </body>
</html>