vuepress的初始化中的heroImage在哪

最新推荐文章于 2023-12-07 18:42:50 发布
最新推荐文章于 2023-12-07 18:42:50 发布
阅读量1.5k 收藏
点赞数 1
文章标签： heroImage vuepress
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45890764/article/details/113820049
版权
今天开始了vuepress的学习，为的是把自己做的组件库，展示成element那样。遇到了一个问题，那就是在默认主题的README.md文件当中有一个heroImage,怎么也不知道他的路径该怎么找
heroImage: /logo.npg
他的根路径就在public文件夹
VuePress 遵循 “约定优于配置” 的原则,使用一定要注意目录设置。最基本的就是要在docs文件夹中创建.vuepress文件夹，再在.vuepress文件夹中创建public文件夹
我为了方便，在public文件夹当中建立了一个img文件夹，所以后期在配置过程中，应该是     /img/yy.png
//导航栏logo
module.exports = {
    themeConfig: {
      logo:'/img/yy.png',
    }
  }
//标题
heroImage: /img/yy.png
效果

xiaoguo

%程序羊%
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue初始化模板vue初始化模板
08-08
vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue初始化模板vue...
vue项目的初始化过程中出现错误
01-08
1.项目运行 cd projectname npm run dev 报错：‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 解决：重新npm install  报错1：npm ERR! code Z_BUF_ERROR ...
vuepress路径问题，导致图片不显示
最新发布
qq_45903688的博客
12-07 583
参考：https://blog.csdn.net/weixin_57677300/article/details/128017651。图片不显示，报 Uncaught SyntaxError: Unexpected token '<'错误。很可能就是：路径配置原因。需要将它改为 ‘/’
网页设计Hero Image
qq_21721411的博客
05-20 686
Hero Image是指Landing Page着陆页中的主题图片,它的选取对于转化率有着很大影响。 Hero image是网页设计中一种特定的术语，也是目前最流行最引人注目的网页设计趋势之一。 Hero Image通常指的是一种大尺寸横幅图片展示在网页上，通常放在靠前并居中的位置。它囊括了网站中最重要的内容。 Hero image通常由图像和文本组成，并且可以是静态的或动态的（比如，旋转的图像或主题列表）。 最常见的Hero image就是电子商务类型的网页，大家在逛苹果官网时，不难发现苹果产品信息都是以
vuepress 搭建指南
mrzhangdulin的博客
06-28 600
版本 Vuepress1.0 Vuepress2.0 主题 比较火的主题reco 插件 增加github acions Vuepress + GitHub Actions 静态博客全攻略 基本配置细节 首页配置 首页配置文件是doc目录下的README.md文件，以下是一个如何使用的例子： --- home: true heroImage: /hero.png heroText: Hero 标题 tagline: Hero 副标题 actionText: 快速上手 → actionLink: /zh/gui
vuepress的使用
小菜张的博客
09-28 1637
vuepress
vuepress项目部署出现样式丢失，图片加载失败的问题
热门推荐
JZevin的博客
10-21 1万+
之前在尝试部署vuepress项目时，出现了样式丢失，图片加载失败的问题。具体情况请继续往下看： 本地测试 —— 完全正常 在本地测试时的样式都是正常显示的： GitHub部署 —— 样式丢失 打包部署到GitHub上时，布局和样式就完全乱了： 同时还有一堆报错 —— 基本都是资源加载失败： 思考一下，我们最终部署到GitHub上的项目文件是本地打包好的dist文件，推测可能是本地打包出问题了。再来看看dist/index.html文件： 本地打包dist文件 —— 样式丢失 果然本地打包出的项目
MarkDown的使用简介
小仙儿
11-20 3475
MarkDown的使用简介 1、MarkDown概述 1.1、什么是MarkDown MarkDown是一种轻量级标记语言，使用易读易写的纯文本格式编写文档。 2004年由约翰·格鲁伯创建。使用MarkDown编写的文档可以导出HTML、Word、图像、PDF、Epub等多种格式的文档。MarkDown编写的文档，后缀名为.md或.markdown。 当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。甚至一些软件也集成了MarkDown功能，比...
Vue初始化中的选项合并之initInternalComponent详解
10-15
主要介绍了Vue初始化中的选项合并之initInternalComponent的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vue项目初始化到登录login页面的示例
10-16
今天小编就为大家分享一篇vue项目初始化到登录login页面的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
浅谈Vue 初始化性能优化
12-10
在最近开发的一个Hybrid APP里，Android Webview初始化一个较重的vue页面竟然用了1200ms ~ 1400ms，这让我开始重视vue的初始化性能，并最终优化到200 ~ 300ms，这篇文章分享我的优化思路。 性能瓶颈在哪里？ 先看...
vue-cli初始化项目中使用less的方法
10-18
在 Vue CLI 初始化的项目中集成 Less 作为 CSS 预处理器，可以使样式代码更易于管理和维护，利用 Less 的变量、嵌套规则、运算符等功能提升开发效率。 Less 是一种 CSS 预处理器，它允许开发者使用变量、嵌套规则、...
Vue源码分析之Vue实例初始化详解
01-19
这一节主要记录一下：Vue 的初始化过程 以下正式开始： Vue官网的生命周期图示表 重点说一下 new Vue()后的初始化阶段，也就是created之前发生了什么。 initLifecycle 阶段 export function initLifecycle (vm: ...
详解vue-router 初始化时做了什么
12-11
这次先来一起看看 vue-router 初始化时做了什么。 vue router 的初始化使用步骤 我们首先来看 vue-router 的使用步骤，然后再分别去看各个步骤都发生了什么。 使用 vue-router 需要经过一下几个步骤： 引入 vue-...
vue数据初始化initState的实例详解
10-17
在 Vue 实例化过程中，初始化数据是非常关键的步骤，这其中包括了 `initState` 函数。`initState` 主要负责对 Vue 实例的 `props`、`methods`、`data`、`computed` 和 `watch` 进行初始化，确保它们能够正常工作并...
使用vuepress搭建静态博客
一枚不断学习的小码农一枚~
05-02 7305
vuepress主题配置不只是简单的样式配置等，其中包括导航与侧边栏部分的配置，此处配置参见官网导航栏”默认主题配置“使用vuepress搭建静态博客
vuepress入门详解（四）vuepress 基本配置
牛魔王的专栏
05-25 8913
vuepress 基本配置 ::: tip 本页所列的选项仅对默认主题生效。如果你在使用一个自定义主题，选项可能会有不同。 ::: 首页配置 首页配置文件是doc目录下的README.md文件，以下是一个如何使用的例子： --- home: true heroImage: /hero.png heroText: Hero 标题 tagline: Hero 副标题 actionText: 快速上手 → actionLink: /guide/ features: - title: 简洁至上 details
VuePress 新手搭建教程
chen_enson的博客
11-06 3070
什么是VuePress？ **vuePress是以vue驱动的主题系统的简约静态网站生成工具**
vuepress搭建个人博客并部署
蘑菇炸了
05-03 7763
想要快速搭建自己的个人博客,记录自己的工作学习心得,争取当一条有梦想的咸鱼 相信大家都了解过vue这个框架.而今天,我们的主角vuepress 就是vue的作者尤大大的一个作品.开源于大概2年前,其本意是用来为vue及其子项目写文档,现在被大部分人用来搭建个人博客.之前一直有所耳闻,vuepress可以搭建博客,但也只是有所耳闻罢了,这回趁着五一在家休息的时间,简单的学了下vuepress的用...
在vue中如何实现vue初始化开始计时
03-29
可以使用Vue的生命周期函数created来实现初始化开始计时。在created函数中，可以获取当前时间，并将其保存在Vue实例的data属性中。然后在Vue实例中使用定时器setInterval，每隔一段时间更新当前时间，并将其保存在Vue实例的data属性中。这样可以实现Vue的初始化开始计时功能。 示例代码如下： ``` <template> <div> <p>当前时间：{{ currentTime }}</p> </div> </template> <script> export default { data() { return { startTime: null, currentTime: null } }, created() { this.startTime = new Date() this.currentTime = this.startTime.toLocaleString() setInterval(() => { this.currentTime = new Date().toLocaleString() }, 1000) } } </script> ``` 在上面的示例中，created函数中获取当前时间并保存在Vue实例的data属性中，然后使用setInterval定时器每隔一秒钟更新当前时间，并将其保存在Vue实例的data属性中。最终在模板中显示当前时间。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值