如何解决Vuepress - 组件定制
我是 Vuepress 的新手。我想用 Vuepress 主题制作一个博客,可从 github 获得:
https://github.com/vuepress/vuepress-theme-blog
官方文档显示了如何更改某些内容,例如页眉、页脚...作为颜色、链接...这里有更多信息:
https://vuepress-theme-blog.ulivz.com/config/#nav
自定义允许参数来自文件 config.js 和 from module.exports 对象:
module.exports = {
themeConfig: {
nav: [
{
text: 'Blog',link: '/',},{
text: 'Tags',link: '/tag/',]
},}
但我想更改完整的导航栏组件。为此,我找到了里面的方法:
/node_modules/@vuepress-themeblog/components/Header.vue
总而言之,我想知道创建新组件的最佳方式。也许直接在主题的组件文件夹中更改是更好的选择,或者有什么办法?
我很困惑在文档中只显示了一点点变化。
你能给我一些建议吗?
谢谢!
解决方法
您不应编辑 node_modules
目录中的代码,因为它是由包管理器管理的第三方代码。
您可以通过使用 vuepress-themeblog 作为起点创建自己的主题来解决您的问题。
编写自定义主题的步骤在 documentation 中进行了描述。将 vuepress-theme-blog repository 的内容复制到您的 theme
文件夹中,然后开始处理您的自定义组件。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。