长白崎の个人博客

解决Hexo+Typora无法同时显示相对路径图片问题 一、设置Typora 设置如下图： 二、安装和简单魔改hexo-asset-image插件 在hexo项目根目录使用指令安装hexo-asset-images插件 1npm hexo-asset-images --save 或者： 1npm install https://github.com/CodeFalling/hexo-asset-image...

Hexo+Butterfly 自定义右键菜单 效果展示： 步骤 1.创建布局文件 在[博客根目录]/themes/butterfly/layout/includes文件夹下新建一个right-menu的文件夹，在此文件夹下新建一个index.pug文件。 将以下代码复制到文件中： 12345678910111213141516171819202122232425262728293031#rightMenu .rightMenu-group.rightMenu-small .rightMenu-item#menu-backward i.fa-solid.fa-arrow-left .rightMenu-item#menu-forward i.fa-solid.fa-arrow-right .rightMenu-item#menu-refresh i.fa-solid.fa-arrow-rotate-right ...

go语言踩坑 123// 若出现hash校验错误请使用以下指令// set GONOSUMDB=*// set GOPROXY=direct

Hexo解决进入页面动画加载缓慢问题 是否开启了进入页面启动加载动画，并且加载非常缓慢？ 导致这个的原因大致有： 动画加载费时 浏览器需要将网站整体的元素都初始化完成，导致耗费时间 浏览器初始化网站时需要返回一个值，但一直没有返回 你的网站它心情不太好🧐 Anyway，想到一个粗暴但简单的方法来解决这个问题。 解决办法 打开 \themes\butterfly\layout\includes\loading\fullpage-loading.pug文件 将标注//新增的两行代码添加进去 1.旧版本Hexo解决办法 123456789101112131415161718192021222324252627282930#loading-box .loading-left-bg .loading-right-bg .spinner-box .configure-border-1 .configure-core .configure-border-2 .configure-core .loading-word=...

Hexo通过插件对图片进行懒加载 一、下载Hexo-lazyload-image插件 1npm install hexo-lazyload-image --save 二、修改配置 找到hexo项目的根目录下的站点配置文件_config.yml，具体路径：blog/_config.yml，其中blog是你的项目文件夹。 1234567lazyload: enable: true onlypost: false # optional loadingImg: # optional eg ./images/loading.gif isSPA: false # optional preloadRatio: 3 # optional, default is...

Hexo博客笔记书写Front-matter参数大全 常见Front-matter 12345678910111213141516171819---title: typora-vue-theme主题介绍date: 2018-09-07 09:25:00author: 长白崎img: /source/images/xxx.jpgtop: truehide: falsecover: truepublished: falsecoverImg: /images/1.jpgpassword: 8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92toc: falsemathjax: falsesummary: 这是你自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部分内容作为摘要categories: Markdowntags: - Typora - Markdown--- 参数说明 title 文章标题 date 文章发布时间 author 文章作者 img...

UML类图 一、UML基础知识扫盲 1、概念 ： UML这三个字母的全称是Unified Modeling Language，直接翻译就是统一建模语言，简单地说就是一种有特殊用途的语言。 2、作用 ：UML可帮助我们做软件需求分析和软件设计的工作，是系统分析和设计阶段的重要产物，也是系统编码和测试的重要模型依据。 3、分类 1） 静态图 ：主要描绘了类、对象和数据结构及其存在于他们之间的关系。 类图就是其中一种。 2）动态图 : 主要描绘执行流程、实体改变状态的方式。例如 ： 流程图 3）物理图 ： 描绘库文件、字节文件和数据文件等以及存在于他们之间的关系 二、如何用类图表示一个类 类图: 用于描述系统中所包含的类以及它们之间的相互关系，帮助人们简化对系统的理解，它是系统分析和设计阶段的重要产物，也是系统编码和测试的重要模型依据。 123456classDiagramclass PersonPerson: +age intPerson: -mobilePhone StringPerson: #sex charPerson: +speak()...

...

Vue3学习 创建Vue3.0工程 1.使用vue-cli创建 123456789## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue --version## 安装或者升级你的@vue/clinpm install -g @vue/cli## 创建vue create vue_test## 启动cd vue_testnpm run serve 2.使用vite创建 12345678## 创建工程npm init vite-app <project-name>## 进入工程cd <project-name>## 安装依赖npm install## 运行npm run dev 3.设置npm代理本地clash 12npm config set proxy http://proxy.example.com:8080npm config set https-proxy...

Kotlin基础