众所周知,Mac OS 桌面系统界面美在于其设计简洁、现代化,动画效果自然流畅,图标设计细腻,多样化的主题风格以及易用性强。
在本教程中,我们将引导您理解并部分完成 Ubuntu 的桌面美化,力图实现 Mac OS 风格中的基础部分,如:设计简洁、现代化,配合 Mac OS 图标以及 Ubuntu 自有的多样化主题风格及易用性,最终使得您改变对 Linux 桌面美观层面的误会。
你会学到什么
- 准备工作:Ubuntu GNOME 界面美化需要安装哪些扩展;
- 美化项目:包括:收藏栏风格;应用程序主题,比如窗口最大化最小化按钮;图标主题;光标主题;顶栏显示;
陆续更新内容
下两篇文章及视频,将会涉及更多的拓展:
- 被广泛应用的 variety 桌面主题;窗口移动动态效果;类 Windows 的 ALT-TAB 功能;天气预报;系统监视;
- 类 Mac OS 启动前画面(Grub);类 Mac OS 的 启动画面;
Ubuntu 桌面环境说明
- 默认桌面环境:为 GNOME,本文正是基于 GNOME 进行桌面美化;
- 桌面美化组件:需要用到 GNOME Shell Extensions;
- 组件安装管理:虽然可以使用 Firefox 或者 Chrome 管理,但初次安装 Ubuntu 系统只有 Firefox。本文也是基于 Firefox 来管理 GNOME Shell Extensions ;
一、更新 Firefox
1.1. 确认并卸载:Snap 版 Firefox
- 确认 Firefox 版本:打开 Firefox,点击右上角的 "Open application menu > Help > About Firefox",可知 Ubuntu 22.04 默认 snap 版本 Firefox,此版本 Firefox 无法安装 Gnome Shell Extensions;
- 卸载 Snap 版 Firefox:
sudo snap remove --purge firefox
1.2. 下载并安装:解压版 Firefox
# 获取 Firefox 方法1:通过 现有 Firefox 官网下载:https://www.mozilla.org/en-US/firefox/new/
# 获取 Firefox 方法2:
sudo wget https://download-installer.cdn.mozilla.net/pub/firefox/releases/111.0/linux-x86_64/en-US/firefox-111.0.tar.bz2
#建立Software 目录,方便统一管理第三方软件
mkdir ~/software
# 进入已下载 Firefox 的目录
cd ~/software/
#根据实际情况调整:Firefox 下载后所在路径
tar jxvf ~/Download/firefox-111.0.tar.bz2
#启动 Firefox 新版
cd firefox/
sudo ./firefox
1.3. 建立 "解压版 Firefox" 的快捷方式
- Notes:建立解压版 Firefox 快捷方式的目的,仅仅是为了方便使用 Firefox,酌情忽略即可。
#清空现有桌面方式文件内容,这是因为 Ubuntu 预设安装了 Firefox ,虽然之前一步已经卸载了Firefox, 但快捷方式文件仍然存在。
sudo sh -c 'echo "" > /usr/share/applications/firefox.desktop'
#重新编辑 Firefox 快捷方式
sudo vi /usr/share/applications/firefox.desktop
- 内容参考如下,编辑后保存即可 ,注意 Exec & Icon 路径为自己的真实路径:
[Desktop Entry]
Name=FIREFOX
Comment=
Exec=/home/alex/software/firefox/firefox
Icon=/home/alex/software/firefox/browser/chrome/icons/default/default32.png
Type=Application
Terminal=false
- 赋给 Firefox 快捷方式以执行权限,快捷方式出现在 "应用程序"列表中。
sudo chmod +x /usr/share/applications/firefox.desktop
二. 安装 GNOME Tweaks
- 安装桌面优化组件: Tweaks,方便未来调整桌面,比如:主题、背景、图标、顶栏等等。
sudo apt install gnome-tweaks
- 安装后,Tweaks 会出现在应用程序列表中。本文接下来部门会使用该组件进行桌面美化的调整:
三、安装浏览器扩展
- 打开 Firefox, 访问 GNOME 扩展网页: https://extensions.gnome.org, 如下图提示,点击安装:
- 点击"CLick here to install browser extension" 链接安装扩展, 以上警告信息消失,。
- 重启 Firefox 后,访问: https://extensions.gnome.org,会出现:"...native host connector is not detected..."提示,安装本地连接器:
sudo apt-get install chrome-gnome-shell
- 再次重启 Firefox 后,访问: https://extensions.gnome.org,上两张图中出现的警告信息消失(不支持 V6问题不大😜);
四、苹果风格 - 任务栏
使用 Dash to Dock 能模拟出类苹果风格收藏栏风格;
- 安装:在 GNOME 扩展网页 https://extensions.gnome.org 搜索: Dash to Dock,点击安装:
- 安装效果:收藏栏位如下图所示:
- Dash to Dock 设置:包括图标大小,、隐藏属性、背景属性等等,在此不再赘述。
五、苹果风格 - 应用程序主题
https://www.gnome-look.org 有大量免费应用程序主题,本文选择 "WhiteSur GTK Theme" 应用程序主题来模拟 Mac 桌面风格。
5.1. 下载应用程序主题:
- 访问 https://www.gnome-look.org/p/1403328:,点击"WhiteSur gtk theme" :
- 页面跳转到 github 官网: https://github.com/vinceliuice/WhiteSur-gtk-theme ,点击 "Lastest" 下载,最新版本:
5.2. 安装应用程序主题:
# 递归创建主题目录,用于准备安装
sudo mkdir -p ~/software/themes
#解压主题压缩文件
cd ~/software/themes/
sudo tar zxvf ~/Downloads/WhiteSur-gtk-theme-2023-03-12.tar.gz
#开始安装主题
cd WhiteSur-gtk-theme-2023-03-12/
sudo ./install.sh
5.3. 设置应用程序主题:
打开应用程序:Tweaks
- 设置应用程序主题:
- 设置:窗口的"最大化","最小化","关闭" 按钮在窗口左边:
六、苹果风格 - 图标主题
https://www.gnome-look.org 有大量免费图标主题,本文选择 "WhiteSur icon theme" 图标主题来模拟 Mac 图标风格。
6.1. 下载图标主题:(建议 "真.国际互联网" 下载)
- 访问 https://www.gnome-look.org/p/1405756:,点击"01-WhiteSur.tar.xz" :
6.2. 安装图标主题:
# 创建用户图标文件夹
mkdir ~/.icons
#解压主题压缩文件
cd ~/.icons
sudo tar xvJf ~/Downloads/01-WhiteSur.tar.xz
6.3. 设置图标主题:
打开应用程序:Tweaks
- 设置图标主题:
七、苹果风格 - 光标主题
https://www.gnome-look.org 有大量免费光标主题,本文选择 "WhiteSur cursors" 光标主题来模拟 Mac 光标风格。
7.1. 下载光标主题:(建议 "真.国际互联网" 下载)
- 访问 https://www.gnome-look.org/p/1411743 :,点击"WhiteSur-cursors.tar.xz" :
7.2. 安装光标主题:
# 创建用户光标文件夹,因为上一步已经创建该文件夹,也可以不执行
# mkdir ~/.icons
#解压主题压缩文件
cd ~/.icons
sudo tar xvJf ~/Downloads/WhiteSur-cursors.tar.xz
7.3. 设置光标主题:
打开应用程序:Tweaks
- 设置光标主题:
八、苹果风格 - shell 主题
使用 Dash to Dock 能模拟出类苹果风格 shell 风格;
- 安装:在 GNOME 扩展网页 https://extensions.gnome.org 搜索: User Themes,点击安装:
- 设置 shell 主题:
安装 User Theme 后,重启 Ubuntu 系统,打开应用程序:Tweaks ,设置 shell 主题:
至此,看看顶栏和收藏栏,是不是越来越像了😎
---End---