Linux用dmenu快速启动HTML学习工具
时间:2026-03-31 14:48:15 438浏览 收藏
本文介绍了如何在Ubuntu 24.04系统上利用轻量级动态菜单dmenu,结合自定义Shell脚本和快捷键绑定,打造一套专为HTML学习者优化的一键启动工作流——不仅能快速唤起VS Code、Sublime Text等本地开发工具,还能直达MDN、W3Schools等核心在线文档页面,彻底告别繁琐的手动查找与命令输入,让学习效率跃升一个台阶。

如果您希望通过快捷键快速启动与HTML学习相关的应用程序,但每次都需要手动查找或输入命令,可以利用dmenu结合自定义脚本实现高效访问。以下是具体操作步骤:
本文运行环境:ThinkPad X1 Carbon,Ubuntu 24.04
一、配置dmenu并绑定快捷键
dmenu是一个轻量级的动态菜单,常用于键盘驱动的工作流中,能够通过快捷键唤起程序列表。通过将其与快捷键绑定,可实现一键调出应用选择菜单。
1、安装dmenu工具包,执行命令:sudo apt install dmenu。
2、创建一个启动脚本文件,例如命名为html-launcher.sh,并赋予执行权限。
3、在窗口管理器或桌面环境中设置全局快捷键(如Mod+P),触发该脚本运行。
二、编写HTML学习应用启动脚本
通过编写Shell脚本将常用的HTML开发和学习工具集中管理,使dmenu能从中读取并供用户选择。
1、编辑脚本内容,使用echo输出多个学习相关应用选项,例如:
echo "VS Code\nSublime Text\nFirefox Developer Edition\nMDN Docs\nW3Schools" | dmenu -i -p "选择HTML学习工具"。
2、根据返回的选择项,使用case语句匹配并启动对应程序,例如选择“VS Code”时执行code命令。
3、确保所有调用的应用已正确安装且可在终端直接启动。
三、集成浏览器文档资源快捷入口
对于依赖在线文档的学习者,可通过脚本让dmenu直接打开指定HTML学习网页。
1、在脚本中添加对特定URL的支持,例如选择“MDN Docs”时执行:firefox https://developer.mozilla.org/zh-CN/docs/Web/HTML。
2、为提升响应速度,可预先将常用页面加入书签并启用浏览器快速恢复功能。
3、若使用其他浏览器,请替换命令中的firefox为chrome或chromium等对应命令。
文中关于java,php,编程的知识介绍,希望对你的学习有所帮助!若是受益匪浅,那就动动鼠标收藏这篇《Linux用dmenu快速启动HTML学习工具》文章吧,也可关注golang学习网公众号了解相关技术文章。
-
502 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
306 收藏
-
175 收藏
-
190 收藏
-
182 收藏
-
CSS实现滚动条进度动画的方法主要依赖于JavaScript配合CSS动画,因为纯CSS无法直接获取滚动条的进度。不过可以通过以下步骤实现:✅ 实现思路使用 JavaScript 监听滚动事件,获取当前滚动位置。根据滚动位置计算进度百分比。通过 CSS 动画或过渡效果,将进度百分比应用到一个进度条元素上。🧩 示例代码HTML272 收藏313 收藏433 收藏413 收藏113 收藏423 收藏388 收藏392 收藏课程推荐更多>
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习