Basic Syntax
Use {{...}} in the text parameter to wrap the parts you want highlighted. All highlighted segments share the same style. Tip: You can also type {{...}} directly in the Text Content input above — the system will detect and apply highlights automatically.
# Syntax Format
?text=Normal text{{highlighted text}}more normal text
&hlcolor=FF5733
Parameter Details
hlcolor
Highlight Color
Sets the highlight color. Supports HEX format (e.g., FF5733) or color names (e.g., red).
Example： ?text=Mock{{Img}}.Dev&hlcolor=FF5733
hlcolor2
Highlight Gradient Color 2
Sets the second color for gradient highlight. Setting this automatically enables gradient effect, with hlcolor as the start color.
Example： ?text={{Hello}}&hlcolor=EC4899&hlcolor2=8B5CF6
hlgradient
Highlight Gradient Direction
Sets the gradient direction. Defaults to horizontal when not set.
horizontal Horizontal (left to right)
vertical Vertical (top to bottom)
diagonal Diagonal (top-left to bottom-right)
Example： ?text={{Hello}}&hlcolor=EC4899&hlcolor2=8B5CF6&hlgradient=vertical
hlfont
Highlight Font
Specifies an independent font for highlighted text. The value is the font file name (without the .ttf extension).
Example： ?text={{Brand}}&hlfont=Poppins-Bold
hlbold
Highlight Bold
Makes highlighted text bold. Value: true or 1.
Example： ?text={{Important}}&hlbold=true
Full Examples
Example 1：Solid Color Highlight
https://mockimg.dev/600x400.png?text=Mock{{Img}}.Dev&hlcolor=FF5733
Effect:"MockImg.Dev" — Img shown in red
Example 2：Gradient Highlight
https://mockimg.dev/600x400.png?text={{Gradient}}&hlcolor=EC4899&hlcolor2=8B5CF6
Effect: "Gradient" shown in pink-to-purple horizontal gradient
Example 3：Custom Font Highlight
https://mockimg.dev/600x400.png?text={{MockImg}}&hlfont=Poppins-Bold&hlcolor=3B82F6
Effect: "MockImg" shown in blue with Poppins-Bold font
Example 4：Bold Highlight
https://mockimg.dev/600x400.png?text={{Important}}&hlbold=true&hlcolor=EF4444
Effect: "Important" shown in red and bold
Example 5：Combined (Gradient + Font + Bold)
https://mockimg.dev/600x400.png?text={{Premium}}&hlcolor=FFD700&hlcolor2=FF6B6B&hlgradient=diagonal&hlfont=Montserrat-Bold
Effect: "Premium" shown with diagonal gradient (gold to red) in Montserrat-Bold font
Example 6：Multi-segment Highlight
https://mockimg.dev/600x400.png?text={{MockImg}}+和+{{占位图}}&hlcolor=3B82F6
Effect: Both "MockImg" and placeholder text shown in blue (shared highlight style)
Example 7：Highlight in CJK Text
https://mockimg.dev/600x400.png?text={{MockImg}}+占位图服务&hlcolor=10B981
Effect: "MockImg" shown in green, remaining text uses default color
Example 8：Dark Theme + Highlight
https://mockimg.dev/600x400.png?theme=dark&text=Dark+{{Mode}}&hlcolor=FBBF24
Effect: In dark theme, "Mode" shown in gold highlight
