Vuepress使用重定向解决默认语言问题
前言Vuepress 默认情况下使用/作为默认语言路径,这导致默认语言文件在文件层级上会比其他语言的文件高一级(下图),影响美观和维护,本教程将使用vuepress-plugin-locale-redirect插件修复此问题。 -12345678910docs├─ README.md├─ foo.md├─ nested│ └─ README.md└─ zh ├─ README.md ...
diff --git a/404.html b/404.html index 7054f61..1af5e66 100644 --- a/404.html +++ b/404.html @@ -78,7 +78,7 @@
diff --git "a/Vuepress config.ts\346\240\271\347\233\256\345\275\225\351\205\215\347\275\256\345\222\214\351\227\256\351\242\230\350\247\243\345\206\263/index.html" "b/Vuepress config.ts\346\240\271\347\233\256\345\275\225\351\205\215\347\275\256\345\222\214\351\227\256\351\242\230\350\247\243\345\206\263/index.html" index a531dc8..aacba51 100644 --- "a/Vuepress config.ts\346\240\271\347\233\256\345\275\225\351\205\215\347\275\256\345\222\214\351\227\256\351\242\230\350\247\243\345\206\263/index.html" +++ "b/Vuepress config.ts\346\240\271\347\233\256\345\275\225\351\205\215\347\275\256\345\222\214\351\227\256\351\242\230\350\247\243\345\206\263/index.html" @@ -138,7 +138,7 @@Vuepress 默认情况下使用/
作为默认语言路径,这导致默认语言文件在文件层级上会比其他语言的文件高一级(下图),影响美观和维护,本教程将使用vuepress-plugin-locale-redirect
插件修复此问题。
1 | docs |
修改为:
1 | docs |
步骤一: cd到你的vuepress程序目录
步骤二:在终端中使用npm安装vuepress-plugin-locale-redirect
插件,如果你使用的是其他包管理软件,那么将npm指令更换为你的包管理软件即可
1 | npm vuepress-plugin-locale-redirect |
步骤三:在config.js(ts)文件头中添加引用插件
1 | import { localeRedirectPlugin } from 'vuepress-plugin-locale-redirect' |
步骤四:在config的网页设置文件中添加引用(我这里用的是ts格式,如果你用的是js的话,应该是module.exports = {}
这种格式),不要直接复制粘贴,参考你本地的代码做修改。也可以参考完整示例代码(有bug,请勿直接复制其他区域)
1 | export default defineUserConfig({ |
完成~
如果要为主题,例如下拉菜单设置多语言,可参考官方文档,将其中的/
改为你想要的默认语言即可
如果遇到问题请在下方的联系方式里联系我 使用请遵守MIT协议
]]>与js格式文件不同,ts的base配置仅需一行
js配置格式:
1 | module.exports = { |
ts配置格式:
1 | export default defineUserconfig({ |
如果在ts中使用了js格式,代码不会报错,IDE也不会提示,但是会导致base配置问题
home界面标题和介绍变为默认样式
菜单栏消失
把js格式的base配置文件删除,在ts的config里添加base,重启本地调试服务器
网页已经可以正常浏览!
如果遇到问题请在下方的联系方式里联系我 使用请遵守MIT协议
]]>与js格式文件不同,ts的base配置仅需一行
js配置格式:
1 | module.exports = { |
ts配置格式:
1 | export default defineUserconfig({ |
如果在ts中使用了js格式,代码不会报错,IDE也不会提示,但是会导致base配置问题
home界面标题和介绍变为默认样式
菜单栏消失
把js格式的base配置文件删除,在ts的config里添加base,重启本地调试服务器
网页已经可以正常浏览!
如果遇到问题请在下方的联系方式里联系我 使用请遵守MIT协议
]]>Vuepress 默认情况下使用/
作为默认语言路径,这导致默认语言文件在文件层级上会比其他语言的文件高一级(下图),影响美观和维护,本教程将使用vuepress-plugin-locale-redirect
插件修复此问题。
1 | docs |
修改为:
1 | docs |
步骤一: cd到你的vuepress程序目录
步骤二:在终端中使用npm安装vuepress-plugin-locale-redirect
插件,如果你使用的是其他包管理软件,那么将npm指令更换为你的包管理软件即可
1 | npm vuepress-plugin-locale-redirect |
步骤三:在config.js(ts)文件头中添加引用插件
1 | import { localeRedirectPlugin } from 'vuepress-plugin-locale-redirect' |
步骤四:在config的网页设置文件中添加引用(我这里用的是ts格式,如果你用的是js的话,应该是module.exports = {}
这种格式),不要直接复制粘贴,参考你本地的代码做修改。也可以参考完整示例代码(有bug,请勿直接复制其他区域)
1 | export default defineUserConfig({ |
完成~
如果要为主题,例如下拉菜单设置多语言,可参考官方文档,将其中的/
改为你想要的默认语言即可
如果遇到问题请在下方的联系方式里联系我 使用请遵守MIT协议
]]>前言Vuepress 默认情况下使用/作为默认语言路径,这导致默认语言文件在文件层级上会比其他语言的文件高一级(下图),影响美观和维护,本教程将使用vuepress-plugin-locale-redirect插件修复此问题。 -12345678910docs├─ README.md├─ foo.md├─ nested│ └─ README.md└─ zh ├─ README.md ...
介绍与js格式文件不同,ts的base配置仅需一行 js配置格式: 123module.exports = {base:'/',} @@ -112,6 +109,9 @@ 1234export default defineUserconfig({base : '/',//下面是其他配置}) 如果在ts中使用了js格式,代码不会报错,...
前言Vuepress 默认情况下使用/作为默认语言路径,这导致默认语言文件在文件层级上会比其他语言的文件高一级(下图),影响美观和维护,本教程将使用vuepress-plugin-locale-redirect插件修复此问题。 +12345678910docs├─ README.md├─ foo.md├─ nested│ └─ README.md└─ zh ├─ README.md ...
有一次手贱不小心git init的时候出错了,于是vscode侧边栏的git就一直提示99+ 一打开发现整个usr(用户)文件夹下的内容都被扫描了,不说废话,上解决方法 打开终端,cd到出问题的文件夹,输入ls -a 查看父/子文件夹是否有.git文件,然后输入并执行 diff --git a/links/index.html b/links/index.html index 281066b..cf3edf8 100644 --- a/links/index.html +++ b/links/index.html @@ -106,7 +106,7 @@