Mac控制台的渐变色玩一下!

3,067 阅读2分钟

纯属觉得有意思,大佬们勿喷

先看一个效果图:

image.png

如果你感觉有点意思的话,可以继续往下看,很简单搞定!

我们分两步来说:

  • 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包

www.npmjs.com/package/fig…

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:

image.png

快速链接:

FIGlet官网

FIGlet维基百科

FIGlet在线生成字符集

lolcat 渐变色

lolcat 是一个 Ruby 软件包,可从官方 Ruby Gems 托管中获得。我们使用lolcat结合figlet来实现需要的效果

gem install lolcat

玩一下:

lolcat --help

image.png

快速链接:

Ruby Gem Lolcat

Github lolcat

控制台自己玩一下吧!下面讲一下结合的操作,很简单,因为我是设置在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
  • 重启终端即可

效果图:

image.png

备注:纯属分享一下好玩的,如有问题请联系纠错