hexo blog embelezamento

Declaração especial, o conteúdo a seguir é aprendido no Livro da Lei Noturna e foi adaptado e modificado, não reproduzido. A menos que
especificado de outra forma, o conteúdo a seguir é aplicável apenas ao tema do material

Carrossel de imagens aleatórias da página inicial

themes\matery\layout\_partial\bg-cover-content.ejs

Modifique para obter uma imagem aleatória:
aqui sugiro escrever uma API para imagens aleatórias. Para obter detalhes, consulte Construindo sua própria API de imagem aleatória

var bannerUrl= "你的api接口"

Modifique as cores do tema

O esquema de cores inclui barra de navegação, barra inferior, um rótulo, etc. O esquema de cores do tema é verde.

Modifique themes\Matery\source\css\matery.cssa
tecla de atalho de estilo ctrl+F para encontrar #4cbf30 (verde claro) e #0f9d58 (verde escuro) e a cor da fonte da página inicial, modifique-a para sua cor favorita

/* 整体背景颜色,包括导航、移动端的导航、页尾、标签页等的背景颜色. */ 
.bg-color {
      
       
background-image: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%); 
} 
/*如果想去掉banner图的颜色渐变效果,请将以下的css属性注释掉或者删除掉即可*/ 
@-webkit-keyframes rainbow {
      
       
/* 动态切换背景颜色. */ 
} 
@keyframes rainbow {
      
       
/* 动态切换背景颜色. */ 
}

Acho que você gosta

Origin blog.csdn.net/qq_40790680/article/details/128971469
Recomendado
Clasificación