rehype plugin to enhance links.
- What is this?
- When should I use this?
- Install
- Use
- API
- Bugs
- Authoring
- HTML
- CSS
- Syntax
- Types
- Compatibility
- Security
- Related
- Contribute
- License
This plugin enhances links by marking them as external.
By default it appends rel="nofollow"
to links that are neither local nor
go to github.com
.
This plugin is part of a monorepo rehype-github
.
See its readme for more info.
You can use this plugin when you want to match how github.com works or when you want to build similar pipelines that have user content.
This package is ESM only. In Node.js (version 16.0+), install with npm:
npm install rehype-github-link
In Deno with esm.sh
:
import rehypeGithubLink from 'https://esm.sh/rehype-github-link@0'
In browsers with esm.sh
:
<script type="module">
import rehypeGithubLink from 'https://esm.sh/rehype-github-link@0?bundle'
</script>
Say our module example.js
looks as follows:
import rehypeGithubLink from 'rehype-github-link'
import rehypeParse from 'rehype-parse'
import rehypeStringify from 'rehype-stringify'
import {unified} from 'unified'
const file = await unified()
.use(rehypeParse, {fragment: true})
.use(rehypeGithubLink)
.use(rehypeStringify)
.process('<a href="https://example.com">link</a>')
console.log(String(file))
…now running node example.js
yields:
<a href="https://example.com" rel="nofollow">link</a>
This package exports no identifiers.
The default export is
rehypeGithubLink
.
Plugin to enhance links.
options
(Options
, optional) — configuration
Configuration (TypeScript type).
internal
(Array<string>
orstring
, default:'github.com'
) — hostname or hostnames to not mark as externalrel
(Array<string>
orstring
, default:'nofollow'
) — relationship(s) of your site to external content, used inrel
; You should probably set['nofollow', 'ugc']
There are no bugs with how GitHub does this, but they could use
['nofollow', 'ugc']
instead.
There are no additional recommendations on how to author links in markdown.
The markup that github.com adds is:
rel="nofollow"
No CSS is needed.
No syntax is applicable.
This package is fully typed with TypeScript.
It exports the additional type Options
.
Projects maintained by the unified collective are compatible with all maintained versions of Node.js. As of now, that is Node.js 16.0+. Our projects sometimes work with older versions, but this is not guaranteed.
This plugin works with rehype-parse
version 3+, rehype-stringify
version
3+, rehype
version 5+, and unified
version 6+.
This package is safe.
remark-gfm
— support GFM in remarkrehype-external-links
— similar plugin
See contributing.md
in rehypejs/.github
for ways to get
started.
See support.md
for ways to get help.
This project has a code of conduct. By interacting with this repository, organization, or community you agree to abide by its terms.
This project is not affiliated with GitHub.