首页 > 其他分享 >Gridea 搭建的博客无法加载 CSS、网页图标、头像配置

Gridea 搭建的博客无法加载 CSS、网页图标、头像配置

时间:2023-07-20 09:47:10浏览次数:43  
标签:网页 配置 博客 Gridea 图标 CSS 加载

前阵子发现了用来写静态博客的软件 Gridea,配置使用后发现,网页和软件预览的完全不同,打开 DevTools 一看,CSS 压根就没加载出来,同样的,其他静态资源也都没有正确加载。

目前的 Gridea 版本号是 0.0.3

仔细观察后发现,多了一个 /,如图

再回到软件配置上,可能是因为多打了这一个尾部的 /,导致的原因,如图

去掉后,再同步,就可以正常载入了。

标签:网页,配置,博客,Gridea,图标,CSS,加载
From: https://www.cnblogs.com/z1645444/p/17567444.html

相关文章

  • CSS
    目录css介绍css语法css引入方式选择器基本选择器组合选择器属性选择器分组和嵌套伪类选择器伪元素选择器选择器的优先级CSS属性相关宽和高字体属性背景属性边框display属性CSS盒子模型css介绍css介绍:当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。css实......
  • CSS进阶之3D相册
    之前讲解了css的入门篇,今天将要使用css技术实现动态的样式,本次以旋转3D相册为例进行学习和讲解。效果图如下:首先需要准备7张自己喜欢的图片,并定义一个div,我这里把class类名设置成album,将7张图片使用img标签引入,在选择一张作为中间图片的img中设置class类名为mid,为后面的css设置样......
  • 自学前端-HTML5+CSS-综合案例一-热词
    综合案例一-热词目录综合案例一-热词1、设计需求2、设计所需标签和CSS样式3、设计具体步骤4、遇到的问题设计图如下1、设计需求①需要鼠标放上去有显示透明②需要点击后跳转到相应页面且保留原页面2、设计所需标签和CSS样式所需标签:divCSS样式:伪类hover,颜色color,字大小fo......
  • CSS
    CSSCSS:层叠样式表#就是给HTML增加样式的,让其变得更加美观选择器的语法结构选择器{ 属性名1:属性值1 属性名2:属性值2 属性名3:属性值3 属性名4:属性值4}CSS的注释语法/*内容*/#快捷键:ctrl+?css的引入方式1.在html文档中直接写在style标签中2.单独写一个CS......
  • 要在HTML中让文字居中,可以使用CSS样式来设置文本的对齐方式
    以下是几种常见的居中文本的方法:使用text-align:center;CSS样式:这个方法适用于将文本居中对齐在其父元素内。可以将text-align:center;应用于父元素,这将使其内部的所有文本内容都居中对齐。示例代码:<style>.container{text-align:center;}</style>......
  • html 学习 day3 css 的层叠 父子size 的继承
    今天遇到一个问题,css的父子继承关系在一种case下不生效。:子节点无法继承父节点的 width和height的设定下面代码的原始版本img无法继承div的宽和高的设定。当 img的css设定为:img{height:100%;width:100%;margin-right:1......
  • 前端三剑客之CSS
    一、CSS介绍1、CSS(层叠样式表,CascadingStyleSheets)是一种用于描述网页内容(HTML或XML等)外观样式的标记语言。它是一种样式表语言,用于控制网页的布局、字体、颜色、大小、间距以及其他与显示有关的属性。2、css学习步骤先学习选择器,作用就是如何找到标签找到标签之后,给标签......
  • 伪类选择器,伪元素选择器,选择器的优先级,CSS属性相关
    伪类选择器<style>/*未访问时候显示的*/a:link{color:#FF0000;}/*鼠标移动到链接上*/a:hover{color:#FF00FF}/*选定的链接*/a:active{color:#0000......
  • CSS透视与Z轴
    一.CSS透视通过模拟人眼的视角来创建三维效果(可以理解为看3D电影,需要借助3D眼睛,这个透视就是让了让网页上产生3D的效果)。我们在现实生活中,当物体远离我们时,会看到它们变小变远。透视效果就是基于这个原理。二.改变透视视与改变z轴的不同(一)、改变透视改变透视相当于主动挪动眼......
  • css将多余的字变成...
    display:-webkit-box;/*作为弹性伸缩盒子模型显示*/-webkit-line-clamp:1;/*显示的行数;如果要设置2行加...则设置为2*/overflow:hidden;/*超出的文本隐藏*/text-overflow:ellipsis;/*溢出用省略号*/-webkit-box-orient:vertical;/*伸缩盒子......