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

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

先看一个效果图:

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包

https://www.npmjs.com/package/figlet

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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,736评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,167评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,442评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,902评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,302评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,573评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,847评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,562评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,260评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,531评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,021评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,367评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,016评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,068评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,827评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,610评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,514评论 2 269

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,103评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 8,618评论 0 3
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,310评论 0 5
  • 千古琉璃夕阳寄,留我问世问栖,青丝半遮妆容欲语,此番红尘多于泪散湿宫衣,却为谁梳髻,梨花若是最琼雨,笑谈戎马山崎,...
    梅剑清风阅读 219评论 0 1
  • 1. 昨天写了一半的文章,因为断了思绪,本打算今天接着昨天的部分开题,可谁知昨天的开头是,“阳春三月,阳光正好,一...
    请叫我小二先生阅读 414评论 0 2