Replies: 1 comment 1 reply
-
You can do this using the markdownIt config option to register a Markdown plugin. Here are the steps:
import MarkdownItGitHubAlerts from "markdown-it-github-alerts";
export default {
style: "style.css",
markdownIt: (md) => md.use(MarkdownItGitHubAlerts)
};
@import url("observablehq:default.css");
@import url("observablehq:theme-air.css") (prefers-color-scheme: light);
@import url("observablehq:theme-near-midnight.css") (prefers-color-scheme: dark);
@import url("markdown-it-github-alerts/styles/github-colors-light.css");
@import url("markdown-it-github-alerts/styles/github-colors-dark-media.css");
@import url("markdown-it-github-alerts/styles/github-base.css"); You can test with page like so: > [!NOTE]
> Highlights information that users should take into account, even when skimming. |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Github markdown alerts and Observable markdown notes are pretty much the same thing but with a different syntax. Can Observable add support for the github syntax?
Beta Was this translation helpful? Give feedback.
All reactions