Dev

README.md

@@ -1,28 +1,38 @@
 # Better GitHub Navigation
 
+[中文说明](#readme-zh) | [English](#readme-en)
+
+<a id="readme-zh"></a>
+
 ## 中文说明
 
 **Better GitHub Navigation** 是一款给 GitHub 补效率的 Tampermonkey（油猴）脚本。
 
-如果你经常在 GitHub 里来回切 `Dashboard`、`Explore`、`Trending`、`Stars`，或者总要去首页左侧翻那几个最常开的仓库，这个脚本就是拿来解决这些问题的。它会把常用入口放到更顺手的位置，让你少找一步、少点一下、少绕一圈；在窄屏、平板和移动端场景下，也能保持头部清爽，不会因为快捷入口太多而显得拥挤。
+支持将 DashBoard、Explore、Trending、Collections、Stars 这些常用入口放入导航栏中一键直达。支持自定义是否显示，自定义顺序。支持深色模式、窄屏场景。同时加入了 Github Top repositories 显示仓库置顶功能，常用仓库一键置顶，方便查看。
 
 ### 🚀 核心功能
-- **常用页面一键直达**：把 `Dashboard`、`Explore`、`Trending`、`Collections`、`Stars` 这些高频入口补到顶部导航，少绕路。
-- **快捷入口按你习惯来**：想显示哪些、放什么顺序，都可以自己调整，导航栏终于能配合你的工作流。
-- **窄屏和移动端也顺手**：窗口变窄时，常用入口依然好找好点，小屏浏览 GitHub 也不会被拥挤的头部打断节奏。
-- **常用仓库固定在手边**：GitHub 首页左侧 `Top repositories` 支持一键置顶，把你真正常开的仓库留在最前面。
-- **展开后也继续可用**：点开 `Show more` 之后，新显示出来的仓库也一样可以直接置顶。
-- **熟悉的 GitHub 感还在**：脚本只帮你把常用内容提到更近的位置，不会把整套使用习惯打乱。
-- **跨页浏览依然顺滑**：在 GitHub 里切页面时，增强入口会持续生效。
-- **双语界面更省心**：支持中文和英文，自动跟随页面语言，也能手动切换。
+- **常用页面一键直达**：把 `Dashboard`、`Explore`、`Trending`、`Collections`、`Stars` 这些常用入口补到顶部导航。
+  ![image-20260314111704936](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314111704936.png)
+- **快捷入口自定义显示**：想显示哪些、放什么顺序，都可以自己调整，导航栏终于能配合你的工作流。<br>
+  ![image-20260314111810164](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314111810164.png)
+- **窄屏和移动端适配**：窗口变窄时，常用入口依然好找好点，小屏浏览 GitHub 也不会被拥挤的头部打断节奏。<br>
+  ![image-20260314111848110](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314111848110.png)
+- **常用仓库固定**：GitHub 首页左侧 `Top repositories` 支持一键置顶，把你真正常开的仓库留在最前面。<br>
+  ![image-20260314111928748](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314111928748.png)
+- **跨页浏览**：在 GitHub 里切页面时，增强入口会持续生效。<br>
+  ![image-20260314111954077](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314111954077.png)
+- **双语界面**：支持中文和英文，自动跟随页面语言。<br>
+  ![image-20260314112134041](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314112134041.png)
+  ![image-20260314112154596](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314112154596.png)
+- **深色模式适配**：深色场景下依然适用。<br>
+  ![image-20260314112223000](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314112223000.png)
+  ![image-20260314112245868](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314112245868.png)
 
 ### 🛠️ 如何使用
 1. 安装脚本后，在 GitHub 页面点击油猴扩展图标。
 2. 在脚本菜单中选择 **"Better GitHub Nav: 打开设置面板"**。
 3. 勾选你想保留的快捷入口，并拖动顺序，整理出最适合自己的导航栏。
 4. 回到 GitHub 首页，点击 `Top repositories` 每个仓库后方的置顶按钮，把最常用的仓库固定到前面。
-5. 需要查看更多仓库时，展开 `Show more`，新增显示的仓库也能继续置顶。
-6. 之后常用页面和常用仓库都会更靠近你，日常切换会明显更顺。
 
 ### 📦 安装地址
 请前往 GreasyFork 安装最新版本：
@@ -33,29 +43,37 @@ GitHub 首页增强, GitHub 导航增强, Top repositories 置顶, 常用仓库
 
 ---
 
+<a id="readme-en"></a>
+
 ## English Description
 
-**Better GitHub Navigation** is a Tampermonkey userscript built to make everyday GitHub navigation faster.
+**Better GitHub Navigation** is a Tampermonkey userscript built to make GitHub more efficient.
 
-If you keep jumping between `Dashboard`, `Explore`, `Trending`, `Stars`, and a handful of repositories you open all the time, this script brings those places closer. It adds better shortcuts where you already look, keeps your favorite repos easy to reach from the home page, and still feels tidy when you are browsing GitHub on narrower screens.
+It allows commonly used sections such as Dashboard, Explore, Trending, Collections, and Stars to be added to the navigation bar for one-click access. Users can customize visibility and order. It also supports dark mode and narrow-screen layouts. Additionally, it includes a “GitHub Top Repositories” feature for pinning repositories, making frequently used repositories easy to access.
 
 ### 🚀 Key Features
-- **Jump to the pages you use most**: Add quick access to `Dashboard`, `Explore`, `Trending`, `Collections`, and `Stars` right in the header.
-- **Shape the header around your workflow**: Keep only the shortcuts you want and arrange them in the order that makes sense for you.
-- **Comfortable on narrow screens too**: Your shortcuts stay easy to reach without making the header feel crowded on tablets, split-screen windows, or mobile browsing setups.
-- **Pin the repos you actually use**: The home-page `Top repositories` list gets one-click pinning, so your real favorites stay at the top.
-- **Still works after `Show more`**: Expand the list and newly revealed repositories can be pinned too.
-- **Feels like GitHub, just more convenient**: The script helps you surface what matters without making GitHub feel unfamiliar.
-- **Stays with you while browsing**: The shortcuts keep working as you move around GitHub.
-- **Comfortable in both Chinese and English**: The UI follows the page language and can also be switched manually.
+- **One-click access to the pages you use most**: Add `Dashboard`, `Explore`, `Trending`, `Collections`, and `Stars` directly to the top navigation.<br>
+  ![image-20260314111704936](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314111704936.png)
+- **Customize which shortcuts appear**: Decide what to show and in what order, so the header finally matches your workflow.<br>
+  ![image-20260314111810164](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314111810164.png)
+- **Works well on narrow screens and mobile layouts**: Even when the window gets smaller, your shortcuts stay easy to find and click.<br>
+  ![image-20260314111848110](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314111848110.png)
+- **Pin your most-used repositories**: On the GitHub home page, `Top repositories` gets one-click pinning so your real daily repos stay at the front.<br>
+  ![image-20260314111928748](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314111928748.png)
+- **Keeps working while you move across GitHub**: The enhanced entry points stay available as you switch pages.<br>
+  ![image-20260314111954077](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314111954077.png)
+- **Bilingual UI**: Supports both Chinese and English, and follows the page language automatically.<br>
+  ![image-20260314112134041](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314112134041.png)
+  ![image-20260314112154596](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314112154596.png)
+- **Dark mode ready**: Still clear and comfortable to use in dark mode.<br>
+  ![image-20260314112223000](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314112223000.png)
+  ![image-20260314112245868](https://cdn.jsdelivr.net/gh/ImXiangYu/image-hosting@main/image/image-20260314112245868.png)
 
 ### 🛠️ How to Use
 1. After installation, click the Tampermonkey icon on any GitHub page.
 2. Select **"Better GitHub Nav: Open Settings Panel"** from the script menu.
-3. Keep the shortcuts you want, drag them into the order you like, and shape the header around your workflow.
-4. On the GitHub home page, use the pin button next to any repo in `Top repositories` to keep it at the top.
-5. If you open `Show more`, the newly revealed repositories can be pinned as well.
-6. From then on, the pages and repos you use most stay much closer.
+3. Keep the shortcuts you want, then drag them into the order that fits you best.
+4. Go back to the GitHub home page and click the pin button next to each repo in `Top repositories` to keep your most-used repos at the front.
 
 ### 📦 Installation
 Install the latest version via GreasyFork: