saber 酱的抱枕

Fly me to the moon

06/24
2020
软件

做了一个网站分享我喜欢的软件

其实这是个 vue-cli 练手项目来着,分享了一些我比较常用和推荐的软件。没有列出比较小众的,以及专业性要求较高的软件。估计不会怎么更新了(摸鱼使我快乐

演示地址:https://software.pixiv.download/

github 地址:https://github.com/xuejianxianzun/softwareList

默认没有背景图片,通过右键菜单设置背景图。

做了一个网站分享我喜欢的软件

06/17
2020
ACG 软件

一个 bilibili 视频下载工具

一个 bilibili 视频下载工具

有时我们会想把 bilibili 上的视频下载下来保存,现在已经有很多种方式了,如果能直接下载的话是最方便的!今天看到一个新出的网站就是这样的。

萤火虫视频解析

直接输入 av 号或者 bv 号就可以马上解析出 1080p 清晰度的 mp4 格式视频,直接右键保存即可。

因为视频网址是解析的 b 站网址,所以可以直接下载。这里我要批评 bilibilijj,如果一个视频没有缓存到它的服务器上就不能下载,属实垃圾。

一个 bilibili 视频下载工具

06/16
2020
软件

IconViewer 软件图标提取工具

IconViewer 软件图标提取工具

有时候我们可能需要提取一些软件的 icon 图标,IconViewer 就是一个方便的软件,它安装之后会集成到资源管理器里,当你右键一个文件的属性时,如果它里面包含了 icon 资源,就会显示“Icons”选项卡,可以查看和保存里面的图标。

官网下载页面:
https://www.botproductions.com/iconview/download.html

64 位系统直接下载第一个链接 IconViewer 3.02 x64 edition 就行了,如果是 32 位的系统则需要下载 32 位的。

这软件是 2008 年的了,现在 win10 上用着也没问题,微软的兼容性太好啦~

顺便这个软件一次只能保存一个图标,如果想要批量提取所有图标,可以考虑其他软件,比如 免费图标工具,但这玩意安装时会调查你的信息,虽然可以跳过,但是很令人讨厌。

IconViewer 软件图标提取工具

06/8
2020
软件

Photoshop WebP 格式插件

Photoshop 本身不支持打开 WebP 格式的图片,我们需要下载一个插件。

http://www.fnordware.com/downloads/WebP_v0.5b9_win.zip

这个解压出来有两个插件,分 32 位和 64 位。

打开 Photoshop 的安装目录,找到 Plug-ins 文件夹。根据你的 Photoshop 是多少位,把对应的插件放进去。

Photoshop WebP 格式插件

然后重新打开 Photoshop 就可以啦~

Photoshop WebP 格式插件

05/26
2020
软件

VUE-CLI 中自定义环境变量

在 VUE-CLI 中,环境变量指的是 process.env 中的属性。这里面有一些预定义的环境变量,如果我们想添加一些自定义的环境变量,可以这么做:

建立一个 .env 文件,在里面设置要定义的环境变量,名字以 VUE_APP_ 开头,如:

VUE_APP_NAME = saber

注意这不需要使用 js 语法,直接设置键值对即可。

设置之后,在 VUE 的 js、ts 里就可以使用这个环境变量了,如:

console.log(process.env.VUE_APP_NAME)

如果想让自定义的的环境变量只在指定模式生效,可以参考文档,建立其他模式中使用的 .env 文件。

参考:
https://cli.vuejs.org/zh/guide/mode-and-env.html

VUE-CLI 中自定义环境变量

05/26
2020
软件

VUE-CLI 的 process.env.BASE_URL

在 VUE_CLI 项目中配置路由时,例如有如下代码:

export default new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      name: 'index',
      path: '/',
      component: Index
    }
  ]
})

base: process.env.BASE_URL 这个参数令我疑惑,花了点时间才搞清楚。

默认情况下,这个 BASE_URL 并不需要特意配置。它默认会是空字符串 '',等于没有实际作用。

如果要配置 BASE_URL,需要在项目根目录创建 vue.config.js 文件,在里面设置 publicPath
Read More →

VUE-CLI 的 process.env.BASE_URL

05/12
2020
软件

修改Hosts 解决 raw.githubusercontent.com 打不开的问题

最近我一直打不开 raw.githubusercontent.com 开头的网址,这是 Github 上文件源文件的域名。

ping 了一下,结果显示根本找不到这个域名,于是我找了下这个域名的 ip 地址添加到 hosts 文件里,解决了问题。

199.232.4.133 raw.githubusercontent.com

ps:我很疑惑的是为什么梯子开的全局代理,还是打不开,非要添加 hosts 才解决。梯子的全局代理不是应该从梯子的服务器转发流量吗?梯子的服务器也无法解析这个域名?这有点离谱。总之有点奇怪。

附一个网站 ipaddress.com,可以输入域名查询对应的 ip,以便我们添加 hosts 时使用。

修改Hosts 解决 raw.githubusercontent.com 打不开的问题

04/23
2020
软件

FTP 主动模式和被动模式

FTP 协议需要服务器端和客户端配合。总所周知 FTP 的端口号是 21,但其实这个端口只用于传输 FTP 命令,传输文件时使用的是其他端口。(一般是一个随机的端口)

主动和被动是以客户端为主体来定义的。

PORT 主动模式:当需要传输文件时,客户端告诉服务器,我开放了 xxxx 端口,服务器来连接客户端。

PASV 被动模式:和主动模式相反,由服务器告诉客户端使用什么端口,然后客户端去连接服务器。

今天我因为这两个模式的区别,栽了一个跟头。

因为这个服务器防火墙的入站规则只允许外部网络连接指定的几个端口,出站规则不受限制。

问题来了,被动模式里,服务器告诉客户端,我们使用 1551 端口,你来连接我吧。

然后连接就被防火墙拦截了,GG。

此时把客户端改为只使用主动模式,这样会由服务器来连接客户端。服务器出站没有限制,而客户端一般不会那么严格,传输就可以进行了。
Read More →

FTP 主动模式和被动模式