- VuePress 侧边栏配置与 useSidebar 实用指南
软考鸭
vitepressvitepress博客
在VuePress中,侧边栏(Sidebar)是一个重要的组成部分,用于组织文档结构,提供给用户方便的导航体验。本文将详细介绍如何配置侧边栏,并介绍如何使用useSidebar组合式函数来操作侧边栏的状态。单一侧边栏的配置最简单的侧边栏配置方式是通过一个数组来定义导航结构。每个第一级的项目定义了一个“部分”(section),它应该包含一个文本标题(text)以及实际的导航链接(items)。例如
- npm报错信息集合——基础积累
叶浩成520
node报错npmi报错npm前端node.js
npm报错:1.npmi卡在idealTree:SmtWeb:sillidealTreebuildDeps没进度由于前几天我使用vuepress后,导致node版本切换到了20.11.1后忘记切换回来,导致今天在npmivue2版本的项目时,出现这个报错信息。解决办法,首先要通过nvm切换到node版本16以下,比如我这边是14.21.3然后npmi操作即可2.requesttohttps://r
- Node:解决Error: error:0308010C:digital envelope routines::unsupported的解决方法
码上言
分享vue
问题描述在使用vuepress搭建博客的时候,运行项目发现报错了,检查了node的版本是18+,之前用的是16或14的版本,现在报:Error:error:0308010C:digitalenveloperoutines::unsupported错误。查找了一些资料,大致明白了报错的原因:主要是因为node17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制,node17之前版本
- mac OS系统:操作vue文件需要权限
阿莹yes
前端vue.js
出现需要权限的提示原因是因为Mac本身的保护机制,需要取得管理员权限。提示无法写入文件"/Users/****/Desktop/blog-xjy/docs/.vuepress/config.js"(NoPermissions(FileSystemError):Error:EACCES:permissiondenied,open'/Users/****/Desktop/blog-xjy/docs/.
- blog-engine-06-pelican 静态网站生成 支持 markdown 和 reST 语法
老马啸西风
java
拓展阅读blog-engine-01-常见博客引擎jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman对比blog-engine-02-通过博客引擎jekyll构建githubpages博客实战笔记blog-engine-02-博客引擎jekyll-jekyll博客引擎介绍blog-engine-02-博客引擎jekyll-jekyl
- VuePress 启动服务 0.0.0.0:8080/
Williert
错误vue
最近在搭建博客,根据官方教程,应该不会有什么大问题的,但是就是出现了问题。在什么都配置好后,跑服务器,结果什么都跑不起来,而且进度条卡在40%,后面抛出了错误this[kHandle]=new_Hash(algorithm,xofLen);后面一查,发现是node的版本问题(我最近也是重装系统,我晕,搞了我好久)解决方法:SETNODE_OPTIONS=--openssl-legacy-provi
- mac vuepress搭建博客
Miruna
前端学习macoswebpackjavascriptvue.js前端
文章目录一、安装vuepress二、初始化项目三、页面内容配置遇到的问题:四、设置封面页五、配置导航栏nav六、配置侧边栏slider七、配置插件1.UI插件2.支持PWA八、github部署1.创建github仓库2.配置仓库名称3.在项目根目录中,创建一个如下的脚本文件deploy.sh4.运行deploy.sh脚本5.settingGithubPages九、Copy自动加版权信息安装配置自定
- 读 VuePress(三)使用 markdown-it 解析 markdown 代码
晴树SEU
https://www.jianshu.com/p/a95c04a68d14前言在此系列文章的第一篇,我们介绍了Vuepress如何让Markdown支持Vue组件的,但没有提到非Vue组件的其他部分如何被解析。今天,我们就来看看Vuepress是如何利用markdown-it来解析markdown代码的。markdown-it简介markdown-it是一个辅助解析markdown的库,可以完成
- 深入浅出 VuePress(一):如何做到在 Markdown 中使用 Vue 语法
weixin_33836223
markdownjavascriptwebpackViewUI
前言在vuepress刚出时,我就觉得这是个很值得追更的开源项目。果不其然,里面众多的前端编程技巧让我受益良多。于是在周末这种日子里,人家追剧我追码。今天,我就和大家分享下vuepress是如何做到在Markdown中使用Vue语法的。原理众所周知,Markdown是一种标记语言,类似于HTML,它也有对应的语法和词法。而Vue说白了也是一种语法,关键在于,Markdown和Vue代码都可以被解释
- 使用vitepress构建组件库文档
m0_67401920
前端html小程序前端vue.js
使用vitepress构建组件库文档前期调研Vitepress官方文档:https://vitepress.vuejs.org/Vitepress是在Vite之上构建的Vue驱动的静态站点生成器。Vitepress被称为“Vuepress的小弟弟”,它比同类产品具有一些优势。建立在Vite而非Webpack上,因此启动时间,热重装等更快使用Vue3来减少JS的有效负载轻量级Vitepress能够实
- VuePress + Travis CI + Github Pages 全自动上线文档
codexu_461229187
ci/cdgithub前端vue
整体思路1.Github创建项目,本地创建切换到docs分支,通过VuePress构建文档项目(写一些文档),上传至Github。2.TravisCI自动clone后安装依赖、编译、上传至Githubmaster分支。3.通过GitHubPages功能将master分支上的内容展示在web上。相关资料:我的文档看下效果:https://codexu.github.io/我的文档远吗:https:/
- 通过GitHub Action发布vuepress到github Page
leileitang_blog
GitHubAction的概念Githubaction可以帮助我们完成持续集成(CI)和持续部署(CD)。你可以自定义工作流程,而且你还可以引用githubaction市场里面其他人提交的action。可以先熟悉下以下概念:Workflow:工作流可以让你在GitHub上完成构建,测试,打包,发布或部署任意项目。工作流由一个或者多个job组成。workflowfile文件放在.github/wor
- 使用vue-press搭建一个像element一样的组件文档
疯一样的MEI男子
前端工程化vue.jsjavascript前端
系列文章目录VuePress2.0在2021年中旬发布,由webpack改为使用vite进行构建。在vuePress1.0时代,很好的解决了vuePress使用webpack打包构建缓慢的问题。但现在使用vuePress是更好的选择!!!文章目录系列文章目录前言一、为什么选择VuePress而非VitePress一、安装VuePress二、项目结构三、基础文件三、配置文件四、进阶操作1、自动化生成
- Vuepress+Vercel 搭建个人站点
coderlyu
Vuepress+Vercel搭建个人站点效果地址源码地址文章简介Vuepresshttps://vuepress.vuejs.org/zh/Vue、Vue-Router、Webpack驱动的单页应用极简静态网站生成器诞生初衷是为了支持Vue及其子项目的文档需求VuePress常被用来生成说明文档通俗的讲,就是可以将.md文件转变成单个的html页面。利用它的这个功能,也被人们拿来生成个人技术站点
- vuepress搭建个人博客以及部署
niech_cn
个人开发网站搭建前端express个人开发
vuepress,Vue驱动的静态网站生成器,以Markdown为中心的项目结构,以最少的配置帮助你专注于写作。vuepress官网vuepress存在很多主题,也可以自定义设计主题,上传npm使用这里采用vuepress-theme-hope主题模板进行制作vuepress-theme-hope创建项目命令yarn/npm/pnpm都可以yarncreatevuepress-theme-hope
- Linux 增加 SWAP 空间
程序猿进阶
Linux阿里云linux运维服务器后端java面试职场和发展
一、需求通过阿里云启动项目时,使用Vuepressbuild编译静态页面时内存需要800MB,导致内存不够,因此考虑使用swap方式,置换一些内存资源存放swap磁盘。[root@xxxmyblog]#npmrundocs:dev>
[email protected]:dev>vuepressdevdocswaitExtractingsitemetadata...tipApplytheme@vuepr
- 开源wiki系统推荐wiki.js, github上16500+ star,是带数据库的
慎思知行
工具效率javascript开发语言ecmascriptwikijs
有很多好用的wiki开源系统,比如vuepress、docusaurus、mkdocs、docsify。但是这些系统更新内容,需要本地编辑markdown文件,然后再推送发布。今天推荐的wiki.js则是带数据库的哦,也就可以实现动态数据交互咯。官网地址:Wiki.js项目文档:Wiki.js|Wiki.js开源代码库:GitHub-requarks/wiki:Wiki.js|Amodernand
- 使用VuePress搭建个人博客
SongXinXin
原文链接:使用VuePress搭建个人博客|GrowingNotes(goodsxx.cn)
- 学习记录: VuePress的基本使用
旺财麻麻
VuePress文档地址https://vuepress.vuejs.org/项目初始化mkdirvuepress-democdvuepress-demonpminit-y安装vuepress为本地依赖yarnaddvuepress-D创建docs目录在markdown文件中随便写点东西WeChat90b563326f915428c9f33e0072cbe31c.png修改package.json
- 前端学习路线图和一些经验
zhuyuyaya
前端学习前端学习路线
关于前端目前个人建议的一个路线,也是自己之前前端学习时候的一个大致路线,给想要学习前端的小白一个参考,以前自己刚开始接触前端的时候就是不知道该按照什么路线学习eg-前端是做什么的?就是开发网站,移动端,小程序之类的页面调调接口完成页面的渲染个人比较习惯用VsCode来开发前端页面这个VuePress特别提出,就是用来搭建自己的博客网站的一个工具这是官网大家可以去看看:VuePress官网
- 前端学习路线
城南顾北
前端前端学习
前端学习路线大致的路线图:(个人看法)1.笔记管理使用Typora/vscode等工具将笔记存储在本地;破解版:http://www.itmind.net/13398.html使用github/gitee笔记存放到云端;使用githubpage外加vuepress等工具将笔记在线发布;2.git和githubgit教程:https://www.bilibili.com/video/BV1TA411
- 10分钟快速搭建个人博客、文档网站!
骑着牛的奇兵
前端框架前端vue
本文来分享8个现代化前端工具,帮你快速生成个人博客、文档网站!VitePressVitePress是一款静态站点生成器,专为构建快速、以内容为中心的网站而设计。简而言之,VitePress获取用Markdown编写的源内容,为其应用主题,并生成可以轻松部署在任何地方的静态HTML页面。VitePress是Vuepress的更现代化、高效和灵活的替代品,适用于构建快速、易于定制的文档站点。ViteP
- vuePress学习
亮学长
学习
vuePress官网Vue驱动的静态网站生成器简洁至上以Markdown为中心的项目结构,以最少的配置帮助你专注于写作。Vue驱动享受Vue+webpack的开发体验,可以在Markdown中使用Vue组件,又可以使用Vue来开发自定义主题。高性能VuePress会为每个页面预渲染生成静态的HTML,同时,每个页面被加载的时候,将作为SPA运行。#安装yarnglobaladdvuepress#或
- 在Vue3项目中添加Vuepress作为内嵌文档
正宗咸豆花
vue.js前端javascript
在Vue项目中添加Vuepress作为内嵌文档vuepress2vuepress作为一个静态网站库,可以有效的开发网站的文档部分。我们可以在已有的vue项目中添加vuepress作为文档页面。在你的vue项目的根目录中创建docs文件夹mkdirdocscddocs初始化项目gitinitnpminit-y安装Vuepresspnpminstall-Dvuepress@next在package.j
- VuePress部署到GitHub Pages
程序员-小许
githubvueprss
一、gitpush自动部署1、创建用于工作流的文件在项目根目录下创建一个用于GitHubActions的工作流.yml文件name:docson:#每当push到main分支时触发部署push:branches:[main]#手动触发部署workflow_dispatch:jobs:docs:runs-on:ubuntu-lateststeps:-uses:actions/checkout@v4w
- 三分钟搭建一个博客网站
摸魚散人
javavue
三分钟搭建一个博客网站基于vuepress-theme-hope和githubpages样品-我的博客准备运行环境安装nodejs下载地址安装pnpm参考资料创建项目模板pnpmcreatevuepress-theme-hopemy-docs创建过程PowerShell7.4.0PSC:\Users\daiwencheng\Documents\BaiduSyncdisk\ob\ob\blogs>p
- vuepress2 打包后刷新页面侧边栏丢失问题
goms
vue.js
问题:打包后刷新页面时侧边栏丢失问题原因:node版本问题文档中写着依赖环境Node.jsv18.16.0+我当时的版本是16.19.0我应该算是遇到了两个问题【刷新后侧边栏消失】【刷新后页面内容加载错误】我看了控制台,侧边栏不出现的原因,应该是样式那块处理坏掉了,因为我设置了首页,首页的的class是home,普通页面的的class是page。刷新后普通页面的class还是home,这应该就是侧
- 个人博客主题 vuepress-hope
jingxindeyi
工具推荐vuepress个人博客
文章目录1.简介2.配置2.1个人博客,社媒链接配置非常推荐vuepress-hope1.简介下面的我的博客文章的截图通过md写博客并且可以同步到github-page上2.配置2.1个人博客,社媒链接配置配置文件.vuepress/theme.tsblog:{medias:{BiliBili:"https://bilibili.com",Tumblr:"https://blog.csdn.net
- TS
rainbowdiary
ts
这里写目录标题TS是什么?what为什么?why怎么用?howjs项目如何引入tsreact项目如何使用ts开发vue项目如何引入ts开发使用VuePress搭建在线文档网站平时用到的类型接口enum类型断言操作符:as面试题TS是什么?whatJS高级为什么?why提高开发效率怎么用?how一、下载npminstall-gtypescripttsc-V二、如何编译成js方法1:手动编译tsche
- VuePress-theme-hope 搭建个人博客 2【快速上手】 —— 安装、部署 防止踩坑篇
爱吃果蔬的猫
vue.js前端框架
续VuePress、VuePress-theme-hope搭建个人博客1【快速上手】项目常用命令vuepressdev[dir]会启动一个开发服务器,以便让你在本地开发你的VuePress站点。vuepressbuild[dir]会将你的VuePress站点构建成静态文件,以便你进行后续部署。使用模板如果使用VuePressThemeHope模板,可以在package.json中发现下列三个命令:
- 异常的核心类Throwable
无量
java源码异常处理exception
java异常的核心是Throwable,其他的如Error和Exception都是继承的这个类 里面有个核心参数是detailMessage,记录异常信息,getMessage核心方法,获取这个参数的值,我们可以自己定义自己的异常类,去继承这个Exception就可以了,方法基本上,用父类的构造方法就OK,所以这么看异常是不是很easy
package com.natsu;
- mongoDB 游标(cursor) 实现分页 迭代
开窍的石头
mongodb
上篇中我们讲了mongoDB 中的查询函数,现在我们讲mongo中如何做分页查询
如何声明一个游标
var mycursor = db.user.find({_id:{$lte:5}});
迭代显示游标数
- MySQL数据库INNODB 表损坏修复处理过程
0624chenhong
tomcatmysql
最近mysql数据库经常死掉,用命令net stop mysql命令也无法停掉,关闭Tomcat的时候,出现Waiting for N instance(s) to be deallocated 信息。查了下,大概就是程序没有对数据库连接释放,导致Connection泄露了。因为用的是开元集成的平台,内部程序也不可能一下子给改掉的,就验证一下咯。启动Tomcat,用户登录系统,用netstat -
- 剖析如何与设计人员沟通
不懂事的小屁孩
工作
最近做图烦死了,不停的改图,改图……。烦,倒不是因为改,而是反反复复的改,人都会死。很多需求人员不知该如何与设计人员沟通,不明白如何使设计人员知道他所要的效果,结果只能是沟通变成了扯淡,改图变成了应付。
那应该如何与设计人员沟通呢?
我认为设计人员与需求人员先天就存在语言障碍。对一个合格的设计人员来说,整天玩的都是点、线、面、配色,哪种构图看起来协调;哪种配色看起来合理心里跟明镜似的,
- qq空间刷评论工具
换个号韩国红果果
JavaScript
var a=document.getElementsByClassName('textinput');
var b=[];
for(var m=0;m<a.length;m++){
if(a[m].getAttribute('placeholder')!=null)
b.push(a[m])
}
var l
- S2SH整合之session
灵静志远
springAOPstrutssession
错误信息:
Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'cartService': Scope 'session' is not active for the current thread; consider defining a scoped
- xmp标签
a-john
标签
今天在处理数据的显示上遇到一个问题:
var html = '<li><div class="pl-nr"><span class="user-name">' + user
+ '</span>' + text + '</div></li>';
ulComme
- Ajax的常用技巧(2)---实现Web页面中的级联菜单
aijuans
Ajax
在网络上显示数据,往往只显示数据中的一部分信息,如文章标题,产品名称等。如果浏览器要查看所有信息,只需点击相关链接即可。在web技术中,可以采用级联菜单完成上述操作。根据用户的选择,动态展开,并显示出对应选项子菜单的内容。 在传统的web实现方式中,一般是在页面初始化时动态获取到服务端数据库中对应的所有子菜单中的信息,放置到页面中对应的位置,然后再结合CSS层叠样式表动态控制对应子菜单的显示或者隐
- 天-安-门,好高
atongyeye
情感
我是85后,北漂一族,之前房租1100,因为租房合同到期,再续,房租就要涨150。最近网上新闻,地铁也要涨价。算了一下,涨价之后,每次坐地铁由原来2块变成6块。仅坐地铁费用,一个月就要涨200。内心苦痛。
晚上躺在床上一个人想了很久,很久。
我生在农
- android 动画
百合不是茶
android透明度平移缩放旋转
android的动画有两种 tween动画和Frame动画
tween动画;,透明度,缩放,旋转,平移效果
Animation 动画
AlphaAnimation 渐变透明度
RotateAnimation 画面旋转
ScaleAnimation 渐变尺寸缩放
TranslateAnimation 位置移动
Animation
- 查看本机网络信息的cmd脚本
bijian1013
cmd
@echo 您的用户名是:%USERDOMAIN%\%username%>"%userprofile%\网络参数.txt"
@echo 您的机器名是:%COMPUTERNAME%>>"%userprofile%\网络参数.txt"
@echo ___________________>>"%userprofile%\
- plsql 清除登录过的用户
征客丶
plsql
tools---preferences----logon history---history 把你想要删除的删除
--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一起进步。
email : binary_spac
- 【Pig一】Pig入门
bit1129
pig
Pig安装
1.下载pig
wget http://mirror.bit.edu.cn/apache/pig/pig-0.14.0/pig-0.14.0.tar.gz
2. 解压配置环境变量
如果Pig使用Map/Reduce模式,那么需要在环境变量中,配置HADOOP_HOME环境变量
expor
- Java 线程同步几种方式
BlueSkator
volatilesynchronizedThredLocalReenTranLockConcurrent
为何要使用同步? java允许多线程并发控制,当多个线程同时操作一个可共享的资源变量时(如数据的增删改查), 将会导致数据不准确,相互之间产生冲突,因此加入同步锁以避免在该线程没有完成操作之前,被其他线程的调用, 从而保证了该变量的唯一性和准确性。 1.同步方法&
- StringUtils判断字符串是否为空的方法(转帖)
BreakingBad
nullStringUtils“”
转帖地址:http://www.cnblogs.com/shangxiaofei/p/4313111.html
public static boolean isEmpty(String str)
判断某字符串是否为空,为空的标准是 str==
null
或 str.length()==
0
- 编程之美-分层遍历二叉树
bylijinnan
java数据结构算法编程之美
import java.util.ArrayList;
import java.util.LinkedList;
import java.util.List;
public class LevelTraverseBinaryTree {
/**
* 编程之美 分层遍历二叉树
* 之前已经用队列实现过二叉树的层次遍历,但这次要求输出换行,因此要
- jquery取值和ajax提交复习记录
chengxuyuancsdn
jquery取值ajax提交
// 取值
// alert($("input[name='username']").val());
// alert($("input[name='password']").val());
// alert($("input[name='sex']:checked").val());
// alert($("
- 推荐国产工作流引擎嵌入式公式语法解析器-IK Expression
comsci
java应用服务器工作Excel嵌入式
这个开源软件包是国内的一位高手自行研制开发的,正如他所说的一样,我觉得它可以使一个工作流引擎上一个台阶。。。。。。欢迎大家使用,并提出意见和建议。。。
----------转帖---------------------------------------------------
IK Expression是一个开源的(OpenSource),可扩展的(Extensible),基于java语言
- 关于系统中使用多个PropertyPlaceholderConfigurer的配置及PropertyOverrideConfigurer
daizj
spring
1、PropertyPlaceholderConfigurer
Spring中PropertyPlaceholderConfigurer这个类,它是用来解析Java Properties属性文件值,并提供在spring配置期间替换使用属性值。接下来让我们逐渐的深入其配置。
基本的使用方法是:(1)
<bean id="propertyConfigurerForWZ&q
- 二叉树:二叉搜索树
dieslrae
二叉树
所谓二叉树,就是一个节点最多只能有两个子节点,而二叉搜索树就是一个经典并简单的二叉树.规则是一个节点的左子节点一定比自己小,右子节点一定大于等于自己(当然也可以反过来).在树基本平衡的时候插入,搜索和删除速度都很快,时间复杂度为O(logN).但是,如果插入的是有序的数据,那效率就会变成O(N),在这个时候,树其实变成了一个链表.
tree代码:
- C语言字符串函数大全
dcj3sjt126com
cfunction
C语言字符串函数大全
函数名: stpcpy
功 能: 拷贝一个字符串到另一个
用 法: char *stpcpy(char *destin, char *source);
程序例:
#include <stdio.h>
#include <string.h>
int main
- 友盟统计页面技巧
dcj3sjt126com
技巧
在基类调用就可以了, 基类ViewController示例代码
-(void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
[MobClick beginLogPageView:[NSString stringWithFormat:@"%@",self.class]];
- window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法
flyvszhb
javajdk
window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法
本机已经安装了jdk1.7,而比较早期的项目需要依赖jdk1.6,于是同时在本机安装了jdk1.6和jdk1.7.
安装jdk1.6前,执行java -version得到
C:\Users\liuxiang2>java -version
java version "1.7.0_21&quo
- Java在创建子类对象的同时会不会创建父类对象
happyqing
java创建子类对象父类对象
1.在thingking in java 的第四版第六章中明确的说了,子类对象中封装了父类对象,
2."When you create an object of the derived class, it contains within it a subobject of the base class. This subobject is the sam
- 跟我学spring3 目录贴及电子书下载
jinnianshilongnian
spring
一、《跟我学spring3》电子书下载地址:
《跟我学spring3》 (1-7 和 8-13) http://jinnianshilongnian.iteye.com/blog/pdf
跟我学spring3系列 word原版 下载
二、
源代码下载
最新依
- 第12章 Ajax(上)
onestopweb
Ajax
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- BI and EIM 4.0 at a glance
blueoxygen
BO
http://www.sap.com/corporate-en/press.epx?PressID=14787
有机会研究下EIM家族的两个新产品~~~~
New features of the 4.0 releases of BI and EIM solutions include:
Real-time in-memory computing –
- Java线程中yield与join方法的区别
tomcat_oracle
java
长期以来,多线程问题颇为受到面试官的青睐。虽然我个人认为我们当中很少有人能真正获得机会开发复杂的多线程应用(在过去的七年中,我得到了一个机会),但是理解多线程对增加你的信心很有用。之前,我讨论了一个wait()和sleep()方法区别的问题,这一次,我将会讨论join()和yield()方法的区别。坦白的说,实际上我并没有用过其中任何一个方法,所以,如果你感觉有不恰当的地方,请提出讨论。
&nb
- android Manifest.xml选项
阿尔萨斯
Manifest
结构
继承关系
public final class Manifest extends Objectjava.lang.Objectandroid.Manifest
内部类
class Manifest.permission权限
class Manifest.permission_group权限组
构造函数
public Manifest () 详细 androi
- Oracle实现类split函数的方
zhaoshijie
oracle
关键字:Oracle实现类split函数的方
项目里需要保存结构数据,批量传到后他进行保存,为了减小数据量,子集拼装的格式,使用存储过程进行保存。保存的过程中需要对数据解析。但是oracle没有Java中split类似的函数。从网上找了一个,也补全了一下。
CREATE OR REPLACE TYPE t_split_100 IS TABLE OF VARCHAR2(100);
cr