gulp 压缩 hexo 博客的静态资源(css、js、html)
写在最前gulp能够帮助用户自动压缩静态资源,配合各类下属插件,能够压缩包括css、js、html乃至各类格式的图片文件。(图片文件的压缩往往只能节省几十KB,效果远远不如imagine、tinypng等压缩方式,所以此处不再写使用gulp压缩图片的内容)。 配置教程安装Gulp插件:在博客根目录[Blogroot]打开终端,输入:1234#全局安装gulp指令集npm install --global gulp-cli#安装gulp插件npm install gulp --save 安装各个下属插件以实现对各类静态资源的压缩。压缩HTML: 12npm install gulp-htmlclean --save-devnpm install gulp-html-minifier-terser --save-dev 用gulp-html-minifier-terser可以压缩HTML中的ES6语法压缩CSS: 1npm install gulp-clean-css --save-dev 压缩JSButterfly主题文档提供了两种压缩JS的插件方案。两者的差别在于terser是ES6+ ...
hexo 博客星空背景和流星特效
1. 插入Canvas标签首先打开Butterfly主题的_config.yml文件或者使用HTML直接插入,找到配置文件对应的inject部分,插入 1<canvas id="universe"></canvas> 2. 创建JS文件在butterfly/source/js/创建一个universe.js文件,或者添加到自己的js文件中 12function dark() {window.requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame;var n,e,i,h,t=.05,s=document.getElementById("universe"),o=!0,a="180,184,240",r="226, ...
js-正则替换字符串 replace() 方法
replace()方法介绍replace()方法执行搜索替换操作。它接收一个正则表达式作为第一个参数, 接收一个替换字符串作为第二个参数。它搜索调用它的字符串, 寻找与指定模式匹配的文本。如果正则表达式带g标志, replace()方法会替换字符串中的所有匹配项; 否则, 它只替换第一个匹配项。如果replace()方法的第一个参数是一个字符串而非正则表达式, 这个方法会按照字面值进行搜索。 简单用法 123456let text = 'my name is hu,you NAME is zhang';// 因为字符串是不可修改的对象所以要赋值给一个新变量, 也可以对其重新赋值text = text.replace(/name/gi,'like'); // 标志g表示全局匹配,标志i表示不区分大小写console.log(text); // my like is hu,you like is zhang 不过replace()方法的能力远不止这些。比如在正则表达式中用括号()分组的子表达式是从左到右编号的, 而且正则表达式能记住每个子表达式匹 ...
javascript/js 关于时间函数的学习,并结合实际业务例子进入加强记忆,附快速获取当天时间函数
JavaScript Date(日期) 对象今天我们重点学习JavaScript中的Date对象。 Date对象用于处理日期和时间。可以通过new关键词来定义Date对象。 获取时间如获取当前系统时间。 12var now = new Date();console.log(now); //控制台的输出结果为Mon May 09 2022 13:48:39 GMT+0800 (中国标准时间) 也可以获取指定参数的时间。 1234567891011//参数1:年份//参数2:月份 (注意从0开始)//参数3:日//参数4:小时//参数5:分钟//参数6:秒var date1 = new Date(new Date(2022,0,1,09,30,00));console.log(date1);//控制台的输出结果为Sat Jan 01 2022 09:30:00 GMT+0800 (中国标准时间)//参数非必填,可按需省略,不填默认为0var date2 = new Date(2022,0,9);console.log(date2);//控制台的输出结果为Sun Jan 09 2022 0 ...
centos 更换内核,提示[错误] /boot/grub2/grub.cfg 找不到,请检查
提示/boot/grub/grub.conf 找不到 123yum install -y grubgrub-mkconfig -o /boot/grub/grub.conf 提示/boot/grub2/grub.cfg 找不到 123yum install -y grub2grub2-mkconfig -o /boot/grub2/grub.cfg 文章内容和代码来源于 Centos更换内核,提示[错误] /boot/grub2/grub.cfg 找不到,请检查 ,如有侵权请联系站长立即删除。
mikrotik routeros/ros 系统下载/自动更新升级包/刷机固件
1.升级:RouterOS升级的2种方式: 1.1.在ROS中自动下载并升级:打开Winbox,打开system-packages,然后点击左上角“Check For Updates”: download-先下载好,等下次重启系统时升级系统downlad&install-现在下载并重启安装更新包 1.2.下载离线包升级*我应该怎么选择适合我的升级包打开Winbox,标题栏括号中会显示你机器的类型,在下载页选择对应的包就行了*离线更新包如何使用?将下载的.npk文件,通过Winbox上传到files,重启系统即可升级。 MikroTik官方下载页面 文章内容和代码来源于 MikroTik Routeros/ROS系统下载/自动更新升级包/刷机固件 ,如有侵权请联系站长立即删除。
京东羊毛汇总
京东APP1.京豆:入口:京东APP-我的-点击京豆即可查看京豆收支明细。或者给机器人发送【查询】2.东东农场:入口:京东APP-我的-东东农场。【完成后只兑换不下单,可兑得无门槛红包(Level 4 的水果价值50元)。红包适用:于京东、京喜和京东极速版APP】3.东东萌宠:入口:京东APP-我的-东东萌宠。【完成后只兑换不下单,可兑得20元无门槛红包。红包适用:于京东APP】4.东东健康社区:入口:京东APP首页-直接搜索东东健康社区。【常有1元好物,比如口罩、维生素等等】5.京东APP-我的-优惠券:每天自动领取若干优惠券,以备不时之需。京东极速版APP1.京东极速版金币:入口:京东极速版APP-我的-金币 【建议累计金额达50元或100元兑换无门槛红包,仅红包适用:于京东极速版 APP】2.汪汪乐园:入口:京东极速版APP-我的-汪汪乐园 【汪汪乐园升级到30级可以兑换15元无门槛优惠券】京喜APP【⭐京喜红包:有效期为48小时,请及时使用】1.京喜牧场:入口:京喜APP-我的-京喜牧场 【鸡蛋兑换好物红包】2.京喜工厂:入口:京喜APP-我的-京喜工厂 【产品生产完成后,须在 ...
routeros(ros) 端口映射转发回流
1.端口映射配置(有回流,建议采用)1.1.点击“IP” – “Firewall”,选择“NAT”选项卡,并点击左上角蓝色“+”号,添加一条NAT记录。1.2.General选项卡根据下方内容进行配置1234567Chain:dstnat。Dst.Address:设为ADSL获取到的公网IP地址(随便写,使用脚本会自动更改)。Protocol:tcp(映射的协议类型)。Dst.Port:33899(外网端口号,可自定义设置)。 1.3.Action选项卡根据下方内容进行配置12345Action:dst-nat。To.Address:10.0.0.10(此处为内网设备的IP地址)。To Prots:3389(此处为内网设备提供服务的端口)。 1.4.点击“comment”,输入备注内容,例如(ESXI_WIN_33899_TO_3389),点击APPLEY和OK确认。comment内容不要使用中文,以方便记忆为准,后续脚本将使用comment名称来修改公网的动态IP。 2.为端口转发创建一个回流脚本更新公网动态IP地址2.1.点击“System” – “Scripts”,点击左上角蓝 ...
ubuntu 常用命令
ls 列出当前目录文件(不包括隐含文件)ls -a 列出当前目录文件(包括隐含文件)ls -l 列出当前目录下文件的详细信息 cd .. 回当前目录的上一级目录cd - 回上一次所在的目录cd ~ 或 cd 回当前用户的宿主目录mkdir 目录名 创建一个目录rmdir 空目录名 删除一个空目录rm 文件名 文件名 删除一个文件或多个文件rm -rf 非空目录名 删除一个非空目录下的一切 mv 路经/文件 /经/文件移动相对路经下的文件到绝对路经下mv 文件名 新名称 在当前目录下改名find 路经 -name “字符串” 查找路经所在范围内满足字符串匹配的文件和目录 文章内容和代码来源于 ubuntu 常用命令大全 ,如有侵权请联系站长立即删除。
docker 搭建 qinglong 青龙面板
项目地址:https://github.com/whyour/qinglong 1.docker部署1.1创建docker_data和ql文件夹1234cd /root/datamkdir docker_datamkdir qlcd /root/data/docker_data/ql 1.2.docker 安装12345678910#更新包数据库sudo yum check-update#下载安装dockercurl -sSL https://get.daocloud.io/docker | sh#启动sudo systemctl start docker#状态sudo systemctl status docker#开机启动sudo systemctl enable docker 配置国内镜像源 Configure domestic mirror sources 1234567891011121314mkdir -p /etc/dockertee /etc/docker/daemon.json <<-'EOF'{ "regist ...