美化 | 为 WSL 配置 Hyper.js + Oh My ZSH + Angoster主题

先放一张效果图

关于 ZSH, Oh My ZSH 不再介绍,主要记录了由于字体库问题引起的显示乱码问题。

安装 Hyper.js

官网 下载安装即可,全平台通用。

为 Ubuntu 安装 ZSH, Oh My ZSH

安装 ZSH apt install zsh

  • 检查安装 zsh --version

安装 Oh My ZSH

sh -c "$(wget -O- https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

安装自动补全插件zsh-autosuggestions

GitHub地址

  1. 克隆软件包 git clone https://github.com/zsh-users/zsh-autosuggestions ~/.zsh/zsh-autosuggestions
  2. 启用插件 source ~/.zsh/zsh-autosuggestions/zsh-autosuggestions.zsh
  3. 重启即可查看效果

安装Angoster主题并修复乱码问题

启用主题

编辑配置文件 vim ~/.zshrc

修改并启用主题 , 找到 ZSH_THEME="robbyrussell" 并修改为

ZSH_THEME="agnoster" # (this is one of the fancy ones)
# see https://github.com/robbyrussell/oh-my-zsh/wiki/Themes#agnoster

下载字体

Github

批量安装所有字体的方法见 How to install Powerline fonts in Windows

这里只需要 DejaVu Sans Mono for Powerline 即可

打开 Hyper.js >Edit > Preference, 找到 fontFamily将该字体加入即可

 // font family with optional fallbacks
fontFamily: 'DejaVu Sans Mono for Powerline, Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace', 

参考资料

Hyper.js + Oh My ZSH as Ubuntu on Windows (WSL) Terminal

How to install Powerline fonts in Windows