VS code issues with recognising tags as headers - visual-studio-code

I have been writing markdown documents in VS code and I would like to know the way to add "tag" in a .md file?
I tried to insert tags in my example.md
# Title
#tag1 #tag2
document content...
The related plugins installed in my VS code are Markdown All in One + Markdown Preview Enhanced
Issue: VSCode recognized those tags as headers.
So how to let VS code recognize those as tags?
Thanks in advance for any help or clues!

Related

Embed readme file snippet into another one [duplicate]

If I have an html file somewhere in the same folder as a markdown document, is there any way to embed the entire file inside a markdown document, so that the html will be rendered correctly (not just the code displayed)?
Markdown doesn't support includes out-of-the-box. You need to use one of the existing flavors or static site generators that support markdown or/and HTML inclusions. For example, DocFX
You can't include other Markdown files in Readme (Readme is usually Markdown file). You can use the "Quote" (See example below)
This is Quote
> This is Quote
You can see my Markdown guide here

Show contents of a md file in another in GitHub [duplicate]

If I have an html file somewhere in the same folder as a markdown document, is there any way to embed the entire file inside a markdown document, so that the html will be rendered correctly (not just the code displayed)?
Markdown doesn't support includes out-of-the-box. You need to use one of the existing flavors or static site generators that support markdown or/and HTML inclusions. For example, DocFX
You can't include other Markdown files in Readme (Readme is usually Markdown file). You can use the "Quote" (See example below)
This is Quote
> This is Quote
You can see my Markdown guide here

Style attribute has no suggest in .vue files

https://github.com/vuejs/vetur/issues/223
https://github.com/vuejs/vetur/issues/1678
If files.associations: "* .vue": "vue", the page will lose its vue characteristics, after all, it is not an html page.
If you don't render the page according to html, then there is no code segment with embedded style.
Is it possible to have a style snippet while rendering according to vue
Please see attached link for your answer
*.vue files, Visual Studio 2017 & TypeScript
and see also best extensions for vue files in visual studio code
https://flaviocopes.com/vue-vscode/

vscode: Create rich content similar to what is in the Release Notes?

Visual Studio code has very nicely formatted release notes:
I'd like to create files that look this nice.
How is this done for VSCode? And, is it possible for me to generate a similar document (embedded images, formatting, hyperlinks) in VSCode? Or, do they use a 3rd party tool?
Yes, the release notes are just markdown converted to html that is rendered in a webview. You can use the built-in markdown preview to view markdown content in this way
If you are writing an extension that needs to show nicely formatted content like this, use the vscode.previewHtml command. This example extension provides an example of how to do this using TextDocumentContentProvider

How to insert a picture in my git page?

I have just built a git user page and I want to add a picture in my article. Then I use
![repo name](https://github.com/zhangyangyu/zhangyangyu.github.io/raw/master/images/how-to-build-a-user-page-on-github/p1.png)
I find this on the Web and if I put the path in browser I can see my picture. But in my article, it just appear as the text. Why? If it helps the content of my config file is:
markdown: rdiscount
pygments: true
You are using Textile for your files, but Markdown syntax for the images.
To fix, use Markdown files, for example
2013-04-12-how-to-build-a-user-page-on-github.md
ref