City Background
  • Article cover

    Linux 下将 Spotify 的音乐导入一般音乐播放器

    Spotify 真的是一个非常好用的音乐串流平台,无论是社区质量还是推荐算法都甩了某云音乐几条街,但是比较麻烦的一点是它传输的音频文件经过了一组非常硬核的加密算法处理,对于一般用户来讲这并没什么问题,但是对于我这种宿舍上网有流量计费的患者却非常麻烦,1G 两块钱的流量费用拿来听高音质流媒体真的是有点吃不住,所以我会选择在实验室那边先把音乐处理一下然后装到 MP3 播放器里拿回宿舍听,这样就可以免除钱包被掏空的苦恼。

    网上流传了很多花钱的转码工具,但是本着能不花钱就不花钱的原则我还是在 GitHub 上找到了在 Linux 下不花钱就可以解决问题的方法,接下来就向各位介绍一下具体的操作细节。

    注意:本文是一篇加密文章,仅面向我的朋友们开放,如果你误打误撞点进来的话我只能说抱歉了。 _(:3 」∠ )_

  • Article cover

    开源评论框 isso 后台无法通过 HTTPS 访问的解决方法

    国内的社会化评论框基本上已经都死干净了,国外的比如像 Facebook Comments 或者 Disqus 也是各有各的问题,比如国内根本连不上、Tracker 一大堆影响访客隐私。这时候自己托管的开源评论框工具就派上用场了,你可以把评论服务托管到自己的服务器上,没有 Tracker,也没有加载速度的问题。我选择了 isso 管理访客评论,因为其架构简单,资源消耗相对较少且无需配置数据库。但是选择自己搭建这类服务免不了要折腾,部署过程都很简单,但是配置 https 的时候出了很大的问题,整个 isso 对 HTTPS 的支持都有问题,这个问题在管理后台上尤为明显:你没办法通过 https 协议登录后台,会出现 405 报错。花了点时间研究了一些如何解决这一问题,本文记录了我所提供的两种解决方案。

  • Article cover

    在 Web 端实现 Reveal Highlight 效果

    Fluent Design System 是由微软设计团队发布的一套用于其自家平台的设计语言。在用户体验这一设计语言时,能够最为直观感受到的设计元素之一就是 Reveal Highlight:当你的鼠标划过一个按钮时,会有一个光效跟随着你的鼠标划过;当你按下鼠标时,会有一串涟漪散开。

    这个效果和 Material DesignRipple 效果非常像,但是实现起来却比 Ripple 困难得多:二者主要的差异是 Ripple 只会在鼠标按下并弹起时才会被触发显示,而 Reveal Highlight 效果则需要有一个光效元素时时刻刻跟随鼠标移动,让光效在鼠标移动时跟手就是我们要解决的最大问题。

  • Article cover

    在 IIS 上配置内容静态 gzip 压缩

    将文本内容先在服务器上经过压缩再传递给客户端能够极大的减少数据传输所需要的流量,在某些情况下需要传输的数据会减少约 70%,这对站长的钱包和用户正在见底的手机流量都很有好处。唯一觉得不开心的可能是服务器的 CPU,因为在每次传输数据前都对数据进行压缩会给服务器的 CPU 造成一定的压力,为了解决这一问题,我们可以将站点的静态资源进行预压缩,这样在用户请求资源时,我们就不用先压缩这些文件,而只需要将提前压缩好的资源传给用户就好,有些前端框架(比如 Angular)甚至会直接提供预压缩过的资源文件可以说是非常贴心了。

    通常情况下 Nginx / Apache 都能比较好的处理预压缩的问题,但是轮到 IIS 的时候就比较难搞了:直至 IIS 10,微软也没有提供直接读取预压缩文件的功能,因此我们需要手写 web.config 文件来实现这一功能,本文将简要介绍如何在 IIS 下搞定这一需求。

  • Article cover

    【视频】 Hyperscanning 数据分析方法概览

    Hyperscanning 是一种探究自然情境下社会互动个体脑活动特性的优秀实验范式,通过采集多个实验参与者的脑活动,我们可以了解到这些大脑之间是如何协同工作进而完成社会性活动的。相较于传统实验范式,Hyperscanning 范式为科研工作者带来了极大的挑战,一方面体现在了实验的准备与执行上,另一方面体现在了数据分析上。由于涉及到同时分析多条信号,因此不可避免地会引入一些非常复杂的分析方法。

    对于这些分析方法,如果不了解其原理和适用范围,不仅会让科研工作者再分析数据时更容易犯错,同时对结果的正确解读带来非常大的影响。因此我花了大量的时间对于常用的方法进行了研究并准备了这次报告,以期为该领域的科研工作者提供一些帮助。

  • Article cover

    那些有画风毒的开源许可证

    如果你已经决定把你的代码丢到网上(比如 GitHub/BitBucket),并且决定再也不维护它,那么为你的源代码选择一个合适的开源许可证是必要的。开源许可证告诉其他人,他们应该在哪些条件的约束下使用你的源代码。一份明确的开源许可证可以有效地保护源码的使用者(安全的使用你的代码)和源码的开发者(通过免责声明保证不被起诉)。

    无论你的源代码是否重要,开发者都应当为自己的源代码选择许可证。当然,如果你觉得自己的源代码真的很不重要,甚至想跟读你代码的人们开个玩笑,那么可以考虑一下这些画风有毒的开源许可证们 (゚∀。)。

  • Article cover

    让 iFrame 元素与内容页面高度相同的方法

    iFrame 元素的尺寸与内容页面尺寸大小相同是一个非常常见的需求,但是实际实现起来是非常麻烦的,昨天维护博客留言板的时候顺把留言板改成了有留言就自动调整 iFrame 大小的样子,其中遇到了几个技术点,考虑到可能有遇到类似需求的朋友,所以做一个记录方便查阅 (<ゝω・)☆

    解决这个问题的主要技术难点包括:

    • 框内和框外的跨域通讯问题,当二者不处于同一域下不能直接操作彼此的元素或者读取信息;
    • 当框内文档大小发生变化的时候如何进行捕捉。
  • Article cover

    为 autoSSH 端口转发配置 systemd 守护进程

    SSH 端口转发是一个相当有用的技术,它既可以用于内网穿透,也可以用于明文数据的传输加密。出于稳定性的需要,我们一般希望在连接断开之后能够自动连接,而不是手动的重新开启一个链接。autossh 正是这样一个帮助我们自动重新建立连接的工具。本文将简单介绍 SSH 端口转发的三种类型,autossh 命令的书写以及其 systemd 守护进程配置文件的基本模板。

  • Article cover

    公开一部分有用的笔记

    昨天开源了一大票的 PPT,但是咱并没有玩爽!于是决定今天向公众开放这两年做的几份比较重要的笔记,仅供有需要的朋友参考ヽ(✿゚▽゚)ノ。

    注意: 同之前一样本文章中的所有文稿均依据 CC-BY 4.0 发布,如果您在您的作品中使用了全部或部分我的内容,请注明引用内容的创作者为 Losses Don。虽然并非强制要求,但我们鼓励您将本页面的永久链接置入您的作品中以帮助更多的人发现我们的开放计划。

  • Article cover

    开源一部分之前做过的 PPT

    大家好我是你们的 PPT 制作大师螺丝 (*゚∀゚*)☆,自从考上研进组之后我做的 PPT 就一直被当做组里人复制粘贴的最佳素材,想着很多人可能也对设计 PPT 有着很大的困惑,所以借着这个机会把我这两年做过的 PPT 全部开放出来给各位参考,也算是让手里这一大堆吃灰的东西重新发光发热一下。

    注意: 本文章中的所有 PPT 均依据 CC-BY 4.0 发布,如果您在您的作品中使用了全部或部分我的内容,请注明引用内容的创作者为 Losses Don。虽然并非强制要求,但我们鼓励您将本页面的永久链接置入您的作品中以帮助更多的人发现我们的开源计划。