{"id":748,"date":"2024-05-15T19:19:43","date_gmt":"2024-05-15T11:19:43","guid":{"rendered":"http:\/\/www.huerpu.cc:7000\/?p=748"},"modified":"2024-05-15T19:19:43","modified_gmt":"2024-05-15T11:19:43","slug":"vuepress1-9-10%e8%af%a6%e7%bb%86%e6%95%99%e7%a8%8b%e8%af%a6%e7%bb%86%e9%9d%a0%e8%b0%b1%e7%89%88","status":"publish","type":"post","link":"http:\/\/www.huerpu.cc:7000\/?p=748","title":{"rendered":"vuepress1.9.10\u8be6\u7ec6\u6559\u7a0b(\u8be6\u7ec6\u9760\u8c31\u7248)"},"content":{"rendered":"

vuepress1.9.10\u8be6\u7ec6\u6559\u7a0b(\u8be6\u7ec6\u9760\u8c31\u7248)<\/h1>\n

\u4e00\u3001\u786e\u4fddGit<\/code>\u3001Node<\/code>\u3001yarn<\/code>\u5b89\u88c5\u5b8c\u6bd5<\/h2>\n

\u7248\u672c\u8bf4\u660e<\/p>\n

PS C:\\Users\\jason> git -v\ngit version 2.37.0.windows.1\nPS C:\\Users\\jason> node -v\nv16.20.2\nPS C:\\Users\\jason> npm -v\n8.19.4\nPS C:\\Users\\jason> yarn -v\n1.22.22\nPS C:\\Users\\jason> vuepress -v\ncli.js\/1.9.10 <\/code><\/pre>\n
\u6700\u5f00\u59cb\u4f7f\u7528\u7684node20\uff0c\u540e\u9762\u5207\u6362\u5230\u4e8617\uff0c\u6700\u540e\u5207\u6362\u5230\u4e8616.20.2\uff0c\u6ca1\u5565\u95ee\u9898\u4e86\u3002<\/p>\n
\u4e8c\u3001vuepress\u521d\u4f53\u9a8c<\/h2>\n
\u5728GitHub<\/code>\u521b\u5efa\u4e00\u4e2a\u540d\u79f0\u4e3aKelsenJing<\/code>\u7684\u516c\u5f00\u4ed3\u5e93\u3002<\/p>\n
\"image-20240507224714496\"<\/p>\n
\u4f7f\u7528idea\u62c9\u53d6\u521a\u521b\u5efa\u7684\u4ed3\u5e93\u4ee3\u7801\uff0c\u5730\u5740\u4e3ahttps:\/\/github.com\/jinglisen\/KelsenJing.git<\/p>\n
win11\u6253\u5f00cmd\u7a97\u53e3\uff0c\u8fdb\u5165\u5230\u547d\u4ee4\u7a97\u53e3<\/p>\n
cd C:\\Users\\jason\\IdeaProjects\\KelsenJing\nyarn add -D vuepress\nnpm init -y<\/code><\/pre>\n
\u521b\u5efa\u4f60\u7684\u7b2c\u4e00\u7bc7\u6587\u6863<\/p>\n
mkdir docs && echo '### KelsenJing' > docs\/README.md<\/code><\/pre>\n
\u5728 package.json<\/code> \u4e2d\u6dfb\u52a0\u4e00\u4e9b\u811a\u672c<\/p>\n
{\n  "scripts": {\n    "docs:dev": "vuepress dev docs",\n    "docs:build": "vuepress build docs"\n  }\n}<\/code><\/pre>\n
idea\u4e2d\uff0c\u9009\u4e2ddocs:dev\u7684\u7eff\u8272\u5c0f\u7bad\u5934\uff0c\u8fd0\u884c\u9879\u76ee<\/p>\n
\"image-20240507230531092\"<\/p>\n
\u5728\u672c\u5730\u542f\u52a8\u670d\u52a1\u5668\u4e5f\u53ef\u4ee5\u7528<\/p>\n
yarn docs:dev # npm run docs:dev<\/code><\/pre>\n
\u4e09\u3001\u4e3b\u9875\u8bbe\u7f6e<\/h2>\n
VuePress \u9075\u5faa \u7ea6\u5b9a\u4f18\u4e8e\u914d\u7f6e<\/strong> \u7684\u539f\u5219\uff0c\u63a8\u8350\u7684\u76ee\u5f55\u7ed3\u6784\u5982\u4e0b\uff1a<\/p>\n
.\n\u251c\u2500\u2500 docs\n\u2502   \u251c\u2500\u2500 .vuepress (\u53ef\u9009\u7684)\n\u2502   \u2502   \u251c\u2500\u2500 components (\u53ef\u9009\u7684)\n\u2502   \u2502   \u251c\u2500\u2500 theme (\u53ef\u9009\u7684)\n\u2502   \u2502   \u2502   \u2514\u2500\u2500 Layout.vue\n\u2502   \u2502   \u251c\u2500\u2500 public (\u53ef\u9009\u7684)\n\u2502   \u2502   \u251c\u2500\u2500 styles (\u53ef\u9009\u7684)\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.styl\n\u2502   \u2502   \u2502   \u2514\u2500\u2500 palette.styl\n\u2502   \u2502   \u251c\u2500\u2500 templates (\u53ef\u9009\u7684, \u8c28\u614e\u914d\u7f6e)\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 dev.html\n\u2502   \u2502   \u2502   \u2514\u2500\u2500 ssr.html\n\u2502   \u2502   \u251c\u2500\u2500 config.js (\u53ef\u9009\u7684)\n\u2502   \u2502   \u2514\u2500\u2500 enhanceApp.js (\u53ef\u9009\u7684)\n\u2502   \u2502 \n\u2502   \u251c\u2500\u2500 README.md\n\u2502   \u251c\u2500\u2500 guide\n\u2502   \u2502   \u2514\u2500\u2500 README.md\n\u2502   \u2514\u2500\u2500 config.md\n\u2502 \n\u2514\u2500\u2500 package.json<\/code><\/pre>\n
\u5728docs\u76ee\u5f55\u4e2d\u521b\u5efa\u914d\u7f6e\u6587\u4ef6 .vuepress\/config.js<\/code>\uff0c\u76ee\u5f55\u7ed3\u6784\u662f\u8fd9\u6837\u7684<\/p>\n
.\n\u251c\u2500 docs\n\u2502  \u251c\u2500 README.md\n\u2502  \u2514\u2500 .vuepress\n\u2502     \u2514\u2500 config.js\n\u2514\u2500 package.json<\/code><\/pre>\n
config.js\u5185\u5bb9\u4e3a<\/p>\n
module.exports = {\n  title: '\u52e4\u594b\u7684\u51ef\u5c14\u68ee\u540c\u5b66',\n    description: 'KelsenJing VuePress Site',\n}<\/code><\/pre>\n
\u53ef\u4ee5\u901a\u8fc7 themeConfig.nav<\/code> \u589e\u52a0\u4e00\u4e9b\u5bfc\u822a\u680f\u94fe\u63a5<\/p>\n
\/\/ .vuepress\/config.js\nmodule.exports = {\n  themeConfig: {\n    nav: [\n      { text: 'Home', link: '\/' },\n      { text: 'Guide', link: '\/guide\/' },\n      { text: 'External', link: 'https:\/\/google.com' },\n    ]\n  }\n}<\/code><\/pre>\n
\u5728docs\/.vuepress<\/code>\u4e0b\u521b\u5efapublic\u6587\u4ef6\u5939\uff0c\u91cc\u9762\u5b58\u653e\u6211\u4eec\u7684\u56fe\u7247kelsen.png\u3002<\/p>\n
\u628adocs\/README.md<\/code>\u5185\u5bb9\u66ff\u6362\u6210\u4e0b\u9762\u5185\u5bb9\uff0c\u8fd9\u91cc\u663e\u793a\u7684\u5c31\u662f\u4e3b\u9875\u7684\u5185\u5bb9<\/p>\n
---\nhome: true\ntitle: Home\nheroImage: \/kelsen.png\nheroText: \u52e4\u594b\u7684\u51ef\u5c14\u68ee\u540c\u5b66\ntagline: \u6bcf\u4e00\u4e2a\u70ed\u7231\u6280\u672f\u7684\u4eba\uff0c\u90fd\u503c\u5f97\u656c\u754f\n\nactions:\n  - text: Get Started\n    link: \/get-started.html\n    type: primary\n\n  - text: Introduction\n    link: https:\/\/vuejs.press\/guide\/introduction.html\n    type: secondary\n\nfeatures:\n  - title: Java\u540e\u7aef\u5f00\u53d1\u5de5\u7a0b\u5e08\u8bad\u7ec3\u8425\n    details: \u4ece\u5c0f\u767d\u5230\u5927\u795e\u7684\u8715\u53d8\uff0c\u7531\u5185\u5411\u5916\u7684\u63d0\u5347\uff0c\u7eaf\u7eaf\u7684\u5e72\u8d27.\n  - title: \u5206\u5e03\u5f0f\u9ad8\u5e76\u53d1\u4e0e\u5fae\u670d\u52a1\n    details: SpringBoot\u3001SpringCloud\u6846\u67b6\uff0c\u5e94\u5bf9\u9ad8\u53ef\u7528\u9ad8\u5e76\u53d1\u5e94\u7528\u573a\u666f.\n  - title: \u67b6\u6784\u4e0e\u4e2d\u95f4\u4ef6\n    details: \u4ee5\u67b6\u6784\u5e08\u7684\u773c\u5149\u770b\u5f85\u5206\u5e03\u5f0f\u7cfb\u7edf\uff0c\u628a\u63e1\u5404\u79cd\u4e2d\u95f4\u4ef6\u7684\u7075\u6d3b\u8fd0\u7528.\n\nfooter: Copyright \u00a9 2024-present KelsenJing All Rights Reserved. | Author KelsenJing\n---\n\nThis is the content of home page. Check [\u52e4\u594b\u7684\u51ef\u5c14\u68ee\u540c\u5b66][default-theme-home] for more details.\n\n[default-theme-home]: https:\/\/kelsen.huerpu.cc<\/code><\/pre>\n
3.1\u9996\u9875\u6807\u9898\u548c\u6807\u8bed<\/h3>\n
\ud83d\udcc1.vuepress<\/code>\u6587\u4ef6\u5939\u5185\u65b0\u5efa\ud83d\udcc1public<\/code>\u6587\u4ef6\u5939\uff0c\u653e\u5165kelsen.png<\/code>\u548cfavicon.ico<\/code>\u6587\u4ef6\uff0cheroImage: \/kelsen.png<\/code>\u8bbe\u7f6e\u4e3akelsen\u7684\u5934\u50cf\uff0cheroText\u548ctagline\u5206\u522b\u4e3a\u9996\u9875\u6807\u9898\u548c\u6807\u8bed\u3002<\/p>\n
\u91cd\u542f\u9879\u76ee\u53ef\u4ee5\u770b\u5230\u4e3b\u9875\u5982\u4e0b<\/p>\n
\"image-20240507233229411\"<\/p>\n
3.2 Logo\u8bbe\u7f6e<\/h3>\n
\u5728themeConfig\u4e0b\u589e\u52a0\u4e00\u4e2alogo\u7684\u56fe\u7247\u8def\u5f84\uff0c\u8be5\u56fe\u7247\u5b58\u653e\u5728public\u6587\u4ef6\u5939\u4e0b\u3002<\/p>\n
themeConfig: {\n        logo: '\/kelsen.png',\n}<\/code><\/pre>\n
\"image-20240508155815426\"<\/p>\n
3.3 \u7ad9\u70b9\u56fe\u6807\u8bbe\u7f6e<\/h3>\n
\u5728config.js<\/code>\u4e2d\u589e\u52a0\u4fe1\u606f\uff0c\u6307\u5411\u4e00\u4e2a\u7f8e\u5973\u7684\u56fe\u7247\uff0c\u56fe\u7247\u5b58\u5728public\u6587\u4ef6\u5939\u4e0b\u3002<\/p>\n
export default defineUserConfig({\n  head: [['link', { rel: 'icon', href: '\/beauty.jpg' }]],\n})<\/code><\/pre>\n
\u663e\u793a\u6548\u679c\u5982\u4e0b<\/p>\n
\"image-20240508160409974\"<\/p>\n
\u56db\u3001\u5bfc\u822a\u680f\u4e8c\u7ea7\u83dc\u5355<\/h2>\n
\u5728.vuepress\u4e0b\u521b\u5efa\u6587\u4ef6\u5939SpringCloud(Finchley)<\/code>\u548cSpringCloud(Kilburn)<\/code>\uff0c\u91cc\u9762\u5b58\u653e\u6211\u4eec\u7684md\u6587\u6863\u3002<\/p>\n
\u251c\u2500.vuepress\n\u2502  \u251c\u2500dist\n\u2502  \u2502  \u2514\u2500manifest\n\u2502  \u2514\u2500public\n\u251c\u2500SpringCloud(Finchley)\n\u2514\u2500SpringCloud(Kilburn)<\/code><\/pre>\n
\u4fee\u6539themeConfig.nav\u5bfc\u822a\u680f\uff0c\u4e8c\u7ea7\u83dc\u5355\u5c31\u662f\u5d4c\u5957\u4e24\u5c42\uff0c\u4e5f\u633a\u7b80\u5355\u3002<\/p>\n
themeConfig: {\n        nav: [\n            { text: 'Home', link: '\/' },\n            { text: 'Guide', link: '\/guide\/' },\n            {\n                text: 'SpringCloud\u7cfb\u5217\u6559\u7a0b',\n                items: [\n                    {\n                        text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b',\n                        items: [\n                            { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e00) \u670d\u52a1\u6ce8\u518c\u4e0e\u53d1\u73b0(eureka)', link: '\/SpringCloud(Finchley)\/SpringCloud-(Finchley-version)-series-of-tutorials-(1)-Service-Registration-and-Discovery-(eureka).md' },\n                            { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e8c) \u5ba2\u6237\u7aef\u8d1f\u8f7d\u5747\u8861Ribbon', link: '\/SpringCloud(Finchley)\/Spring-Cloud-(Finchley-Version)-Series-Tutorial-(2)-Client-Load-Balancing-Ribbon.md' },\n                            { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e09) \u670d\u52a1\u6d88\u8d39\u8005(OpenFeign)', link: '\/SpringCloud(Finchley)\/Spring-Cloud-(Finchley-Edition)-Series-Tutorial-(3)-Service-Consumer-(OpenFeign).md' },\n                            { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u56db) \u65ad\u8def\u5668(Hystrix)', link: '\/SpringCloud(Finchley)\/Spring-Cloud-(Finchley-version)-series-tutorial-(4)-Circuit-breaker-(Hystrix).md' },\n                            { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e94) \u670d\u52a1\u7f51\u5173(Zuul)', link: '\/SpringCloud(Finchley)\/SpringCloud-(Finchley-version)-series-of-tutorials-(5)-Service-Gateway-(Zuul).md' },\n                        ]\n                    },\n                    {\n                        text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b',\n                        items: [\n                            { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e00) \u670d\u52a1\u6ce8\u518c\u4e0e\u53d1\u73b0(eureka)', link: '\/SpringCloud(Kilburn)\/Spring-Cloud-(Kilburn-2022-0-2-Edition)-Tutorial-Series-(1)-Service-Registration-and-Discovery-(eureka).md' },\n                            { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e8c) \u670d\u52a1\u6d88\u8d39\u8005(RestTemplate+Loadbalancer)', link: '\/SpringCloud(Kilburn)\/Spring-Cloud-(Kilburn-2022-0-2)-Tutorial-Series-(2)-Service-Consumers-(RestTemplate+LoadBalancer).md' },\n                            { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e09) \u670d\u52a1\u6d88\u8d39\u8005(OpenFeign)', link: '\/SpringCloud(Kilburn)\/Spring-Cloud-(Kilburn-2022-0-2-Edition)-Tutorial-Series-(3)-Service-Consumer-(OpenFeign).md' },\n                            { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u56db) \u65ad\u8def\u5668(Resilience4JCircuitBreaker\u3001RetryCircuitBreaker)', link: '\/SpringCloud(Kilburn)\/Spring-Cloud-(Kilburn-2022-0-2-Edition)-Tutorial-Series-(4)-Circuit-Breakers-(Resilience4JCircuitBreaker-RetryCircuit-Breaker).md' },\n                            { text: '', link: '\/SpringCloud(Kilburn)\/' },\n                        ]\n                    },\n\n                ]\n            },\n            { text: 'About', link: '\/about' },\n        ]\n    },<\/code><\/pre>\n
\u91cd\u542f\u9879\u76ee\uff0c\u53ef\u4ee5\u770b\u5230\u4e8c\u7ea7\u83dc\u5355\u6548\u679c\u3002<\/p>\n
\"image-20240508130817399\"<\/p>\n
\u4e94\u3001\u4fa7\u8fb9\u680f<\/h2>\n
5.1 docs\u76ee\u5f55\u7ed3\u6784<\/h3>\n
.\n\u251c\u2500.vuepress\n\u2502  \u251c\u2500dist\n\u2502  \u2502  \u2514\u2500manifest\n\u2502  \u2514\u2500public\n\u251c\u2500SpringBoot\n\u251c\u2500SpringCloud(Finchley)\n\u2514\u2500SpringCloud(Kilburn)<\/code><\/pre>\n
5.2 \u4e8c\u7ea7\u76ee\u5f55\u8bbe\u7f6e<\/h3>\n
\u5728themeConfig\u7684nav\u5bfc\u822a\u680f\u4e2d\uff0c\u589e\u52a0\u4e00\u4e0bSpringBoot\u6574\u5408\u7cfb\u5217\u6559\u7a0b<\/code>\u4e8c\u7ea7\u83dc\u5355\u3002\u5728docs\u4e0b\u521b\u5efaSpringBoot\u6587\u4ef6\u5939\uff0c\u91cc\u9762\u5b58\u653e\u5bf9\u5e94\u7684md\u6587\u4ef6\uff0c\u5e76\u4e14\u5728\u8be5\u76ee\u5f55\u4e0b\u521b\u5efa\u4e00\u4e2aREADME.md\u7684\u6587\u4ef6\u3002<\/p>\n
nav: [\n    { text: 'Home', link: '\/' },\n    { text: 'Guide', link: '\/guide\/' },\n    {\n        text: 'SpringCloud\u7cfb\u5217\u6559\u7a0b',\n        items: [\n            {\n                text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b',\n                items: [\n                    { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e00) \u670d\u52a1\u6ce8\u518c\u4e0e\u53d1\u73b0(eureka)', link: '\/SpringCloud(Finchley)\/Spring-Cloud-(Finchley-version)-series-of-tutorials-(1)-Service-Registration-and-Discovery-(eureka).md' },\n                    { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e8c) \u5ba2\u6237\u7aef\u8d1f\u8f7d\u5747\u8861Ribbon', link: '\/SpringCloud(Finchley)\/Spring-Cloud-(Finchley-Version)-Series-Tutorial-(2)-Client-Load-Balancing-Ribbon.md' },\n                    { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e09) \u670d\u52a1\u6d88\u8d39\u8005(OpenFeign)', link: '\/SpringCloud(Finchley)\/Spring-Cloud-(Finchley-version)-Series-Tutorial-(3)-Service-Consumer-OpenFeign.md' },\n                    { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u56db) \u65ad\u8def\u5668(Hystrix)', link: '\/SpringCloud(Finchley)\/Spring-Cloud-(Finchley-version)-series-tutorial-(4)-Circuit-breaker-(Hystrix).md' },\n                    { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e94) \u670d\u52a1\u7f51\u5173(Zuul)', link: '\/SpringCloud(Finchley)\/Spring-Cloud-(Finchley-version)-series-of-tutorials-(5)-Service-Gateway-(Zuul).md' },\n                ]\n            },\n            {\n                text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b',\n                items: [\n                    { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e00) \u670d\u52a1\u6ce8\u518c\u4e0e\u53d1\u73b0(eureka)', link: '\/SpringCloud(Kilburn)\/Spring-Cloud-(Kilburn-2022-0-2-Edition)-Tutorial-Series-(1)-Service-Registration-and-Discovery-(eureka).md' },\n                    { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e8c) \u670d\u52a1\u6d88\u8d39\u8005(RestTemplate+Loadbalancer)', link: '\/SpringCloud(Kilburn)\/Spring-Cloud-(Kilburn-2022-0-2)-Tutorial-Series-(2)-Service-Consumers-(RestTemplate+LoadBalancer).md' },\n                    { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e09) \u670d\u52a1\u6d88\u8d39\u8005(OpenFeign)', link: '\/SpringCloud(Kilburn)\/Spring-Cloud-(Kilburn-2022-0-2-Edition)-Tutorial-Series-(3)-Service-Consumer-(OpenFeign).md' },\n                    { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u56db) \u65ad\u8def\u5668(Resilience4JCircuitBreaker\u3001RetryCircuitBreaker)', link: '\/SpringCloud(Kilburn)\/Spring-Cloud-(Kilburn-2022-0-2-Edition)-Tutorial-Series-(4)-Circuit-Breakers-(Resilience4JCircuitBreaker-RetryCircuit-Breaker).md' },\n                    \/*{ text: '', link: '\/SpringCloud(Kilburn)\/' },*\/\n                ]\n            },\n\n        ]\n    },\n    {\n        text: 'SpringBoot\u6574\u5408\u7cfb\u5217\u6559\u7a0b',\n        items:[\n            { text: 'SpringBoot\u6574\u5408MyBatis', link: '\/SpringBoot\/SpringBoot-integrates-MyBatis' },\n            { text: 'SpringBoot\u6574\u5408Redis', link: '\/SpringBoot\/SpringBoot-integrates-Redis' },\n            { text: 'SpringBoot\u6574\u5408es', link: '\/SpringBoot\/SpringBoot-integrates-es' },\n            { text: 'SpringBoot\u6574\u5408thymeleaf', link: '\/SpringBoot\/SpringBoot-integrates-thymeleaf' },\n        ]\n    },\n    { text: 'About', link: '\/about' },\n],<\/code><\/pre>\n
5.3 \u589e\u52a0\u4fa7\u8fb9\u680f<\/h3>\n
\u5728themeConfig\u4e2d\u589e\u52a0sidebar\u3002<\/p>\n
sidebar: {\n\n    "\/SpringCloud(Finchley)\/": [\n        '',\n        'Spring-Cloud-(Finchley-version)-series-of-tutorials-(1)-Service-Registration-and-Discovery-(eureka)',\n        'Spring-Cloud-(Finchley-Version)-Series-Tutorial-(2)-Client-Load-Balancing-Ribbon',\n        'Spring-Cloud-(Finchley-version)-Series-Tutorial-(3)-Service-Consumer-OpenFeign',\n        'Spring-Cloud-(Finchley-version)-series-tutorial-(4)-Circuit-breaker-(Hystrix)',\n        'Spring-Cloud-(Finchley-version)-series-of-tutorials-(5)-Service-Gateway-(Zuul)'\n    ],\n    "\/SpringCloud(Kilburn)\/": [\n        '',\n        'Spring-Cloud-(Kilburn-2022-0-2-Edition)-Tutorial-Series-(1)-Service-Registration-and-Discovery-(eureka)',\n        'Spring-Cloud-(Kilburn-2022-0-2)-Tutorial-Series-(2)-Service-Consumers-(RestTemplate+LoadBalancer)',\n        'Spring-Cloud-(Kilburn-2022-0-2-Edition)-Tutorial-Series-(3)-Service-Consumer-(OpenFeign)',\n        'Spring-Cloud-(Kilburn-2022-0-2-Edition)-Tutorial-Series-(4)-Circuit-Breakers-(Resilience4JCircuitBreaker-RetryCircuit-Breaker)'\n    ],\n    "\/SpringBoot\/": [\n            '',\n            'SpringBoot-integrates-MyBatis',\n            'SpringBoot-integrates-es',\n            'SpringBoot-integrates-Redis',\n            'SpringBoot-integrates-thymeleaf'\n     ],\n    '\/': [\n        '',        \/* \/ *\/\n        'contact', \/* \/contact.html *\/\n        'about'    \/* \/about.html *\/\n    ]\n}<\/code><\/pre>\n
\u91cd\u542f\u9879\u76ee\uff0c\u53ef\u4ee5\u770b\u5230\u4fa7\u8fb9\u680f\u6548\u679c\u3002\u4f46\u662f\u73b0\u5728\u6807\u9898\u53ea\u663e\u793a\u5230\u4e86\u4e09\u7ea7\u6807\u9898\u3002<\/p>\n
\"image-20240508153647878\"<\/p>\n
SpringCloud\u8fd9\u8fb9\u4e5f\u662f\u53ea\u663e\u793a\u5230\u4e86\u4e09\u7ea7\u6807\u9898\u3002<\/p>\n
\"image-20240508153147272\"<\/p>\n
5.4 \u591a\u7ea7\u522b\u4fa7\u8fb9\u680f\u6e32\u67d3<\/h3>\n
\u5728sidebar\u540c\u7ea7\u76ee\u5f55\u4e0b\uff0c\u589e\u52a0\u5e76\u914d\u7f6esidebarDepth<\/code>\u4e3a6\uff0c\u8ba9\u5b83\u663e\u793a\u7684\u6807\u9898\u591a\u4e00\u70b9\u3002\u7136\u540e\u5728sidebar\u540c\u7ea7\u522b\u4e0b\u589e\u52a0\u591a\u7ea7\u522b\u6807\u9898\u6e32\u67d3\u3002<\/p>\n
markdown: {\n    \/\/ \u5f00\u542f\u4ee3\u7801\u5757\u7684\u884c\u53f7\n    lineNumbers: true,\n    \/\/ \u652f\u6301 4 \u7ea7\u4ee5\u4e0a\u7684\u6807\u9898\u6e32\u67d3\n    extractHeaders: ["h2", "h3", "h4", "h5", "h6"],\n},<\/code><\/pre>\n
\u91cd\u542f\u9879\u76ee\uff0c\u53ef\u4ee5\u770b\u5230sidebar\u53ef\u4ee5\u6e32\u67d3\u52306\u7ea7\u6807\u9898\u3002<\/p>\n
\"image-20240508154901994\"<\/p>\n
SpringCloud\u8fd9\u8fb9\u4e5f\u53ef\u4ee5\u770b\u5230\u4e0b\u9762\u7684\u591a\u7ea7\u6807\u9898\u4e86\u3002<\/p>\n
\"image-20240508154952735\"<\/p>\n
5.5 \u4fa7\u8fb9\u680f\u81ea\u52a8\u5c55\u5f00<\/h3>\n
\u4f46\u662f\u6211\u4eec\u60f3\u8ba9\u5b83\u6253\u5f00\u4e4b\u540e\uff0c\u81ea\u52a8\u5c55\u5f00\u5404\u79cd\u6807\u9898\uff0c\u800c\u4e0d\u662f\u6211\u4eec\u70b9\u51fb\u7684\u65f6\u5019\u518d\u6253\u5f00\u3002\u5728sidebar\u540c\u7ea7\u76ee\u5f55\u4e0b\uff0c\u589e\u52a0\u5e76\u914d\u7f6edisplayAllHeaders\u4e3atrue\u3002<\/p>\n
\"image-20240508155128155\"<\/p>\n
\u516d\u3001\u66f4\u65b0\u65f6\u95f4\u663e\u793a\u8c03\u6574<\/h2>\n
\u5728themeConfig\u4e2d\u589e\u52a0\u4e00\u4e2alastUpdated\uff0c\u6307\u793a\u66f4\u65b0\u63d0\u793a\u5185\u5bb9\u3002<\/p>\n
themeConfig: {\n        lastUpdated: '\u6700\u8fd1\u66f4\u65b0',\n}<\/code><\/pre>\n
\u65b0\u589e\u4e00\u4e2a\u5305moment\u3002<\/p>\n
yarn add moment<\/code><\/pre>\n
\u5728config.js\u4e2d\u589e\u52a0\u4e0b\u9762\u5185\u5bb9\uff0c\u60f3\u8981\u81ea\u5df1\u7684\u683c\u5f0f\u53ef\u4ee5\u53bbmoment\u5b98\u7f51\u67e5\u770b\u3002<\/p>\n
const moment = require('moment');\n\nmodule.exports = {\n  plugins: [\n    [\n      '@vuepress\/last-updated',\n      {\n        transformer: (timestamp, lang) => {\n          \/\/ \u4e0d\u8981\u5fd8\u4e86\u5b89\u88c5 moment\n          const moment = require('moment')\n          moment.locale(lang)\n          return moment(timestamp).fromNow()\n        }\n      }\n    ]\n  ]\n}<\/code><\/pre>\n
\u91cd\u542f\u9879\u76ee\uff0c\u6548\u679c\u5982\u4e0b\uff1a<\/p>\n
\"image-20240508162807020\"<\/p>\n
\u4e03\u3001\u90e8\u7f72<\/h2>\n
7.1 \u90e8\u7f72\u5230github pages<\/h3>\n
\u5728\u9879\u76ee\u6839\u76ee\u5f55\u521b\u5efa\u6587\u4ef6deploy.sh<\/code>\uff0c\u5176\u5185\u5bb9\u5982\u4e0b\u3002<\/p>\n
#!\/usr\/bin\/env sh\n\n# \u786e\u4fdd\u811a\u672c\u629b\u51fa\u9047\u5230\u7684\u9519\u8bef\nset -e\n\n# \u751f\u6210\u9759\u6001\u6587\u4ef6\nnpm run docs:build\n\n# \u8fdb\u5165\u751f\u6210\u7684\u6587\u4ef6\u5939\n#cd docs\/.vuepress\/dist\ncd dist\n\n# \u5982\u679c\u662f\u53d1\u5e03\u5230\u81ea\u5b9a\u4e49\u57df\u540d\n# echo 'www.example.com' > CNAME\n\ngit init\ngit add -A\ngit commit -m 'deploy'\n\n# \u5982\u679c\u53d1\u5e03\u5230 https:\/\/<USERNAME>.github.io\n# git push -f git@github.com:<>\/<USERNAME>.github.io.git master\n\n# \u5982\u679c\u53d1\u5e03\u5230 https:\/\/<USERNAME>.github.io\/<REPO>\ngit push -f git@github.com:jinglisen\/Kelsen.git master:gh-pages\n\ncd -<\/code><\/pre>\n
\u4e0a\u9762\u6587\u4ef6\u4e2d\uff0c\u6211\u4eec\u6709\u914d\u7f6e\u751f\u6210\u7684\u6587\u4ef6\u5939\u4e3adist\uff0c\u6240\u4ee5\u5728config.js\u4e2d\u589e\u52a0\u4e0b\u9762\u4e00\u6761\u8def\u5f84\u6307\u5b9a\u3002<\/p>\n
export default defineUserConfig({\n  dest: 'dist',\n})<\/code><\/pre>\n
\u8fd0\u884cdeploy.sh<\/p>\n
\"image-20240508172759461\"<\/p>\n
\u521a\u5f00\u59cb\u6253\u5305\u62a5\u9519\u4e86\uff1a<\/p>\n
(undefined) assets\/js\/styles.9f84806b.js from Terser\nError: error:0308010C:digital envelope routines::unsupported\n    at new Hash (node:internal\/crypto\/hash:79:19)\n    at Object.createHash (node:crypto:139:10)<\/code><\/pre>\n
\n
\u8fd0\u884c\u62a5\u9519\u8bf7\u53c2\u8003\uff1ahttps:\/\/blog.csdn.net\/scholar_man\/article\/details\/134491200<\/a><\/p>\n<\/blockquote>\n
\u6211\u4eec\u589e\u52a0\u4e86\u8fd9\u6761script\uff1a"docs:build": "SET NODE_OPTIONS=--openssl-legacy-provider && vuepress build docs",<\/code>\u89e3\u51b3\u4e86\u8fd9\u4e2a\u62a5\u9519\u3002<\/p>\n
"scripts": {\n    "dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",\n    "docs:build": "SET NODE_OPTIONS=--openssl-legacy-provider && vuepress build docs",\n    "docs:clean-dev": "vuepress dev docs --clean-cache",\n    "docs:dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vuepress dev docs",\n    "docs:update-package": "pnpm dlx vp-update",\n    "deploy": "bash deploy.sh"\n  },<\/code><\/pre>\n
\u6211\u8fd8\u8bd5\u4e86\u4e00\u4e0b\uff0c\u628anode\u9000\u56de\u523016\u7248\u672c\uff0c\u76f4\u63a5\u4ece\u6839\u672c\u4e0a\u89e3\u51b3\u8fd9\u4e2a\u5305\u4e0d\u517c\u5bb9\u7684\u95ee\u9898\u3002<\/p>\n
\"image-20240509113011620\"<\/p>\n
\"image-20240509113031574\"<\/p>\n
\u65b0\u5efa\u4e00\u4e2aGitHub Action<\/code><\/p>\n
\"image-20240508185303333\"<\/p>\n
\u8fd9\u91cc\u53ea\u9700\u8981\u4fdd\u6301\u548cdeploy.sh\u4e2dpush\u7684\u5206\u652f\u4e00\u6837\u5c31\u597d\u3002\u5176\u4f59\u9ed8\u8ba4\uff0c\u70b9\u51fb\u63d0\u4ea4\u3002<\/p>\n
\"image-20240508185404478\"<\/p>\n
\u7136\u540e\u8fd4\u56desettings\u7684pages\uff0c\u70b9\u51fbhttps:\/\/jinglisen.github.io\/KelsenJing\/<\/code>\u5c31\u53ef\u4ee5\u8bbf\u95ee\u5230\u4e86\u3002<\/p>\n
\"image-20240508193216477\"<\/p>\n
\u9875\u9762\u5c55\u793a\u5c31\u662f\u8fd9\u6837\u5b50\u7684<\/p>\n
\"Untitled\"<\/p>\n
7.2 \u81ea\u5b9a\u4e49\u57df\u540d\u8bbf\u95ee<\/h3>\n
\u5728deploy.sh\u4e2d\u589e\u52a0echo 'kelsenjing.huerpu.cc' > CNAME<\/code>\u3002<\/p>\n
#!\/usr\/bin\/env sh\n\n# \u786e\u4fdd\u811a\u672c\u629b\u51fa\u9047\u5230\u7684\u9519\u8bef\nset -e\n\n# \u751f\u6210\u9759\u6001\u6587\u4ef6\nnpm run docs:build\n\n# \u8fdb\u5165\u751f\u6210\u7684\u6587\u4ef6\u5939\n#cd docs\/.vuepress\/dist\ncd dist\n\n# \u5982\u679c\u662f\u53d1\u5e03\u5230\u81ea\u5b9a\u4e49\u57df\u540d\necho 'kelsenjing.huerpu.cc' > CNAME\n\ngit init\ngit add -A\ngit commit -m 'deploy'\n\n# \u5982\u679c\u53d1\u5e03\u5230 https:\/\/<USERNAME>.github.io\n# git push -f git@github.com:<>\/<USERNAME>.github.io.git master\n\n# \u5982\u679c\u53d1\u5e03\u5230 https:\/\/<USERNAME>.github.io\/<REPO>\ngit push -f git@github.com:jinglisen\/Kelsen.git master:gh-pages\n\ncd -<\/code><\/pre>\n
\u5728\u57df\u540d\u89e3\u6790\u589e\u52a0\u4e00\u6761CNAME\u7684\u8bb0\u5f55\uff0c\u4e3b\u673a\u8bb0\u5f55\u4e3akelsen\uff0c\u4e5f\u5c31\u662f\u4e8c\u7ea7\u57df\u540d\uff0c\u8bb0\u5f55\u503c\u6307\u5411jinglisen.github.io.<\/code>\u3002<\/p>\n
\"image-20240508193637784\"<\/p>\n
\u5728\u9879\u76ee\u7684settings\u4e2d\uff0c\u589e\u52a0\u81ea\u5b9a\u4e49\u57df\u540dkelsenjing.huerpu.cc<\/code>\uff0c\u6dfb\u52a0\u4e4b\u540e\u68c0\u6d4bDNS check successful<\/code>\u3002\u5982\u679c\u57df\u540d\u8bbf\u95ee\u4e0d\u5230\uff0c\u5927\u5bb6\u8010\u5fc3\u7b49\u5f85\u4e00\u4e0b\uff0c\u57df\u540d\u63d0\u4f9b\u554610\u5206\u949f\u5185\u751f\u6548\u3002<\/p>\n
\"image-20240508201052006\"<\/p>\n
\u8bbf\u95eehttps:\/\/kelsenjing.huerpu.cc\/<\/code>\uff0c\u53ef\u4ee5\u770b\u5230\u6837\u5f0f\u90fd\u4e71\u6389\u4e86\uff0c\u522b\u614c\uff0c\u6211\u4eec\u4fee\u6539\u4e00\u4e0bbase\u3002<\/p>\n
\u5728config.js\u4e2d\u4fee\u6539base: '\/'<\/code>\uff0c\u7136\u540e\u91cd\u65b0deploy\u53d1\u5e03\u3002<\/p>\n
\"image-20240508200924540\"<\/p>\n
7.3 \u90e8\u7f72\u5230Ubuntu\u670d\u52a1\u5668<\/h3>\n
sudo su -\n\napt install  net-tools -y \n\napt install ssh \n\ncd \/usr\n\nmkdir software\n\nchmod -R 777 software \n\napt install unzip\n\nunzip dist.zip\n\nmv dist\/ kelsen\/\n\nchmod -R 777 kelsen\n\n#\u5b89\u88c5nginx\napt install nginx-core -y\n#\u67e5\u770bnginx\u7248\u672c\nnginx -v\n#\u542f\u52a8nginx\nservice nginx start\n#\u505c\u6b62nginx\nservice nginx stop\n#\u5f00\u653e80\u7aef\u53e3\uff0cnginx\u9ed8\u8ba4\u7aef\u53e3\nufw allow 80\n\n# \u6253\u5f00\u9ed8\u8ba4\u7684 nginx \u914d\u7f6e\u6587\u4ef6\nvim \/etc\/nginx\/sites-available\/default\n\n#\u524d\u7aef\u8bbf\u95ee\u5730\u5740\nlocation \/ {\n                # First attempt to serve request as file, then\n                # as directory, then fall back to displaying a 404.\n                root \/usr\/software\/kelsen;\n                index index.html index.htm;\n                try_files $uri $uri\/ =404;\n}<\/code><\/pre>\n
\u8f93\u5165IP\u5730\u5740\uff0c\u53ef\u4ee5\u8bbf\u95ee\u5230vuepress\u90e8\u7f72\u5230Ubuntu\u9996\u9875\u9762\u3002<\/p>\n
\"image-20240508195302070\"<\/p>\n
7.4 \u5185\u7f51\u7a7f\u900f\u57df\u540d\u8bbf\u95ee<\/h3>\n
\u56e0\u4e3a\u6211\u6709\u4e00\u53f0\u963f\u91cc\u4e91\u4e3b\u673a\uff0c\u6709\u505a\u5185\u7f51\u7a7f\u900f\uff0c\u6240\u4ee5\u76f4\u63a5\u5728frpc.ini\u4e2d\u589e\u52a0\u4e00\u6761\u8bb0\u5f55<\/p>\n
[hep-vuepress]\ntype = tcp\nlocal_ip = 192.168.31.116\nlocal_port = 80\nremote_port = 80<\/code><\/pre>\n
\u5728\u963f\u91cc\u4e91\u4e3b\u673a\u5b89\u5168\u89c4\u5219\u4e2d\uff0c\u653e\u884c80\u7aef\u53e3\u3002<\/p>\n
\u8bbf\u95eehttp:\/\/www.huerpu.cc\/<\/code>\u5373\u53ef\u8bbf\u95ee\u5230\u535a\u5ba2\u4e3b\u9875\u5566\u3002<\/p>\n
\"image-20240508195353688\"<\/p>\n
\u516b\u3001Vssue\u8bc4\u8bba\u63d2\u4ef6<\/h2>\n
8.1 \u83b7\u5f97clientId\u548cclientSecret<\/h3>\n
\u521b\u5efa\u4e00\u4e2aOAuth App<\/code>\uff0c\u5730\u5740https:\/\/vssue.js.org\/zh\/guide\/github.html<\/code><\/p>\n
\"image-20240509115724628\"<\/p>\n
\u8fd9\u91cc\u628a\u672c\u5730\u5730\u5740\u8d34\u8fdb\u6765http:\/\/localhost:8080\/<\/code><\/p>\n
\"image-20240509115925039\"<\/p>\n
\"image-20240509120056328\"<\/p>\n
\"image-20240509120144058\"<\/p>\n
8.2 \u5b89\u88c5\u4f7f\u7528vssue<\/h3>\n
\u5b89\u88c5vssue\u5305\u548capi-github-v4<\/code>\u5305<\/p>\n
yarn add @vssue\/vuepress-plugin-vssue\n\nyarn add  @vssue\/api-github-v4<\/code><\/pre>\n
\u5728Config.js\u7684plugins\u4e2d\u589e\u52a0vssue<\/p>\n
\/\/\u4e2a\u4eba\u7684\u4ec5\u4f9b\u53c2\u8003\uff0c\u9700\u8981\u66f4\u6362\u6210\u81ea\u5df1github\u7684OAuth App clientId\u548cclientSecret\n[\n            '@vssue\/vuepress-plugin-vssue', {\n                \/\/ \u8bbe\u7f6e `platform` \u800c\u4e0d\u662f `api`\n                platform: 'github-v4',\n\n                \/\/ \u5176\u4ed6\u7684 Vssue \u914d\u7f6e\n                owner: 'jinglisen',\n                repo: 'KelsenJing',\n                clientId: 'Ov23li40sj0Aqfpe44n5',\n                clientSecret: 'ea2132d27d6f922adce20aca49639bd3abea7190',\n            },\n],<\/code><\/pre>\n
8.3 \u5355\u9875\u9762\u4f7f\u7528vssue<\/h3>\n
\u5728\u6211\u4eec\u7684docs\u4e0b\u6709\u4e00\u4e2aabout\u9875\u9762\uff0c\u5728about\u4e2d\u6dfb\u52a0\u4e00\u4e2a<Vssue  \/><\/code>\u6807\u7b7e<\/p>\n
### About Me\n\n\u4e00\u4e2a\u559c\u6b22\u82f1\u8bed\u7684\u7a0b\u5e8f\u733f\n\n<Vssue  \/><\/code><\/pre>\n
\u91cd\u542f\u9879\u76ee\uff0c\u53ef\u4ee5\u770b\u5230\u6709\u8bc4\u8bba\u6548\u679c<\/p>\n
\"image-20240509121821553\"<\/p>\n
\"image-20240509121954958\"<\/p>\n
\"image-20240509122043418\"<\/p>\n
\"image-20240509122556187\"<\/p>\n
\"image-20240509122659925\"<\/p>\n
8.4 \u81ea\u52a8\u521b\u5efa\u8bc4\u8bba\u529f\u80fd<\/h3>\n
\u5728vssue\u4e2d\u8bbe\u7f6e\u81ea\u52a8\u521b\u5efa\u8bc4\u8bbaautoCreateIssue: true,<\/code>\u5373\u53ef<\/p>\n
\/\/\u4e2a\u4eba\u7684\u4ec5\u4f9b\u53c2\u8003\uff0c\u9700\u8981\u66f4\u6362\u6210\u81ea\u5df1github\u7684OAuth App clientId\u548cclientSecret\n[\n            '@vssue\/vuepress-plugin-vssue', {\n                \/\/ \u8bbe\u7f6e `platform` \u800c\u4e0d\u662f `api`\n                platform: 'github-v4',\n\n                \/\/ \u5176\u4ed6\u7684 Vssue \u914d\u7f6e\n                owner: 'jinglisen',\n                repo: 'KelsenJing',\n                clientId: 'Ov23li40sj0Aqfpe44n5',\n                clientSecret: 'ea2132d27d6f922adce20aca49639bd3abea7190',\n                autoCreateIssue: true,\n            },\n],<\/code><\/pre>\n
\u5728about\u540c\u7ea7\u76ee\u5f55\u4e0b\uff0c\u521b\u5efa\u4e00\u4e2aabout1.md\u6587\u4ef6\uff0c\u91cd\u542f\u9879\u76ee\uff0c\u8bbf\u95eehttp:\/\/localhost:8080\/about1.html<\/code>\uff0c\u53ef\u4ee5\u770b\u5230\u4e0d\u9700\u8981\u521b\u5efa\uff0c\u8bc4\u8bba\u5df2\u7ecf\u81ea\u52a8\u521b\u5efa\u4e86\u3002github\u5bf9\u5e94\u9879\u76ee\u4e2d\uff0c\u4e5f\u6709\u4e86\u5bf9\u5e94\u7684about1\u7684\u8bc4\u8bba\u3002<\/p>\n
\"image-20240509125054921\"<\/p>\n
\"image-20240509125217599\"<\/p>\n
8.5 \u5168\u5c40\u8bbe\u7f6eVssue<\/h3>\n
\u5982\u679c\u5728\u6bcf\u4e00\u4e2a\u9875\u9762\u90fd\u53bb\u6dfb\u52a0\u4e00\u4e2a<Vssue\/><\/code>\u6807\u7b7e\u4e5f\u592a\u9ebb\u70e6\u4e86\uff0c\u6211\u4eec\u5e0c\u671bvuepress\u53ef\u4ee5\u5e2e\u6211\u4eec\u81ea\u52a8\u6dfb\u52a0\u4e0a\u53bb\u3002<\/p>\n
8.5.1 \u4e3b\u9898\u7684\u7ee7\u627f\u51c6\u5907\u5de5\u4f5c<\/h4>\n
\u53bbvuepress\u7684github\u4e0b\u8f7d\u6e90\u7801https:\/\/github.com\/vuejs\/vuepress<\/code>\uff0c\u628a\u8def\u5f84\/vuepress-master\/packages\/@vuepress\/theme-default<\/code>\u4e0b\uff0clayouts\u548cutil\u62f7\u8d1d\u51fa\u6765\uff0c\u5b58\u653e\u76ee\u5f55\u5982\u4e0b\uff1a<\/p>\n
\"image-20240509133214582\"<\/p>\n
\u5728theme\u6587\u4ef6\u5939\u4e0b\uff0c\u521b\u5efa\u4e00\u4e2aindex.js\u5176\u5185\u5bb9\u5982\u4e0b\uff1a<\/p>\n
\/\/ .vuepress\/theme\/index.js\nmodule.exports = {\n    extend: '@vuepress\/theme-default'\n}<\/code><\/pre>\n
\u4e3a\u4e86\u65b9\u4fbf\u8d77\u89c1\uff0c\u628a\u4ee3\u7801\u8d34\u51fa\u6765\u5427\u3002<\/p>\n
util\/index.js<\/code>\u5982\u4e0b\uff1a<\/p>\n
export const hashRE = \/#.*$\/\nexport const extRE = \/\\.(md|html)$\/\nexport const endingSlashRE = \/\\\/$\/\nexport const outboundRE = \/^[a-z]+:\/i\n\nexport function normalize (path) {\n  return decodeURI(path)\n    .replace(hashRE, '')\n    .replace(extRE, '')\n}\n\nexport function getHash (path) {\n  const match = path.match(hashRE)\n  if (match) {\n    return match[0]\n  }\n}\n\nexport function isExternal (path) {\n  return outboundRE.test(path)\n}\n\nexport function isMailto (path) {\n  return \/^mailto:\/.test(path)\n}\n\nexport function isTel (path) {\n  return \/^tel:\/.test(path)\n}\n\nexport function ensureExt (path) {\n  if (isExternal(path)) {\n    return path\n  }\n  const hashMatch = path.match(hashRE)\n  const hash = hashMatch ? hashMatch[0] : ''\n  const normalized = normalize(path)\n\n  if (endingSlashRE.test(normalized)) {\n    return path\n  }\n  return normalized + '.html' + hash\n}\n\nexport function isActive (route, path) {\n  const routeHash = decodeURIComponent(route.hash)\n  const linkHash = getHash(path)\n  if (linkHash && routeHash !== linkHash) {\n    return false\n  }\n  const routePath = normalize(route.path)\n  const pagePath = normalize(path)\n  return routePath === pagePath\n}\n\nexport function resolvePage (pages, rawPath, base) {\n  if (isExternal(rawPath)) {\n    return {\n      type: 'external',\n      path: rawPath\n    }\n  }\n  if (base) {\n    rawPath = resolvePath(rawPath, base)\n  }\n  const path = normalize(rawPath)\n  for (let i = 0; i < pages.length; i++) {\n    if (normalize(pages[i].regularPath) === path) {\n      return Object.assign({}, pages[i], {\n        type: 'page',\n        path: ensureExt(pages[i].path)\n      })\n    }\n  }\n  console.error(`[vuepress] No matching page found for sidebar item "${rawPath}"`)\n  return {}\n}\n\nfunction resolvePath (relative, base, append) {\n  const firstChar = relative.charAt(0)\n  if (firstChar === '\/') {\n    return relative\n  }\n\n  if (firstChar === '?' || firstChar === '#') {\n    return base + relative\n  }\n\n  const stack = base.split('\/')\n\n  \/\/ remove trailing segment if:\n  \/\/ - not appending\n  \/\/ - appending to trailing slash (last segment is empty)\n  if (!append || !stack[stack.length - 1]) {\n    stack.pop()\n  }\n\n  \/\/ resolve relative path\n  const segments = relative.replace(\/^\\\/\/, '').split('\/')\n  for (let i = 0; i < segments.length; i++) {\n    const segment = segments[i]\n    if (segment === '..') {\n      stack.pop()\n    } else if (segment !== '.') {\n      stack.push(segment)\n    }\n  }\n\n  \/\/ ensure leading slash\n  if (stack[0] !== '') {\n    stack.unshift('')\n  }\n\n  return stack.join('\/')\n}\n\n\/**\n * @param { Page } page\n * @param { string } regularPath\n * @param { SiteData } site\n * @param { string } localePath\n * @returns { SidebarGroup }\n *\/\nexport function resolveSidebarItems (page, regularPath, site, localePath) {\n  const { pages, themeConfig } = site\n\n  const localeConfig = localePath && themeConfig.locales\n    ? themeConfig.locales[localePath] || themeConfig\n    : themeConfig\n\n  const pageSidebarConfig = page.frontmatter.sidebar || localeConfig.sidebar || themeConfig.sidebar\n  if (pageSidebarConfig === 'auto') {\n    return resolveHeaders(page)\n  }\n\n  const sidebarConfig = localeConfig.sidebar || themeConfig.sidebar\n  if (!sidebarConfig) {\n    return []\n  } else {\n    const { base, config } = resolveMatchingConfig(regularPath, sidebarConfig)\n    if (config === 'auto') {\n      return resolveHeaders(page)\n    }\n    return config\n      ? config.map(item => resolveItem(item, pages, base))\n      : []\n  }\n}\n\n\/**\n * @param { Page } page\n * @returns { SidebarGroup }\n *\/\nfunction resolveHeaders (page) {\n  const headers = groupHeaders(page.headers || [])\n  return [{\n    type: 'group',\n    collapsable: false,\n    title: page.title,\n    path: null,\n    children: headers.map(h => ({\n      type: 'auto',\n      title: h.title,\n      basePath: page.path,\n      path: page.path + '#' + h.slug,\n      children: h.children || []\n    }))\n  }]\n}\n\nexport function groupHeaders (headers) {\n  \/\/ group h3s under h2\n  headers = headers.map(h => Object.assign({}, h))\n  let lastH2\n  headers.forEach(h => {\n    if (h.level === 2) {\n      lastH2 = h\n    } else if (lastH2) {\n      (lastH2.children || (lastH2.children = [])).push(h)\n    }\n  })\n  return headers.filter(h => h.level === 2)\n}\n\nexport function resolveNavLinkItem (linkItem) {\n  return Object.assign(linkItem, {\n    type: linkItem.items && linkItem.items.length ? 'links' : 'link'\n  })\n}\n\n\/**\n * @param { Route } route\n * @param { Array<string|string[]> | Array<SidebarGroup> | [link: string]: SidebarConfig } config\n * @returns { base: string, config: SidebarConfig }\n *\/\nexport function resolveMatchingConfig (regularPath, config) {\n  if (Array.isArray(config)) {\n    return {\n      base: '\/',\n      config: config\n    }\n  }\n  for (const base in config) {\n    if (ensureEndingSlash(regularPath).indexOf(encodeURI(base)) === 0) {\n      return {\n        base,\n        config: config[base]\n      }\n    }\n  }\n  return {}\n}\n\nfunction ensureEndingSlash (path) {\n  return \/(\\.html|\\\/)$\/.test(path)\n    ? path\n    : path + '\/'\n}\n\nfunction resolveItem (item, pages, base, groupDepth = 1) {\n  if (typeof item === 'string') {\n    return resolvePage(pages, item, base)\n  } else if (Array.isArray(item)) {\n    return Object.assign(resolvePage(pages, item[0], base), {\n      title: item[1]\n    })\n  } else {\n    const children = item.children || []\n    if (children.length === 0 && item.path) {\n      return Object.assign(resolvePage(pages, item.path, base), {\n        title: item.title\n      })\n    }\n    return {\n      type: 'group',\n      path: item.path,\n      title: item.title,\n      sidebarDepth: item.sidebarDepth,\n      initialOpenGroupIndex: item.initialOpenGroupIndex,\n      children: children.map(child => resolveItem(child, pages, base, groupDepth + 1)),\n      collapsable: item.collapsable !== false\n    }\n  }\n}<\/code><\/pre>\n
Layout.vue<\/code>\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n
<template>\n    <div\n            class="theme-container"\n            :class="pageClasses"\n            @touchstart="onTouchStart"\n            @touchend="onTouchEnd"\n    >\n        <Navbar\n                v-if="shouldShowNavbar"\n                @toggle-sidebar="toggleSidebar"\n        \/>\n\n        <div\n                class="sidebar-mask"\n                @click="toggleSidebar(false)"\n        \/>\n\n        <Sidebar\n                :items="sidebarItems"\n                @toggle-sidebar="toggleSidebar"\n        >\n            <template #top>\n                <slot name="sidebar-top" \/>\n            <\/template>\n            <template #bottom>\n                <slot name="sidebar-bottom" \/>\n            <\/template>\n        <\/Sidebar>\n\n        <Home v-if="$page.frontmatter.home" \/>\n\n        <Page\n                v-else\n                :sidebar-items="sidebarItems"\n        >\n            <template #top>\n                <slot name="page-top" \/>\n            <\/template>\n            <template #bottom>\n                <slot name="page-bottom" \/>\n            <\/template>\n        <\/Page>\n    <\/div>\n<\/template>\n\n<script>\nimport Home from '@theme\/components\/Home.vue'\nimport Navbar from '@theme\/components\/Navbar.vue'\nimport Page from '@theme\/components\/Page.vue'\nimport Sidebar from '@theme\/components\/Sidebar.vue'\nimport { resolveSidebarItems } from '..\/util'\n\nexport default {\n    name: 'Layout',\n\n    components: {\n        Home,\n        Page,\n        Sidebar,\n        Navbar\n    },\n\n    data () {\n        return {\n            isSidebarOpen: false\n        }\n    },\n\n    computed: {\n        shouldShowNavbar () {\n            const { themeConfig } = this.$site\n            const { frontmatter } = this.$page\n            if (\n                frontmatter.navbar === false\n                || themeConfig.navbar === false) {\n                return false\n            }\n            return (\n                this.$title\n                || themeConfig.logo\n                || themeConfig.repo\n                || themeConfig.nav\n                || this.$themeLocaleConfig.nav\n            )\n        },\n\n        shouldShowSidebar () {\n            const { frontmatter } = this.$page\n            return (\n                !frontmatter.home\n                && frontmatter.sidebar !== false\n                && this.sidebarItems.length\n            )\n        },\n\n        sidebarItems () {\n            return resolveSidebarItems(\n                this.$page,\n                this.$page.regularPath,\n                this.$site,\n                this.$localePath\n            )\n        },\n\n        pageClasses () {\n            const userPageClass = this.$page.frontmatter.pageClass\n            return [\n                {\n                    'no-navbar': !this.shouldShowNavbar,\n                    'sidebar-open': this.isSidebarOpen,\n                    'no-sidebar': !this.shouldShowSidebar\n                },\n                userPageClass\n            ]\n        }\n    },\n\n    mounted () {\n        this.$router.afterEach(() => {\n            this.isSidebarOpen = false\n        })\n    },\n\n    methods: {\n        toggleSidebar (to) {\n            this.isSidebarOpen = typeof to === 'boolean' ? to : !this.isSidebarOpen\n            this.$emit('toggle-sidebar', this.isSidebarOpen)\n        },\n\n        \/\/ side swipe\n        onTouchStart (e) {\n            this.touchStart = {\n                x: e.changedTouches[0].clientX,\n                y: e.changedTouches[0].clientY\n            }\n        },\n\n        onTouchEnd (e) {\n            const dx = e.changedTouches[0].clientX - this.touchStart.x\n            const dy = e.changedTouches[0].clientY - this.touchStart.y\n            if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 40) {\n                if (dx > 0 && this.touchStart.x <= 80) {\n                    this.toggleSidebar(true)\n                } else {\n                    this.toggleSidebar(false)\n                }\n            }\n        }\n    }\n}\n<\/script><\/code><\/pre>\n
\u6b64\u65f6\u91cd\u542f\u9879\u76ee\uff0c\u6ca1\u6709\u62a5\u9519\uff0c\u6b63\u5e38\u8fd0\u884c\u7684\u3002<\/p>\n
8.5.2 \u8bbe\u7f6e\u5168\u5c40\u81ea\u52a8\u6dfb\u52a0Vssue\u6807\u7b7e<\/h4>\n
\u5728Layout.vue\u4e2d\u7684Page\u6807\u7b7e\uff0c\u627e\u5230bottom\uff0c\u6dfb\u52a0\u4e00\u884c\u4ee3\u7801<Vssue class="theme-default-content content__default" :options="{ locale: 'zh' }" \/><\/code>\u3002<\/p>\n
<Page\n        v-else\n        :sidebar-items="sidebarItems"\n>\n    <template #top>\n        <slot name="page-top" \/>\n    <\/template>\n    <template #bottom>\n        <slot name="page-bottom" \/>\n        <Vssue class="theme-default-content content__default" :options="{ locale: 'zh' }" \/>\n    <\/template>\n<\/Page><\/code><\/pre>\n
\u91cd\u542f\u9879\u76ee\uff0c\u53ef\u4ee5\u770b\u5230\u6bcf\u4e2a\u9875\u9762\u6709\u81ea\u52a8\u6709\u4e00\u4e2aVssue\u7684\u8bc4\u8bba\u3002<\/p>\n
\"image-20240509140050619\"<\/p>\n
github\u5bf9\u5e94\u9879\u76ee\u4e2d\uff0c\u4e5f\u6709\u4e86\u5bf9\u5e94\u7684\u6587\u7ae0\u7684\u8bc4\u8bba\u3002<\/p>\n
\"image-20240509140317197\"<\/p>\n
8.6 \u9690\u85cf\u654f\u611f\u4fe1\u606f<\/h3>\n
\u73b0\u5728\u6709\u4e2a\u81f4\u547d\u7684\u95ee\u9898\u5c31\u662f\uff0c\u6211\u8fd9\u4e2a\u9879\u76ee\u5fc5\u987b\u662fpublic\u7684\uff0c\u8fd9\u4e2a\u8bc4\u8bba\u624d\u751f\u6548\uff0c\u800c\u4e14\u662f\u672c\u5730\u8fd0\u884c\u751f\u6548\u3002\u6211\u4eec\u60f3\u8ba9\u5b83\u53ef\u4ee5\u5728www.huerpu.cc<\/code>\u4e0b\u751f\u6548\uff0c\u5e76\u4e14\u63d0\u4ea4\u5230GitHub\u7684\u6587\u6863\u4e0d\u8ba9\u522b\u4eba\u770b\u5230\u3002<\/p>\n
\u9996\u5148\u628a\u8fd9\u4fe9\u5730\u65b9\u6539\u6210\u81ea\u5df1\u7684\u57df\u540d\uff0c\u8fd9\u6837\u5c31\u53ef\u4ee5\u5728\u5916\u7f51\u751f\u6548\u8bc4\u8bba\u529f\u80fd\u4e86\u3002<\/p>\n
\"image-20240511105123896\"<\/p>\n
\u5176\u6b21\uff0c\u521b\u5efa\u4e00\u4e2a\u540d\u4e3aKelsenComment<\/code>\u7a7a\u7684GitHub\u4ed3\u5e93\uff0c\u5e76\u4e14\u4e3apublic\uff0c\u8fd9\u65f6\u5019\u5c31\u53ef\u4ee5\u628aKelsenJing<\/code>\u4ed3\u5e93\u8bbe\u7f6e\u4e3aprivate\u7684\u4e86\u3002<\/p>\n
\u6700\u540e\uff0c\u628a\u63d2\u4ef6\u914d\u7f6e\u91ccrepo\u6539\u6210KelsenComment<\/code>\uff0c\u5373\u53ef\u3002<\/p>\n
[\n            '@vssue\/vuepress-plugin-vssue', {\n                \/\/ \u8bbe\u7f6e `platform` \u800c\u4e0d\u662f `api`\n                platform: 'github-v4',\n\n                \/\/ \u5176\u4ed6\u7684 Vssue \u914d\u7f6e\n                owner: 'jinglisen',\n                repo: 'KelsenComment',\n                clientId: 'Ov23li40sj0Aqfpe44n5',\n                clientSecret: 'ea2132d27d6f922adce20aca49639bd3abea7190',\n                autoCreateIssue: true,\n            },\n],<\/code><\/pre>\n
\u8fd9\u4e2aKelsenComment<\/code>\u4ed3\u5e93\u5565\u90fd\u6ca1\u6709\uff0c\u5c31\u53ea\u6709\u8bc4\u8bbaissue\u4fe1\u606f\u3002\u539f\u6709\u7684KelsenJing<\/code>\u4ed3\u5e93\u662f\u79c1\u6709\u7684\uff0c\u4f60\u53ef\u4ee5\u968f\u4fbf\u63d0\u4ea4\u4efb\u4f55\u654f\u611f\u4fe1\u606f\u4e86\u3002<\/p>\n
\"image-20240511105603053\"<\/p>\n
\u4e5d\u3001back-to-top<\/h2>\n
\u5b89\u88c5\u4e00\u4e0bplugin-back-to-top<\/code>\u63d2\u4ef6\uff0c\u7136\u540e\u5728config.js\u4e2d\u589e\u52a0\u8be5\u63d2\u4ef6\u3002<\/p>\n
yarn add -D @vuepress\/plugin-back-to-top\n\nmodule.exports = {\n  plugins: ['@vuepress\/back-to-top']\n}<\/code><\/pre>\n
\u91cd\u542f\u9879\u76ee\uff0c\u53ef\u4ee5\u770b\u5230\u8fd9\u7bc7\u6587\u7ae0\u5f88\u957f\uff0c\u8fd9\u91cc\u5c31\u6709\u4e00\u4e2a\u5411\u4e0a\u7684\u7eff\u8272\u5c0f\u7bad\u5934\uff0c\u70b9\u51fb\u5c31\u53ef\u4ee5\u56de\u5230\u9876\u90e8\u3002<\/p>\n
\"image-20240509141852359\"<\/p>\n
\u5341\u3001\u6dfb\u52a0\u8c37\u6b4c\u5206\u6790<\/h2>\n
10.1 \u5b89\u88c5\u8c37\u6b4c\u5206\u6790\u63d2\u4ef6<\/h3>\n
\u4e0b\u8f7d\u5b89\u88c5@vuepress\/plugin-google-analytics<\/code>\u63d2\u4ef6\uff0c\u5e76\u5728config.js\u4e2d\u5f15\u5165\u63d2\u4ef6\u3002\u5176\u4e2d\u7684ga\u4e0b\u9762\u6709\u4ecb\u7ecd\u3002<\/p>\n
yarn add -D @vuepress\/plugin-google-analytics\n\nmodule.exports = {\n  plugins: [\n    [\n      '@vuepress\/google-analytics',\n      {\n        'ga': 'G-VW5HQQV415' \/\/ UA-00000000-0\n      }\n    ]\n  ]\n}<\/code><\/pre>\n
10.2 \u83b7\u53d6\u8c37\u6b4c\u5206\u6790\u8861\u91cfID<\/h3>\n
\u8c37\u6b4c\u5206\u6790\u5730\u5740https:\/\/analytics.google.com\/<\/code>\u3002<\/p>\n
\"001\"<\/p>\n
\u65b0\u5efa\u4e00\u4e2a\u8c37\u6b4c\u5206\u6790\u8d26\u53f7\uff0c\u8fd9\u91cc\u7684\u8861\u91cfID\u7528\u4e8e\u4e0a\u9762\u4ee3\u7801\u7684ga\u5b57\u6bb5\u4ee5\u53cajs\u4e2d\u7684\u90a3\u4e32\u5b57\u7b26\u3002\u70b9\u51fb\u67e5\u770b\u4ee3\u7801\u8bf4\u660e\u3002<\/p>\n
\"002\"<\/p>\n
10.3 head\u6dfb\u52a0\u8c37\u6b4c\u5206\u6790\u4ee3\u7801<\/h3>\n
\u628a\u8fd9\u4e00\u6bb5\u4ee3\u7801\u62f7\u8d1d\u51fa\u6765<\/p>\n
\"image-20240509154759391\"<\/p>\n
\u5728config.js\u7684head\u4e2d\uff0c\u589e\u52a0\u521a\u62f7\u8d1d\u7684\u4ee3\u7801\u3002\u5176\u4e2d\u7684G-195NQR6PDD<\/code>\u66ff\u6362\u6210\u81ea\u5df1\u7684\u8c37\u6b4c\u5206\u6790\u4e2d\u7684\u8861\u91cfID\u3002<\/p>\n
head: [\n        ['script', { src: 'https:\/\/www.googletagmanager.com\/gtag\/js?id=G-195NQR6PDD' }],\n        \/\/ google\u7edf\u8ba1\n        [\n            "script",\n            {},\n            `\n            window.dataLayer = window.dataLayer || [];\n            function gtag(){dataLayer.push(arguments);}\n            gtag('js', new Date());\n\n            gtag('config', 'G-195NQR6PDD');\n            `,\n        ],\n],<\/code><\/pre>\n
\u91cd\u65b0\u90e8\u7f72\u597d\u9879\u76ee\uff0c\u70b9\u51fb\u8fd9\u91cc\u7684\u6d4b\u8bd5\uff0c\u53ef\u4ee5\u770b\u5230\u7eff\u8272\u7684\u7bad\u5934\uff0c\u8bc1\u660e\u8c37\u6b4c\u5206\u6790\u751f\u6548\u4e86\u3002<\/p>\n
\"image-20240509155308280\"<\/p>\n
\u56de\u5230\u9996\u9875\uff0c\u53ef\u4ee5\u770b\u5230\u6709\u4e00\u4e2a\u7528\u6237\u8bbf\u95ee\u8fc7\uff0c\u8fd9\u662f\u56e0\u4e3a\u6211\u521a\u521a\u70b9\u51fb\u4e86\u8fd9\u4e2a\u535a\u5ba2\u7f51\u7ad9\u3002<\/p>\n
\"image-20240509155111447\"<\/p>\n
\u5341\u4e00\u3001\u6dfb\u52a0\u767e\u5ea6\u5206\u6790<\/h2>\n
11.1 \u6dfb\u52a0\u767e\u5ea6\u7edf\u8ba1<\/h3>\n
\u5728\u767e\u5ea6\u7edf\u8ba1\u8d26\u53f7\u4e2d\uff0c\u9009\u62e9\u65b0\u589e\u7f51\u7ad9\u3002<\/p>\n
\"image-20240509182421519\"<\/p>\n
\u586b\u5165\u4f60\u7684\u57df\u540d\u4e0e\u7f51\u7ad9\u4fe1\u606f\u3002<\/p>\n
\"image-20240509182631666\"<\/p>\n
\u628a\u8fd9\u91cc\u7684\u4ee3\u7801\u590d\u5236\u4e0b\u6765\u3002<\/p>\n
\"image-20240509182712528\"<\/p>\n
\u628a\u4ee3\u7801\u653e\u5165config.js\u4e2d\u7684head\uff0c\u91cd\u65b0\u90e8\u7f72\u5373\u53ef\u3002\u591a\u7b80\u5355\u3002<\/p>\n
\/\/ \u767e\u5ea6\u7edf\u8ba1\n[\n    "script",\n    {},\n    `\n    var _hmt = _hmt || [];\n    (function() {\n      var hm = document.createElement("script");\n      hm.src = "https:\/\/hm.baidu.com\/hm.js?36ab8e66b824759611096f4c91f3e584";\n      var s = document.getElementsByTagName("script")[0]; \n      s.parentNode.insertBefore(hm, s);\n    })();\n  `,\n],<\/code><\/pre>\n
\u91cd\u65b0\u90e8\u7f72\u4e4b\u540e\uff0c\u8bbf\u95ee\u7f51\u9875\uff0c\u67e5\u770b\u6e90\u7801\uff0c\u53ef\u4ee5\u770b\u5230\u8fd9\u6bb5\u4ee3\u7801\u5df2\u7ecf\u6709\u4e86\u3002<\/p>\n
\"image-20240509183347291\"<\/p>\n
\u6dfb\u52a0\u597d\u4e86\u4e4b\u540e\u7acb\u9a6c\u53bb\u770b\u662f\u6ca1\u6709\u6548\u679c\u7684\uff0c\u4e0b\u9762\u662f\u7b2c\u4e8c\u5929\u53bb\u770b\u7684\u65f6\u5019\u7684\u7edf\u8ba1\uff0c\u53ef\u4ee5\u770b\u5230\u6709\u4e00\u70b9\u70b9\u6570\u636e\u4e86\u3002<\/p>\n
\"image-20240510102804229\"<\/p>\n
11.2 \u4e3a\u6bcf\u4e2a\u9875\u9762\u6dfb\u52a0\u767e\u5ea6\u7edf\u8ba1<\/h3>\n
\u767e\u5ea6\u7edf\u8ba1\u6dfb\u52a0, \u8003\u8651\u5728\u6bcf\u4e2a\u9875\u9762\u70b9\u51fb\u65f6\u4f5c\u8bb0\u5f55\uff0c\u5728theme\/enhanceApp.js<\/code>\u4e2d\u62e6\u622arouter\uff0c<\/p>\n
export default ({router}) => {\n    router.beforeEach((to, from, next) => {\n        \/\/\u5bf9\u6bcf\u4e2a\u9875\u9762\u70b9\u51fb\u6dfb\u52a0\u767e\u5ea6\u7edf\u8ba1\n        if(typeof _hmt!='undefined'){\n            if (to.path) {\n                _hmt.push(['_trackPageview', to.fullPath]);\n            }\n        }\n\n        \/\/ continue\n        next();     \n    })\n};<\/code><\/pre>\n
11.3 \u6dfb\u52a0\u767e\u5ea6\u7ad9\u70b9\u81ea\u52a8\u63a8\u9001<\/h3>\n
yarn add -D vuepress-plugin-baidu-autopush\n\nmodule.exports = {\n  plugins: [\n    'vuepress-plugin-baidu-autopush'\n  ]\n};<\/code><\/pre>\n
\u5341\u4e8c\u3001config.js\u62c6\u5206<\/h2>\n
\u968f\u7740\u9879\u76ee\u7684\u9010\u6b65\u6269\u5927\uff0cconfig.js\u540e\u9762\u4f1a\u7206\u70b8\u5f0f\u589e\u957f\uff0c\u4e3a\u4e86\u65b9\u4fbf\u4f7f\u7528\uff0c\u6211\u4eec\u628aconfig.js\u5206\u5272\u4e00\u4e0b\uff0c\u5f04\u6210\u51e0\u4e2a\u5355\u72ec\u7684\u6587\u4ef6\u8fdb\u884c\u4f7f\u7528\u3002<\/p>\n
\/\/.vuepress\u76ee\u5f55\u4e0b\u7684\u6587\u4ef6\u7ed3\u6784\n\u2502  config.js\n\u2502  \n\u251c\u2500config\n\u2502      headConfig.js\n\u2502      navConfig.js\n\u2502      pluginsConfig.js\n\u2502      sidebarConfig.js\n\u2502\n\u251c\u2500public\n\u2502      beauty.jpg\n\u2502      favicon.ico\n\u2502      kelsen.png\n\u2502\n\u2514\u2500theme\n    \u2502  index.js\n    \u2502\n    \u251c\u2500layouts\n    \u2502      Layout.vue\n    \u2502\n    \u2514\u2500util\n            index.js<\/code><\/pre>\n
\u5728.vuepress\u76ee\u5f55\u4e0b\u521b\u5efaconfig\u6587\u4ef6\u5939\uff0c\u8be5\u6587\u4ef6\u5939\u4e0b\u521b\u5efaheadConfig.js<\/code>\u3001navConfig.js<\/code>\u3001pluginsConfig.js<\/code>\u3001sidebarConfig.js<\/code>\u3002<\/p>\n
headConfig.js<\/code><\/p>\n
module.exports = [\n    ['link', { rel: 'icon', href: '\/kelsen.png' }],\n    \/\/ SEO\n    [\n        "meta",\n        {\n            name: "keywords",\n            content:\n                "\u52e4\u594b\u7684\u51ef\u5c14\u68ee\u540c\u5b66, Java\u540e\u7aef\u5f00\u53d1\u5de5\u7a0b\u5e08, \u540e\u7aef\u5f00\u53d1\u5de5\u7a0b\u5e08, Java, \u7f16\u7a0b\u5bfc\u822a, \u524d\u7aef, \u5f00\u53d1, \u7f16\u7a0b\u5206\u4eab, \u9879\u76ee, IT, \u6c42\u804c, \u9762\u7ecf",\n        },\n    ],\n    ["meta", {name: "robots", content: "all"}],\n    ["meta", {name: "author", content: "Kelsen"}],\n    ["meta", {name: "apple-mobile-web-app-capable", content: "yes"}],\n    ['script', { src: 'https:\/\/www.googletagmanager.com\/gtag\/js?id=G-195NQR6PDD' }],\n    \/\/ google\u7edf\u8ba1\n    [\n        "script",\n        {},\n        `\n            window.dataLayer = window.dataLayer || [];\n            function gtag(){dataLayer.push(arguments);}\n            gtag('js', new Date());\n\n            gtag('config', 'G-195NQR6PDD');\n            `,\n    ],\n\n    \/\/ \u767e\u5ea6\u7edf\u8ba1\n    [\n        "script",\n        {},\n        `\n            var _hmt = _hmt || [];\n            (function() {\n              var hm = document.createElement("script");\n              hm.src = "https:\/\/hm.baidu.com\/hm.js?36ab8e66b824759611096f4c91f3e584";\n              var s = document.getElementsByTagName("script")[0]; \n              s.parentNode.insertBefore(hm, s);\n            })();\n          `,\n    ],\n\n]<\/code><\/pre>\n
navConfig.js<\/code><\/p>\n
module.exports = [\n    { text: 'Home', link: '\/' },\n    { text: 'Guide', link: '\/guide\/' },\n    {\n        text: 'SpringCloud\u7cfb\u5217\u6559\u7a0b',\n        items: [\n            {\n                text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b',\n                items: [\n                    { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e00) \u670d\u52a1\u6ce8\u518c\u4e0e\u53d1\u73b0eureka', link: '\/SpringCloudFinchley\/Spring-Cloud-Finchley-version-series-of-tutorials-1-Service-registration-and-discovery-eureka.md' },\n                    { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e8c) \u5ba2\u6237\u7aef\u8d1f\u8f7d\u5747\u8861Ribbon', link: '\/SpringCloudFinchley\/Spring-Cloud-Finchley-Version-Series-Tutorial-2-Client-Load-Balancing-Ribbon.md' },\n                    { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e09) \u670d\u52a1\u6d88\u8d39\u8005(OpenFeign)', link: '\/SpringCloudFinchley\/Spring-Cloud-Finchley-Edition-Series-Tutorial-3-Service-Consumer-OpenFeign.md' },\n                    { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u56db) \u65ad\u8def\u5668Hystrix', link: '\/SpringCloudFinchley\/Spring-Cloud-Finchley-version-series-tutorial-4-Hystrix-circuit-breaker.md' },\n                    { text: 'Spring Cloud(Finchley\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e94) \u670d\u52a1\u7f51\u5173Zuul', link: '\/SpringCloudFinchley\/Spring-Cloud-Finchley-Version-Series-Tutorial-5-Service-Gateway-Zuul.md' },\n                ]\n            },\n            {\n                text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b',\n                items: [\n                    { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e00) \u670d\u52a1\u6ce8\u518c\u4e0e\u53d1\u73b0eureka', link: '\/SpringCloudKilburn\/Spring-Cloud-Kilburn-2022-Edition-Tutorial-Series-1-Service-Registration-and-Discovery-Eureka.md' },\n                    { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e8c) \u670d\u52a1\u6d88\u8d39\u8005(RestTemplate+Loadbalancer)', link: '\/SpringCloudKilburn\/Spring-Cloud-Kilburn-2022-Tutorial-Series-2-Service-Consumers-RestTemplate-LoadBalancer.md' },\n                    { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u4e09) \u670d\u52a1\u6d88\u8d39\u8005(OpenFeign)', link: '\/SpringCloudKilburn\/Spring-Cloud-Kilburn-2022-Tutorial-Series-3-Service-Consumer-OpenFeign.md' },\n                    { text: 'Spring Cloud(Kilburn 2022.0.2\u7248\u672c)\u7cfb\u5217\u6559\u7a0b(\u56db) \u65ad\u8def\u5668(Resilience4JCircuitBreaker\u3001RetryCircuitBreaker)', link: '\/SpringCloudKilburn\/Spring-Cloud-Kilburn-2022-Tutorial-Series-4-Circuit-Breakers-Resilience4JCircuitBreaker-RetryCircuit-Breaker.md' },\n                ]\n            },\n\n        ]\n    },\n    {\n        text: 'SpringBoot\u6574\u5408\u7cfb\u5217\u6559\u7a0b',\n        items:[\n            { text: 'SpringBoot\u6574\u5408MyBatis', link: '\/SpringBoot\/SpringBoot-integrates-MyBatis' },\n            { text: 'SpringBoot\u6574\u5408Redis', link: '\/SpringBoot\/SpringBoot-integrates-Redis' },\n            { text: 'SpringBoot\u6574\u5408es', link: '\/SpringBoot\/SpringBoot-integrates-es' },\n            { text: 'SpringBoot\u6574\u5408thymeleaf', link: '\/SpringBoot\/SpringBoot-integrates-thymeleaf' },\n        ]\n    },\n    { text: 'About', link: '\/about' },\n]<\/code><\/pre>\n
pluginsConfig.js<\/code><\/p>\n
const moment = require('moment');\n\nmodule.exports = [\n    [\n        '@vuepress\/last-updated',\n        {\n            transformer: (timestamp, lang) => {\n                \/\/ \u4e0d\u8981\u5fd8\u4e86\u5b89\u88c5 moment\n                const moment = require('moment')\n                moment.locale('zh-cn')\n                return moment(timestamp).format("LLL")\n            }\n        }\n    ],\n\n    [\n        '@vssue\/vuepress-plugin-vssue', {\n        \/\/ \u8bbe\u7f6e `platform` \u800c\u4e0d\u662f `api`\n        platform: 'github-v4',\n\n        \/\/ \u5176\u4ed6\u7684 Vssue \u914d\u7f6e\n        owner: 'jinglisen',\n        repo: 'KelsenJing',\n        clientId: 'Ov23li40sj0Aqfpehqn5',\n        clientSecret: 'ea2132d27d6f9a1adce20aca49639bd3abea7190',\n        autoCreateIssue: true,\n    },\n    ],\n\n    ['@vuepress\/back-to-top'],\n\n    [\n        '@vuepress\/google-analytics',\n        {\n            'ga': 'G-195NQR6PDD' \/\/ UA-00000000-0\n        }\n    ],\n\n]<\/code><\/pre>\n
sidebarConfig.js<\/code><\/p>\n
module.exports = {\n    "\/SpringCloudFinchley\/": [\n        'Spring-Cloud-Finchley-version-series-of-tutorials-1-Service-registration-and-discovery-eureka',\n        'Spring-Cloud-Finchley-Version-Series-Tutorial-2-Client-Load-Balancing-Ribbon',\n        'Spring-Cloud-Finchley-Edition-Series-Tutorial-3-Service-Consumer-OpenFeign',\n        'Spring-Cloud-Finchley-version-series-tutorial-4-Hystrix-circuit-breaker',\n        'Spring-Cloud-Finchley-Version-Series-Tutorial-5-Service-Gateway-Zuul'\n    ],\n    "\/SpringCloudKilburn\/": [\n        'Spring-Cloud-Kilburn-2022-Edition-Tutorial-Series-1-Service-Registration-and-Discovery-Eureka',\n        'Spring-Cloud-Kilburn-2022-Tutorial-Series-2-Service-Consumers-RestTemplate-LoadBalancer',\n        'Spring-Cloud-Kilburn-2022-Tutorial-Series-3-Service-Consumer-OpenFeign',\n        'Spring-Cloud-Kilburn-2022-Tutorial-Series-4-Circuit-Breakers-Resilience4JCircuitBreaker-RetryCircuit-Breaker',\n    ],\n    "\/SpringBoot\/": [\n        'SpringBoot-integrates-MyBatis',\n        'SpringBoot-integrates-es',\n        'SpringBoot-integrates-Redis',\n        'SpringBoot-integrates-thymeleaf'\n    ]\n}<\/code><\/pre>\n
config.js\u4e2d\u5bfc\u5165\u56db\u4e2ajs\u6587\u4ef6<\/p>\n
const headConf = require('.\/config\/headConfig');\nconst navConfig = require('.\/config\/navConfig');\nconst sidebarConfig = require('.\/config\/sidebarConfig');\nconst pluginsConfig = require('.\/config\/pluginsConfig');<\/code><\/pre>\n
\u5e76\u5728\u56db\u4e2a\u914d\u7f6e\u9879\u7684\u5bf9\u5e94\u4f4d\u7f6e\uff0c\u505a\u53d8\u91cf\u66ff\u6362\u5f15\u7528\u3002<\/p>\n
head: headConf,\nnav: navConfig,    \nsidebar: sidebarConfig,    \nplugins: pluginsConfig,    <\/code><\/pre>\n
\u6700\u7ec8\u7684config.js\u6587\u4ef6\u5982\u4e0b\uff0c\u662f\u4e0d\u662f\u6e05\u723d\u4e86\u8bb8\u591a\u3002<\/p>\n
const headConf = require('.\/config\/headConfig');\nconst navConfig = require('.\/config\/navConfig');\nconst sidebarConfig = require('.\/config\/sidebarConfig');\nconst pluginsConfig = require('.\/config\/pluginsConfig');\n\nmodule.exports = {\n    lang: 'en-zh',\n    title: '\u52e4\u594b\u7684\u51ef\u5c14\u68ee\u540c\u5b66',\n    description: 'KelsenJing Blog',\n    base: "\/",\n    dest: 'dist',\n\n    head: headConf,\n\n    themeConfig: {\n        logo: '\/kelsen.png',\n        lastUpdated: '\u6700\u8fd1\u66f4\u65b0',\n        nav: navConfig,\n        sidebarDepth: 6,\n        displayAllHeaders: true,\n        sidebar: sidebarConfig,\n\n    },\n\n    markdown: {\n        \/\/ \u5f00\u542f\u4ee3\u7801\u5757\u7684\u884c\u53f7\n        lineNumbers: true,\n        \/\/ \u652f\u6301 4 \u7ea7\u4ee5\u4e0a\u7684\u6807\u9898\u6e32\u67d3\n        extractHeaders: ["h2", "h3", "h4", "h5", "h6"],\n    },\n\n    plugins: pluginsConfig,\n\n}<\/code><\/pre>\n
\u5341\u4e09\u3001\u56fe\u7247\u81ea\u52a8\u7f29\u653e\u63d2\u4ef6<\/h2>\n
\u5b89\u88c5\u63d2\u4ef6\uff0c\u5e76\u5728plugins\u4e2d\u5f15\u5165\u3002<\/p>\n
yarn add -D @vuepress\/plugin-medium-zoom\n\nmodule.exports = {\n  plugins: ['@vuepress\/medium-zoom']\n}<\/code><\/pre>\n
\u628a\u9f20\u6807\u653e\u5728\u56fe\u7247\u4e0a\uff0c\u4f1a\u6709\u4e00\u4e2a\u5341\u5b57\u578b\u7684\u6807\u8bc6\uff0c\u70b9\u51fb\u5c31\u53ef\u4ee5\u653e\u5927\u56fe\u7247\u3002<\/p>\n
\"image-20240510114024972\"<\/p>\n
\u5341\u56db\u3001\u4fa7\u8fb9\u680f\u83dc\u5355\u9009\u4e2d\u63d2\u4ef6<\/h2>\n
\u9875\u9762\u6eda\u52a8\u65f6\u81ea\u52a8\u6fc0\u6d3b\u4fa7\u8fb9\u680f\u94fe\u63a5\u7684\u63d2\u4ef6<\/p>\n
yarn add -D @vuepress\/plugin-active-header-links\n\nmodule.exports = {\n  plugins: ['@vuepress\/active-header-links']\n}<\/code><\/pre>\n
\u5728\u9605\u8bfb\u7684\u8fc7\u7a0b\u4e2d\uff0c\u4fa7\u8fb9\u680f\u4f1a\u6839\u636e\u4f60\u7684\u9605\u8bfb\u901f\u5ea6\uff0c\u9009\u4e2d\u5f53\u524d\u7684\u9605\u8bfb\u76ee\u5f55\uff0c\u53d8\u6210\u7eff\u8272\u7684\uff0c\u6307\u793a\u4f60\u9605\u8bfb\u5230\u7684\u5f53\u524d\u4f4d\u7f6e\u3002<\/p>\n
\"image-20240510124537085\"<\/p>\n
\u5341\u4e94\u3001\u4e2d\u6587\u6807\u7b7e\u6216\u5176\u4ed6\u8def\u5f84\u5f15\u53d1\u7684404\u95ee\u9898<\/h2>\n
\u5982\u679cMarkdown\u6587\u4ef6\u540d\u6709\u4e2d\u6587\u5b57\u7b26\u6216\u8005\u7279\u6b8a\u5b57\u7b26\uff0c\u4f1a\u5f15\u53d1\u627e\u4e0d\u5230\u6587\u4ef6\u8def\u5f84\u7684\u95ee\u9898\uff0c\u6211\u4eec\u89e3\u51b3\u4e00\u4e0b\u3002\u4fee\u6539Layout.vue\u4e2d\u7684mounted()\u65b9\u6cd5\uff0c\u4fee\u6539\u6210\u4e0b\u9762\u7684\u3002<\/p>\n
mounted() {\n        let routes = [this.$author._metaMap, this.$tag._metaMap],\n            routeList = []; \/\/ \u5c06\u6240\u6709\u5305\u542b\u4e2d\u6587\u9700\u8981\u91cd\u65b0\u5339\u914d\u7684 router path \u5199\u5165\u4e00\u4e2a\u6570\u7ec4\u4e2d\n        routes.forEach((route) => { \/\/ \u904d\u5386\u5c06\u5bf9\u8c61\u7cc5\u5408\u6210\u4e00\u4e2a\u6570\u7ec4\n            Object.keys(route).forEach((key) => {\n                routeList.push(route[key].path);\n            });\n        });\n        if(routeList.includes(this.$route.params.pathMatch)){ \/\/ \u5224\u65ad\u662f\u5426\u5b58\u5728\u5f53\u524d route \uff0c\u5b58\u5728\u5219\u8df3\u8f6c\n            this.$router.push(this.$route.params.pathMatch)\n        }\n},<\/code><\/pre>\n
\u628a\u6587\u6863\u8def\u5f84\u6539\u6210\u6709\u7279\u6b8a\u5b57\u7b26&\u3001\u7a7a\u683c\u3001\u62ec\u53f7\u7b49\uff0c\u90fd\u53ef\u4ee5\u6b63\u786e\u5b9a\u4f4d\u5230md\u6587\u6863\u8def\u5f84\u3002<\/p>\n
\"image-20240510163019435\"<\/p>\n
\"image-20240510163121073\"<\/p>\n
\n
\u53c2\u8003\u4e8ehttps:\/\/110501.com\/2021\/05\/06\/support-chinese-tags-on-vuepress\/<\/p>\n<\/blockquote>\n
\u5341\u516d\u3001\u6dfb\u52a0\u7981\u6b62\u7f51\u9875\u5185\u5bb9\u590d\u5236<\/h2>\n
\u53ef\u4ee5\u8bbe\u7f6e\u522b\u4eba\u4e0d\u80fd\u590d\u5236\u4f60\u7684\u7f51\u9875\u5185\u5bb9\uff0c\u6216\u8005\u9650\u5236\u590d\u5236\u7684\u957f\u5ea6\u3002<\/p>\n
yarn  add vuepress-plugin-copyright\n\nmodule.exports = {\n  plugins: [\n    [\n        'copyright',\n        {\n            \/\/ \u66f4\u591a\u914d\u7f6e\u9879\u4ee5\u53ca\u914d\u7f6e\u9879\u8bf4\u660e\u4e0a https:\/\/github.com\/vuepress\/vuepress-plugin-copyright \u67e5\u770b\n            noCopy: false, \/\/ \u662f\u5426\u7981\u6b62\u590d\u5236\n            minLength: 150,  \/\/ \u89e6\u53d1\u526a\u8d34\u677f\u7ec4\u4ef6\u6216noCopy\u6548\u679c\u7684\u6700\u5c0f\u6587\u672c\u957f\u5ea6\n            disabled: true,  \/\/ \u662f\u5426\u9ed8\u8ba4\u7981\u7528\u8fd9\u4e2a\u63d2\u4ef6\u7684\u529f\u80fd\n            noSelect: true, \/\/ \u662f\u5426\u7981\u6b62\u9009\u62e9\n            authorName: {\n                'zh-CN': '\u52e4\u594b\u7684\u51ef\u5c14\u68ee\u540c\u5b66',\n                'en-US': 'Kelsen',\n            },\n        },\n    ],\n  ],\n}<\/code><\/pre>\n
\u5341\u4e03\u3001\u6dfb\u52a0\u4ee3\u7801\u62f7\u8d1d<\/h2>\n
\u505a\u4e3a\u7a0b\u5e8f\u5458\u7684\u7f51\u7ad9\uff0c\u4ee3\u7801\u62f7\u8d1d\u662f\u5fc5\u987b\u7684\u3002<\/p>\n
yarn add -D  vuepress-plugin-code-copy\n\nmodule.exports = {\n    plugins: [['vuepress-plugin-code-copy', true]]\n}<\/code><\/pre>\n
\u4f1a\u6709\u4e00\u4e2a\u62f7\u8d1d\u7684\u5c0f\u56fe\u6807\u3002<\/p>\n
\"image-20240510172612461\"<\/p>\n
\u5341\u516b\u3001\u53f3\u4fa7\u8fb9\u680f\u8bbe\u7f6e\u60ac\u6d6e\u7a97<\/h2>\n
\u5728config\u6587\u4ef6\u5939\u4e0b\u589e\u52a0extraSideBar.js<\/code><\/p>\n
module.exports = [\n    {\n        title: "\u516c\u4f17\u53f7",\n        icon: "\/icon\/gongzhonghao.png",\n        popoverTitle: "\u6b22\u8fce\u5173\u6ce8\u52e4\u594b\u7684\u51ef\u5c14\u68ee\u540c\u5b66\u5fae\u4fe1\u516c\u4f17\u53f7",\n        popoverUrl:\n            "\/gongzhonghao.jpg",\n        popoverDesc: "\u5173\u6ce8\u516c\u4f17\u53f7\u67e5\u770b\u66f4\u591a\u5185\u5bb9",\n    },\n    {\n        title: "\u5fae\u535a",\n        icon: "\/icon\/WeiBo.png",\n        popoverTitle:\n            '<span style="font-size:0.8rem;font-weight:bold;"><span style="color:red;">\u626b\u7801\u5173\u6ce8<\/span>\u7cbe\u5f69\u751f\u6d3b\u5c3d\u5728\u6b64<\/span>',\n        popoverUrl:\n            "\/WeiBo.jpg",\n        popoverDesc: "\u5206\u4eab\u65e5\u5e38\uff0c\u4e0e\u4f60\u5171\u540c\u6210\u957f",\n    },\n    {\n        title: "\u4ea4\u6d41\u7fa4",\n        icon: "\/icon\/weixin.png",\n        popoverTitle:\n            '<span style="font-size:0.8rem;font-weight:bold;">\u626b\u7801\u6dfb\u52a0 <span style="color:red;">\u51ef\u5c14\u68ee\u5c0f\u52a9\u624b\u5fae\u4fe1<\/span>\uff0c\u62c9\u4f60\u8fdb\u4ea4\u6d41\u7fa4<\/span>',\n        popoverUrl:\n            "\/WeChat.jpg",\n    },\n    {\n        title: "\u8bfb\u4e66\u4f1a",\n        icon: "\/icon\/Reading.png",\n        popoverTitle:\n            '<span style="font-size:0.8rem;font-weight:bold;">\u626b\u7801\u6dfb\u52a0\uff0c\u56de\u590d<span style="color:red;">\u9605\u8bfb<\/span>\u62c9\u4f60\u8fdb\u8bfb\u4e66\u7fa4<\/span>',\n        popoverUrl: "\/WeChat.jpg",\n\n    },\n    {\n        title: "\u652f\u6301\u6211",\n        icon: "\/icon\/SupportMe.png",\n        popoverTitle:\n            ' <span style="font-size:0.8rem;font-weight:bold;">\u9f13\u52b1\u548c\u8d5e\u8d4f\u6211<\/span>',\n        popoverUrl:\n            "\/SupportMe.jpg",\n        popoverDesc:\n            "\u611f\u8c22\u60a8\u7684\u652f\u6301\uff0c\u4e07\u5206\u611f\u8c22",\n    },\n];<\/code><\/pre>\n
\u5728config.js\u4e2d\u914d\u7f6eextraSideBar<\/p>\n
const extraSideBar = require('.\/config\/extraSideBar');\nthemeConfig: {\n        extraSideBar: extraSideBar,\n},<\/code><\/pre>\n
\u5728Layout.vue\u4e2d\u589e\u52a0\u914d\u7f6e<\/p>\n
<Page\n            v-else\n            :sidebar-items="sidebarItems"\n            :page-sidebar-items="pageSidebarItems"\n        >\n    <template #top>\n        <slot name="page-top" \/>\n\n    <\/template>\n    <template #bottom>\n        <slot name="page-bottom" \/>\n        <Footer \/>\n    <\/template>\n<\/Page>\n\n<PageSidebar\n            v-if="shouldShowPageSidebar"\n            :page-sidebar-items="pageSidebarItems"\n            :sidebar-items="sidebarItems"\n        >\n<\/PageSidebar>\n<script>\nimport PageSidebar from '@theme\/components\/ExtraSidebar.vue'\nimport { resolveSidebarItems, resolveHeaders } from '..\/util'\ncomponents: { Home, Page, Sidebar, Navbar, PageSidebar },\nshouldShowPageSidebar (){\n    const { frontmatter } = this.$page\n\n    return (\/\/false&&\n        !frontmatter.home\n        && frontmatter.sidebar !== false\n        && this.pageSidebarItems.length\n    )\n},\npageSidebarItems () {\n        return resolveHeaders(this.$page)\n},\n<\/script><\/code><\/pre>\n
\u5728theme\u4e0b\u7684index.js\u4fee\u6539\u4e00\u4e0b\u8fd9\u4e2a\u51fd\u6570\uff0c\u589e\u52a0\u4e00\u4e2a\u5173\u952e\u5b57export\u3002<\/p>\n
export function resolveHeaders (page) {\n  const headers = groupHeaders(page.headers || [])\n  return [{\n    type: 'group',\n    collapsable: false,\n    title: page.title,\n    path: null,\n    children: headers.map(h => ({\n      type: 'auto',\n      title: h.title,\n      basePath: page.path,\n      path: page.path + '#' + h.slug,\n      children: h.children || []\n    }))\n  }]\n}<\/code><\/pre>\n
\u5728theme\u4e0b\u521b\u5efa\u6587\u4ef6\u5939components<\/code>\uff0c\u5e76\u5728\u6b64\u6587\u4ef6\u5939\u4e0b\u521b\u5efaPage.vue<\/code>\u548cExtraSidebar.vue<\/code>\u3002<\/p>\n
Page.vue<\/code><\/p>\n
<template>\n  <main class="page">\n    <slot name="top" \/>\n      <div class="content">\n          <div style="width:100%">\n              <Content class="theme-default-content custom-content"  \/>\n              <PageEdit style="margin: 0"\/>\n\n              <PageNav v-bind="{ sidebarItems }" \/>\n          <\/div>\n\n      <\/div>\n\n    <slot name="bottom" \/>\n  <\/main>\n<\/template>\n\n<script>\nimport PageEdit from '@theme\/components\/PageEdit.vue'\nimport PageNav from '@theme\/components\/PageNav.vue'\n\nexport default {\n  components: { PageEdit, PageNav },\n  props: ['sidebarItems', 'pageSidebarItems'],\n  mounted() {\n    console.log(this.$site,this, 'this.$site')\n  }\n}\n<\/script>\n\n<style lang="stylus">\n@require '..\/styles\/wrapper.styl'\n\n@media (max-width: 1435px)\n  .toc-container-sidebar\n    display none !important\n\n@media (max-width: $MQMobile)\n  .toc-container-sidebar\n    display none\n.content-page\n  position relative\n.custom-content\n  padding-right 16px !important\n.content\n  display flex\n  justify-content space-around\n  margin 0 auto\n  li, a , p, span\n    word-wrap break-word\n.theme-default-content\n  margin 0 !important\n\n.page\n  display block\n  position relative\n  \/\/height 100vw\n  \/\/width 100vw\n  \/\/overflow scroll\n.toc-container-sidebar\n\n  order 2\n  width 100%\n  flex-grow 1\n  \/\/padding-left 32px\n  display: block;\n  position: relative;\n  color $textColor\n  \/\/: calc(100vw - 460px);\n  top: 80px;\n  max-width: 240px;\n  background transparent\n  margin-right: 10px;\n  margin-left: 0;\n  .on\n    display: block;\n  .pos-box\n    position: fixed;\n    padding: 16px;\n    top 80px;\n    height 100vh\n    overflow-x hidden\n    overflow-y auto\n\n    .icon-arrow\n      position: relative;\n      margin-left: -20px;\n    .scroll-box\n      overflow-x: hidden;\n      overflow-y: hidden;\n      & > div:first-child\n        overflow-x scroll\n        white-space: nowrap;\n        text-overflow ellipsis\n      hr\n        margin-top: 0.5rem\n      .toc-box\n        max-height:81vh;\n        verflow-y: auto;\n        overflow-x: hidden;\n        width: 238px;\n        padding-right: 16px;\n        -webkit-box-sizing: border-box;\n        box-sizing: border-box;\n      & > ol\n        margin-top: -8px;\n        li\n          margin-top: 8px;\n          line-height: 17px;\n          text-align: left;\n          overflow: auto;\n          text-overflow: ellipsis;\n          font-size: 12px;\n          white-space: nowrap;\n        .sub-box\n          margin-top: 0;\n        & > ol > li\n          padding-left: 15px;\n\n<\/style><\/code><\/pre>\n
ExtraSidebar.vue<\/code><\/p>\n
<script src="..\/util\/index.js"><\/script>\n<template xmlns="http:\/\/www.w3.org\/1999\/html">\n  <aside class="page-sidebar">\n    <slot name="top"\/>\n      <div class="page-side-toolbar">\n          <div v-for="(item, index) in list" :key="index" class="option-box" @mouseover="showToc($event)" @mouseout="hideToc($event)">\n              <img class="nozoom" :src="item.icon" width="24px" \/>\n              <span class="show-txt" v-html="item.title" \/>\n              <div class="toc-container">\n                  <div class="pos-box">\n                      <div class="icon-arrow"><\/div>\n                      <div class="scroll-box" style="text-align:center">\n                          <span v-html="item.popoverTitle"><\/span>\n                          <img :src="item.popoverUrl" height="180px" style="margin:10px;" \/>\n                          <span v-html="item.popoverDesc"><\/span>\n                      <\/div>\n                  <\/div>\n              <\/div>\n          <\/div>\n      <\/div>\n<!--    <slot name="middle"\/>\n\n    <slot name="bottom"\/>-->\n  <\/aside>\n<\/template>\n\n<script>\n\nimport NavLinks from '@theme\/components\/NavLinks.vue'\n\nexport default {\n  name: 'PageSidebar',\n  data(){\n\n    return {\n      list: []\n    }\n  },\n  components: { NavLinks },\n\n  props: ['pageSidebarItems', 'sidebarItems'],\n\n  computed: {\n  },\n  mounted() {\n    this.list = this.$site.themeConfig.extraSideBar\n  },\n  methods: {\n      showToc($event){\n          $event.currentTarget.className="option-box on";\n      },\n      hideToc($event){\n          $event.currentTarget.className="option-box";\n      },\n      showTocOver($event){\n          $event.currentTarget.className="option-box-toc-over on";\n      },\n      hideTocOver($event){\n          $event.currentTarget.className="option-box-toc-over";\n      },\n  }\n\n}\n\nfunction resolvePrev (page, items) {\n  return find(page, items, -1)\n}\n\nfunction resolveNext (page, items) {\n  return find(page, items, 1)\n}\n\nfunction find (page, items, offset) {\n  const res = []\n  flatten(items, res)\n  for (let i = 0; i < res.length; i++) {\n    const cur = res[i]\n    if (cur.type === 'page' && cur.path === decodeURIComponent(page.path)) {\n      return res[i + offset]\n    }\n  }\n}\n\nfunction flatten (items, res) {\n  for (let i = 0, l = items.length; i < l; i++) {\n    if (items[i].type === 'group') {\n      flatten(items[i].children || [], res)\n    } else {\n      res.push(items[i])\n    }\n  }\n}\n<\/script>\n\n<style lang="stylus">\n.page-sidebar\n  font-size 12px\n  width 3.8rem\n  position fixed\n  z-index 11\n  margin 0\n  top 3.6rem\n  right 0\n  bottom 0\n  box-sizing border-box\n  border-left 0px solid #eaecef\n  ul\n    margin 0\n  a\n    display inline-block\n  .nav-links\n    display none\n    border-bottom 1px solid $borderColor\n    padding 0.5rem 0 0.75rem 0\n    a\n      font-weight 600\n    .nav-item, .repo-link\n      display block\n      line-height 1.25rem\n      font-size 1.1em\n      padding 0.5rem 0 0.5rem 1.5rem\n  & > .sidebar-links\n    padding 1.5rem 0\n    & > li > a.sidebar-link\n      font-size 1.1em\n      line-height 1.4\n      font-weight bold\n    & > li:not(:first-child)\n      margin-top .75rem\n\n.toc-container\n  display: none;\n  position: absolute;\n  color $textColor\n  left: 100%;\n  top: -1px;\n  margin-left: 16px;\n  width: 240px;\n  background: #fff;\n  border: 1px solid #eee;\n  \/\/ -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);\n  \/\/ box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);\n  \/\/ border-radius: 4px;\n  left: unset;\n  right: 100%;\n  margin-right: 10px;\n  margin-left: 0;\n  .on\n    display: block;\n  .pos-box\n    position: relative;\n    padding: 16px;\n    .icon-arrow\n      position: relative;\n      margin-left: -20px;\n    .scroll-box\n      overflow-x: hidden;\n      overflow-y: hidden;\n      hr\n        margin-top: 0.5rem\n      .toc-box\n        max-height: 500px;\n        overflow-y: auto;\n        overflow-x: hidden;\n        width: 238px;\n        padding-right: 16px;\n        -webkit-box-sizing: border-box;\n        box-sizing: border-box;\n      & > ol\n        margin-top: -8px;\n        li\n          margin-top: 8px;\n          line-height: 17px;\n          text-align: left;\n          overflow: auto;\n          text-overflow: ellipsis;\n          font-size: 12px;\n          white-space: nowrap;\n        .sub-box\n          margin-top: 0;\n        & > ol > li\n          padding-left: 15px;\n\n.page-side-toolbar\n  position fixed\n  right 10px\n  top 70px !important\n  width 44px\n  div.option-box:last-child\n    border-top 0px solid #eee\n  div.option-box.on\n    .toc-container\n      display block\n  div.option-box\n    font-size 12px\n    position relative\n    display -webkit-box\n    display -ms-flexbox\n    display flex\n    -webkit-box-orient vertical\n    -webkit-box-direction normal\n    -ms-flex-direction column\n    flex-direction column\n    -webkit-box-align center\n    -ms-flex-align center\n    align-items center\n    -webkit-box-pack center\n    -ms-flex-pack center\n    justify-content center\n    border-bottom 1px solid #eee\n    background-color #fff\n    height 60px\n    cursor pointer\n    .img\n      margin-top 2px\n    .show-txt\n      color gray\n      margin-top 3px\n      font-size 11px\n  div.option-box-toc-over\n    font-size 12px\n    position relative\n    display none\n    -webkit-box-orient vertical\n    -webkit-box-direction normal\n    -ms-flex-direction column\n    flex-direction column\n    -webkit-box-align center\n    -ms-flex-align center\n    align-items center\n    -webkit-box-pack center\n    -ms-flex-pack center\n    justify-content center\n    border-bottom 1px solid #eee\n    background-color #fff\n    height 60px\n    cursor pointer\n    .img\n      margin-top 2px\n    .show-txt\n      color gray\n      margin-top 3px\n      font-size 11px\n    .toc-container\n      margin-right 0\n  div.option-box-toc\n    font-size 12px\n    position relative\n    display -webkit-box\n    display -ms-flexbox\n    display flex\n    -webkit-box-orient vertical\n    -webkit-box-direction normal\n    -ms-flex-direction column\n    flex-direction column\n    -webkit-box-align center\n    -ms-flex-align center\n    align-items center\n    -webkit-box-pack center\n    -ms-flex-pack center\n    justify-content center\n    border-bottom 1px solid #eee\n    background-color #fff\n    height 60px\n    cursor pointer\n    .img\n      margin-top 2px\n    .show-txt\n      color gray\n      margin-top 3px\n      font-size 11px\n  div.option-box:hover\n    color white\n    background #eee\n  div.option-box-toc-over:hover\n    color white\n    background #eee\n  div.option-box-toc-over.on\n    .toc-container\n      display block\n  div.option-box-toc\n    display none\n\n.page-side-sitemap\n  position fixed\n  right 10px\n  bottom 50px !important\n  width 44px\n  div.option-box:last-child\n    border-bottom 0px solid #eee\n  div.option-box.on\n    .sitemap-container\n      display block\n  div.option-box\n    font-size 12px\n    position relative\n    display -webkit-box\n    display -ms-flexbox\n    display flex\n    -webkit-box-orient vertical\n    -webkit-box-direction normal\n    -ms-flex-direction column\n    flex-direction column\n    -webkit-box-align center\n    -ms-flex-align center\n    align-items center\n    -webkit-box-pack center\n    -ms-flex-pack center\n    justify-content center\n    border-bottom 1px solid #eee\n    background-color #fff\n    \/\/height 60px\n    cursor pointer\n    .show-txt\n      color gray\n      margin-top 2px\n      font-size 11px\n      padding 4px 0\n  div.option-box:hover\n    \/\/color white\n    \/\/background #eee\n\n.sitemap-container\n  display: none;\n  cursor auto\n  position: absolute;\n  color $textColor\n  left: 100%;\n  bottom: -30px;\n  height: 500px;\n  margin-left: 16px;\n  padding: 0 10px;\n  width: 850px;\n  background: #fff;\n  -webkit-box-shadow: 1px -2px 10px 7px rgba(0,0,0,0.08);\n  box-shadow: 1px -2px 10px 7px rgba(0,0,0,0.08);\n  border-radius: 4px;\n  left: unset;\n  right: 100%;\n  margin-right: 2px;\n  margin-left: 0;\n  h4\n    margin: 5px 0;\n    font-size: 13px;\n    text-align: center;\n    padding: 3px 2px;\n    border-bottom: 1px solid #eaecef;\n    background: #42b983;\n    color: white;\n    .sitemap-top-link\n      color: white;\n      font-size: 10px;\n      float:right;\n      padding:2px 5px;\n      text-decoration:underline;\n  .on\n    display: block;\n  .pos-box\n    position: relative;\n    padding: 10px;\n\n@media (max-width: $MQNarrow)\n  .option-box-toc\n    display none\n  .page-side-toolbar\n    right 6px\n    top 65px !important\n    div.option-box-toc-over\n      display flex\n  .page-side-sitemap\n    right 6px\n\n@media (max-width: $MQMobile)\n  .page-sidebar\n    display none\n  .sidebar\n    .nav-links\n      display block\n      .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after\n        top calc(1rem - 2px)\n    & > .sidebar-links\n      padding 1rem 0\n<\/style><\/code><\/pre>\n
\u6548\u679c\uff1a<\/p>\n
\"image-20240514123836268\"<\/p>\n
\n
\u53c2\u8003\u9c7c\u76ae\u5927\u4f6cvuepress codefather\u9879\u76ee\uff1ahttps:\/\/github.com\/liyupi\/codefather<\/a><\/p>\n<\/blockquote>\n
\u5341\u4e5d\u3001\u53f3\u4fa7\u5bfc\u822a\u680f\u8bbe\u7f6e<\/h2>\n
\u5728config\u4e0b\u589e\u52a0PageSidebarToc.vue<\/code>\u548cPageSidebarTocLink.vue<\/code><\/p>\n
PageSidebarToc.vue<\/code><\/p>\n
<template>\n <DropdownTransition>\n    <ul class="toc-sidebar-links" v-if="items[0].children.length">\n\n        <li v-for="(item, i) in items[0].children" :key="i">\n            <PageSidebarTocLink  :sidebarDepth="sidebarDepth" :item="item"\/>\n        <\/li>\n    <\/ul>\n  <\/DropdownTransition>\n<\/template>\n\n<script>\nimport PageSidebarTocLink from '@theme\/components\/PageSidebarTocLink.vue'\nimport DropdownTransition from '@theme\/components\/DropdownTransition.vue'\nimport { isActive } from '..\/util'\n\nexport default {\n  name: 'PageSidebarToc',\n\n  components: { PageSidebarTocLink, DropdownTransition },\n\n  props: [\n    'items',\n    'depth',  \/\/ depth of current sidebar links\n    'sidebarDepth' \/\/ depth of headers to be extracted\n  ],\n\n  data () {\n    return {\n      openGroupIndex: 0\n    }\n  },\n\n  created () {\n    this.refreshIndex()\n  },\n\n  watch: {\n    '$route' () {\n      this.refreshIndex()\n    }\n  },\n\n  methods: {\n    refreshIndex () {\n      const index = resolveOpenGroupIndex(\n        this.$route,\n        this.items[0].children\n      )\n      if (index > -1) {\n        this.openGroupIndex = index\n      }\n    },\n\n    toggleGroup (index) {\n      this.openGroupIndex = index === this.openGroupIndex ? -1 : index\n    },\n\n    isActive (page) {\n      return isActive(this.$route, page.regularPath)\n    }\n  }\n}\n\nfunction resolveOpenGroupIndex (route, items) {\n  for (let i = 0; i < items.length; i++) {\n    const item = items[i]\n    if (descendantIsActive(route, item)) {\n      return i\n    }\n  }\n  return -1\n}\n\nfunction descendantIsActive (route, item) {\n  if (item.type === 'group') {\n    return item.children.some(child => {\n      if (child.type === 'group') {\n        return descendantIsActive(route, child)\n      } else {\n        return child.type === 'page' && isActive(route, child.path)\n      }\n    })\n  }\n  return false\n}\n<\/script><\/code><\/pre>\n
PageSidebarTocLink.vue<\/code><\/p>\n
<script>\nimport { isActive, hashRE, groupHeaders } from '..\/util'\n\nexport default {\n  functional: true,\n\n  props: ['item', 'sidebarDepth'],\n\n  render (h,\n    {\n      parent: {\n        $page,\n        $site,\n        $route,\n        $themeConfig,\n        $themeLocaleConfig\n      },\n      props: {\n        item,\n        sidebarDepth\n      }\n    }) {\n    \/\/ use custom active class matching logic\n    \/\/ due to edge case of paths ending with \/ + hash\n    const selfActive = isActive($route, item.path)\n    \/\/ for sidebar: auto pages, a hash link should be active if one of its child\n    \/\/ matches\n    const active = item.type === 'auto'\n      ? selfActive || item.children.some(c => isActive($route, item.basePath + '#' + c.slug))\n      : selfActive\n    const link = item.type === 'external'\n      ? renderExternal(h, item.path, item.title || item.path)\n      : renderLink(h, item.path, item.title || item.path, active)\n\n    const maxDepth = [\n      $page.frontmatter.sidebarDepth,\n      sidebarDepth,\n      $themeLocaleConfig.sidebarDepth,\n      $themeConfig.sidebarDepth,\n      1\n    ].find(depth => depth !== undefined)\n\n    const displayAllHeaders = $themeLocaleConfig.displayAllHeaders\n      || $themeConfig.displayAllHeaders\n\n    if (item.type === 'auto') {\n      return [link, renderChildren(h, item.children, item.basePath, $route, maxDepth)]\n    } else if ((active || displayAllHeaders) && item.headers && !hashRE.test(item.path)) {\n      const children = groupHeaders(item.headers)\n      return [link, renderChildren(h, children, item.path, $route, maxDepth)]\n    } else {\n      return link\n    }\n  }\n}\n\nfunction renderLink (h, to, text, active) {\n  return h('router-link', {\n    props: {\n      to,\n      activeClass: '',\n      exactActiveClass: ''\n    },\n    class: {\n      active,\n      'toc-sidebar-link': true\n    }\n  }, text)\n}\n\nfunction renderChildren (h, children, path, route, maxDepth, depth = 1) {\n  if (!children || depth > maxDepth) return null\n\n  return h('ul', { class: 'toc-sidebar-sub-headers' }, children.map(c => {\n        const active = isActive(route, path + '#' + c.slug)\n        let itemClass = 'toc-sidebar-sub-header'\n        if (c.level <= 3) {\n          itemClass += active ? ' active' : ''\n        } else if (c.level > 3 && c.level <= 6) {\n          itemClass += ` toc-sidebar-depth-${c.level}`\n        }\n        return h('li', { class: itemClass }, [\n        renderLink(h, path + '#' + c.slug, c.title, active),\n        renderChildren(h, c.children, path, route, maxDepth, depth + 1)\n        ])\n  }))\n}\n\nfunction renderExternal (h, to, text) {\n  return h('a', {\n    attrs: {\n      href: to,\n      target: '_blank',\n      rel: 'noopener noreferrer'\n    },\n    class: {\n      'toc-sidebar-link': true\n    }\n  }, [text, h('OutboundLink')])\n}\n<\/script>\n\n<style lang="stylus">\n.toc-sidebar .toc-sidebar-sub-headers\n  padding-left 1rem\n  font-size 0.95em\n\na.toc-sidebar-link\n  font-size 0.9rem\n  font-weight 400\n  display inline-block\n  color $textColor\n  \/\/border-left 0.25rem solid transparent\n  \/\/padding 0.35rem 1rem 0.35rem 1.25rem\n  line-height 1\n  width: 100%\n  box-sizing: border-box\n  &:hover\n    color $accentColor\n  &.active\n    font-weight 600\n    color $accentColor\n    border-left-color $accentColor\n  .toc-sidebar-sub-headers &\n    padding-top 0.25rem\n    padding-bottom 0.25rem\n    border-left none\n    font-weight 300\n    &.active\n      font-weight 500\n.toc-sidebar-depth-4\n  list-style-type: none;\n  margin-left 0.8rem\n.toc-sidebar-depth-5\n  list-style-type: none;\n  margin-left 1.6rem\n.toc-sidebar-depth-6\n  list-style-type: none;\n  margin-left 2.4rem\n<\/style><\/code><\/pre>\n
Page.vue<\/code>\u505a\u76f8\u5e94\u7684\u4fee\u6539<\/p>\n
<div class="toc-container-sidebar" ref="tocc">\n  <div class="pos-box">\n      <div class="icon-arrow"><\/div>\n      <div class="scroll-box" style="max-height:86vh">\n          <div style="font-weight:bold;">{{pageSidebarItems[0].title}}<\/div>\n          <hr\/>\n          <div class="toc-box">\n              <PageSidebarToc :depth="0" :items="pageSidebarItems" :sidebarDepth="6"\/>\n          <\/div>\n      <\/div>\n  <\/div>\n<\/div>\n<script>\nimport PageSidebarToc from '@theme\/components\/PageSidebarToc.vue'\nexport default {\n  components: { PageEdit, PageNav,PageSidebarToc },\n  props: ['sidebarItems', 'pageSidebarItems'],\n  mounted() {\n    console.log(this.$site,this, 'this.$site')\n  }\n}    \n<\/script><\/code><\/pre>\n
\u6548\u679c\uff1a<\/p>\n
\"image-20240514140511252\"<\/p>\n
\u4e8c\u5341\u3001\u6dfb\u52a0\u7248\u6743\u4fe1\u606f<\/h2>\n
\u6211\u4eec\u7ee7\u7eed\u7814\u8bfb\u9c7c\u76ae\u5927\u4f6c\u7684\u4ee3\u7801\uff0c\u4ed6\u4e3a\u6bcf\u4e00\u4e2a\u7f51\u9875\u90fd\u589e\u52a0\u4e86footer\u7248\u6743\u4fe1\u606f\uff0c\u6211\u4eec\u4e5f\u6765\u5b9e\u73b0\u4e00\u4e0b\u3002<\/p>\n
\u5728config\u4e0b\u589e\u52a0footerConfig.js<\/code><\/p>\n
\/**\n * \u5e95\u90e8\u7248\u6743\u4fe1\u606f\n *\/\nmodule.exports = {\n    friendLinks: [\n        {\n            label: "\u7ad9\u957f - \u52e4\u594b\u7684\u51ef\u5c14\u68ee\u540c\u5b66",\n            \/\/ icon: "\/icon\/user.svg",\n            href: "http:\/\/www.huerpu.cc:7000",\n        },\n        {\n            label: "PVE",\n            href: "https:\/\/www.huerpu.cc:1660\/",\n        },\n        {\n            label: "GitLab",\n            href: "http:\/\/www.huerpu.cc:2080\/",\n        },\n        {\n            label: "\u8d44\u6599\u4e0b\u8f7d",\n            href: "http:\/\/www.huerpu.cc:4090\/index.php?dir=\/hepcloud",\n        },\n        {\n            label: "Chevereto\u56fe\u5e8a",\n            href: "http:\/\/www.huerpu.cc:6391\/",\n        },\n    ],\n    copyright: {\n        href: "https:\/\/beian.miit.gov.cn\/",\n        name: "\u9c81ICP\u590717054632\u53f7",\n    },\n};<\/code><\/pre>\n
\u5728config.js\u4e2d\u589e\u52a0footer\u914d\u7f6e<\/p>\n
const footer = require('.\/config\/footerConfig');\nthemeConfig: {\n        footer: footer,\n},<\/code><\/pre>\n
\u5728Layout.vue<\/code>\u4e2d\u505a\u76f8\u5e94\u4fee\u6539\uff0c\u548c\u4e0a\u9762\u6dfb\u52a0\u53f3\u8fb9\u680f\u7c7b\u4f3c\u3002<\/p>\n
<Page\n    v-else\n    :sidebar-items="sidebarItems"\n    :page-sidebar-items="pageSidebarItems"\n>\n    <template #top>\n        <slot name="page-top" \/>\n\n    <\/template>\n    <template #bottom>\n        <slot name="page-bottom" \/>\n        <Vssue class="theme-default-content content__default" :options="{ locale: 'zh' }" \/>\n        <Footer \/>\n    <\/template>\n<\/Page>\n<script>\nimport Footer from "@theme\/components\/Footer.vue";\ncomponents: { Home, Page, Sidebar, Navbar, PageSidebar,Footer },    \n<\/script><\/code><\/pre>\n
\u5728components\u4e0b\u589e\u52a0footer.vue<\/code><\/p>\n
<template>\n    <main class="footer">\n        <div v-for="(item, index) in footerList" :key="index" class="footer-item">\n            <a :href="item.href" target="_blank" rel="noopener noreferrer">\n                <img v-if="item.icon" :src="item.icon" alt="icon" class="item-icon" \/>\n                <span class="item-text">{{ item.label }}<\/span>\n            <\/a>\n        <\/div>\n        <div class="copy-right">\n           <span class="name">{{`${currentYear} \u52e4\u594b\u7684\u51ef\u5c14\u68ee\u540c\u5b66   |    `}} <\/span>\n            <a :href="government.href" target="_blank" rel="noreferrer" >\n              {{government.name}}\n            <\/a>\n        <\/div>\n    <\/main>\n<\/template>\n\n<script>\nexport default {\n    name: 'Footer',\n    data () {\n        return {\n            footerList: [],\n            government: {},\n            currentYear : ''\n        }\n    },\n\n  props: ['sidebarItems'],\n  mounted() {\n    this.footerList = this.$site.themeConfig.footer.friendLinks\n    this.government = this.$site.themeConfig.footer.copyright\n    this.currentYear =  new Date().getFullYear()\n  }\n}\n<\/script>\n\n<style lang="stylus">\n@require '..\/styles\/wrapper.styl'\n\/\/@media (max-width: $MQMobile)\n\/\/  .footer-item a\n\/\/    margin-right 0 !important\n.footer\n  padding 2rem 0\n  display flex\n  justify-content center\n  background-color #f0f2f5\n  flex-wrap wrap\n.footer-item\n  padding 0 1rem\n.footer-item a\n    display inline-flex\n    justify-content center\n    align-items center\n    color #85858a\n\n.item-icon\n  width 1.4rem\n  height 1.4rem\n  margin-right 0.4rem\n.copy-right\n    width 100vw\n    display flex\n    justify-content center\n    margin-top 1rem\n    color #85858a\n.copy-right .name\n    margin-right 0.4rem\n<\/style><\/code><\/pre>\n
\u6548\u679c\uff1a<\/p>\n
\"image-20240514125933250\"<\/p>\n
\u4e8c\u5341\u4e00\u3001\u7f51\u7ad9\u6392\u540d\u4f18\u5316<\/h2>\n
Sitemap(\u7f51\u7ad9\u5730\u56fe)\u662f\u4e00\u79cd\u63d0\u4f9b\u7f51\u7ad9\u9875\u9762\u3001\u89c6\u9891\u3001PDF\u6587\u4ef6\u7b49\u6709\u5173\u4fe1\u606f\u7684\u6587\u4ef6\uff0c\u4e00\u822c\u540d\u79f0\u8bbe\u7f6e\u4e3asitemap.xml<\/code>\u3002\u5236\u4f5cSitemap\uff0c\u5e76\u63d0\u4ea4\u7ed9\u641c\u7d22\u5f15\u64ce\u53ef\u4ee5\u4f7f\u7f51\u7ad9\u7684\u5185\u5bb9\u5b8c\u5168\u88ab\u6536\u5f55\uff0c\u5305\u62ec\u90a3\u4e9b\u9690\u85cf\u6bd4\u8f83\u6df1\u7684\u9875\u9762\u3002\u8fd9\u662f\u4e00\u79cd\u7f51\u7ad9\u4e0e\u641c\u7d22\u5f15\u64ce\u5bf9\u8bdd\u7684\u597d\u65b9\u5f0f\u3002<\/p>\n
\/\/ https:\/\/github.com\/ekoeryanto\/vuepress-plugin-sitemap\nyarn add vuepress-plugin-sitemap\n\n[\n    "sitemap",\n    {\n        hostname: "http:\/\/www.huerpu.cc",\n    },\n],<\/code><\/pre>\n
\u4fee\u6539build\u811a\u672c<\/p>\n
scripts: {\n    build: "vuepress build docs -d dist",\n    postbuild: "vuepress-sitemap -H http:\/\/www.huerpu.cc -d dist"\n}<\/code><\/pre>\n
\u8fd9\u65f6\u5019\u53bbbuild\u4f1a\u62a5\u9519<\/p>\n
 SITEMAP  Generating sitemap...\nerror vuepress-plugin-sitemap apply generated failed.\nRangeError: Invalid time value\n    at Date.toISOString (<anonymous>)\n    at dateFormatter (C:\\Users\\jason\\IdeaProjects\\KelsenJing\\node_modules\\vuepress-plugin-sitemap\\index.js:24:60)\n    at C:\\Users\\jason\\IdeaProjects\\KelsenJing\\node_modules\\vuepress-plugin-sitemap\\index.js:69:13\n    at Array.forEach (<anonymous>)\n    at generated (C:\\Users\\jason\\IdeaProjects\\KelsenJing\\node_modules\\vuepress-plugin-sitemap\\index.js:56:13)\n    at AsyncOption.asyncApply (C:\\Users\\jason\\IdeaProjects\\KelsenJing\\node_modules\\@vuepress\\core\\lib\\node\\plugin-api\\abstract\\AsyncOption.js:33:21)\n    at PluginAPI.applyAsyncOption (C:\\Users\\jason\\IdeaProjects\\KelsenJing\\node_modules\\@vuepress\\core\\lib\\node\\plugin-api\\index.js:277:32)\n    at Build.render (C:\\Users\\jason\\IdeaProjects\\KelsenJing\\node_modules\\@vuepress\\core\\lib\\node\\build\\index.js:111:34)\n    at async App.build (C:\\Users\\jason\\IdeaProjects\\KelsenJing\\node_modules\\@vuepress\\core\\lib\\node\\App.js:499:5)\n\nProcess finished with exit code 1<\/code><\/pre>\n
\u8fd9\u53ef\u80fd\u662f\u56e0\u4e3a\u4f60\u8bbe\u7f6e\u4e86 lastUpdated \u6216\u8005\u4f7f\u7528\u4e86 @vuepress\/last-updated<\/code>\u63d2\u4ef6\uff0c\u5f53\u4e24\u4e2a\u4e00\u8d77\u7528\u7684\u65f6\u5019\uff0c\u56e0\u4e3a\u65f6\u95f4\u5bf9\u8c61\u7684\u7f18\u6545\uff0c\u4ea7\u751f\u4e86\u62a5\u9519\uff0c\u6211\u4eec\u641c\u7d22 vuepress-plugin-sitemap<\/code> \u7684 issues\uff0c\u53ef\u4ee5\u627e\u5230\u4e00\u4e2a\u89e3\u51b3\u65b9\u6cd5\uff0c\u6211\u4eec\u4fee\u6539\u4e00\u4e0b  pluginsConfig.js<\/code>\u3002<\/p>\n
[\n    '@vuepress\/last-updated',\n    {\n        transformer: (timestamp, lang) => {\n            return new Date(timestamp).toLocaleDateString();\n        }\n    }\n],<\/code><\/pre>\n
\u8fd9\u65f6\u5019\u5c31\u53ef\u4ee5build\u5566\u3002<\/p>\n
\n
\u53c2\u8003\u4e8e\uff1ahttps:\/\/blog.csdn.net\/weixin_55475226\/article\/details\/123427925<\/a><\/p>\n<\/blockquote>\n
\u6e10\u8fdb\u5f0f\u589e\u5f3a\u7f51\u9875\u5e94\u7528\uff0cPWA(Progressive Web App)<\/code>\u662fGoogle\u516c\u53f8\u63d0\u51fa\u7684\uff0c\u5728\u79fb\u52a8\u7aef\u5229\u7528\u6807\u51c6\u5316\u6846\u67b6\uff0c\u5728\u7f51\u9875\u5e94\u7528\u4e2d\u5b9e\u73b0\u548c\u539f\u751f\u5e94\u7528\u76f8\u8fd1\u7684\u7528\u6237\u4f53\u9a8c\u7684\u6e10\u8fdb\u5f0f\u7f51\u9875\u5e94\u7528\u3002<\/p>\n
yarn add -D @vuepress\/plugin-pwa\n\n['@vuepress\/pwa']<\/code><\/pre>\n
SEO(Search Engine Optimization)<\/code>\uff1a\u6c49\u8bd1\u4e3a\u641c\u7d22\u5f15\u64ce\u4f18\u5316\u3002\u662f\u4e00\u79cd\u65b9\u5f0f\uff1a\u5229\u7528\u641c\u7d22\u5f15\u64ce\u7684\u89c4\u5219\u63d0\u9ad8\u7f51\u7ad9\u5728\u6709\u5173\u641c\u7d22\u5f15\u64ce\u5185\u7684\u81ea\u7136\u6392\u540d\u3002\u76ee\u7684\u662f\u8ba9\u5176\u5728\u884c\u4e1a\u5185\u5360\u636e\u9886\u5148\u5730\u4f4d\uff0c\u83b7\u5f97\u54c1\u724c\u6536\u76ca\u3002\u5f88\u5927\u7a0b\u5ea6\u4e0a\u662f\u7f51\u7ad9\u7ecf\u8425\u8005\u7684\u4e00\u79cd\u5546\u4e1a\u884c\u4e3a\uff0c\u5c06\u81ea\u5df1\u6216\u81ea\u5df1\u516c\u53f8\u7684\u6392\u540d\u524d\u79fb\u3002<\/p>\n
\/\/ https:\/\/github.com\/lorisleiva\/vuepress-plugin-seo\nyarn add vuepress-plugin-seo -D\n\n[\n  "seo",\n  {\n    siteTitle: (_, $site) => $site.title,\n    title: ($page) => $page.title,\n    description: ($page) =>\n      $page.frontmatter.description || $page.description,\n    author: (_, $site) => $site.themeConfig.author || author,\n    tags: ($page) => $page.frontmatter.tags || tags,\n    type: ($page) => "article",\n    url: (_, $site, path) =>\n      ($site.themeConfig.domain || domain || "") + path,\n    image: ($page, $site) =>\n      $page.frontmatter.image &&\n      (($site.themeConfig.domain &&\n        !$page.frontmatter.image.startsWith("http")) ||\n        "") + $page.frontmatter.image,\n    publishedAt: ($page) =>\n      $page.frontmatter.date && new Date($page.frontmatter.date),\n    modifiedAt: ($page) => $page.lastUpdated && new Date($page.lastUpdated),\n  },\n],<\/code><\/pre>\n
\u4e8c\u5341\u4e8c\u3001\u81ea\u52a8\u5316\u90e8\u7f72<\/h2>\n
\u6211\u60f3\u8981\u7684\u529f\u80fd\u662f\uff0c\u53ea\u8981\u4e00\u63d0\u4ea4\u4ee3\u7801\u5230github\u79c1\u6709\u4ed3\u5e93\uff0c\u5c31\u53ef\u4ee5\u89e6\u53d1\u90e8\u7f72\u52a8\u4f5c\uff0c\u5e76\u4e14\u90e8\u7f72\u5230\u6211\u7684\u5185\u7f51PVE\u673a\u5668\u4e0a\u7684\u4e00\u5929Ubuntu\u4e3b\u673a\u4e0a\uff0c\u8fd9\u53f0\u4e3b\u673a\u505a\u4e86\u5185\u5916\u7a7f\u900f\uff0c\u53ef\u4ee5\u5916\u7f51\u8bbf\u95ee\u5230\u3002github\u4e0a\u7684Actions\u662f\u5f88\u5f3a\u5927\u7684\uff0c\u54b1\u4eec\u5c31\u7528\u8fd9\u4e2a\u4e1c\u4e1c\u6765\u800d\u4e00\u800d\u3002<\/p>\n
22.1 \u914d\u7f6e\u4ed3\u5e93\u5bc6\u94a5<\/h3>\n
\u70b9\u51fb Settings<\/code>  \u2192 Sectets and variables<\/code> \u2192 Actions<\/code> \u2192 New repository secret<\/code><\/p>\n
\"image-20240514145252617\"<\/p>\n
\u4f9d\u6b21\u6dfb\u52a0\u4ee5\u4e0b\u53d8\u91cf<\/p>\n\n\n\n\n\n\n\n\n
Name<\/th>\nValue<\/th>\n<\/tr>\n<\/thead>\n
SERVER_HOST<\/td>\n\u670d\u52a1\u5668\u516c\u7f51IP\u6216\u57df\u540d<\/td>\n<\/tr>\n
SERVER_USERNAME<\/td>\n\u767b\u5f55\u670d\u52a1\u5668\u7528\u6237\u540d<\/td>\n<\/tr>\n
SERVER_PASSWORD<\/td>\n\u767b\u5f55\u670d\u52a1\u5668\u5bc6\u7801<\/td>\n<\/tr>\n
SERVER_PORT<\/td>\nssh\u7aef\u53e3\u53f7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\"image-20240514150011660\"<\/p>\n
22.2 \u914d\u7f6e Actions \u5de5\u4f5c\u6d41<\/h3>\n
\u70b9\u51fb Actions<\/code> \u2192  set up a workflow yourself<\/code><\/p>\n
\"image-20240514150244611\"<\/p>\n
\u65b0\u5efa\u7684 ci.yml<\/code>\u6587\u4ef6\u540d\u53ef\u4ee5\u81ea\u5b9a\u4e49\uff0c\u628a\u4e0b\u9762\u4ee3\u7801\u8d34\u8fc7\u6765\uff0c\u70b9\u51fb\u63d0\u4ea4\u3002<\/p>\n
\"image-20240514170044270\"<\/p>\n
\u76d1\u542c\u4e8b\u4ef6\uff0c\u53ea\u8981\u6709\u4ee3\u7801\u63d0\u4ea4\u5230main\u5206\u652f\uff0c\u5c31\u4f1a\u89e6\u53d1\u90e8\u7f72\u52a8\u4f5c\u3002<\/p>\n