如何生成这类图形化控制台日志？是否有相关工具网站？

手动实现方式 #

• 直接输出ASCII艺术字：用JavaScript的模板字符串（反引号`）包裹ASCII内容，传给console.log()即可，模板字符串会自动保留换行格式，不用手动拼接\n。示例代码：

console.log(`
  _______
 /       \\
|   O O   |
|    ^    |
|   ---   |
 \\_______/
`);

• 样式增强效果：控制台支持通过%c标记为日志添加CSS样式，比如修改颜色、字号、字体粗细，和ASCII艺术字结合能让图形更突出。示例代码：

console.log(`%c
  _______
 /       \\
|   O O   |
|    ^    |
|   ---   |
 \\_______/
`, 'color: tomato; font-size: 22px; font-weight: bold;');

在线工具推荐 #

• ASCII艺术生成工具：输入文字或图形描述，就能生成不同风格的ASCII艺术字，复制生成的内容直接放到console.log的模板字符串里就能使用。
• 控制台样式可视化工具：可以直观调整颜色、背景、字号等样式参数，自动生成包含%c标记的代码片段，省去手动编写样式字符串的麻烦。

内容的提问来源于stack exchange，提问作者Alijonov