木灵鱼儿

木灵鱼儿 5年前 Typecho博客教程

typecho 评论表单头像

关于评论表单的这个头像，其实挺麻烦的，动不动代码就会报错，超蛋疼的，于是我琢磨了下，想了个思路。用户未登录使用固定头像用户登录了使用登录头像用户是访客，已经留言了，使用留言的邮箱获取头像众所周知，typecho的头像是使用全球头像Gravatar的，Gravatar他本身也是通过邮箱来设置账户的，所以我们通过邮箱也能获取到头像地址。不多说，上代码[hide]<?php //已登录?> <?php if ($this->user->hasLogin()) : ?> <?php $this->author->g...

3.7w 0 52

typecho 教程评论

typecho 获取相关文章，指定数量

木灵鱼儿 5年前 Typecho博客教程

typecho 获取相关文章，指定数量

typecho获取相关文章页挺常用的，官方有这个代码，这里特意分享一下，讲一下用法。<?php $this->related(4,NULL); ?> <?php if ($relatedPosts->have()): ?> <?php while ($relatedPosts->next()): ?> <a href="<?php $relatedPosts->permalink(); ?>"> <h3><?php $relatedP...

5147 8 0

typecho 教程相关文章

typecho 获取最新文章，指定数量

木灵鱼儿 5年前 Typecho博客教程

typecho 获取最新文章，指定数量

发现这个方法还常用的，特意分享出来。<?php $this->widget('Widget_Contents_Post_Recent','pageSize=5')->to($news);?> <?php if($news->have()):?> <?php while($news->next()): ?> <a href="<?php $news->permalink();?>"> &...

7001 0 1

木灵鱼儿 5年前 Typecho博客教程

typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速

typecho的缩略图，其实自己用了好久，最近才发现了一种最简单的组合，不用太多代码，有需要改改方法就行了。目前我总结了一个对文章缩略图的获取顺序：用户自定义缩略图文章第一张缩略图文章附件第一张图文章随机图是否开启cdn加速，使用加速地址前段本地地址基本上按照这个思路，所有的情况都能照顾到，当然我看了一些付费的主题，他会对用户自定义的缩略图进行定制，比如，大图，小图这些，其实我感觉挺麻烦的，哈哈这里我们一步一步完善这三步教程[hide]自定缩略图自定义缩略图我们需要一个自定义字段，这个自定义字段也是在网上找的别人的分享技术，这里贴出来用法直接在主题function.php文件里面，插入如...

8w 0 100

主题 typecho 缩略图

typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速

element ui 侧边栏导航刷新自动展开并高亮

木灵鱼儿 5年前 vue 项目实战

element ui 侧边栏导航刷新自动展开并高亮

这个应该有点追求都想要做到的事情吧，都希望每次刷新页面，页面的导航栏能够自动高亮，二级菜单的话就自己展开。我想了好久，今天无意间测试到了，特此分享。[hide]思路首先我们要知道NavMenu 导航菜单他的选项菜单是有一个必填属性index的，这个index要求类型必须为string格式。然后根元素el-menu他有一个默认选中的属性default-active，而这个属性刚好要对应index。而el-menu的这个属性是可以自动展开菜单的，即便这个index可能是二级菜单的index。他依旧可以做到展开的效果，并且高亮对应的选项。所以，我们现在的重点就是这个index怎么设置，怎么获取...

2.3w 23 22

vue element 导航

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

木灵鱼儿 5年前 vue 项目实战

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

最近遇到一个需求设计一个开发的环境，由于产品本身很庞大，所以需要划分区域开发，每个人负责一个部分，但是又不太想使用官方的那种资源分布的模式，想独立开发，最后整合，且不相互干扰。于是有了这个。[hide]具体要求需要将每个分类单出拆分为一个独立的项目模块，里面有路由、vuex、组件、单页、静态资源等目录。例如：商城：购物车、订单页、商品页、设置页...文章：新建文章、文章列表、修改页、标签页...由于这种分类非常多，所以需要将类似商城、文章这些作为一个模块，每个小组负责一个模块开发，开发vue文件，组件、vuex、路由、静态文件、导航菜单都单独拆分，自己这个项目写一个入口文件，用于资源的调...

10.4w 0 112

模块 vue vue-cli

centos 8.4 完美samba局域网共享目录

木灵鱼儿 5年前教程

centos 8.4 完美samba局域网共享目录

经过一番苦练，终于搞清楚如何本地centos局域网共享了，只需一点点配置，完美的很啊。超快速部署，再也不用摸不着头脑了。[hide]要求因为我是本地共享，加上就我一个人用，权限要求自然是越高越好，反正也不会瞎鸡儿删除文件这种，所以我决定用root用户作为samba的共享账户。安装首先我的环境是centos8.4，理论7和6都是一样的。首先我们需要安装sambayum install samba配置安装完毕后我们需要进行一下环境操作：关闭防火墙去他娘的防火墙sudo systemctl stop firewalld 临时关闭 sudo systemctl disable firewall...

9218 0 7

centos samba 局域网共享

ventoy 制作多合一pe启动盘教程

木灵鱼儿 5年前教程

ventoy 制作多合一pe启动盘教程

今天买的迷你主机到了，需要安装一个centos8.4系统，但是我原来的u盘做了pe了，如果要做linux安装，需要整个格式化，这样pe只能二选一，非常尴尬。于是找到了一款国外开发的多合一的工具Ventoy，使用非常方便，可以自动识别iso镜像，只要你的pe是iso镜像，就能通过他来使用。下载官网中文文档官方提供了window系统下制作和linux系统下制作的软件，当然还有iso镜像包，三种方式，自行下载需要的版本。安装下载完解压，插入U盘，打开软件，然后在软件界面选择u盘，点击安装，提示格式化就确认。官方的软件还支持点击升级，省的每次更新都要重新格式化。格式化完毕后，目前最新版他没有分两...

8859 0 0

centos ventoy pe

mock.js 前端虚拟api数据

木灵鱼儿 5年前 vue 项目实战

mock.js 前端虚拟api数据

创建一个mock.js文件用于设置虚拟数据接口//mock import Mock from "mockjs"; Mock.setup({ timeout: '300-500' }); /行业数据扩展 Mock.Random.extend({ industry(min, max) { const data = ["financial", "bes", "it", "agriculture", "estate", "medic...

4990 0 1

mock

layui框架 dropdown 模块

木灵鱼儿 5年前 Layui

layui框架 dropdown 模块

找了半天没找到一个合适的dropdown模块，本来就很简单的需求，就是希望在hover的时候能显示一个二维码小窗口出来，实在无奈，自己造了个模块用了。预览图支持四个方向简单快速使用方式资源下载：蓝奏云密码:6szx下载模块，layui使用自定义模块不用多说吧，不知道看我博客发布的layui模块文章，然后自己把对应的样式css单独引入就行了。html格式<div class="layui-dropdown" id="dropdown"> <button class="layui-dropdown-toggle...

9395 0 2

模块 dropdown layui

vue 异步组件

木灵鱼儿 5年前 vue 项目实战

vue 异步组件

传统的vue组件切换，无非是Vue.component定义一个组件，然后设置一个名字，再通过component自定义html元素加上is属性去动态切换组件。vue-cli的话，在components里面将import的组件激活，然后也是is属性配合component自定义html元素进行切换。那么异步组件的优点在哪里呢？无非是组件会作为一个单独的js文件存在，需要时才被调用，这个特性再开发单页的时候最明显，他是会在打包后将异步组件单独生成一个js文件，在调用时下载并使用。如何创建一个异步组件Vue.component创建异步组件这个方法适合script引入vue.js的那种方式，估计也用...

5561 0 2

vue 异步组件

Layui 模块化教程(说人话版本)

木灵鱼儿 5年前 Layui

Layui 模块化教程(说人话版本)

官方对于layui模块化的说明只言片语，看得我着实有点懵逼，还好有万能群友帮助，总算明白要怎么写了，为此特意出个教程。模块化优点相比于传统的jq模块，layui模块他在于导入方式和不占据浏览器资源请求额度(一般一次只能6个)，且调用也方便。jq模块是需要自己手动在html里创建script元素并src引用js文件，这样即便我们丢到body的最后面加载，也是需要占用下载数量的，并且如果你要调用这个模块，你的js必须在该模块之后才行。这也是传统js调用的一个模式。layui模块他的原理是js创建script元素并插入，而这样创建的script是不占据下载资源数量的，并且调用时只需要在layu...

5626 0 0

layui 模块化

typecho 获取当前时间格式：2020年9月17日星期四

木灵鱼儿 5年前 Typecho博客教程

typecho 获取当前时间格式：2020年9月17日星期四

因为我尝试使用function去封装一个，结果不知道为什么就是提示data这个函数不存在，这个不是php默认的吗，所以只能写成显示语法了。<?php $weekarray=array("日","一","二","三","四","五","六"); echo date("Y年n月j日")."　星期".$weekarray[date("w")];?>

8068 0 0

typecho

js 滚动条 simplebar 使用教程

木灵鱼儿 5年前教程 JavaScript

js 滚动条 simplebar 使用教程

simplebar的使用，千万不要使用GitHub上的bate版本，会有问题。目前还是6.0的bate测试版，正式版为5.2.1官网githubnpmnpm那支持vue和其他框架，用法要在那看。普通html使用无需jq，只需要new出这个构造函数，并将需要设置滚动条的dom传入即可。引用<link rel="stylesheet" href="https://cdn.staticfile.org/simplebar/5.2.1/simplebar.min.css" /> <script src="https://cdn....

7822 0 0

Reach2 响应式Typecho博客主题 V2.5

木灵鱼儿 5年前 Typecho 主题

Reach2 响应式Typecho博客主题 V2.5

Reach 基于Bootsarp4的响应式博客主题，目的是为了更好的阅读体验，更快捷的使用方式，更优质的UI而存在。历经时间打磨，更贴合需求预览变化基于以前的Reach主题进行重构，V2版本修复了之前的一些bug，也更新了新的功能。[x] 整个框架重构，更加符合现代化代码要求[x] 主题加入可视化操作[x] 评论快捷展示作为消息通知放在顶部[x] 轮播模块调整，可关闭[x] 加入标签云[x] pro版天气样式优化，天气可切换，可关闭[x] 完美的自定义page分页[x] 友链模板调整，精简部分js代码提高性能[x] 关于模板重写，统计视觉设计（强烈推荐）[x] 主题ui设置本地化处理（黑...

2w 100 8

博客主题 Reach

typecho 判断用户在哪个用户组用户鉴权

木灵鱼儿 5年前 Typecho博客教程

typecho 判断用户在哪个用户组用户鉴权

既然开放了注册，那么用户组就是一个问题，我们需要进行鉴权。获取用户处在什么用户组typecho有5个角色，一个是访客，我们通过是否登录来判断。剩下四个为：administrator 管理员editor 编辑contributor 贡献者subscriber 关注者具体权限可以查看官方的这个说明：用户组<?php echo get_object_vars($this->user)['row']['group'];?>通过这个可以判断当前用户的用户组是什么，管理员就输出administrator鉴权<?php $user...

4739 0 0

typecho

typecho 重定向

木灵鱼儿 5年前 Typecho博客教程

typecho 重定向

以前台注册为例，他是一个独立页，所以输入地址是可以直接进入的，但是如果用户已经登录了，按道理，这个页面是不能进的，所以需要重定向。于是乎我们需要在开头加上这么一句话if ($this->user->hasLogin()) { header("Location:".$this->options->siteUrl); exit; }这里以独立页做个演示：<?php /** * register * * @package custom */ if (!defined('__TYPECHO_ROOT_DIR__&...

4616 0 0

typecho

typecho 判断是否允许注册

木灵鱼儿 5年前 Typecho博客教程

typecho 判断是否允许注册

最近应群友要求写一个前台注册，从泽泽那拿到了form，但是有一个问题，就是我要怎么才能知道，这个前台注册是可以用的。所以要判断博客是否开启了允许注册，于是从官方的login页拿到了一个东西，自己改了下，效果一样。不多说，上代码：<?php if($this->options->allowRegister): ?> <a href="<?php $this->options->registerUrl(); ?>"><?php _e('用户注册'); ?></a>...

3954 0 0

vue 切换路由动效

木灵鱼儿 5年前 vue 项目实战

vue 切换路由动效

一直想找一个动效，因为以前一直都是使用mode="out-in"；这种一般也就fade这种动效好看，如果要更好看一点，就需要花点心思了。效果原理通过给每个路由的自定义属性meta设置一个层级，第一层，第二层，第三层，也可以理解为第一页，第二页，第三页。然后通过这个层级关系判断页面是往左还是往右。源码[hide]vue<template> <div id="app"> <transition :name="transitionName"> <keep-alive&g...

3514 0 0

transition vue 路由

koa框架爬虫

木灵鱼儿 5年前 Node

koa框架爬虫

听别人说node可以写爬虫，然后我去尝试了一下，有点累啊，大概原理其实用jq都能做出来效果，只是说没有后台操作了。原理利用http模块发出请求获取到网页信息通过cheerio插件进行提取信息保存遇到的一些问题首先就是提取信息，因为获取到的其实是一个html页面的内容，我们需要进行提取，这里当然用jq会方便很多，但是node里面没有jq，只有cheerio这个伪jq，所以很多jq的方便的方法，使用这个插件用不出来。特别是$(".box:nth-child(2)")这种选择器就无法使用，只能通过eq，和find进行截取，然后再each循环，性能上应该很浪费。转义有的站点他...

4443 0 0

node koa 爬虫

koa框架29 日志

木灵鱼儿 5年前 Node

koa框架29 日志

我找了很多个插件，发现都好难用，npm哪里的说明等于没有，你根本不知道他哪些配置参数怎么弄，百度的文章真的是五花八门，不是抄就是缺胳膊短腿，想来想去还是自己写好了。日志的格式我是仿 koa-logger，我感觉他这个样式还不错，但是他这个插件只能console输出，如果是测试环境，还行，但是上线后作为日志保存，就不太行。我尝试去用他的方法去保存，会乱码，编码我也设置为utf8了，所以无解啊。（超蛋疼有没有）预览相对来说还是比较简单。原理通过中间件的形式，正常请求和发生错误，为此，我们需要创建一个全局的错误处理中间件，在这个里面我们触发自己写的日志方法。const logger = re...

4341 0 0

node koa

koa框架28 上传文件

木灵鱼儿 5年前 Node

koa框架28 上传文件

fields中的文件数据上传过来的文件存放在ctx.request.fields里面，他是一个数组。fields大概数据如下：img: [ File { _events: [Object: null prototype] {}, _eventsCount: 0, _maxListeners: undefined, size: 86516, path: 'E:\\代码\\koa-web\\upload\\upload_13de2b1692363e80c2a838f1744ae9ce'...

4451 0 0

node koa

热烈庆祝独立开发项目《书签管理系统-MUMARK》正式发布了

木灵鱼儿 5年前 vue 项目实战

热烈庆祝独立开发项目《书签管理系统-MUMARK》正式发布了

多少个日日夜夜，多少个春去秋来，苦学node，今日终得回报，前端菜鸟流下了激动的泪水。基于以前mutool的想法，前端后分离结构，只支持pc端，分辨率低于700的就不要看了，ui不支持。在线地址MUMARK

8948 0 5

vue node koa

nginx 跨域

木灵鱼儿 5年前教程

nginx 跨域

centos 跨域模板location * { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS,DELETE,PATCH'; add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Contr...

4407 0 0

node nginx

centos 部署node服务

木灵鱼儿 5年前 Node

centos 部署node服务

首先我们需要安装node，具体本博客搜索node，有一篇对应的教程。首先我们需要宝塔，因为需要ng反代，node他本身不能绑定域名的，所以就很蛋疼，如果我们还要配置https，用node来做就头疼的要死，用宝塔不到三分钟就搞定了。[hide]部署文件我们创建一个用于存放serve服务的文件夹，然后将server后端的一系列文件都传上去。cd /xxx/xx/xxx/xx 进入你的存放文件的目录此时我们可以像平时一样输入node server.js来启动后端服务，此时我们可以进行调试的。但是有个问题，这样启动的话，ssh命令界面一关闭，这个服务也就关闭了，我们不可能长期开着这个ssh窗口...

4749 0 0

node

木灵鱼儿

typecho 评论表单头像

typecho 获取相关文章，指定数量

typecho 获取最新文章，指定数量

typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速

element ui 侧边栏导航刷新自动展开并高亮

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

centos 8.4 完美samba局域网共享目录

ventoy 制作多合一pe启动盘教程

mock.js 前端虚拟api数据

layui框架 dropdown 模块

vue 异步组件

Layui 模块化教程(说人话版本)

typecho 获取当前时间格式：2020年9月17日星期四

js 滚动条 simplebar 使用教程

Reach2 响应式Typecho博客主题 V2.5

typecho 判断用户在哪个用户组用户鉴权

typecho 重定向

typecho 判断是否允许注册

vue 切换路由动效

koa框架爬虫

koa框架29 日志

koa框架28 上传文件

热烈庆祝独立开发项目《书签管理系统-MUMARK》正式发布了

nginx 跨域

centos 部署node服务

最近评论

博客文章RSS订阅

博客评论RSS订阅

木灵鱼儿

登录

typecho 评论表单头像

typecho 获取相关文章，指定数量

typecho 获取最新文章，指定数量

typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速

element ui 侧边栏导航刷新自动展开并高亮

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

centos 8.4 完美samba局域网共享目录

ventoy 制作多合一pe启动盘教程

mock.js 前端虚拟api数据

layui框架 dropdown 模块

vue 异步组件

Layui 模块化教程(说人话版本)

typecho 获取当前时间 格式：2020年9月17日 星期四

js 滚动条 simplebar 使用教程

Reach2 响应式Typecho博客主题 V2.5

typecho 判断用户在哪个用户组 用户鉴权

typecho 重定向

typecho 判断是否允许注册

vue 切换路由动效

koa框架 爬虫

koa框架29 日志

koa框架28 上传文件

热烈庆祝 独立开发项目《书签管理系统-MUMARK》正式发布了

nginx 跨域

centos 部署node服务

最近评论

博客文章RSS订阅

博客评论RSS订阅

typecho 获取当前时间格式：2020年9月17日星期四

typecho 判断用户在哪个用户组用户鉴权

koa框架爬虫

热烈庆祝独立开发项目《书签管理系统-MUMARK》正式发布了