Skip to main content

HyperLink

A hyperlink component in Docusaurus, currently supports the following features. You can find source code on GithubExternal Link, latest Version is V1.3

  • Dynamic underline effect
  • Docusaurus light/dark theme switch
  • Internal/External Link display (External/Internal Link, In-Page Anchor, Internal Resource)
  • Docusaurus MDX integration
  • Custom font size, underline, color

demo

This is DocusaurusMDXLinkEnhance componentInternal Link

info

You can also refer to following blogs for detailed introduction to how this component is implemented

LinkInternal Link

超链接小组件更新,嵌入原生 DocusaurusInternal Link

Component Comparison

There are two components. One is the Link component with many custom options. Another is DocusaurusMDXLinkEnhance component to enhance the link in Markdown

Function \ ComponentLinkDocusaurusMDXLinkEnhance
Animations✔️✔️
Internal/External display on/off switch✔️(default off)❌(default on)
Docusaurus optimization✔️
Custom redirect logic✔️
Custom font, size, underline✔️
Add custom color✔️
Buy me a coffee ☕:
This article is licensed under CC 4.0 BY-SAExternal Link