首页 > 其他分享 >vitepress如何添加favicon.ico图标

vitepress如何添加favicon.ico图标

时间:2024-07-10 09:30:46浏览次数:18  
标签:文件 ico favicon vitepress mjs config 图标

第一次在csdn发文章,写的不好,还请理解,直接解决文章标题中的问题,直接上干货。

head: [
      // 添加图标
      ['link', { rel: 'icon', href: '/favicon.ico' }]
    ],

复制以上代码,然后找到config.mjs这个文件。如下图。

找到这个文件后,我们先别着急,我们先要建立一个文件夹名为public,然后把ico这个文件放到这个文件夹里面,如上图。接下来到重点了哈,加到这个config.mjs文件的什么位置:大家看仔细了哈。

看到红框中的位置了嘛?就加到这个descriptionde 的下面。

下面大家来看下效果。重新build,然后preview。

文章到这里就结束了,你学会了嘛?如果不懂可以在下方评论。

标签:文件,ico,favicon,vitepress,mjs,config,图标
From: https://blog.csdn.net/weixin_49850162/article/details/140308961

相关文章

  • 67.SAP FICO-凭证类型学习
    目录SAP凭证类型凭证类型的作用- OBA7SAP默认的凭证类型更改FI相应事务代码默认凭证类型 -OBU1对FB50、60、70默认凭证类型的更改 - OBZO后勤货物移动默认凭证类型-OMBA发货凭证类型收货凭证类型自动移动凭证类型存货盘点凭证类型发票默认的凭证类型-OM......
  • Calico 安装配置
    架构简单说一下Calico架构,Calico是一个基于三层的数据中心网络方案,可作为CNI插件为运行于Kubernetes中的容器提供基于TCP/IP三层的网络通信方案,也可与OpenStack这种IaaS云架构集成,利用BGP,IPIP等协议为工作负载提供网络联通功能,能够提供高效可控的VM、容器、物理......
  • 关于python Miniconda的脚本安装及 环境控制
    1.下载Miniconda安装脚本使用curl或wget命令下载Miniconda安装脚本。使用curl:curl-Ohttps://repo.anaconda.com/miniconda/Miniconda3-latest-MacOSX-x86_64.sh 使用wget:wgethttps://repo.anaconda.com/miniconda/Miniconda3-latest-MacOSX-x86_64.......
  • C# jpg格式转dicom格式
    安装Nuget包:fo-dicom5.1.2版本代码如下:///<summary>///转换为Dicom格式///</summary>///<paramname="patId">患者ID</param>///<paramname="pisId">影像唯一号</param>///<paramname="textId">访......
  • 一次calico-kube-controllers 一直处于创建中引发的后续
    背景:由于课程代码都是基于amd64架构进行编写的,这将导致我的主力机arm64架构机器无法顺利进行实验内容,因此我得在x64的机器上进行实验内容,先是需要搭建K8S环境,此处省略搭建步骤,在我进行kubeadminit操作后,发现镜像拉取一直不成功,镜像地址我写的是默认从K8S官方地址拉取镜像的(这里......
  • 将IConfiguration对象转换成一个具体的对象,以面向对象的方式来使用配置
    我们倾向于将IConfiguration对象转换成一个具体的对象,以面向对象的方式来使用配置,我们将这个转换过程称为配置绑定。除了将配置树叶子节点配置节的绑定为某种标量对象外,我们还可以直接将一个配置节绑定为一个具有对应结构的符合对象。除此之外,配置绑定还支持针对数据、集合和字......
  • Vite按需导入element-plus组件和icon
    Vue3-Vite项目中使用element-plus,按需导入element-plus组件和el-icon,以及自动导入Vue相关函数。如果你对打包后的文件大小不是很在乎,那么使用完整导入会更方便。配置也更加简单,可以直接参考element-plus的官网。安装依赖npmielement-plus@element-plus/icons-vuenpmiunpl......
  • Manticore Search初识
    目录参考文献ManticoreSearch是什么ManticoreSearch和Elasticsearch的区别参考文献ManticoreSearch号称Elasticsearch快15倍得全文检索引擎Manticore:afasteralternativetoElasticsearchinC++witha21-yearhistorymanticore官方17亿次纽约出租车测......
  • gunicorn 自定义日志
    gunicorn自定义日志默认情况下,如果只通过errorlog和accesslog参数指定gunicorn的日志文件,日志文件会一直增长,最后导致硬盘占用过大和检查日志不方便。因此需要自定义配置滚动日志保存。配置文件直接在gunicorn的配置文件gunicorn_conf.py中添加logconfig_dict配置项imp......
  • windows terminal 中运行 miniconda 和 pip 的虚拟环境
    pip创建的虚拟环境使用命令python-mvenvhf创建虚拟环境后,在激活时,会遇到一个错误,原因是powershell启动了严格的审查脚本策略。这个错误信息表明你尝试在PowerShell中运行一个脚本(具体是激活一个虚拟环境),但是你的系统设置阻止了未经签名的脚本的执行。PowerShell有一个叫......