2184

How do you write a comment in Markdown, i.e. text that is not rendered in the HTML output? I found nothing on the Markdown project.

4
  • 12
    Reading between the lines, it seems that you want to attach metadata to your Markdown. For that reason, I'd suggest using a preprocessor that lets you add a header. For one example, see Jekyll's Front Matter. For another example, see how Basho uses Middleman for their documentation. (Note: This is not a direct answer to the question, which is why I'm sharing it as a comment.)
    – David J.
    Nov 26, 2014 at 16:58
  • 2
    See also how MultiMarkdown supports metadata.
    – David J.
    Nov 26, 2014 at 17:05
  • 3
    Here is a benchmark of different comments type with different parsers on Babelmark.
    – Ulysse BN
    Apr 25, 2018 at 1:20
  • 28
    None of the answers on this page work consistently with all parsers. It's the ones that blithely show the contents of <!-- … --> that really leave me aggrieved. Jul 20, 2021 at 13:10

24 Answers 24

2221
+100

I believe that all the previously proposed solutions (apart from those that require specific implementations) result in the comments being included in the output HTML, even if they are not displayed.

If you want a comment that is strictly for yourself (readers of the converted document should not be able to see it, even with "view source") you could (ab)use the link labels (for use with reference style links) that are available in the core Markdown specification:

http://daringfireball.net/projects/markdown/syntax#link

That is:

[comment]: <> (This is a comment, it will not be included)
[comment]: <> (in  the output file unless you use it in)
[comment]: <> (a reference style link.)

Or you could go further:

[//]: <> (This is also a comment.)

To improve platform compatibility (and to save one keystroke) it is also possible to use # (which is a legitimate hyperlink target) instead of <>:

[//]: # (This may be the most platform independent comment)

For maximum portability it is important to insert a blank line before and after this type of comments, because some Markdown parsers do not work correctly when definitions brush up against regular text. The most recent research with Babelmark shows that blank lines before and after are both important. Some parsers will output the comment if there is no blank line before, and some parsers will exclude the following line if there is no blank line after.

In general, this approach should work with most Markdown parsers, since it's part of the core specification. (even if the behavior when multiple links are defined, or when a link is defined but never used, is not strictly specified).

18
  • 248
    [//]: # "Comment" and [//]: # (Comment) seem to work on a wider variety of implementations, because # is a valid relative URI. GitHub, for example, rejects <>, and the entire line becomes visible. It's also worth noting that link labels often need to be separated from other content by a blank line.
    – Zenexer
    Mar 5, 2014 at 0:17
  • 23
    To be most platform-independent it also needs an empty line before the comment. See the tests: stackoverflow.com/a/32190021/2790048 Aug 24, 2015 at 19:18
  • 12
    Can this be used for multiline comments?
    – crypdick
    Nov 13, 2015 at 21:53
  • 4
    @RovingRichard Yes, at least in Pandoc this works for multiline comments if there are no blank lines in the commented block (single line breaks are fine). I use Magnus' approach for block comments and chl's HTML approach for inline comments (although usually only 2 dashes). This way I can block comment out paragraphs already containing inline HTML comments. Mar 2, 2016 at 19:21
  • 13
    I often write the comment inside square brackets: [Comment test]::
    – anapsix
    Nov 9, 2018 at 18:28
1522

I use standard HTML tags, like

<!---
your comment goes here
and here
-->

Note the triple dash. The advantage is that it works with pandoc when generating TeX or HTML output. More information is available on the pandoc-discuss group.

17
  • 109
    If I understand correctly, the triple dash makes pandoc ignore the comment when it parses the markdown file. But if you use another markdown engine, the comment WILL show up in the generated HTML (and thus be visible with "view source"). So you have to be careful what you put in that comment ;)
    – cberzan
    Nov 2, 2012 at 6:24
  • 7
    Can you explain how Pandoc treat the triple dashes differently from the double one? When I experimented with them, they appeared to be dealt in the same way. Also, the Pandoc user's guide just says "The raw HTML is passed through unchanged in HTML, S5, Slidy, Slideous, DZSlides, EPUB, Markdown, and Textile output, and suppressed in other formats." The triple dashes does not seem to have any higher privilege than the double ones.
    – dkim
    Nov 19, 2012 at 23:41
  • 43
    If the triple dash is significant then these are not "standard HTML" comments.
    – tripleee
    Apr 2, 2013 at 4:17
  • 34
    Note for Googlers: this unfortunately doesn't work in GitHub Markdown, and I ended up using Magnus's solution. Sep 12, 2014 at 3:05
  • 5
    Tested both (<!--- and <!-- variant) with pandoc (v2.5), both end in HTML as comments and are not visible in rendered view. Furthermore current upstream instances of Gitlab as well as GitHub accepts these.
    – doak
    Feb 13, 2020 at 11:06
339

This small research proves and refines the answer by Magnus

The most platform-independent syntax is

(empty line)
[comment]: # (This actually is the most platform independent comment)

Both conditions are important:

  1. Using # (and not <>)
  2. With an empty line before the comment. Empty line after the comment has no impact on the result.

The strict Markdown specification CommonMark only works as intended with this syntax (and not with <> and/or an empty line)

To prove this we shall use the Babelmark I, by Alexandre Mutel. This tool checks the rendering of particular source code on a large number of Markdown implementations.

(+ — passed the test, - — didn't pass, ? — leaves some garbage which is not shown in rendered HTML).

This proves the statements above.

These implementations fail all 7 tests. There's no chance to use excluded-on-render comments with them.

  • cebe/markdown 1.1.0
  • cebe/markdown MarkdownExtra 1.1.0
  • cebe/markdown GFM 1.1.0
  • s9e\TextFormatter (Fatdown/PHP)
12
  • 6
    Excellent, thorough testing tool! It looks like you're right that # works for all but GFM and <> works for GFM but not a couple others. Too bad GFM is both a corner case and also a very popular flavor.
    – hobs
    Nov 24, 2015 at 0:26
  • 1
    It looks like s9e\TextFormatter works with # as of Jan 21, 2016. Cebe still does not handle it. Jan 21, 2016 at 20:22
  • 1
    Strangely, if the comment contains (...) by itself it breaks it. At least on Visual Studio Code 1.19.
    – Royi
    Feb 24, 2018 at 13:28
  • 1
    and thus for the vim users that want to comment all a file at once: %s/^\(.*\)$/[comment]: # (\1)/g
    – Simon C.
    Apr 17, 2018 at 9:56
  • 2
    @JacobLee It does have significance. This hack is taking advantage of link reference definition syntax and the fact that LRDs don't themselves render as anything. But if a reference link occurs anywhere in the doc with the same text as link label, it results in a link being rendered, which you don't want for a comment. So it's much safer to use [//] than [comment].
    – Inigo
    Dec 27, 2022 at 4:19
69

If you are using Jekyll or octopress following will also work.

{% comment %} 
    These commments will not include inside the source.
{% endcomment %}

The Liquid tags {% comment %} are parsed first and removed before the MarkDown processor even gets to it. Visitors will not see when they try to view source from their browser.

2
  • 5
    Jinja2 = {# multiline comments here #}
    – John Mee
    Sep 30, 2015 at 23:45
  • This works for me. Thanks. I use jekyll
    – Igor M
    Apr 26, 2023 at 19:24
53

The following works very well

<empty line>
[whatever comment text]::

that method takes advantage of syntax to create links via reference
since link reference created with [1]: http://example.org will not be rendered, likewise any of the following will not be rendered as well

<empty line>
[whatever]::
[whatever]:whatever
[whatever]: :
[whatever]: whatever
[whatever]: # whatever with spaces
6
  • 4
    This (tested first variant) works for pandoc as well as current online instances of Gitlab and GitHub.
    – doak
    Feb 13, 2020 at 11:07
  • 6
    The approach with blank line followed by currently passes all 31 flavors (to steal a phrase from Baskin-Robbins) at Babelmark. I am not a Markdown maven, but I needed comments tonight to prevent performance issues with a Markdown preview window. If you copy the entire code box here into Babelmark, none of the comments even render in the HTML. This answer needs about 1,000 more upvotes.
    – chris
    Sep 20, 2020 at 4:14
  • Thank you for this. This is the only answer that worked across environments. I hope people scroll!
    – Xunnamius
    Oct 9, 2020 at 15:57
  • Great find, this commenting style works correctly in 29 parsers from the 31 available here!
    – Ivan Mir
    Dec 1, 2020 at 18:11
  • 3
    2022 now. Testing in VSCode with side by side md viewer, this does not allow spaces between words. '[whatever]: whatever' works but '[whatever]: whatever foo' does not. If I add the '#' then it allows spaces. '[whatever]: # whatever foo bar' works.
    – isimmons
    Dec 16, 2022 at 18:09
39

This works on GitHub:

[](Comment text goes here)

The resulting HTML looks like:

<a href="Comment%20text%20goes%20here"></a>

Which is basically an empty link. Obviously you can read that in the source of the rendered text, but you can do that on GitHub anyway.

5
  • 6
    It definitely is, but it's actually the only answer so far that always works on GitHub, e.g. in lists.
    – jomo
    Apr 19, 2015 at 21:56
  • I arrived at the same solution. It's the only one I can get working for in-line comments, e.g. some text [](hidden text) blah blah.
    – c24w
    Jun 28, 2016 at 21:45
  • 6
    This no longer works on github as of 2019-03-08, it renders as is [](Comment text goes here)
    – dogmatic69
    Mar 8, 2019 at 10:22
  • 7
    If only GitHub matters, <!-- comment --> will do just fine.
    – Blaise
    Jul 11, 2020 at 17:21
  • I would recommend [comment text here]:: if you cannot use HTML-like comments <!--- and -->. Note that some markdown engines have better compatibility with tripple dash for the opening tag which is allowed in HTML too – technically the comment text just starts with a dash. Mar 31, 2022 at 10:15
31

An alternative is to put comments within stylized HTML tags. This way, you can toggle their visibility as needed. For example, define a comment class in your CSS stylesheet.

.comment { display: none; }

Then, the following enhanced MARKDOWN

We do <span class="comment">NOT</span> support comments

appears as follows in a BROWSER

We do support comments

3
  • 5
    Copy/paste will likely end up copying the "commented" text as well as the regular text so be careful when using this. It could easily produce unexpected results for someone copying a block of text.
    – Eilon
    Nov 3, 2014 at 23:31
  • 5
    @Eilon also the accessibility for this would be terrible
    – Ethan
    Oct 3, 2017 at 4:54
  • 3
    Accessibility supporting engines will properly skip display: none text.
    – aredridel
    May 16, 2020 at 21:10
24

Vim Instant-Markdown users need to use

<!---
First comment line...
//
_NO_BLANK_LINES_ARE_ALLOWED_
//
_and_try_to_avoid_double_minuses_like_this_: --
//
last comment line.
-->
0
21
<!--- ... --> 

Does not work in Pandoc Markdown (Pandoc 1.12.2.1). Comments still appeared in html. The following did work:

Blank line
[^Comment]:  Text that will not appear in html source
Blank line

Then use the +footnote extension. It is essentially a footnote that never gets referenced.

2
  • I like this best, because it does not generate any output at all. For Bitbucket this prefix is sufficient: [#]: .
    – ceving
    Mar 2, 2020 at 11:29
  • Works fine on markdown extension for atom.io
    – Andrea
    Jul 5, 2021 at 19:45
20

Also see Critic Markup, supported by an increasing number of Markdown tools.

http://criticmarkup.com/

Comment {>> <<}

Lorem ipsum dolor sit amet.{>>This is a comment<<}

Highlight+Comment {== ==}{>> <<}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. {==Vestibulum at orci magna. Phasellus augue justo, sodales eu pulvinar ac, vulputate eget nulla.==}{>>confusing<<} Mauris massa sem, tempor sed cursus et, semper tincidunt lacus.
1
  • 5
    I think one of the problems with such "pseudo"-standards is that they are not portable. On some websites, these will work perfect, on others, they won't. Oct 3, 2014 at 11:08
16

How about putting the comments in a non-eval, non-echo R block? i.e.,

```{r echo=FALSE, eval=FALSE}
All the comments!
```

Seems to work well for me.

1
  • 2
    Also, feel free to do things like cat("# Some Header") within the "commented-out" code blocks and use results = "asis", and you can add whole commented-out sections to your code that can be flipped on/off by toggling eval = FALSE, since the R evaluation is done before the pandoc compilation. Thanks for the idea! Oct 7, 2016 at 4:13
14

Disclosure: I wrote the plugin.

Since the question doesn't specify a specific markdown implementation I'd like to mention the Comments Plugin for python-markdown, which implements the same pandoc commenting style mentioned above.

13

When using mkdocs, add in your mkdocs.yml:

  - pymdownx.striphtml:
      strip_comments: true
      strip_js_on_attributes: false

Then normal html comments in any markdown file, as

<!-- this is a comment -->

will be stripped from the html output.

9

kramdown—the Ruby-based markdown engine that is the default for Jekyll and thus GitHub Pages—has built-in comment support through its extension syntax:

{::comment}
This text is completely ignored by kramdown - a comment in the text.
{:/comment}

Do you see {::comment}this text{:/comment}?
{::comment}some other comment{:/}

This has the benefit of allowing in-line comments, but the downside of not being portable to other Markdown engines.

1
  • With kramdown 2.3.0—using inline or block comments—the comment extension outputs XML comments: echo '{::comment}secret{:/comment}' | kramdown => <p><!-- secret --></p> Jan 19, 2021 at 8:04
8

This Markdown comment will be not rendered on a GitHub Pages site with Jekyll

[whatever]: text

And because Jekyll uses the Liquid templating language to process templates, also this Liquid comment will be not rendered on a GitHub Pages site with Jekyll

{% comment %}
This is a long comment string 

Newline

Stuff
{% endcomment %}
6

For pandoc, a good way to block comment is to use a yaml metablock, as suggested by the pandoc author. I have noticed that this gives more proper syntax highlighting of the comments compared to many of the other proposed solutions, at least in my environment (vim, vim-pandoc, and vim-pandoc-syntax).

I use yaml block comments in combination with html-inline comments, since html-comments cannot be nested. Unfortunately, there is no way of block commenting within the yaml metablock, so every line has to be commented individually. Fortunately, there should only be one line in a softwrapped paragraph.

In my ~/.vimrc, I have set up custom shortcuts for block comments:

nmap <Leader>b }o<Esc>O...<Esc>{ji#<Esc>O---<Esc>2<down>
nmap <Leader>v {jddx}kdd

I use , as my <Leader>-key, so ,b and ,v comment and uncomment a paragraph, respectively. If I need to comment multiple paragraphs, I map j,b to a macro (usually Q) and run <number-of-paragraphs><name-of-macro> (e.g. (3Q). The same works for uncommenting.

5

You can try

[](
Your comments go here however you cannot leave
// a blank line so fill blank lines with
//
Something
)
0
4

You can do this (YAML block):

~~~
# This is a
# multiline
# comment
...

I tried with latex output only, please confirm for others.

1
  • I'm not sure if Daniel's confirmation of html output is correct. I did that with an html output file and ran "pandoc --bibliography paper.bib -o paper.html paper.md" and the HTML showed the comment lines. Mar 11, 2020 at 0:04
2

For Pandoc Markdown, I use backticks with comment as the language like the inline "code" syntax

`here's a comment`{=comment}

This is automatically filtered out in all outputs. It's just overloading their code syntax and also works for code blocks for multiline comments. I haven't tried, but I'm guessing this doesn't work for non-Pandoc Markdown.

1
  • PS there's nothing special about comment ... just don't let it be html or latex or whatever your target format is. Apr 5, 2021 at 23:04
1

I wrote a little awk program to filter out between #omitbegin and #omitend markers that I add to my text. I use awk to pipe its output to a temp file that pandoc can then process. Like so:

awk -f omitfilter.awk aim2_article.md >aim2_article_tmp.md

pandoc --pdf-engine=xelatex --lua-filter=pagebreak.lua --filter pandoc-crossref --citeproc aim2_article_tmp.md -o aim2_article.pdf

Here is omit filter.awk:

/#omitbegin/ {
    insideOmit = 1;
}

! insideOmit {
    print $0
}

/#omitend/ {
    insideOmit = 0;
}
1

Pandoc has an option --strip-comments that will remove all <!-- normal html comments --> from the HTML output.

https://pandoc.org/MANUAL.html#general-writer-options

1
  • Worked great for me, thank you. One can equivalently add strip-comments: true in the YAML header.
    – pglpm
    Jul 30, 2023 at 8:48
0

If it's in VS Code, then there's another good option:

<span hidden> Some texts </span>

This has the advantage over the "HTML comment tag" of keeping syntax highlighting in the editing area, plus the ability to add attributes for semantic markup, like <span notice hidden>.

Caution: As a matter of common sense, do not include personal information in your source code.

0

Edit -> Toggle Line Comment Cntrl+/

-3

Some Markdown Editors support: <!--COMMENT-->

1
  • 1
    The second-rated answer from over 12 years ago already says this. Please don't repeat answers.
    – Chris
    Aug 14, 2023 at 18:11

Not the answer you're looking for? Browse other questions tagged or ask your own question.