pinia持久化存储pinia-plugin-persistedstate

介绍 pinia是vue的状态管理库,默认是保存在内存里如果刷新页面状态会丢失。 pinia-plugin-persistedstate插件将pinia状态变化自动保存在localStorage中,这样页面刷新也不会丢失了。官网 https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/ 安装 安装: npm i pinia-plugin-persistedstate 在main.js注册: import { createPinia } from 'pinia' import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' const pinia = createPinia() pinia.use(pi...

obsidian文件自定义排序插件

介绍 obsidian默认不能像onenote一样自定义文件夹的顺序,这样想对某一类接近的内容进行归类就不方便 这里介绍一个增强插件解决这个问题,顺便还有点坑要注意   使用 Make.md 插件 安装之后会多一个图标,在这个选项卡下管理文件夹就可以排序了。 这个插件功能很多,不只是能对文件夹排序 在设置里可以选择关闭一些不需要的功能,比如文件夹前面加emoji表情等 这里有个坑,默认开启第一个Navigator会导致,右键在文件列表中选中当前文件功能失效,对找文件还是不太方便的,关闭就正常了。 ...

obsidian上传图片picgo图床插件

介绍 typora支持上传图片到picgo图床,obsidian也有类似插件 这样有时候写文章想分享就需要另外用typora打开了 不过缺点是这个插件不支持整篇文章所有图片一起上传 只支持粘贴图片时候自动上传或者右键单张图片上传     使用 插件名字 image auto upload Plugin 看截图即可 ...

obsidian导出单篇文章的markdown文档

介绍 越来越习惯用obsidian做主要的笔记工具了,对代码显示的良好支持,还有各种丰富插件实现其他笔记实现不了的功能。 本文介绍将单篇obsidian笔记导出为markdown文档,方便分享。 主要是将这篇笔记相关的图片和附件能集合到一个单独的文件夹里 这样导出的obsidian笔记还可以再用typora打开导出为html等操作。   使用 在pkmer Market安装插件Obsidian markdown export       安装后,对单篇文章右键选择export即可。就会将这篇笔记导出到out文件夹,文件夹下的attachment是保存的图片附件。 设置里可以关闭重命名附件图片的名字 ...

wordpress针对code标签的代码高亮实现

  介绍 使用markdown转换为html发布博客的时候,代码块会被包裹在 pre code /code /pre 标签里。 本文介绍一个简单方法,也是本博客采用的方法,能自动对code标签里的代码块高亮显示。 网上很多教程针对博文的代码高亮,需要安装插件,需要在编写的时候针对代码手动插入短代码等,都感觉蛮复杂的不适用 不过本文缺点是样式不是特别好看,貌似不能针对不同语言显示不同样式 实现效果如下   实现方法 <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/default.min.css"> <script src="https://fastly....

可拖动大小的双栏vue页面分享

介绍 分享一个自己写的简单的双栏页面,中间有个拖动条,可以左右拖动来改变左右双栏的大小。感觉自己写很多功能可以用到挺方便的,避免重复造轮子。   代码 TwoColumnsResizView.vue <template> <div class="tccontainer"> <div class="sidebar" ref="sidebar"> <slot name="left"></slot> </div> <div class="resizer" @mousedown="startResize"></div> <div class="main-content" ref="main...

element-plus的el-pagination分页控件使用笔记

介绍 element-plus是vue常用的组件库,但是官方文档介绍不是很详细,这里把自己用到的常用点总结一下方便使用 https://element-plus.org/zh-CN/component/pagination.html   典型使用 请求后台接口,得到总页数(page-count),当前页码(current-page),当前页数据,然后填入el-pagination组件中。 点击某个页码的时候调用 @current-change="selectpage"方法 <el-pagination large background v-model:current-page="feedArticlesStore.page" layout="total, p...

element-plus的checkbox多选控件使用笔记

介绍 element-plus是vue常用的组件库,但是官方文档介绍不是很详细,这里把自己用到的常用点总结一下方便使用 https://element-plus.org/zh-CN/component/checkbox.html   典型使用 对一个数组数据循环,生成列表,然后需要能多选列表中几个选项 这里用到el-checkbox-group 嵌套 v-for循环,再是el-checkbox选项以及显示的内容。 <el-button @click="startvector" class="m-2">开始向量化</el-button> <div> <el-checkbox-group v-model="feedArticlesStore.selectedArticles" size=...

科大讯飞智能编程助手

科大讯飞智能编程助手相比chatgpt的优势 直接进入主题,众所周知目前AI辅助编程最好用的还是chatgpt4,包括现在支持了文件上传,已经成为了编程和日志排查利器,那么为什么我们还需要一个科大讯飞智能助手这样的工具? 简单来说,看下面两张图,它可以帮我们自动对已有代码进行解释,同时自动根据注释和代码上下文生成补全代码 对代码进行选中后右键解释 根据注释和代码上下文生成补全代码。 写好注释后,回车就会生成提示代码,再按TAB键就可以让提示代码生效 此外还可以对代码进行纠错,生成单元测试,以及想GPT一样技术问答,目前内测期间还是完全免费的,配置非常简单 如何使用 首页这是一个编辑器插件,叫iFlyCode,可以选择支持VSCODE或者IDEA,经过测试AndroidStudio也可以完美支持 支持的语言有JAVA,python、C++和JS等 ...

如何利用AI工具辅助编写PPT

最近刚好有需要写PPT,顺便就研究了一下目前比较火的AI如何为PPT编写提供助力,发现AI工具在某些方便对PPT编写确实能提高很大的效率。 将现有的心得整理一下,以后有机会还会不断更新。 首先AI生成PPT大纲 最好是要求指定生成markdown格式的,后面会有用。 可以利用chatgpt为我们生成PPT的大纲, 同类型的工具也包括星火大模型,百度的搜索AI伙伴的灵感中心,都有辅助生成ppt大纲的工具。 https://chat.baidu.com/ https://xinghuo.xfyun.cn/desk 然后可以拿着这个大纲全自动生成PPT 可以使用mindshow或者是WPS AI,其中WPS AI需要提前申请,mindshow注册就可以使用。 https://www.mindshow.fun https://ai.wps....

登录

忘记密码 ?

切换登录

注册