如何使用在线工具 - Photopea
众所周知，Adobe全家桶的”PS”是处理图片不可缺少的一款工具可稍不注意就会无响应警告
不过国外有一位大神开发出了在线版本的”PS”，并且将”PS”的大部分功能都给还原了
这是由Ivan Kuckir大神开发的Photopea
我们首先打开这个网站
点击新建项目，当然也可以从电脑打开
接下来它会让我们选择项目大小和模板之类的
这里可以直接不选择模板直接选择大小，然后填写一下名字就创建
进入项目后可以看到这样的界面
接下来我演示怎么做一个简单的Logo
首先点击左边工具栏的”T”(文字工具)
接着在上方会出现
这里我们可以自己调节字体、文字大小、文字颜色等
这里我选的是Hanalei Fill字体
大小我调节的是499px
然后写入自己想要的文字
写入完成后是这个样子的
接下来我们贴个图
去iconfont找个好康的图标，下载下来png
下载下来PNG后将这个图片拖进Photopea
然后调好大小就完成了
接着点击文件-另存为PSD 保存这个工程文件，方便下次修改
然后点击
然后就可以下载下来Logo了
顺便这个网站还提供SVG下载哦
总结:齐全的功能，多语言支持，佩服作者� ...
推荐一些实用工具
RaiDrive官网:https://www.raidrive.com/download
这款软件可以帮你把NAS、OneDrive、Google Drive等网盘映射到本地，目前博主正在用，非常好评!
IDM官网:http://www.internetdownloadmanager.com/
这是一款多线程下载器，最高支持32线程
下载速度杠杠滴!
Typora官网:https://www.typora.io/
一款MarkDown写作工具，支持自定义主题
也支持使用CSS自构建一款心爱的主题
ScreenToGif官网:https://www.screentogif.com/
GitHub:https://github.com/NickeManarin/ScreenToGif
可以录制高帧率的GIF
OBS官网:https://obsproject.com/
主播都在用的推流/录制软件，支持自定义推流服务器
也可以使用内置的
落雪音乐GitHub:https://github.com/lyswhut/lx-music-desktop
支持酷我、酷狗、企鹅、网易等音乐平台 ...
想写一个Button?看这里
想写一个Button但是不会CSS和动画效果?这期水货干货满满不知道什么是Button?
这是Button
这也算Button
这边就拿我的个人主页的↗ Go Blog为例子
首先我们在本地创建一个HTML和CSS
类似这样
然后我们右键HTML
打开后按照你写一个页面的格式
写一个简单的空壳页面
我这边是这样写的:
12345678910<!DOCTYPE HTML><!-- Start --!><html><head><link rel="stylesheet" type="text/css" href="./bt.css"></head><body><p>I'm Body</p></body></html>
写完后我们首先在Body部分写一个自定义样式的超链接
1<a class="btn" href="https://blog.slqwq.cn" target="_blank" rel="external nofollow noopener ...
使用Travis CI持续集成工具自动化部署Hexo
众所周知，Hexo是一款免费开源的静态博客生成工具，使用它可以快速生成一个博客。但随着文章之类的东西增加，生成的速度也会逐渐变慢，如果你配置不够，那搞不好就要几小时才能生成，并且还有一个好处:
即走即编辑，就算你是手机也可以在线编辑文件，免去配置环境。
所以今天我教大家如何使用持续集成工具—-Travis CI来部署Hexo
创建仓库我们首先打开GitHub
选择
仓库名称可以随意
但是一定要选择Private，不然你的博客源码就会被别人看到，到时候使用Token提交的各位小伙伴的仓库就不保喽
创建完成后复制你的仓库克隆地址
在Hexo根目录下打开终端
输入
1git add travis 复制的仓库克隆地址
创建Travis CI配置接着去创建一个文件:”.travis.yml”
里面输入
123456789101112131415161718192021222324252627282930language: node_jsnode_js: stablesudo: required# Travis-CI Cachingcache: directories: - node_ ...
搭建Hexo
本期教大家如何搭建Hexo
首先需要准备的东西如下:
1.电脑
2.手
3.脑袋
好了没了
安装Node.js由于Hexo这款博客程序是基于Node.js所构建的，所以我们需要下载Node.js
打开Node.js官网
选择下载稳定版（LTS):12.18.3
下载并安装完成后验证是否安装好了的方法
打开终端
输入node -v和npm -v
如果出现版本号v….就说明安装成功
安装Git使用Hexo呢Git也是必不可少的
打开Git官网
点击Donload 2.28.0 for Windows即可进行下载
但由于是使用GitHub的release进行下载所以速度较慢
国内用户可以使用:淘宝镜像源进行下载，最新版本需要翻到最底下进行下载
安装好后在桌面单击右键，如果右键菜单出现
Git Bash Here的字眼则代表安装成功
安装Hexo新建一个文件夹，在里面右键
选择Git Bash Here打开Git终端
输入
1npm install hexo-cli -g
安装Hexo-cli
安装好后输入
1hexo init
来初始化Hexo，此步骤会从GitHub下载Hexo的 ...
关于3.0.0RC2版本Valine魔改出博主、访客、小伙伴的教程
关于Butterfly最新的3.0.0RC2版本如何魔改出博主、访客、小伙伴的教程
首先我们进行对比
发现3.0.0RC的Valine.pug与其他版本的结构不相同
其它版:
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950- let emojiMaps = '""'if site.data.valine - emojiMaps = JSON.stringify(site.data.valine)script. function loadvaline () { function requestSetting (from, set) { var from = from var setting = set.split(',').filter(function(item){ return from ...
Hexo小魔改
注:本文的所有魔改都基于JS/配置文件魔改，并不修改源码
为了方便，本文的魔改提供一键JS:
未压缩JS:
1<script src="https://cdn.jsdelivr.net/gh/slblog-github/BlogFlies@V1.7/jake.js"></script>
普通压缩JS:
1<script src="https://cdn.jsdelivr.net/gh/slblog-github/BlogFlies@V1.7/jake.min.js"></script>
加密压缩JS:
1<script src="https://cdn.jsdelivr.net/gh/slblog-github/BlogFlies@V1.7/jake.encryption.js"></script>
页面添加小红心在主题source目录下新建文件
click_show_love.js
文件内插入以下代码
1!function(e,t,a){function n(){c(".heart& ...
Butterfly实现Aplayer+Meting不断歌
最近有人问我，我博客上的那个播放器是怎么弄的
放图:
其实要实现我博客的这个Meting+Aplayer很简单
首先你需要更新到Butterfly的Pjax分支
然后去themes/Butterfly/source里新建个JS，名字随意
接着编辑这个文件
里面填写
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455document.writeln("<script src=\'https://cdn.jsdelivr.net/npm/pjax/pjax.min.js\'></script>");document.writeln("<script>var pjax = new Pjax({");document.writeln(" selectors: [");document.writeln(" \'title\',");document.writeln(" \'meta[ ...
使用好的CDN让你的网站获得更快的加载速度
本文参加又拍云技术征文活动!
Cover来自impdx
大家好，本文章我来教大家如何使用好的CDN让你的网站获得更快的速度
了解什么是CDNCDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
简单来说就是将你原站的服务分发给CDN的各个机器，然后当你访问套上CDN的网站时将你301到最近的服务
CDN的作用CDN主要用来:
1.下载
2.音视频点播
3.加速网站
4.存储文件
如何使用本期教程使用又拍云
废话不多说，进入正题
注册账号第一步当然是注册账号啦
进入又拍云官网
点击右上角的注册有礼在接下来的页面里面会出现两个选项
1.申请个人账号
2.申请企业账号
对于我们当然是选个人帐号啦
然后注册你们应该都懂，这边就不多说啦
配置CDN注册好了当然要配置CDN拉
在这之前，我们需要实名~
我们需要进入实名页面
接下来点击实名 ...
More-Beautiful-Div-Framework
注:本CSS基于WordPress niRvana主题制作
Butterfly引用方法
旧版本:\themes\Butterfly的_config.yml
新版本:\source\_data\butterfly.yml
打开后
找到inject:
head:处
添加
123- <link rel="stylesheet" href="https://unpkg.com/more-beautiful-div-framework/more-beautiful-div-framework.min.css">- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css">- <link ...