first blog more written

src/router/Link.tsx

@@ -26,4 +26,10 @@ export function Link(props: {href: Path, children : ReactNode, target?: '_blank'
   return <a {...props} onClick={onClick} className={className}>
     {children}
    </a>
-}
+}
+
+export function ExternalLink(props: HTMLProps<HTMLAnchorElement>) {
+  return (
+    <Link {...props} href={props.href as Path} className="external-link" target="_blank">{props.children}</Link>
+  )
+}