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