text: (window.webpackJsonp=window.webpackJsonp||[]).push([[9],{450:function(t,e,s){"use strict";s.r(e);var a=s(24),r=Object(a.a)({},(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"note-1"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#note-1"}},[t._v("#")]),t._v(" Note 1")]),t._v(" "),s("h2",{attrs:{id:"for-starters"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#for-starters"}},[t._v("#")]),t._v(" For starters")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://nodejs.org/en/docs",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://nodejs.org/en/docs"),s("OutboundLink")],1)]),t._v(" "),s("p",[s("a",{attrs:{href:"https://nodejs.org/en/docs/guides/getting-started-guide",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://nodejs.org/en/docs/guides/getting-started-guide"),s("OutboundLink")],1)]),t._v(" "),s("p",[t._v("Install tools and configuration manually: (after install NodeJs)")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://github.com/nodejs/node-gyp#on-windows",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://github.com/nodejs/node-gyp#on-windows"),s("OutboundLink")],1)]),t._v(" "),s("p",[s("a",{attrs:{href:"https://topdev.vn/blog/npm-la-gi/%22%3Ehttps://topdev.vn/blog/npm-la-gi/",target:"_blank",rel:"noopener noreferrer"}},[t._v('https://topdev.vn/blog/npm-la-gi/">https://topdev.vn/blog/npm-la-gi/'),s("OutboundLink")],1)]),t._v(" "),s("p",[s("a",{attrs:{href:"https://hexo.io/themes",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://hexo.io/themes"),s("OutboundLink")],1)]),t._v(" "),s("div",{staticClass:"language-shell extra-class"},[s("pre",{pre:!0,attrs:{class:"language-shell"}},[s("code",[t._v("found "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" vulnerabilities\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" notice\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" notice New patch version of "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" available"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8.1")]),t._v(".0 -"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8.1")]),t._v(".1\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" notice Changelog: https://github.com/npm/cli/releases/tag/v8.1.1\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" notice Run "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" -g npm@8.1.1 to update"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" notice\n")])])]),s("div",{staticClass:"language-shell extra-class"},[s("pre",{pre:!0,attrs:{class:"language-shell"}},[s("code",[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("wait")]),t._v(" Extracting site metadata"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("..")]),t._v(".\ntip Apply theme @vuepress/theme-default "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("..")]),t._v(".\ntip Apply plugin container "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i.e. "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vuepress-plugin-container"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("..")]),t._v(".\ntip Apply plugin @vuepress/register-components "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i.e. "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@vuepress/plugin-register-components"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("..")]),t._v(".\ntip Apply plugin @vuepress/active-header-links "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i.e. "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@vuepress/plugin-active-header-links"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("..")]),t._v(".\ntip Apply plugin @vuepress/search "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i.e. "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@vuepress/plugin-search"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("..")]),t._v(".\ntip Apply plugin @vuepress/nprogress "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i.e. "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@vuepress/plugin-nprogress"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("..")]),t._v(".\n\n√ Client\n  Compiled successfully "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),t._v(".75s\n\n√ Server\n  Compiled successfully "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),t._v(".93s\n\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("wait")]),t._v(" Rendering static HTML"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("..")]),t._v(".\nsuccess Generated static files "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" docs.\n")])])]),s("div",{staticClass:"language-shell extra-class"},[s("pre",{pre:!0,attrs:{class:"language-shell"}},[s("code",[s("span",{pre:!0,attrs:{class:"token builtin class-name"}},[t._v("cd")]),t._v(" C:"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("\\")]),t._v("VuePress\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("git")]),t._v(" init\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("git")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("add")]),t._v(" -A\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("git")]),t._v(" commit -m "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'deploy'")]),t._v("\n")])])]),s("h2",{attrs:{id:"vuepress-resources"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vuepress-resources"}},[t._v("#")]),t._v(" VuePress Resources:")]),t._v(" "),s("p",[t._v("A curated list of awesome things related to VuePress:\n"),s("a",{attrs:{href:"https://github.com/vuepress/awesome-vuepress",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://github.com/vuepress/awesome-vuepress"),s("OutboundLink")],1)]),t._v(" "),s("p",[s("a",{attrs:{href:"https://github.com/vuepress/awesome-vuepress#themes",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://github.com/vuepress/awesome-vuepress#themes"),s("OutboundLink")],1)]),t._v(" "),s("p",[s("a",{attrs:{href:"https://vuepress.vuejs.org/guide/getting-started.html#prerequisites",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://vuepress.vuejs.org/guide/getting-started.html#prerequisites"),s("OutboundLink")],1)]),t._v(" "),s("p",[s("a",{attrs:{href:"https://ehkoo.com/bai-viet/static-web-vuepress-github-pages",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://ehkoo.com/bai-viet/static-web-vuepress-github-pages"),s("OutboundLink")],1)]),t._v(" "),s("p",[s("a",{attrs:{href:"https://blog.howar31.com/vuepress-blog-tutorial/#so-why-vuepress-and-gitlab-pages",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://blog.howar31.com/vuepress-blog-tutorial/#so-why-vuepress-and-gitlab-pages"),s("OutboundLink")],1)]),t._v(" "),s("p",[t._v("You can use this component in a header to add some status for an API:")]),t._v(" "),s("div",{staticClass:"language-md extra-class"},[s("pre",{pre:!0,attrs:{class:"language-md"}},[s("code",[s("span",{pre:!0,attrs:{class:"token title important"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("###")]),t._v(' Badge <Badge text="beta" type="warning"/> <Badge text="default theme"/>')]),t._v("\n")])])]),s("p",[s("span",{staticStyle:{color:"blue"}},[t._v("type")]),t._v(' - string, optional value: "tip"|"warning"|"error", defaults to "tip".')]),t._v(" "),s("p",[t._v("color name's cheat sheet: "),s("a",{attrs:{href:"https://htmlcolorcodes.com/color-names",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://htmlcolorcodes.com/color-names/"),s("OutboundLink")],1)]),t._v(" "),s("h3",{attrs:{id:"add-logo-to-nav-bar"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#add-logo-to-nav-bar"}},[t._v("#")]),t._v(" Add Logo to nav bar:")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://vuepress.vuejs.org/theme/default-theme-config.html#navbar-logo",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://vuepress.vuejs.org/theme/default-theme-config.html#navbar-logo"),s("OutboundLink")],1)]),t._v(" "),s("h3",{attrs:{id:"mathjax-support"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#mathjax-support"}},[t._v("#")]),t._v(" MathJax support:")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://vuepress-community.netlify.app",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://vuepress-community.netlify.app/en/plugins/mathjax/#installation"),s("OutboundLink")],1)]),t._v(" "),s("h3",{attrs:{id:"prev-next-links"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#prev-next-links"}},[t._v("#")]),t._v(" Prev/Next Links:")]),t._v(" "),s("p",[t._v("You can also explicitly overwrite or disable them for individual pages with YAML front matter:")]),t._v(" "),s("div",{staticClass:"language-yaml extra-class"},[s("pre",{pre:!0,attrs:{class:"language-yaml"}},[s("code",[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("---")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token key atrule"}},[t._v("prev")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" ./some"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("-")]),t._v("other"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("-")]),t._v("page\n"),s("span",{pre:!0,attrs:{class:"token key atrule"}},[t._v("next")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean important"}},[t._v("false")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("---")]),t._v("\n")])])]),s("h3",{attrs:{id:"aplayer"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#aplayer"}},[t._v("#")]),t._v(" APlayer:")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[t._v("plugins"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n          "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'@maginapp/vuepress-plugin-katex'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            delimiters"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'brackets'")]),t._v("\n          "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n          "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'aplayer'")]),t._v("  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// npm install -D vuepress-plugin-aplayer")]),t._v("\n        "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),s("h3",{attrs:{id:"external-js-code"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#external-js-code"}},[t._v("#")]),t._v(" External js Code")]),t._v(" "),s("p",[t._v("https://coderedirect.com/questions/53896/how-to-add-external-js-scripts-to-vuejs-components")]),t._v(" "),s("p",[t._v("https://titanwolf.org/Network/Articles/Article?AID=1fa12010-da8c-4df5-86af-19ab0bbcb3df")]),t._v(" "),s("p",[t._v("https://stackoverflow.com/questions/52836660/how-to-add-jquery-into-a-vuepress-file  <===")]),t._v(" "),s("p",[t._v("https://github.com/vuejs/vuepress/issues/790")]),t._v(" "),s("h2",{attrs:{id:"vuepress-themes"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vuepress-themes"}},[t._v("#")]),t._v(" VuePress Themes:")]),t._v(" "),s("ul",[s("li",[t._v("vuepress-theme-hope: like default theme, but much more built-in feature: "),s("a",{attrs:{href:"https://vuepress-theme-hope.github.io/FAQ/",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://vuepress-theme-hope.github.io/FAQ/"),s("OutboundLink")],1)]),t._v(" "),s("li",[t._v("A simple and efficient VuePress knowledge management: "),s("a",{attrs:{href:"https://github.com/xugaoyi/vuepress-theme-vdoing",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://github.com/xugaoyi/vuepress-theme-vdoing"),s("OutboundLink")],1)]),t._v(" "),s("li",[t._v("A nice vuepress blog theme: "),s("a",{attrs:{href:"https://github.com/yuicer/vuepress-theme-yuicer",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://github.com/yuicer/vuepress-theme-yuicer"),s("OutboundLink")],1)])]),t._v(" "),s("h2",{attrs:{id:"vuepress-video"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vuepress-video"}},[t._v("#")]),t._v(" VuePress Video:")]),t._v(" "),s("p",[t._v("Video display example:")]),t._v(" "),s("video",{attrs:{width:"620",height:"300",controls:""}},[s("source",{attrs:{src:"https://sample-videos.com/video123/mp4/480/big_buck_bunny_480p_1mb.mp4",type:"video/mp4"}}),t._v("\n  Your browser does not support the video tag.\n")]),t._v(" "),s("div",{staticClass:"language-html extra-class"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("video")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("560"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("240"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("controls")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("source")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://sample-videos.com/video123/mp4/480/big_buck_bunny_480p_1mb.mp4"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("video/mp4"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  Your browser does not support the video tag.\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("video")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),s("p",[t._v("WebM format:")]),t._v(" "),s("video",{attrs:{width:"784",height:"476",controls:""}},[s("source",{attrs:{src:"https://files.catbox.moe/rrwfqg.webm",type:"video/webm"}}),t._v("\n  Your browser does not support the video tag.\n")]),t._v(" "),s("div",{staticClass:"language-html extra-class"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("video")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("804"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("496"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("controls")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("source")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://files.abc.xyz/video.webm"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("video/webm"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  Your browser does not support the video tag.\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("video")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),s("h2",{attrs:{id:"issues"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#issues"}},[t._v("#")]),t._v(" Issues:")]),t._v(" "),s("ul",[s("li",[t._v("https://github.com/vuejs/vuepress/issues/1935")])]),t._v(" "),s("p",[t._v("See: "),s("a",{attrs:{href:"https://vuepress.vuejs.org/guide/deploy.html#github-pages",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://vuepress.vuejs.org/guide/deploy.html#github-pages"),s("OutboundLink")],1)]),t._v(" "),s("p",[t._v("For example, I use base: "),s("mark",{staticStyle:{"background-color":"Gold"}},[t._v('"/course-material/"')]),t._v(" "),s("Badge",{attrs:{text:"ok"}}),t._v(", and that works for me.")],1),t._v(" "),s("p",[t._v("=> not neccessary anymore if you custom domain like "),s("a",{attrs:{href:"https://vue.pquan.info",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://vue.pquan.info"),s("OutboundLink")],1)]),t._v(" "),s("ul",[s("li",[t._v("Weird encounter but "),s("em",[t._v("solved by change the name of post's picture folder")]),t._v(" by something shorter and "),s("strong",[t._v("is not same name")]),t._v(" as post's name, log provided for future reference:")])]),t._v(" "),s("div",{staticClass:"language-md extra-class"},[s("pre",{pre:!0,attrs:{class:"language-md"}},[s("code",[t._v('(undefined) ./abcd/xyz.md?vue&type=template&id=37f20fd6& (./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/@vuepress/core/node_modules/.cache/vuepress","cacheIdentifier":"4b61893c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??ref--1-1!./node_modules/@vuepress/markdown-loader??ref--1-2!./draft/concrete1.md?vue&type=template&id=37f20fd6&)\n03:29:16.854\tModule not found: Error: Can\'t resolve /abcd/xyz.\n')])])]),s("h3",{attrs:{id:"cname"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cname"}},[t._v("#")]),t._v(" CNAME")]),t._v(" "),s("p",[t._v("And furthermore, about CNAME and DNS:\n[https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/troubleshooting-custom-domains-and-github-pages#cname-errors](CNAME error)")]),t._v(" "),s("p",[t._v("also, every "),s("mark",{staticStyle:{"background-color":"Green"}},[t._v("vuepress build")]),t._v(" destroys CNAME in docs folder.")]),t._v(" "),s("p",[t._v("[https://stackoverflow.com/questions/58287673/vuepress-build-deletes-cname-file-in-docs-needed-for-github-pages-custom-domain](Possible fix?)")]),t._v(" "),s("h3",{attrs:{id:"hero-image"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#hero-image"}},[t._v("#")]),t._v(" Hero Image")]),t._v(" "),s("p",[t._v("The Hero image must go in the public directory (for default theme)")]),t._v(" "),s("p",[t._v("The default theme looks for its hero image not in the "),s("mark",{staticStyle:{"background-color":"Gold"}},[t._v("/assets/img")]),t._v(" directory but in the "),s("mark",{staticStyle:{"background-color":"Green"}},[t._v("/.vuepress/public")]),t._v(" directory.")]),t._v(" "),s("p",[t._v("Add the YAML line heroImage: /banner.png. The default theme looks for its hero image the public directory, which is found in /.vuepress/public.\nThe next thing to add is the directive heroText: ...")]),t._v(" "),s("p",[t._v("GO TO: [ "),s("RouterLink",{attrs:{to:"/Note/note2.html"}},[t._v("note2")]),t._v(" ]")],1)])}),[],!1,null,null,null);e.default=r.exports}}]);