更新说明
即将实现的功能目前是单侧边栏,将会修改为双侧边栏,即左右都展示侧边栏 (目前右边侧边栏展示有点多)用springboot复刻 一些api接口 (灵感来自 悠悠吧)即将用java mysql vue复刻hexo+bf实现前后端分离管理系统(页面模块估计一样)已知问题jsd图片可能加载失败,导致hexo识别为404图片说明2022年5月27日11:01:18 1.重新部署了 hexo + butterfly博客 2.升级hexo到6.2.0 升级butterfly到4.2.2 3.开启pajx 4.不再提供音乐播放器功能 5.新博客前夕2022年5月24日17:41:08 1.优化一些问题 2.开启左下角看板娘2022年5月19日08:29:34 1.暂时自代理处理了 blogapi.chrelyonly.cn jsd加速的问题2022年5月9日18:06:47 1.舍去了 glpu工具(不好用) 2.更新至主题新版本4.2.0 3.优化一些页面展示2022年3月25日20:38:27 1.再次使用了glup自动化构建工具用来压缩代码 2.以后将会活跃起来,争取多发文章多学习!202 ...
新博客预定中
本文章记录 复刻一个 hexo + butterfly 版博客两个版本(微服务,和boot版)1.微服务(即评论系统独立和一些功能独立)2.boot版(即功能为一体)
将会有h5端,app端,各类小程序端..使用环境,框架,技术1.springboot快速开发框架(jeecgboot全后端+vue2+vue3) 用于管理端2.使用vue3编写的博客 (butterfly主题版)
预计2个月出效果
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
效果(可能需要初始化,登录点击一下就可以了)
如果此文章对你有用的话,收藏一下,评论一下吧~