Mac控制檯的漸變色玩一下!

純屬以爲有意思,大佬們勿噴html

先看一個效果圖:git

image.png

若是你感受有點意思的話,能夠繼續往下看,很簡單搞定!github

咱們分兩步來講:npm

  • 一、字符
  • 二、漸變色實現

FIGlet

FIGlet」是基於ASCII字符組成的字符畫,能夠根據不一樣的字符類型來生成不同的效果, 目前應該支持314種vim

幾個效果:瀏覽器

_____          _      _    _ _             _ 
  / ____|        | |    | |  | | |           | |
 | |     ___   __| | ___| |__| | |_ _ __ ___ | |
 | |    / _ \ / _` |/ _ \  __  | __| '_ ` _ \| | | |___| (_) | (_| | __/ | | | |_| | | | | | | \_____\___/ \__,_|\___|_| |_|\__|_| |_| |_|_| 複製代碼
▄████▄   ▒█████  ▓█████▄ ▓█████  ██░ ██ ▄▄▄█████▓ ███▄ ▄███▓ ██▓    
▒██▀ ▀█  ▒██▒  ██▒▒██▀ ██▌▓█   ▀ ▓██░ ██▒▓  ██▒ ▓▒▓██▒▀█▀ ██▒▓██▒    
▒▓█    ▄ ▒██░  ██▒░██   █▌▒███   ▒██▀▀██░▒ ▓██░ ▒░▓██    ▓██░▒██░    
▒▓▓▄ ▄██▒▒██   ██░░▓█▄   ▌▒▓█  ▄ ░▓█ ░██ ░ ▓██▓ ░ ▒██    ▒██ ▒██░    
▒ ▓███▀ ░░ ████▓▒░░▒████▓ ░▒████▒░▓█▒░██▓  ▒██▒ ░ ▒██▒   ░██▒░██████▒
░ ░▒ ▒  ░░ ▒░▒░▒░  ▒▒▓  ▒ ░░ ▒░ ░ ▒ ░░▒░▒  ▒ ░░   ░ ▒░   ░  ░░ ▒░▓  ░
  ░  ▒     ░ ▒ ▒░  ░ ▒  ▒  ░ ░  ░ ▒ ░▒░ ░    ░    ░  ░      ░░ ░ ▒  ░
░        ░ ░ ░ ▒   ░ ░  ░    ░    ░  ░░ ░  ░      ░      ░     ░ ░   
░ ░          ░ ░     ░       ░  ░ ░  ░  ░                ░       ░  ░
複製代碼
_     _      _     _      _     _      _     _      _     _      _     _      _     _      _     _   
  (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 ||   
 _.' `-' '._ _.' `-' '._  _.' `-' '._ _.' `-' '._  _.' `-' '._ _.' `-' '._  _.' `-' '._ _.' `-' '._ 
(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)(.-./`-'\.-.)
 `-' `-'  `-' `-'  `-' `-'  `-' `-'  `-' `-'  `-' `-'  `-' `-'  `-' `-' 
複製代碼

如何使用呢?

一、經過npm搜索figlet,會找到npm包

www.npmjs.com/package/fig…bash

二、安裝npm包

npm install figlet   或者直接安裝  npm install -g figlet-cli
複製代碼

具體使用方法參照官方文檔便可oop

三、使用文檔參數(控制檯操做爲例)

  • font

字符類型 默認值:Standard佈局

  • horizontalLayout

水平佈局 默認值: default字體

  • verticalLayout

垂直佈局 默認值: default

四、控制檯使用(項目使用和瀏覽器使用請看官方文檔)

  • 基本命令:
-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

備註:純屬分享一下好玩的,若有問題請聯繫糾錯

相關文章
相關標籤/搜索