【新】EmlogApp小程序-Brief5.0
【新】EmlogApp小程序-Brief5.0
图片演示 视频演示 如果你无法看到该视频,那么可能你的电脑不支持该文件格式。 介绍 EmlogPro官方出了Api接口,比以往的插件版Brief使用更方便,所以我另外重新写了一个程序,还叫Brief Brirf-5.0使用uni-app开发,适配安卓、iOS、小程序 Rro的Api接口还不完善,所以实现的功能可能没有老版本多,等到新的接口发布,我会第一时间更新! App下载链接:彭先生博客App QQ小程序:彭先生博客(QQ小程序) console.log("Hello Brief"); echo "Brief is OK!"; alert("Fewer and fewer bugs") print("Powered by emlog") die("by - 大彭Sir") 安装教程 不会配置联系我,免费远程操作 新版只需修改博客地址即可编译成App以及小程序端 导入项目到HBuilderX 修改setting.js内的博客地址 安装App设置插件 编译成小程序 编译成App 注意: 源码导入后可使用hbuilder内置浏览器预览,预览的过程会自动下载所需要的插件,页面出现即可 如果下载完插件无法运行尝试如下方法: 1.打开命令窗口输入命令npm instal 2.(无法编译运行到小程序)打开小程序开发者工具-设置-安全-打开服务端口即可 3.待添加 上面的方法都无法解决就联系我远程调试 大家可随意折腾,玩坏了重新下载就行,遇到问题可在群里反馈,欢迎大家提出宝贵的意见。群:壹叁捌柒柒捌柒叁玖 小程序服务器域名配置 您的博客域名以及七牛图片上传(tp.hkiii.cn) 如果您使用了天行数据、百度链接提交的接口,则需要配置该Api域名 需要的接口 baidu收录量:百度收录量 sougou收录量: 搜狗收录量 该接口非免费接口,主要获取文章收录量(baidu、sougou),按需申请,如不需要该功能请不要申请 Dcloud:Dcloud (用于App打包) 七牛云对象储存:七牛云对象储存(按需申请) 百度链接提交Api(按需申请) 在线更新 每次更新需要在home.vue第112行更新版本号 每次更新的版本号必须比上一次要高,否则无法更新 目前只支持整包更新,如果需要wgt包更新可在群里反馈。 其他问题 以前购买过无授权版的用户直接联系我即可 购买插件版的用户需补差价 源码下载 github地址:https://github.com/pengsirs/emlog-uni gitee地址:https://gitee.com/pengsirs/emlog-wxmini 更新记录 2022-05-04 项目开始时间 新增文章发布 2022-06-12 新增文章列表和文章详情 文章发布支持标签 修复小bug 2022-06-15 文章发布支持上传图片到七牛云 2022-06-17 新增文章发布验证 新增关于、反馈等页面 2022-06-25 新增App登录功能 新增收录查询功能 修复bug若干 2022-07-03 新增文章分类 新增app、小程序端分享功能 修复小bug 2022-07-04 修复上传图片bug 小程序配置改为后台设置 2022-07-07 修复小程序端bug 2023 重写App端以及小程序端 在老版本样式上优化 新增笔记发布,文章编辑,App在线更新 新增专题推荐 新增轮播文章 重写文章分类 重写文章、标签搜索 新增设置插件 新增首屏加载效果
 2022-7-7
置顶文章
vue比较版本号
vue比较版本号
比较版本号 今天在写EmlogAPP在线更新功能的时候有用到版本比较,记录一下 给你们看看效果吧 实现方法 将两个版本号拆成数字 依次比较版本号每一位大小,当对比得出结果后跳出循环 比较方法来自:CSDN作者luviaWu大佬 实现代码 compare(curV, reqV) { if (curV && reqV) { //将两个版本号拆成数字 var arr1 = curV.split('.'), arr2 = reqV.split('.'); var minLength = Math.min(arr1.length, arr2.length), position = 0, diff = 0; //依次比较版本号每一位大小,当对比得出结果后跳出循环(后文有简单介绍) while (position < minLength && ((diff = parseInt(arr1[position]) - parseInt(arr2[position])) == 0)) { position++; } diff = (diff != 0) ? diff : (arr1.length - arr2.length); //若curV大于reqV,则返回true return diff > 0; } else { return false; } }, 调用方法 version() { var flg = this.compare(this.appData.data.appVersion, this.banbenhao) if (flg) { this.upgradeType = 'wgt'; this.upgradeUrl = this.appData.data.appUrl; this.$refs.yomolUpgrade.show(); }else{ uni.showToast({ title:"已经是最新版本", icon:'success' }) } },
 2023-1-13
Element UI隐藏table滚动条
Element UI隐藏table滚动条
当table内容列过多时,可通过height属性设置table高度以固定table高度、固定表头,使table内容可以滚动 现在需要去除滚动条 CSS /deep/.el-table__body-wrapper { &::-webkit-scrollbar { // 整个滚动条 width: 0; // 纵向滚动条的宽度 background: rgba(213,215,220,0.3); border: none; height: 0; } &::-webkit-scrollbar-track { // 滚动条轨道 border: none; } }
 2023-1-7
vue实现打印及导出
vue实现打印及导出
安装命令: npm i vue-to-pdf --save npm i vue-easy-printer --save 绑定事件 <div id="exportPdf" ref="exportPdf"> </div> <input type="button" @click="printPdf">打印</input> <input type="button" @click="savePdf" >导出(pdf)</input> savePdf(){ this.$PDFSave(this.$refs.exportPdf, "我的文件"); }, printPdf(){ this.$easyPrint(\'exportPdf\',"我的文件",\'portrait\'); } 另外一个打印安装 npm install vue-print-nb --save 全局注册 import Print from 'vue-print-nb' Vue.use(Print); 使用 用v-print指定需要打印的div容器,本次叫printTest。 最好使用行内样式,使用组件库部分样式可能不能生成。 <div id="printTest" > <p>锄禾日当午</p>       <p>汗滴禾下土 </p>       <p>谁知盘中餐</p>       <p>粒粒皆辛苦</p>     </div>     <button v-print="'#printTest'">打印</button> 不打印区域 <div class="no-print">不要打印我</div>
 2023-1-7
Emlog百度小程序-Brief
Emlog百度小程序-Brief
图片演示 以下演示图片不代表正式版,后续会在此基础上新增功能&修改页面。 下面图片过大,可能加载时间长,请耐心等待 主页 文章详情 搜索 安装步骤 下载源码并导入到百度开发者工具 并修改setting.js文件即可使用 系统Key获取方法: 注册登录到tp.hkiii.cn 进入后台找到小程序设置-Api配置 注意生成Key输入框里面一定要填写,不然无法生成系统Key <<<<<---------(重要,一定要看‼️‼️) 填写其他相关内容后保存并刷新即可获得系统Key 有其他问题联系我QQ6283354 合法域名配置:(request) (b.bdstatic.com)获取百度图标 (tp.hkiii.cn)获取后台管理信息 您的博客域名
 2022-12-31
小程序图片加载失败替换图片
小程序图片加载失败替换图片
问题介绍 在开发小程序的时候经常会遇到有些图片失效的问题,记录下我是这么解决的 本来官方文档里面有图片发生错误监听的方法,一直没注意到 实现效果 当图片发生错误时,我们就把图片url改成默认的图片url <image binderror="imageError" class="lists-img" data-index="{{index}}" src="{{item.cover||m1.getimg(item.description)}}" mode="scaleToFill"></image> 我们先使用data-index进行数据绑定,拿到index的值 imageError(e) { var index = e.currentTarget.dataset.index; var img = 'dataa['+index+'].cover' this.setData({ [img]:'../../static/image.png' }) }, 当图片发生错误就进入这个方法,使用e.currentTarget.dataset拿到index的值 如果index为零的话,那就能知道图片的路径变量是this.data.dataa[0].cover 然后给url设置新的值即可
 2022-12-31
Css标题样式美化
Css标题样式美化
效果 今天在写Emlog百度小程序的时候发现原来的标题样式太丑了,简简单单改一下吧,本文代码可直接放在brief网站主题里面。 before伪元素选择器 :before是css中的一种伪元素,可用于在某个元素之前插入某些内容。 代码实现 先整体设置 h1,h2,h3,h4,h5,h6{ position: relative; padding-bottom: 8px; } h1:before,h2:before,h3:before,h4:before,h5:before,h6:before{ width: 40px; height: 3px; position: absolute; content: ''; top: auto; left: 0; bottom: 3px; border-radius: 3px; transition: 4s; } 然后单个设置颜色 h1:before{ background-image:linear-gradient(to right ,green,rgb(4, 46, 4)); box-shadow: 1px 1px 3px -1px green; } h2:before{ background-image:linear-gradient(to right ,#f17c67,#971903); box-shadow: 1px 1px 3px -1px #f17c67; } 这两个时示例其他的需要你自己添加 获取完整代码 如果您的网站主题是brief可直接替换markdown.css文件 文件地址: https://www.hkiii.cn/content/templates/brief/css/markdown.css
 2022-12-30
    下一页 尾页 跳转到第 页,共 16 页

Theme By Brief 鄂ICP备19010459号

站长统计 sitemap

首页

分类

友链

登录