vuepress（三）博客页面自定义布局 文章目录vuepress（三）博客页面自定义布局前言一、博客自定义页面布局效果展示：1.在compontents文件夹下注册组件一个demo?2.在对应的文章中引用该组件 前言这里是一个关于vuepress搭建的系列教程，里面也包括了我自己对博客的一些优化面筋小站是使用vuepress默认主题开发 我的博客使用gungnir主题开发我在最开始时用的是 He
转载
2024-04-30 22:48:02
119阅读
前言官网写的侧边栏教程真的是让人很糟心，经过一番摸索，总算大致弄清楚了，下面详细说一下用法：目录结构：docs根目录下有一个README.md、chinese文件夹、english文件夹最简侧边栏：sidebar: {
'/language/chinese/': [
'', //该目录下的README.md文件
转载
2024-07-25 15:51:32
56阅读
最新最全vuepress零基础搭建标注：最终版以及修改最终都在www.javanode.cn是最终版本，在学习中需要修改的内容以及笔记全在这个网站，谢谢！有任何不妥的地方望纠正看完了,发现对你有用的话不关注就算了 还不点赞，你还是人吗？简易版运行1. 下载简易版地址：https://gitee.com/gy297879328/vue_press_code2. 编译启动项目## 在解压目录也就是pa
转载
2024-07-17 17:43:34
69阅读
写在前面这里我用的是vuepress-theme-reco主题，可以先康康我的博客Landscape in the Mist，如果你喜欢这个主题的话再继续看下去叭！其实我搭建这个博客用了不止一个小时，中间踩了很多坑，不过大都是由于没仔细看文档导致的，大家一定有问题先看文档! vuepress-theme-reco, VuePress搭建步骤初始化这里推荐用yarn，我最开始用的是npm，但是不知道
转载
2024-05-10 18:25:03
210阅读
分析问题 我们的api站点在 api.com 而静态资源在 static.com，页面的base标签也指向static<base href="http://static.com" />test模板时却跳到了http://api.com/http:/static.com/test 经过一些简单的断点调试，锁定了以下代码 vue-router.esm.js//1794行~16
最近都是用element-ui 在协助自己的项目开发，用着用着就想看看饿了么是怎么实现组件的使用的，于是就想自己动手也来写，当然，我是要循序渐进的，从最开始最简单的组件定义开始。总的写了三个小组件，我按照我自己觉得难度等级，分别定义为基础版，打怪版，终极版。嗯，在写之前，我先说一下，我会这篇文章中写下面三个小组件中的其中两个。分别如下所示:基于vue的backTop 返回顶部小组件 -------
UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。本文列举了用于Vue 2和Vue 3的 15个 流行的 Vue 插件。VuetifyNuxtJSVuexVuex Persisted StateVuePressVue MetaVue ChartJSVue Grid Layout
前言上一章已经讲了 vuepress 主题如何实现继承，这样我们可以任意修改默认主题的任何组件及样式了。我们知道 vuepress 是无法自动根据我们 markdown 文件中的---
tags:
- js
- vue
---
复制代码生成标签云的页面的，而一个博客，标签在其中有知识分类及导航功能，是必不可少的一环，下面带领大家来改造一下默认主题让它能支持自动生成标签云页面第一步配置的修改既然是主
转载
2024-08-06 19:06:25
57阅读
文章目录一、前言二、VuePress是什么？三、环境搭建四、基础配置4.1 目录结构4.2 导航栏4.3 侧边栏4.4 自动生成侧边栏五、自定义主题六、避坑指南6.1 侧边栏无法正常使用6.2 生成静态网页时出现解析错误6.3 部署站点无法使用相对路径6.4 预览或编译时内存溢出（OOM）6.5 页面刷新异常或点击前进/返回异常：6.6 生成静态网页时内存消耗过多 一、前言近期由于工作需要，接触
转载
2024-05-27 20:08:41
69阅读
adapter.notifyDataSetChanged()使用没有效果的解决办法。最近写代码，遇到适配器的问题，就是写了listview，里面有个全选框，用来设置全选列表项的。然而，在点击之后，更改了属性后并没有更新列表。 网上查了一些方法，说是在刷新的时候由于列表内容缓存了之前的引用，所以导致加载的内容没有改变，导致了此方法的无效。然而，自定义的列表，内容多而杂，又不好删掉重建一个（其实是不
转载
2024-05-31 09:50:11
73阅读
最近开始学习前端，想要设计一个类似csdn的博客，在阅读时可以先阅读部分内容，然后点击继续阅读按钮可以阅读剩下的部分，类似这样的 然后看了一下csdn的做法，发现这个包含文章内容的框设置了高度，所以剩下的文字被截去了，但是其实还是被加载在了网页中，只是没有显示出来。大体思路就是先把这个按钮绑定一个事件，在按下按钮后调用相应的方法函数。即在函数中移除高度的属性，那么，关键来了，它用到了这么一个方法：
转载
2024-04-15 10:11:04
98阅读
简要流程1、需要动态刷新的类标注@RefreshScope 注解2、@RefreshScope 注解标注了@Scope 注解，并默认了ScopedProxyMode.TARGET_CLASS; 属性，此属性的功能就是在创建一个代理，在每次调用的时候都用它来调用GenericScope get 方法来获取对象3、Nacos或者SpringBus在属性发生变动时会向上下文发布一个RefreshEven
转载
2024-06-25 16:58:20
787阅读
在运维工作中，经常会使用ssh和ansible来管理服务器和自动化运维。但有时候会遇到一种情况，就是通过ssh可以生效的操作，但是通过ansible却无法生效。这种情况经常让工程师感到困惑，因为在技术上两者都应该是可以正常使用的。那么出现这种情况的原因是什么呢？
首先，我们需要了解ssh和ansible的工作原理。ssh是一种加密的远程登录工具，可以让用户在远程服务器上执行命令和操作文件。ans
原创
2024-03-11 12:22:56
157阅读
首先我们看一下Spring Aop的原理图在Spring中经常使用自定义注解或是spring已经封装 好的注解，通过AOP的方式是实现代码复用，避免重复劳动。而Spring实现AOP是通过动态代理来实现的（默认有接口的情况下使用JDK的动态代理，也可以通过配置proxyTargetClass来制定使用CGLib，没有接口的情况下使用CGLib）. 但是无论哪一种代理，都是在原有方法的外面包一层，
转载
2024-03-26 13:53:57
73阅读
场景一Service方法抛出的异常不是RuntimeException或者Error类型，并且@Transactional注解上没有指定回滚异常类型。如下@Service
public class UserServiceImpl implements UserService {
private final UserMapper userMapper;
public User
转载
2024-02-20 11:00:38
124阅读
@Configuration注解加载过程一、注解加载过程分析启动类调用main方法，其中调用SpringApplicationBuilder的run方法public static void main(String[] args) {
new SpringApplicationBuilder(ElawApplication.class).web(true).run(args);
}run方法中使
## 实现Android SideBar的步骤
在实现Android SideBar之前，我们首先需要了解SideBar的基本概念和实现原理。SideBar是一种常见的界面交互组件，通常用于快速定位和导航。它由一个垂直的字母列表组成，在滑动时，可以根据手指所在位置快速跳转到相应的字母。
在本文中，我将教会你如何使用Android Studio实现一个简单的SideBar组件。
### 步骤概
原创
2023-10-08 12:31:44
190阅读
# 用jQuery创建侧边栏
在网页设计中，侧边栏是一种常见的布局元素，用于显示导航菜单、相关链接、广告等内容。使用jQuery可以很方便地实现侧边栏的交互效果，比如展开/收起、切换内容等。本文将介绍如何使用jQuery来创建一个简单的侧边栏，并提供代码示例帮助读者理解实现方法。
## 实现思路
在实现侧边栏功能时，我们首先需要定义一个HTML结构，包括侧边栏容器和内容区域。然后使用jQue
原创
2024-04-21 06:15:01
105阅读
transition 需要触发生效 必须有个开始值和结束值。就是对同一个元素，有两个不同样式。 如果一开始这两个样式就可以获取该元素（第二个直接覆盖第一个），就没有过度。 如果第二样式的实现依赖于某种改变才会获取该元素，就会有过度。 触发分为： 伪类触发，比如 :hover : focus :che ...
转载
2021-08-25 15:09:00
7047阅读
2评论
