iTerm 2 Oh My Zsh【DIY教程—亲身体验过程】完美替代教程汇总！

article/2025/9/16 16:50:56

一年前，在搞终端的时候偶然一次机会，让我看到了各种强大的DIY界面，这让我很想去自己搞一个。于是在网上不断的寻找资源，也请教了大多数朋友。最终以失败告终。最近，本人又突然想起当时这件事，于是，决定边做笔记，边尝试当初失败的过程。经过一个晚上的时间，终于DIY出我梦寐以求的效果。

先放上最终DIY效果图：

DIY效果图

DIY效果图

下面，我将分步骤讲解我是怎么一步一步完成DIY过程

1. 首先下载 iTerm 2

2. 打开iTerm 2

国内自动脚本安装homebrew

自动脚本(全部国内地址)（在Mac os终端中复制粘贴回车下面这句话)

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

安装教程来源：https://zhuanlan.zhihu.com/p/111014448

3. 输入下面指令安装oh-my-zsh

curl -L https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh | sh

上边的需要翻墙，估计也不稳定，安装不上：使用国内源吧

国内源教程：https://touka.dev/tech/oh-my-zsh-china-mirror/

 

4. 接下来安装Powerline

在官网有教程，我们只需要执行官网第一条安装指令就行

如果你的终端能够正常执行pip指令，那么直接执行下面的指令可以完成安装

pip install powerline-status

如果没有，则先执行安装pip指令

sudo easy_install pip

5. 下载、安装库字体库

1）将工程下载下来后cd到install.sh文件所在目录

2）执行指令安装字体库

执行./install.sh指令安装所有Powerline字体

安装完成后提示所有字体均已下载到/Users/superdanny/Library/Fonts路径下

All Powerline fonts installed to /Users/superdanny/Library/Fonts

6. 设置iTerm 2的Regular Font 和 Non-ASCII Font

安装完字体库之后，把iTerm 2的设置里的Profile中的Text 选项卡中里的Regular Font和Non-ASCII Font的字体都设置成 Powerline的字体，我这里设置的字体是12pt Meslo LG S DZ Regular for Powerline

设置iTerm 2

设置iTerm 2

7. 配色方案

1）安装配色方案

进入刚刚下载的工程的solarized/iterm2-colors-solarized 下双击 Solarized Dark.itermcolors 和 Solarized Light.itermcolors 两个文件就可以把配置文件导入到 iTerm2 里

2）配置配色方案

通过load presets选择刚刚安装的配色主题即可

配色方案

配色方案

8. 使用agnoster主题

1）下载agnoster主题

到下载的工程里面运行install文件,主题将安装到~/.oh-my-zsh/themes目录下

2）设置该主题
进入~/.zshrc打开.zshrc文件，然后将ZSH_THEME后面的字段改为agnoster。ZSH_THEME="agnoster"（agnoster即为要设置的主题）

9. 增加指令高亮效果——zsh-syntax-highlighting

指令高亮效果作用是当用户输入正确命令时指令会绿色高亮，错误时命令红色高亮

1）cd到.zshrc所在目录

2）执行指令将工程克隆到当前目录

git clone git://github.com/zsh-users/zsh-syntax-highlighting.git

3）打开.zshrc文件，在最后添加下面内容

source XXX/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh

保存文件。

注意：xxx代表.zshrc所在目录

4）cd ~/.oh-my-zsh/custom/plugins

5）再次打开.zshrc文件，在最后面添加下面内容

plugins=(zsh-syntax-highlighting)

保存文件。

修改mac默认shell为zsh

 

自从安装了相对好用的zsh后，更改配置总是不起作用

最后发现是mac默认为bash shell的锅

要被自己蠢哭了~

查看当前已安装shells：

cat /etc/shells

更改mac默认shell为zsh:

chsh -s /usr/local/bin/zsh

更改zsh配置文件：

vim ~/.zshrc

在文件最后一行加上 source ~/.bash_profile;

更改完配置记得运行：

source ~/.zshrc

还原默认shell：

chsh -s /bin/bash

问题解答区

  1. 启动iTerm 2 默认使用dash改用zsh解决方法：chsh -s /bin/zsh
  2. 如果想切换回原来的dash：chsh -s /bin/bash
  3. 卸载oh my zsh，在命令行输入如下命令，回车即可：uninstall_oh_my_zsh
  4. 执行指令pip install powerline-status出错解决方法：
    需要下载苹果官方的Command line。必須官方工具下载最新版 Command Line
  5. ⌘+Q关闭iTerm 2 时每次弹窗提示问题：
    iTerm 2 中，进入Preference-General-Closing栏目，将Confirm "Quit iTerm2(⌘Q)" command选项勾选去掉就行
  6. 找不到.zshrc文件问题：
    我这里将我的.zshrc文件分享出来。供大家下载网盘
  7. 路径前缀的XX@XX太长，缩短问题：
    在此感谢评论区的朋友提供的解决方案。在~/.oh-my-zsh/themes路径下找到agnoster.zsh-theme文件，可使用文本工具打开，将里面的build_prompt下的prompt_context字段在前面加#注释掉即可。
  8. 背景图:
    有朋友喜欢我那个终端的背景图，这里放出来给喜欢的朋友使用。http://wx1.sinaimg.cn/large/81f8a509gy1fnjdvkkwgoj20zk0m8ak8.jpg



感谢原博主：SuperDanny  
链接：https://www.jianshu.com/p/7de00c73a2bb
来源：简书


http://chatgpt.dhexx.cn/article/FnaJLiqc.shtml

相关文章

Windows Terminal美化：oh-my-posh配置记录

Windows Terminal美化：oh-my-posh配置记录

Windows Terminal美化：oh-my-posh配置记录 前置：安装Windows Terminal powershell，打开终端，默认路径为powershell。 这个流程踩了不少坑，记录在错误示范，正确的配置流程请移步配置流程。 [ 2023-3-13 ] …
阅读更多...
存储卡修复软件测试自学,扩容内存卡用mydisktest失效，教你怎么用USBoot恢复出真实容量...

存储卡修复软件测试自学,扩容内存卡用mydisktest失效，教你怎么用USBoot恢复出真实容量...

贪便宜在某宝花了14元包邮买了张32G的TF卡，购买之前不断强调如果是扩容卡卖家包邮退货，卖家都狠狠答应了，人家都这样讲了能不买吗？。 卡拿到手后先格式化，看属性还是32G，然后复制一个近8G的DVD镜像文件进去…
阅读更多...
操作系统真象还原

操作系统真象还原

整体框架 ：mbr.S->loader.S：当os镜像被加载之后，cpu转去main的起止位置开始执行。（到目前为止，控制权已经掌握在自己手里） 接下来就要一步一步搭建起内核模块： 一：实现基本的输…
阅读更多...
还原卡还原了数据能恢复吗_主动还原：我们可以更快地恢复吗？ 快多了？

还原卡还原了数据能恢复吗_主动还原：我们可以更快地恢复吗？ 快多了？

还原卡还原了数据能恢复吗 Hi! My name is Daulet Tymbayev, and today I want to share my experience of developing a system that (theoretically) is able to recover a disk much faster than traditional recovery. Let’s start from the beginning to cover all the p…
阅读更多...
纯html 404页面,一款纯css3实现的漂亮的404页面_html/css_WEB-ITnose

纯html 404页面,一款纯css3实现的漂亮的404页面_html/css_WEB-ITnose

一款纯css3实现的漂亮的404页面_html/css_WEB-ITnose 之前为大家分享了那些创意有趣的404页面， html5和css3打造一款创意404页面， HTML5可爱的404页面动画很逗的机器人。今天再给大家分享一款纯css3实现的漂亮的404页面。效果图如下： 在线预…
阅读更多...
VUE 404页面的实现

VUE 404页面的实现

效果图&#xff1a; 实现方式&#xff1a; 创建一个404的vue页面 <template><div class"wscn-http404-container"><div class"wscn-http404"><div class"pic-404"><imgclass"pic-404__parent"src"/…
阅读更多...
Django配置404页面

Django配置404页面

目录 一.settings配置二.url设置三.views中设置四.最后附一个404页面的模板。 一.settings配置 1.首先需要在settings中将DEBUG由原来的True改为False DEBUG False2.需要设置 ALLOWED_OSTS ["*"]二.url设置 三.views中设置 def page_not_found(request,**kwarg…
阅读更多...
收集的几个自定义的404页面的模板

收集的几个自定义的404页面的模板

文章目录 404pages : HTTP Status 404 – Not Found介绍&#xff1a;404页面分类&#xff1a;补充内容&#xff1a;致谢&#xff1a;声明 404pages : HTTP Status 404 – Not Found 介绍&#xff1a; 注&#xff1a;项目已上传到github&#xff1a;https://github.com/yanshen…
阅读更多...
网站怎么自定义404页面

网站怎么自定义404页面

404页面是客户端在浏览网页时&#xff0c;服务器无法正常提供信息&#xff0c;或是服务器无法回应&#xff0c;且不知道原因所返回的页面&#xff0c;简单的说就是当别人访问你网站的某一个已经删除或不存在的网页的时候&#xff0c;服务器自动显示的页面。404页面对seo是有一定…
阅读更多...
vue 中编写404页面

vue 中编写404页面

前言 今日给自己项目添加404页面时&#xff0c;踩了一点坑&#xff0c;分享给大家。 正文 <div class"_404"><h2 class"m-0">抱歉&#xff0c;页面未找到&#xff0c;<span>{{countDown}}</span>s后自动跳转到<a href"j…
阅读更多...
hexo自定义404页面

hexo自定义404页面

1.找到你中意的404页面 推荐一款&#xff1a;https://404.life 预览保存&#xff0c;如果你看到其他喜欢的页面如何F12扒页面我就不教咯~ 2.hexo配置 2.1 把css和js放在博客下 我是放在这儿的&#xff0c;你也可以放在github&#xff0c;用jsd加速。 2.2 新建404.html 路…
阅读更多...
缤纷多彩的404页面（404.html）

缤纷多彩的404页面（404.html）

文章来源&#xff1a;https://www.skyqian.com/archives/404-Pages.html 一般而言&#xff0c;第一时间会在博客更新&#xff0c;CSDN随缘更新。 引言 别离滋味浓于酒。著人瘦。此情不及墙东柳。春色年年如旧。 ——勿埋我心 404是个很常见的页面&#xff0c;当该网站的内容搬迁…
阅读更多...
html404页面怎么添加,网站要如何设置自定义404页面？

html404页面怎么添加,网站要如何设置自定义404页面？

之前我们讲述过网站设置404页面对于优化或是用户体验的重要意义&#xff0c;大家可移步到《网站为什么要设置404页面》查看&#xff0c;今天我们讲解的是网站要如何设置自己的404页面。 现在大多数空间商都有了404设置的功能&#xff0c;我们可将404页面上传至空间里面&#xf…
阅读更多...
phpstudy 404页面设置 也就是Apache404页面的设置

phpstudy 404页面设置 也就是Apache404页面的设置

1&#xff0c;让apache支持.htaccess 我们要找到apache安装目录下的httpd.conf文件,在里面找到 <Directory /> Options FollowSymLinks AllowOverride none </Directory> 我们只要把蓝色字的none改all就重起apache就好了 如图&#xff1a; 2、找到httpd.conf文件…
阅读更多...
个性404页面模板php,25个创意404页面，支持模板下载

个性404页面模板php,25个创意404页面，支持模板下载

对于SEOer来讲，一个好的404页面是很有必要的，既要让蜘蛛能识别出不需要的网页，也要让用户在访问到错误页面时感觉舒服，所以，在选择404页面时SEOer就纠结了，到底什么样的一款404页面是好的呢？或者说是合适的呢？ 今天Kane就在这里整理了26款404页面，分别是五个类别，大部…
阅读更多...
vue 页面跳转404_出现404页面怎么办？应该如何处理404页面？

vue 页面跳转404_出现404页面怎么办？应该如何处理404页面？

当出现404页面怎么办？应该如何处理404页面？我们都知道404页面是用户在输入错误的链接时，显示的返回页面，但是作为SEOer来说，一切与用户有关的事，我们都不能忽略， 当用户已经点击进来，难道要因为出现的404页面而失去众多用户吗？不！这不是一个优秀的SEOer该做的事，下面…
阅读更多...
html5 小游戏 404页面,原来404页面可以这样做

html5 小游戏 404页面,原来404页面可以这样做

404页面是网站必备的一个页面，它承载着用户体验与SEO优化的重任。404页面通常为用户访问了网站上不存在或已删除的页面，服务器返回的404错误。如果站长没有设置404页面，会出现死链接，蜘蛛爬行这类网址时，不利于搜索引擎收录。 设置404页面的两大好处 1：引导用户不要关闭网…
阅读更多...
SpringBoot 配置404页面

SpringBoot 配置404页面

SpringBoot 配置404页面 项目环境&#xff1a; 服务器&#xff1a;centos 前端&#xff1a;Vue 后端&#xff1a;SpringBoot 出现的问题 访问一个不存在的页面时&#xff0c;会出现tomcat自带的404界面&#xff0c;这个界面对于用户不太友好 解决方案 1、自己写好404页面…
阅读更多...
vue 404页面

vue 404页面

一、概述 如果用户输入错误的网址没有提示&#xff0c;界面也不会有任何变化&#xff0c;用户体验非常不友好&#xff0c;所以需要设置错误提示 二、设置 设置404页面需要在配置路由文件index.js中设置&#xff0c;其中 * 代表的就是404页面 // 404 page must be placed at the…
阅读更多...
自适应404页面

自适应404页面

404.CSS *{ padding:0;margin:0;box-sizing:border-box;font-family:"微软雅黑";} body,html{width:100%;height:100%;} .container{max-width:90%;margin:0 auto;padding:80px 0px; } img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;us…
阅读更多...
推荐文章

Copyright @ 2022~2023