hexo butterfly博客搭建美化集合+问题记录

文章目录

    • 一、美化
      • 1. cs 和js引入
      • 2. 图标使用
    • 三、问题总结
      • 1. vscode终端输入hexo命令报错

一、美化

1. cs 和js引入

hexo博客添加自定义css和js文件

如果想魔改和美化,添加自定义文件是不可避免的。下面来详细说一下css和js文件的创建和引入,其他文件同理。

我们找到博客根目录下的source文件夹(主题的source虽然也可以,但是不推荐)
在里面创建js和css文件夹,也可以创建其他文件夹,例如存放图片的img文件夹,存放字体的font文件夹等等。
在这里插入图片描述
一般来说,我们都是在主题配置文件(_config.butterfly.yml)里面的inject引入。(不知道这个文件的去看文档)
css文件一般在head引入,js文件一般在bottom里引入,特殊情况除外。

例如引入css文件夹里面的style.css和js文件夹里面的script.js,可以这样写:

inject:head:# 自定义css- <link rel="stylesheet" href="/css/style.css?1"># 静态文件后面加个  ?任意内容  可以在每次更新之后用户自动重新请求.# 例如添加 ?1 ,在修改此文件后改成 ?2 ,用户访问你的网站时,不会使用本地的缓存,而是请求新的内容。没修改的话就不用动。bottom:# 自定义js- <script src="/js/script.js?1"></script># 引入多个文件就直接往下复制一行改一下文件名即可,如下:- <script src="/js/script1.js?1"></script>- <script src="/js/script2.js?1"></script>

注意:路径最前面是斜杠,而不是点斜杠,即/xx/xxx.js,而不是./xx/xxx.js

2. 图标使用

使用阿里云彩色图标

三、问题总结

1. vscode终端输入hexo命令报错

在这里插入图片描述

解决vscode无法加载文件,因为在此系统上禁止运行脚本

右键单击开始菜单,选择Windows PowerShell(管理员)
执行get-ExecutionPolicy查看当前的执行策略,如果为Restricted ,则需要修改
执行set-ExecutionPolicy RemoteSigned修改执行策略,修改成是Y即可。
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/521109.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【计算机组成原理】一、计算机系统的性能指标(机器字长、存储容量、存储单位、CPU时钟周期、主频、CPI、IPS、运算速度、数据通路、吞吐量、响应时间)

文章目录 3.性能指标3.1存储器性能3.1.1存储单位3.1.2存储器指标 3.2CPU性能3.3整体性能3.3.1机器字长 3.性能指标 3.1存储器性能 3.1.1存储单位 计算机的最小存储单位 位&#xff1a;比特bit&#xff0c;简写为b。 存放一位二进制数&#xff0c;即 0 或 1&#xff0c;最小…

基于yolov5的铁轨缺陷检测系统,可进行图像目标检测,也可进行视屏和摄像检测(pytorch框架)【python源码+UI界面+功能源码详解】

功能演示&#xff1a; 基于yolov5的铁轨缺陷检测系统&#xff0c;系统既能够实现图像检测&#xff0c;也可以进行视屏和摄像实时检测_哔哩哔哩_bilibili &#xff08;一&#xff09;简介 基于yolov5的铁轨缺陷检测系统是在pytorch框架下实现的&#xff0c;这是一个完整的项目…

Redis + Caffeine = 王炸!!

在高性能的服务架构设计中,缓存是一个不可或缺的环节。在实际的项目中,我们通常会将一些热点数据存储到Redis或MemCache这类缓存中间件中,只有当缓存的访问没有命中时再查询数据库。在提升访问速度的同时,也能降低数据库的压力。 随着不断的发展,这一架构也产生了改进,在…

“2024杭州智慧城市及安防展会”将于4月在杭州博览中心盛大召开

2024杭州国际智慧城市及安防展览会&#xff0c;将于4月24日在杭州国际博览中心盛大开幕。这场备受瞩目的盛会&#xff0c;不仅汇集了全球智慧城市与安防领域的顶尖企业&#xff0c;更是展示最新技术、交流创新理念的重要平台。近日&#xff0c;从组委会传来消息&#xff0c;展会…

提升工作效率:探索AmazonQ预览版,开发者的生成式AI助手

提升工作效率&#xff1a;探索AmazonQ预览版&#xff0c;开发者的生成式AI助手 前言 亚马逊云科技推出 Amazon Q&#xff0c;这是一款基于生成式人工智能&#xff08;AI&#xff09;的新型助手&#xff0c;专为辅助工作而设计&#xff0c;可以根据你的业务量身定制。在这篇博…

Spring Cloud Nacos集成Seata2.0 AT模式

Spring Cloud Nacos集成Seata2.0 AT模式 以CentOS 7为例&#xff0c;介绍Spring Cloud Nacos集成Seata2.0 AT模式的流程。分成两个步骤&#xff1a;1.安装配置seata-server、2.项目集成seata-client 一、下载seata-server安装包 根据自己的操作系统选择要下载的安装包格式&a…

玩转AI大模型应用开发,轻松打造热门APPai数字人直播软件!

AI大模型应用在数字人直播领域的应用愈发成熟&#xff0c;为开发者提供了更多创意和可能性。数字人直播软件是当前热门的应用之一&#xff0c;它结合了虚拟主播和人工智能技术&#xff0c;为用户带来全新的互动体验。想要打造一个火爆的数字人直播软件&#xff0c;就需要玩转AI…

amv是什么文件格式?如何播放amv视频?

AMV文件格式源自于中国公司Actions Semiconductor&#xff0c;最初作为其MP4播放器中使用的专有视频格式。产生于数码媒体发展的需求下&#xff0c;AMV格式为小屏幕便携设备提供了一种高度压缩的视频存储方案。 AMV文件格式的主要特性与使用场景 AMV格式以其独特的特性在小尺寸…

vis.js network操作学习

前言 网络是显示网络以及由节点和边组成的网络的可视化。可视化易于使用&#xff0c;并支持自定义形状、样式、颜色、尺寸、图像等。网络可视化可以在任何现代浏览器上顺利运行&#xff0c;最多可显示数千个节点和边缘。为了处理大量节点&#xff0c;网络提供了集群支持。Netw…

ospf虚链路实验简述

1、ospf虚链路实验简述 ospf虚链路配置 为解决普通区域不在骨干区域旁&#xff0c;通过配置Vlink-peer实现不同区域网络设备之间建立逻辑上的连接。 实验拓扑图 r1: sys sysname r1 undo info enable int loopb 0 ip add 1.1.1.1 32 ip add 200.200.200.200 32 quit int e0/0/…

捕获SpringSecurity异常,进行统一返回

无法捕获SpringSecurity的认证和鉴权中发生异常的原因 使用ControllerAdvice的全局异常处理器无法捕获到SpringSecurity中的异常&#xff0c;原因如下&#xff1a; 在SpringSecurity中&#xff0c;如果认证或者授权的过程中出现了异常会被ExceptionTranslationFilter捕获到。…

A Multimodal Transfer Learning Approach for Medical Image Classification

是否可训练可用&#x1f525;和❄表示&#xff0c;这样更美观 辅助信息 作者未提供代码