更新说明
即将实现的功能目前是单侧边栏,将会修改为双侧边栏,即左右都展示侧边栏 (目前右边侧边栏展示有点多)用springboot复刻 一些api接口 (灵感来自 悠悠吧)即将用java mysql vue复刻hexo+bf实现前后端分离管理系统(页面模块估计一样)已知问题jsd图片可能加载失败,导致hexo识别为404图片说明2022年3月25日20:38:27 1.再次使用了glup自动化构建工具用来压缩代码 2.以后将会活跃起来,争取多发文章多学习!2022年3月9日09:01:50 1.处理,友情链接,头像异常,感谢小破团,指出问题! 链接 avatar写成 avata2022年2月26日22:52:56 1.优化顶部标题栏布局排版2022年2月20日13:29:52 1.处理了无法选中的问题 2.调整了动画展示速度 3.valine自定义的qqapi接口(已通过向官方说明解决,已正常获取qq信息),感谢悠悠吧提供的接口 4.新增置顶功能 5.删除一些废话文章2022年2月17日08:57:53 1.优化了一些页面细节2022年2月15日08:58:55 1.发现自定义修改的val ...
avue食用技巧
最近开发中遇到了avue前端框架发现与我们平常的vue写法大有不同,封装过多的函数用法,前所未有的格式,一系列的食用技巧.
子表单(单列多数据)食用1234567891011121314151617181920212223242526{ label: '子表单', prop: 'dynamic', type: 'dynamic', span: 24, children: { align: 'center', headerAlign: 'center', rowAdd: (done) => { this.$message.success('新增回调'); done({ input: '默认值' }); }, rowDel: (row, done) => { this.$mess ...
mybatis_plus的QueryWrapper高级用法
一些好用的工具 和 方法,技巧先看图片先写好多表查询的sql 条件直接${qw.customsqlsegment}接口传入qw即可动态多表查询正常使用 QueryWrapper拼接sql,拼接sql时注意重命名的表名
valine评论修改方案
本文章记录valine评论,自定义修改的方法
记录修改 valine.js,如果没有就保存一份到本地然后修改引入本地valine
valine修改添加 小标签(仅valine.js 1.4.16版本)开启昵称输入qq自动识别由于新版主题为很多功能进行了,无用参数剔除,可以去看主题4.0版本的更新介绍修改valine.pug文件新增 (enableQQ: #{theme.valine.enableQQ},) 为qq头像识别
123masterS: '#{theme.valine.masterS}',friendS: '#{theme.valine.friendS}',enableQQ: #{theme.valine.enableQQ},
修改主题配置文件同样新增
123enableQQ: truemasterS: friendS:
修改valine.js搜索
1pageSize:10,recordIP:!0
添加
12masterS:"",friendS:[],
...
java技巧
一些好用的工具 和 方法,技巧java中 String 转 JSON 或 对象json需要阿里巴巴依赖
12JSONObject json = JSONObject.parseObject(JSON字符串));JSON.toJavaObject(json(如果为jsonArr那么返回的将会是一个List), Map.class(传入实体或map需要转换的类型,返回对应的类型数据));
音乐播放器左下角托盘
给博客添加一个播放器先看效果
官方教程首先安装aplayer插件1$ npm install --save hexo-tag-aplayer
可能新版本主题已经自带,可能不需要安装安装之后,根据官方的提示关闭自带的aplayer插件。
之后在需要的页面插入1<div class="aplayer no-destroy" data-id="000PeZCQ1i4XVs" data-server="tencent" data-type="artist" data-fixed="true" data-mini="true" data-listFolded="false" data-order="random" data-preload="none" data-autoplay="true" muted></div>
简单来说就是一个底部div部分参数说明 data- ...
本博客修改方案
本文章记录自定义修改博客的内容另外本博客添加了多个随机图片接口修改valine获取QQ信息的接口修改网站背景图占满屏幕 即 隐藏顶部图添加天气预报左下角播放器添加了 侧边栏 访客ip 记录添加了 侧边栏 最新valin评论信息添加了 valine评论 标签添加了一些颜色展示添加了动画效果
给博客添加gitalk评论系统,结合valine达成双评论系统
添加一个gitalk评论系统开启gitalk评论和valine评论共存在主题配置里吧这两个评论系统开启(注意缩进空格)官方gitalk配置参数,跟着它一样配置就行了
官方配置教程直达
接下来创建一个仓库,名字可以随便取, 我就取gitalk创建好之后,点击设置再点击Developer settings参数第一个填仓库名称,之后几个填你的博客域名打开后记住你的密钥 Client ID 和 Client Secret 很重要接下来打开主题配置文件找到gitalk配置把之前获取 Client ID 和 Client Secret 分别填到 client_id 和 client_secret 里面。repo 填一个仓库名就好了。
owner 填自己的 github 账号名。
admin 填 repo 仓库的拥有者,hexo 解析的时候会使用 admin/repo 去定位仓库的位置。完成之后
1hexo clean & hexo g & hexo s
效果(可能需要初始化,登录点击一下就可以了)
如果此文章对你有用的话,收藏一下,评论一下吧~
给播客添加一个播放器
给博客添加一个播放器先看效果
官方教程首先安装aplayer插件1$ npm install --save hexo-tag-aplayer
安装之后,根据官方的提示关闭自带的aplayer插件。
之后在需要的页面插入分别代表的意思
歌曲/列表/专辑 服务商 一般把000PeZCQ1i4XVs修改为你的音乐列表id,tencent为服务商 artist为播放方式1{% meting "000PeZCQ1i4XVs" "tencent" "artist" "theme:#3F51B5" "mutex:true" "preload:auto" %}
接下来获取链接id(你也可以现在就运行看看效果)打开qq音乐官网,找到我的音乐歌单打开复制地址栏上的id
1{% meting "1503100241" "tencent" "playlist" "theme:#3F5 ...