토론 » 개발

Better Greasy Fork

§
게시: 2025-10-16

Better Greasy Fork


Better Greasy Fork enhances your experience on the site by adding useful features and visual improvements that make browsing, writing, and managing scripts easier and more enjoyable.

It’s designed to integrate seamlessly with the Greasy Fork interface, appearing as if it were a native site feature.


Main Features

1. Added Icons!

alt text

  • How does it work? Better Greasy Fork fetches each script’s icon and displays it next to its title—whether on script lists (home page, search results, author profile) or on the script’s own page.

  • How to use it? It’s completely automatic! Just browse Greasy Fork and you’ll see icons appear, making it faster to visually identify your favorite scripts.
    To optimize performance, icons are cached for instant loading on future visits.


2. Text Editor with Toolbar

alt text

  • How does it work? A full Markdown-style toolbar is added to every text box that supports formatting. This includes writing or editing script descriptions, posting comments, feedback, or discussion threads.

  • How to use it? Clicking a toolbar button inserts the correct formatting for you. You can:

    • Create headings of various sizes (H1 ~ H6).
    • Apply bold, italic, abbreviation, underline, and strikethrough.
    • Create bulleted or numbered lists, code, and horizontal lines.
    • Insert blockquotes, links, images, and tables.
    • Embed YouTube and Bilibili videos directly in your posts.
    • Use advanced formatting such as subscript, superscript, highlighted text, and keyboard keys.
    • Change text color and background color using an integrated color picker.

    Tip: Select text before clicking a button to apply formatting directly to it!


3. Download Button on the Code Page

alt text

  • How does it work? When you visit the Code tab of any script, a new Download button appears at the top of the code box.

  • How to use it? Clicking this button downloads the .user.js file directly to your computer, correctly named and ready for use.


4. Visual and Usability Improvements

alt text

  • Highlighted Description: The main script description is now displayed inside a highlighted block, making it easier to read and visually distinct from other information.

  • Page Organization: A divider line has been added to separate script details from “Additional Information,” making the page cleaner and better structured.

  • Clearer Ratings: The counts for Good, Ok, and Bad ratings have been redesigned with emojis (👍, 🤔, 👎) and colors to be more visible and easier to interpret at a glance.


§
게시: 2025-10-18

New Update - 1.1


New Metadata Tags for Script Authors (@bgf-)

alt text

A set of new metadata tags has been introduced that authors can add to their scripts to integrate with Better Greasy Fork. This allows for much greater customization of the script page for users who have Better Greasy Fork installed.

  • Custom Highlight Colors (@bgf-colorLT and @bgf-colorDT):

    • @bgf-colorLT defines the color for the browser's light theme.
    • @bgf-colorDT defines the color for the dark theme. This allows the script page to match the script's own visual identity.
  • Copyright Information (@bgf-copyright):

    • A tag has been added to display a clickable copyright line in the script information section, allowing authors to protect their work and provide a link for more details.
  • Enhanced Compatibility (@bgf-compatible):

    • Authors can now specify compatibility with other browsers and platforms, such as Brave and Mobile.
    • Better Greasy Fork will display corresponding icons for this compatibility on the script page.
  • Social Media Links (@bgf-social):

    • A new tag allows authors to add links to their social media (such as GitHub, Instagram, X/Twitter, etc.).
    • The script will display the official icons for each social network, making it easier for users to find and follow the authors.

How to use?

@bgf-colorLT: use only one of the following color formats #hex | rgb(0, 0, 0) | rgba(0, 0, 0, 0) | hsl(0, 0%, 0%) | hsla(0, 0%, 0%, 0).

@bgf-colorDT: use only one of the following color formats #hex | rgb(0, 0, 0) | rgba(0, 0, 0, 0) | hsl(0, 0%, 0%) | hsla(0, 0%, 0%, 0).

@bgf-compatible: accepts only brave or mobile, or both together, separated by a comma brave, mobile.

@bgf-copyright: must follow the format [text](https://gist.github.com/*).

@bgf-social: accepts the following addresses (URLs):

Instagram: https://www.instagram.com
Facebook: https://www.facebook.com
X/Twitter: https://x.com
Youtube: https://www.youtube.com
Bilibili: https://www.bilibili.com
TikTok: https://www.tiktok.com
DouYin: https://www.douyin.com
GitHub: https://github.com
LinkedIn: https://www.linkedin.com
  • It is possible to use multiple URLs separated by commas, with the exception of TikTok and Douyin — if both are declared, only one will be displayed on the page.
  • @bgf-compatible does not replace @compatible, it only complements it.

Example:

// ==UserScript==
// @bgf-colorLT       #6a9955
// @bgf-colorDT       rgb(106, 153, 85)
// @bgf-compatible    brave, mobile
// @bgf-copyright     [2025 Example. All Rights Reserved.](https://gist.github.com/*example*)
// @bgf-social        https://www.instagram.com/*, https://www.youtube.com/*, https://github.com/*, https://www.linkedin.com/*
// ==/UserScript==

답글 게시

답글을 게시하려면 로그인하세요.