Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/utags/utags
🏷️ Allow users to add custom tags to links.
https://github.com/utags/utags
browser-extension chrome-extension extension firefox-addon userscript usertag usertags utags
Last synced: 4 days ago
JSON representation
🏷️ Allow users to add custom tags to links.
- Host: GitHub
- URL: https://github.com/utags/utags
- Owner: utags
- License: mit
- Created: 2023-03-09T09:35:28.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-16T10:32:23.000Z (5 days ago)
- Last Synced: 2025-02-16T11:25:52.463Z (4 days ago)
- Topics: browser-extension, chrome-extension, extension, firefox-addon, userscript, usertag, usertags, utags
- Language: JavaScript
- Homepage: https://utags.pipecraft.net/tags/
- Size: 3.35 MB
- Stars: 90
- Watchers: 1
- Forks: 4
- Open Issues: 9
-
Metadata Files:
- Readme: README-zh-CN.md
- License: LICENSE
Awesome Lists containing this project
- awesome-v2ex-tips - https://github.com/utags/utags
README
# 小鱼标签 (UTags) - 为链接添加用户标签，备注信息
> [English](README.md) | 中文
这是个超实用的工具，能给用户、帖子、视频等链接添加自定义标签和备注信息。比如，可以给论坛的用户或帖子添加标签，易于识别他们或屏蔽他们的帖子和回复。支持 V2EX, X, Reddit, Greasy Fork, GitHub, B 站, 抖音, 小红书, 知乎, 掘金, 豆瓣, 吾爱破解, pixiv, LINUX DO, 小众软件, NGA 等网站。并可以使用特殊标签过滤帖子和回复。
**UTags** = **Usertags**。**Userscript**, **Userstyle** 可以让用户自定义网站的功能和样式，**Usertags** 允许用户自定义网站的标签。
目前支持的网站
- V2EX ([www.v2ex.com](https://www.v2ex.com/))
- Greasy Fork ([greasyfork.org](https://greasyfork.org/) and [sleazyfork.org](https://sleazyfork.org/))
- Hacker News ([news.ycombinator.com](https://news.ycombinator.com/))
- Lobsters ([lobste.rs](https://lobste.rs/))
- GitHub ([github.com](https://github.com/))
- Reddit ([www.reddit.com](https://www.reddit.com/))
- X(Twitter) ([x.com](https://x.com/) / [twitter.com](https://twitter.com/))
- 微信公众号 ([mp.weixin.qq.com](https://mp.weixin.qq.com/))
- Instagram ([www.instagram.com](https://www.instagram.com/))
- Threads ([www.threads.net](https://www.threads.net/))
- Facebook ([www.facebook.com](https://www.facebook.com/))
- YouTube ([www.youtube.com](https://www.youtube.com/))
- B 站 Bilibili ([www.bilibili.com](https://www.bilibili.com/))
- TikTok ([www.tiktok.com](https://www.tiktok.com/))
- 吾爱破解 ([www.52pojie.cn](https://www.52pojie.cn/))
- 掘金 ([juejin.cn](https://juejin.cn/))
- 知乎 ([zhihu.com](https://www.zhihu.com/))
- 小红书 xiaohongshu ([xiaohongshu.com](https://www.xiaohongshu.com/))
- 微博 ([weibo.com](https://weibo.com/), [weibo.cn](https://weibo.cn/))
- 少数派 ([sspai.com](https://sspai.com/))
- 抖音 ([douyin.com](https://www.douyin.com/))
- Google Podcasts ([podcasts.google.com](https://podcasts.google.com/))
- 今日热榜 Rebang.Today ([rebang.today](https://rebang.today/))
- MyAnimeList ([myanimelist.net](https://myanimelist.net/))
- 豆瓣 ([douban.com](https://www.douban.com/))
- pixiv ([www.pixiv.net](https://www.pixiv.net/))
- LINUX DO ([linux.do](https://linux.do/))
- 小众软件 ([meta.appinn.net](https://meta.appinn.net/))
- NGA ([bbs.nga.cn](https://bbs.nga.cn/), [nga.178.com](https://nga.178.com/), [ngabbs.com](https://ngabbs.com/))
- Keylol 其乐 ([keylol.com](https://keylol.com/))
- DLsite ([www.dlsite.com](http://www.dlsite.com/))
- Kemono ([kemono.su](https://kemono.su/))
- Coomer ([coomer.su](https://coomer.su/))
- Nekohouse ([nekohouse.su](https://nekohouse.su/))
- Discourse ([meta.discourse.org](https://meta.discourse.org/))
- Open AI ([community.openai.com](https://community.openai.com/))
- Cloudflare ([community.cloudflare.com](https://community.cloudflare.com/))
- Rule34Video(Rule34) ([rule34video.com](https://rule34video.com/))
- Rule34Generate(Rule34Gen) ([rule34gen.com](https://rule34gen.com/))
- panda.chaika.moe ([panda.chaika.moe](https://panda.chaika.moe/))
- PornHub ([pornhub.com](https://www.pornhub.com/))
- e-hentai ([e-hentai.org](https://e-hentai.org/)), exhentai ([exhentai.org](https://exhentai.org/))
- dmm.co.jp ([www.dmm.co.jp](https://www.dmm.co.jp/))
- WaniKani ([community.wanikani.com](https://community.wanikani.com/))
- 油猴中文网 [bbs.tampermonkey.net.cn](https://bbs.tampermonkey.net.cn/)
- 等网站。如果希望添加更多网站，请点击[这里](https://github.com/utags/utags/issues)。
## 安装
- 类 Chrome 浏览器: [Chrome 应用商店](https://chromewebstore.google.com/detail/utags-add-usertags-to-lin/kofjcnaphffjoookgahgjidofbdplgig)
- Edge 浏览器: 即将上架 Edge 商店
- Firefox 浏览器: 已上架 [Firefox Addon 商店](https://addons.mozilla.org/firefox/addon/utags/)，[点击这里](https://addons.mozilla.org/firefox/addon/utags/)安装。
- 油猴脚本: [https://greasyfork.org/scripts/460718-utags-add-usertags-to-links](https://greasyfork.org/scripts/460718-utags-add-usertags-to-links)
- [手动安装浏览器扩展](manual-installation.md)
## 使用方法
- 鼠标移到帖子标题或用户名的上面，会显示 🏷️ 标签图标。
- 点击 🏷️ 标签图标，输入标签，用逗号分开多个标签。
- 帖子标题，用户名都可以设置标签。
## 网页截图
## 视频演示
- 📺 YouTube: [demo1](https://www.youtube.com/watch?v=WzUzBA5V91A) [demo2](https://www.youtube.com/watch?v=zlNqk0nhLdI)
## 功能特点
- 在浏览的页面可以直接添加标签，保存标签时不会刷新页面
- 不仅可以给用户打标签，还可以给帖子和节点打标签
- 在[标签列表](https://utags.pipecraft.net/tags/)页面，可以看到有标签的用户和帖子，按更新顺序排序
- 支持 Vimium 扩展，点击 'f' 键，标签图标按钮也会有提示，可以快速添加标签
- 支持[数据导出、导入](https://utags.pipecraft.net/data/)
- 自动标记浏览过的帖子，支持半透明展示或隐藏已浏览内容。功能需在设置页面手动开启，默认处于关闭状态，当前仅适用于 `linux.do` 网站。
### 彩蛋
- 标签设置为 'sb'，该用户的帖子或评论都会半透明显示，可以方便跳过价值低的内容
- 标签设置为 'block'，该用户的帖子或评论都会被隐藏，眼不见，心不烦
- 更多特殊标签，比如：标题党, 推广, 无聊, 忽略, 已阅, hide, 屏蔽, 隐藏, 不再显示, 热门, 收藏, 关注, 稍后阅读
## 更新记录
- 0.12.1
- 使 UTags 支持 bbs.tampermonkey.net.cn 网站
- 添加用户脚本的官方安装网址以及扩展程序商店的网址
- 使自动标记浏览过的帖子功能支持 V2EX
- 设置界面里只在支持浏览内容标记功能的网站上显示启用按钮
- 0.12.0
- 支持应用自定义样式
- 0.11.1
- 新添更改已浏览帖子标题颜色的选项
- 0.11.0
- 自动标记浏览过的帖子，支持半透明展示或隐藏已浏览内容。功能需在设置页面手动开启，默认处于关闭状态，当前仅适用于 `linux.do` 网站。
- 在标签输入界面展示 “设置” 按钮
- 0.10.7
- 优化在【 X (Twitter)】添加标签的体验，并可以使用特殊标签屏蔽过滤不喜欢的用户的推文和评论
- 0.10.6
- Apply utags to community.wanikani.com
- 0.10.4
- Apply utags to rule34video.com, rule34gen.com
- 0.10.3
- 可以在【Reddit】给社区、主题和用户加标签和备注，并可以使用特殊标签屏蔽过滤不喜欢的社区和用户的主题和评论
- 可以在【TikTok】给视频加标签和备注，并可以使用特殊标签屏蔽过滤不喜欢的用户的视频和评论
- 0.10.1
- 可以在【小红书】的笔记和用户加标签和备注，并可以使用特殊标签过滤笔记和评论
- 优化标签显示的位置，提升性能
- 0.9.11
- 可以在 LINUX DO 和其他 Discourse 网站给帖子，分类，标签加标签，并可以使用特殊标签过滤主题和回复
- 0.9.10
- Apply utags to dlsite.com
- Apply utags to dmm.co.jp
- Apply utags to kemono.su
- Apply utags to coomer.su
- Apply utags to keylol.com
- 0.9.9
- Apply utags to www.pixiv.net
- Apply utags to linux.do
- Apply utags to meta.appinn.net
- Apply utags to NGA
- 0.9.8
- twitter.com -> x.com
- fix github.com, threads.net, e-hentai.org issues
- 0.9.5
- Add emoji tags 👍
- Increase the size of the list of candidate tags
- Enable the select/find feature on the tag management page
- Use CSS custom properties to define the width of the text tag border
- 0.9.4
- Update selectors for GitHub, now can add tags to issues, pulls and discussions
- Define utags font-size and icon size with CSS custom properties
- 0.9.3
- Update selectors and style
- Apply utags to douban.com
- Apply utags to myanimelist.net
- Change the injection moment to 'document_start'
- 0.9.1
- Add the copy button in the prompt UI
- 0.9.0
- Use advanced tag input prompt UI
- Define utags ul styles with css custom properties
- 0.8.10
- 适配 rebang.today
- 0.8.9
- 更新 bilibili.com, greasyfork.org, youtube.com, douyin.com, pornhub.com 等网站的样式与匹配规则
- 0.8.8
- 适配 podcasts.google.com
- 适配 douyin.com
- 适配 sspai.com
- 0.8.7
- UTags 开始支持 weibo.com, weibo.cn
- UTags 开始支持 pornhub.com
- 0.8.6
- UTags 开始支持 xiaohongshu.com
- 0.8.5
- UTags 开始支持 zhihu.com
- 0.8.4
- Fix a bug on YouTube, compare keys when reusing utags elements
- Update youtube selectors and style
- 0.8.0
- Implement multi-language support, currently supports English and Chinese
- 0.7.7
- Update instagram.com, threads.net
- Improve performance, update tags when document is not hidden
- 0.7.6
- use svg element instead of background-image with data: url to fix CSP issue
- (v2ex): handle cited replies generated by ve2x.rep userscript
- 0.7.5
- Handle default site rules for chrome extension and firefox addon
- Add option to enable/disable utags on current site
- Update bilibili, github selectors
- 0.7.2
- Apply utags to 52pojie.cn
- Apply utags to juejin.cn
- 0.7.1
- Apply utags to tiktok.com
- Apply utags to bilibili.com
- Apply utags to youtube.com
- Apply utags to facebook.com
- 0.7.0
- Apply utags to threads.net
- Apply utags to instagram.com
- Apply utags to mp.weixin.qq.com
- 0.6.7
- Apply utags to twitter.com
- 0.6.6
- \[github\] Match username in issues, PRs and commits
- Prevent utags elements from being remade when the tags have not changed
- 0.6.5
- Apply utags to reddit.com
- 0.6.4
- Apply utags to github.com
- 0.6.3
- Apply utags to lobste.rs
- Move focus on utags elements through the TAB key
- Show utags with vimium hint marker on Firefox
- 0.6.0
- Apply utags to hacker news (news.ycombinator.com)
- 0.5.2
- Improve performance
- Prevent tag content from being copied together when copying HTML text
- 0.5.0
- Apply utags to greasyfork.org and sleazyfork.org
- \[V2EX\] 允许给所有外部链接添加标签
- 0.4.5
- 取消点击空白区域时显示标签按钮的延迟效果
- 连续点击区域相同时，隐藏标签按钮
- 0.4.1
- 更新标签图标与样式
- 0.4.0
- 支持触屏设备
- 0.3.1
- 提高可访问性, 修改 v2ex 超级增强兼容问题
- 0.3.0
- 修复楼中楼回复模式时，隐藏或半透明效果影响整个楼的问题
- 0.2.1
- 设置中添加打开标签列表，导出数据/导入数据链接
- 0.2.0
- 添加设置功能，可以设置是否显示被隐藏的内容，是否去除半透明效果
- 0.1.10
- 兼容 Violentmonkey, Greasemonkey(Firefox), Userscripts(Safari) 等脚本管理器
- 0.1.5
- 添加更多特殊标签，比如：标题党, 推广, 无聊, 忽略, 已阅, hide, 隐藏, 不再显示, 热门, 收藏, 关注, 稍后阅读
- 修改 www.v2ex.com 匹配规则，支持更多页面，比如：提醒系统、账户余额等
- 0.1.4
- 支持给 www.v2ex.com 节点添加标签
- 0.1.2
- 解决 Firefox 浏览器不支持 'sb', 'block' 等标签的特殊功能的问题
- [更多内容](release-notes/zh-CN.md)
## Roadmap
- 扩展实现 popup, option 页面功能
- 网页内所有链接显示添加标签按钮
- 支持自定义网站规则
- 支持自定义标签样式
- [列表页](https://utags.pipecraft.net/tags/)显示用户头像
- 展示其他用户们的标签内容
- 显示在哪个页面添加的标签
- 多设备数据同步
## Development
This extension/userscript is built from [Browser Extension Starter and Userscript Starter](https://github.com/utags/browser-extension-starter)
## Features
- One codebase for Chrome extesions, Firefox addons, Userscripts, Bookmarklets and simple JavaScript modules
- Live-reload and React HMR
- [Plasmo](https://www.plasmo.com/) - The Browser Extension Framework
- [esbuild](https://esbuild.github.io/) - Bundler
- React
- TypeScript
- [Prettier](https://github.com/prettier/prettier) - Code Formatter
- [XO](https://github.com/xojs/xo) - JavaScript/TypeScript linter
## Showcases
- [🏷️ UTags - Add usertags to links](https://github.com/utags/utags) - Allow users to add custom tags to links.
- [🔗 Links Helper](https://github.com/utags/links-helper) - Open external links in a new tab, open internal links matching the specified rules in a new tab, convert text to hyperlinks, convert image links to image tags, parse Markdown style links and image tags, parse BBCode style links and image tags
## How To Make A New Extension
1. Fork [this starter repo](https://github.com/utags/browser-extension-starter), and rename repo to your extension name
2. Clone your repo
3. Install dependencies
```bash
pnpm install
# or
npm install
```
## Getting Started
First, run the development server:
```bash
pnpm dev
# or
npm run dev
```
Open your browser and load the appropriate development build. For example, if you are developing for the chrome browser, using manifest v3, use: `build/chrome-mv3-dev`.
You can start editing the popup by modifying `popup.tsx`. It should auto-update as you make changes. To add an options page, simply add a `options.tsx` file to the root of the project, with a react component default exported. Likewise to add a content page, add a `content.ts` file to the root of the project, importing some module and do some logic, then reload the extension on your browser.
For further guidance, [visit our Documentation](https://docs.plasmo.com/)
## Making production build
Run the following:
```bash
pnpm build
# or
npm run build
```
This should create a production bundle for your extension, ready to be zipped and published to the stores.
## Submit to the webstores
The easiest way to deploy your Plasmo extension is to use the built-in [bpp](https://bpp.browser.market) GitHub action. Prior to using this action however, make sure to build your extension and upload the first version to the store to establish the basic credentials. Then, simply follow [this setup instruction](https://docs.plasmo.com/framework/workflows/submit) and you should be on your way for automated submission!
## License
Copyright (c) 2023 [Pipecraft](https://www.pipecraft.net). Licensed under the [MIT License](LICENSE).
## >\_
[](https://www.pipecraft.net)
[](https://utags.pipecraft.net)