Bắt đầu
Nhấp vào biểu tượng Stylebot trên thanh công cụ, rồi chọn Tạo kiểu cho trang này. Hoặc nhấn alt+shift+M trên thẻ bất kỳ, hay nhấp chuột phải vào phần tử và chọn Stylebot → Tạo kiểu phần tử.
Nhấp vào công cụ chọn, di chuột trên trang rồi nhấp vào phần tử. Nhấn ↑ trước khi nhấp để chọn phần tử cha. Sau đó chỉnh sửa trong Cơ bản, hoặc viết CSS trong Mã. Thay đổi được lưu ngay khi bạn thực hiện và được áp dụng mỗi lần bạn truy cập trang web.
- Phông chữ
- Tìm trong 400 phông Google Fonts và Stylebot sẽ tải phông bạn chọn, hoặc nhập tên phông bất kỳ đã cài trên máy tính của bạn.
- Vị trí trình chỉnh sửa
- Trong Chrome và Edge, trình chỉnh sửa mở trong bảng bên. Dùng Vị trí trong menu ⋯ để mở trình chỉnh sửa trong cửa sổ riêng hoặc gắn vào trang. Firefox và Safari không có bảng bên.
- Tắt kiểu
- Dùng công tắc trong cửa sổ bật lên, hoặc nhấn alt+shift+S. Kiểu vẫn được giữ, chỉ không được áp dụng.
Hồ sơ
Hồ sơ là bảng kiểu riêng cho cùng một trang web, để bạn giữ nhiều giao diện và chuyển đổi giữa chúng. Mỗi lúc chỉ áp dụng một hồ sơ, và mọi trang web đều bắt đầu với hồ sơ Mặc định.
Nhấp vào tên hồ sơ cạnh tên trang web ở đầu trình chỉnh sửa để tạo, đổi tên, nhân bản hoặc xóa hồ sơ. Chuyển đổi giữa các hồ sơ tại đó hoặc trong cửa sổ bật lên, nơi Không dùng kiểu tắt kiểu cho trang web. Hồ sơ mới bắt đầu trống.
Mẫu có sẵn
Thẻ Mẫu có sẵn có hai mẫu, và cả hai đều kết hợp được với thay đổi của riêng bạn. Chế độ đọc biến bài viết trên trang web thành chế độ đọc gọn gàng, với giao diện, phông chữ, cỡ chữ và chiều rộng tùy chọn; những trang không phải bài viết được giữ nguyên. Thang độ xám loại bỏ màu sắc khỏi trang web, ở mức độ tùy chọn.
Đồng bộ và lịch sử phiên bản
- Đồng bộ Google Drive
- Kết nối Google Drive trong Tùy chọn. Các kiểu của bạn, kể cả hồ sơ, được đồng bộ 30 phút một lần và ngay sau khi bạn chỉnh sửa. Stylebot chỉ thấy các tệp do chính Stylebot tạo trong Drive của bạn, và Stylebot không có máy chủ.
- Xung đột
- Nếu một kiểu được sửa trên hai máy tính, bản sửa mới hơn của bạn được giữ lại, còn phiên bản kia được lưu trong chú thích, nên không mất gì cả.
- Sao lưu
- Xuất và nhập tất cả kiểu của bạn dưới dạng JSON trong Tùy chọn.
- Lịch sử phiên bản
- Mọi thay đổi trên máy tính này được lưu trong Tùy chọn, kể cả những thay đổi đến qua đồng bộ. Khôi phục bất kỳ phiên bản trước nào, cho một vài trang web hoặc tất cả.
Thư viện
Thư viện có các kiểu do người khác tạo bằng Stylebot. Xem trước kiểu ngay trên trang web dành cho kiểu đó, đọc CSS và cài đặt chỉ với một cú nhấp.
- Đăng kiểu
- Chọn Đăng lên Thư viện trong menu ⋯ của kiểu ở cửa sổ bật lên, hoặc trong menu ⋯ của trình chỉnh sửa, rồi đăng nhập bằng Google. Các chỉnh sửa của bạn chỉ nằm trên máy tính cho đến khi bạn đăng bản cập nhật.
- Kiểu của bạn
- Đăng nhập vào Thư viện để đổi tên hoặc xóa các kiểu bạn đã đăng, cũng như đổi tên người dùng.
Quy tắc URL
Theo mặc định, Stylebot khớp kiểu với trang web theo tên miền. Sửa URL của kiểu trong Tùy chọn và dùng các mẫu sau cho những trường hợp cụ thể hơn.
**Khớp với chuỗi ký tự bất kỳ.*Khớp với chuỗi ký tự bất kỳ cho đến khi gặp dấu /.,Phân tách danh sách mẫu. URL khớp nếu bất kỳ mẫu nào khớp.^Đặt ở đầu URL để biến URL thành biểu thức chính quy.Ví dụ
docs.google.com- Tên miền docs.google.com hoặc bất kỳ tên miền con nào của tên miền này.
docs**- URL bất kỳ bắt đầu bằng docs.
docs*.google.com- docs.google.com, docs1.google.com, docs2.google.com, v.v.
*.ycombinator.com- news.ycombinator.com và apps.ycombinator.com.
docs.google.com, spreadsheets.google.com- Một trong hai tên miền, hoặc bất kỳ tên miền con nào của chúng.
^http://www.reddit.com/$- Chỉ trang chủ Reddit.
*- Mọi trang web. Hữu ích cho những kiểu bạn muốn áp dụng ở khắp nơi.
CLI
Lệnh stylebot cho phép trợ lý lập trình như Claude Code, Codex hay Cursor đổi giao diện trang web ngay trong trình duyệt của bạn, dùng gói đăng ký của bạn thay vì khóa API. Bạn cũng có thể tự chạy các lệnh.
- Thiết lập
- Cài đặt CLI, kết nối CLI với trình duyệt, rồi bật Cho phép truy cập từ dòng lệnh trong Tùy chọn. Trang CLI hướng dẫn từng bước. Hiện chỉ hỗ trợ Chrome và Edge.
- Claude Code
- Thêm plugin Stylebot rồi yêu cầu thay đổi bằng
/stylebot, chẳng hạn giao diện tối cho trang web. - Quyền riêng tư
- Quyền truy cập CLI ở trạng thái tắt cho đến khi bạn bật. Stylebot và CLI chỉ giao tiếp với nhau, trên máy tính này; trợ lý lập trình gửi những gì đọc được đến nhà cung cấp của mình.
Phím tắt
Phím tắt toàn cục hoạt động trên mọi trang mà Stylebot có thể tạo kiểu; đổi phím tắt trong cài đặt phím tắt của trình duyệt, có liên kết từ Tùy chọn. Để xem phím tắt riêng của trình chỉnh sửa, nhấn ? trong trình chỉnh sửa.
Trợ giúp và hỗ trợ
Bạn phát hiện lỗi hoặc có ý tưởng? Hãy mở issue trên GitHub. Stylebot miễn phí, mã nguồn mở và được duy trì từ năm 2011. Nếu thấy Stylebot hữu ích, bạn có thể ủng hộ bằng cách mời tôi ly cà phê.