纯属觉得有意思,大佬们勿喷
先看一个效果图:
如果你感觉有点意思的话,可以继续往下看,很简单搞定!
我们分两步来说:
1、字符
2、渐变色实现
FIGlet
FIGlet」是基于ASCII字符组成的字符画,可以根据不同的字符类型来生成不一样的效果, 目前应该支持314种
几个效果:
_____ _ _ _ _ _
/ ____| | | | | | | | | |
| | ___ __| | ___| |__| | |_ _ __ ___ | |
| | / _ \ / _` |/ _ \ __ | __| '_ ` _ \| |
| |___| (_) | (_| | __/ | | | |_| | | | | | |
\_____\___/ \__,_|\___|_| |_|\__|_| |_| |_|_|
▄████▄ ▒█████ ▓█████▄ ▓█████ ██░ ██ ▄▄▄█████▓ ███▄ ▄███▓ ██▓
▒██▀ ▀█ ▒██▒ ██▒▒██▀ ██▌▓█ ▀ ▓██░ ██▒▓ ██▒ ▓▒▓██▒▀█▀ ██▒▓██▒
▒▓█ ▄ ▒██░ ██▒░██ █▌▒███ ▒██▀▀██░▒ ▓██░ ▒░▓██ ▓██░▒██░
▒▓▓▄ ▄██▒▒██ ██░░▓█▄ ▌▒▓█ ▄ ░▓█ ░██ ░ ▓██▓ ░ ▒██ ▒██ ▒██░
▒ ▓███▀ ░░ ████▓▒░░▒████▓ ░▒████▒░▓█▒░██▓ ▒██▒ ░ ▒██▒ ░██▒░██████▒
░ ░▒ ▒ ░░ ▒░▒░▒░ ▒▒▓ ▒ ░░ ▒░ ░ ▒ ░░▒░▒ ▒ ░░ ░ ▒░ ░ ░░ ▒░▓ ░
░ ▒ ░ ▒ ▒░ ░ ▒ ▒ ░ ░ ░ ▒ ░▒░ ░ ░ ░ ░ ░░ ░ ▒ ░
░ ░ ░ ░ ▒ ░ ░ ░ ░ ░ ░░ ░ ░ ░ ░ ░ ░
░ ░ ░ ░ ░ ░ ░ ░ ░ ░ ░ ░ ░
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
(c).-.(c) (c).-.(c) (c).-.(c) (c).-.(c) (c).-.(c) (c).-.(c) (c).-.(c) (c).-.(c)
/ ._. \ / ._. \ / ._. \ / ._. \ / ._. \ / ._. \ / ._. \ / ._. \
__\( Y )/__ __\( Y )/__ __\( Y )/__ __\( Y )/__ __\( Y )/__ __\( Y )/__ __\( Y )/__ __\( Y )/__
(_.-/'-'\-._)(_.-/'-'\-._)(_.-/'-'\-._)(_.-/'-'\-._)(_.-/'-'\-._)(_.-/'-'\-._)(_.-/'-'\-._)(_.-/'-'\-._)
|| C || || O || || D || || E || || H || || T || || M || || L ||
_.' `-' '._ _.' `-' '._ _.' `-' '._ _.' `-' '._ _.' `-' '._ _.' `-' '._ _.' `-' '._ _.' `-' '._
(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)
`-' `-' `-' `-' `-' `-' `-' `-' `-' `-' `-' `-' `-' `-' `-' `-'
如何使用呢?
1、通过npm搜索figlet,会找到npm包
2、安装npm包
npm install figlet 或者直接安装 npm install -g figlet-cli
具体使用方法参照官方文档即可
3、使用文档参数(控制台操作为例)
font
字符类型 默认值:
Standard
horizontalLayout
水平布局 默认值:
default
verticalLayout
垂直布局 默认值:
default
4、控制台使用(项目使用和浏览器使用请看官方文档)
- 基本命令:
-l, --list List all the available fonts
-f, --font A string value that indicates the FIGlet font to use
--horizontal-layout A string value that indicates the horizontal layout to use
--vertical-layout A string value that indicates the vertical layout to use
- 简单执行
figlet "codehtml"
输出结果:
_ _ _ _
___ ___ __| | ___| |__ | |_ _ __ ___ | |
/ __/ _ \ / _` |/ _ \ '_ \| __| '_ ` _ \| |
| (_| (_) | (_| | __/ | | | |_| | | | | | |
\___\___/ \__,_|\___|_| |_|\__|_| |_| |_|_|
- 使用字体
figlet -f "Def Leppard" "codehtml"
;
: ED.
., t#, E#Wi ,;
,Wt ;##W. E###G. f#i . . i
i#D. :#L:WE E#fD#W; .E#t Di Dt GEEEEEEEL .. : LE
f#f .KG ,#D E#t t##L i#W, E#i E#i ,;;L#K;;. ,W, .Et L#E
.D#i EE ;#f E#t .E#K, L#D. E#t E#t t#E t##, ,W#t G#W.
:KW, f#. t#i E#t j##f :K#Wfff; E#t E#t t#E L###, j###t D#K.
t#f :#G GK E#t :E#K: i##WLLLLt E########f. t#E .E#j##, G#fE#t E#K.
;#G ;#L LW. E#t t##L .E#L E#j..K#j... t#E ;WW; ##,:K#i E#t .E#E.
:KE. t#f f#: E#t .D#W; f#E: E#t E#t t#E j#E. ##f#W, E#t .K#E
.DW: f#D#; E#tiW#G. ,WW; E#t E#t t#E .D#L ###K: E#t .K#D
L#, G#t E#K##i .D#; f#t f#t t#E :K#t ##D. E#t .W#G
jt t E##D. tt ii ii fE ... #G .. :W##########Wt
E#t : j :,,,,,,,,,,,,,.
L:
快速链接:
lolcat 渐变色
lolcat 是一个 Ruby 软件包,可从官方 Ruby Gems 托管中获得。我们使用lolcat结合figlet来实现需要的效果
gem install lolcat
玩一下:
lolcat --help
快速链接:
控制台自己玩一下吧!下面讲一下结合的操作,很简单,因为我是设置在ZSH
启动问候语的位置
Figlet和lolcat结合
完整的命令:
figlet -f "Delta Corps Priest 1" "codehtml" | lolcat
// 很好理解
如何配置在控制台启动问候语里面?
- 修改配置文件
vim ~/.zshrc
- 添加命令
# Example aliases
# alias zshconfig="mate ~/.zshrc"
# alias ohmyzsh="mate ~/.oh-my-zsh"
[[ -s $(brew --prefix)/etc/profile.d/autojump.sh ]] && . $(brew --prefix)/etc/profile.d/autojump.sh
# 字符集配置命令
figlet -f "Delta Corps Priest 1" "codehtml" | lolcat
- 重启终端即可
效果图:
备注:纯属分享一下好玩的,如有问题请联系纠错