Skip to content

Instantly share code, notes, and snippets.

@Luke-zhang-04
Created July 14, 2020 18:21
Show Gist options
  • Select an option

  • Save Luke-zhang-04/34f812cd3b349e09a6f8c4b9fd343341 to your computer and use it in GitHub Desktop.

Select an option

Save Luke-zhang-04/34f812cd3b349e09a6f8c4b9fd343341 to your computer and use it in GitHub Desktop.
Code Snippets for VSCode (the best IDE)
// Paste this into your "HTML Template.code-snippets" file (ctrl/cmd + p
{
"meta": {
"prefix": ["meta", "meta-tags"],
"body": [
"<title>$1</title>",
"<meta charset=\"utf-8\"/>",
"<meta property=\"viewport\" name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
"<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
"\n",
"<meta property=\"author\" name=\"author\" content=\"${2:Luke Zhang, luke.zhang2004dev@gmail.com}\"/>",
"<meta property=\"copyright\" name=\"copyright\" content=\"${3:2020 Luke Zhang}\"/>",
"<meta property=\"title\" name=\"title\" content=\"$1\"/>",
"<meta property=\"description\" name=\"description\"\n\tcontent=\"$4\"\n/>",
"<meta property=\"owner\" name=\"owner\" content=\"${5:Luke Zhang}\"/>",
"<meta property=\"subject\" name=\"subject\" content=\"$6\"/>",
"<meta property=\"theme-color\" name=\"theme-color\" content=\"#fff\"/>",
"<meta property=\"url\" name=\"url\" content=\"$7\"/>",
"\n",
"<meta property=\"og:type\" name=\"og:type\" content=\"website\"/>",
"<meta property=\"og:url\" name=\"og:url\" content=\"$7\"/>",
"<meta property=\"og:title\" name=\"og:title\" content=\"$1\"/>",
"<meta property=\"og:description\" name=\"og:description\"\n\tcontent=\"$4\"\n/>",
"<meta property=\"og:image\" name=\"og:image\" content=\"$8\"/>",
"\n",
"<meta property=\"twitter:card\" name=\"twitter:card\" content=\"summary_large_image\"/>",
"<meta property=\"twitter:url\" name=\"twitter:url\" content=\"$7\"/>",
"<meta property=\"twitter:title\" name=\"twitter:title\" content=\"$1\"/>",
"<meta property=\"twitter:description\" name=\"twitter:description\"\n\tcontent=\"$4\"\n/>",
"<meta property=\"twitter:image\" name=\"twitter:image\" content=\"$8\"/>$0"
],
"description": "Meta Tags"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment