把博客迁移到了 Hexo

其实一直都想把博客迁移到全静态的引擎,正好最近有时间,就把原本的用的主题移植了一份暗色版的,然后全部转移到用 Hexo。

我的这份主题也公开在 Github 上了,不过手机端的 UI 我还要再修一下,而且还有很多需要精简掉的部分。目标是做到页面秒开,无附加外部 JS 和 CSS。

切过来之后就可以直接写 Markdown 了,虽然我之前也用了 Wordpress 的 Markdown 插件,不过用 Hexo 之后更直接一些。

不得不说,纯静态是真的快,还没开始优化,Google 的评分就已经 99 分了。

果然不引入外部 JS 的话首屏展示时间特别快。不过由于使用 Disqus 的评论,网页加载的大部分时间都耗费在 Disqus的 JS 上面了,这个后续还要看看怎么能优化一下。

附:

最近在听的 Myoya 的音乐,也给大家推荐一下:https://www.youtube.com/watch?v=0eD4SV9rtoY

Spring Boot 【2】 使用 Thymeleaf 模板引擎

现在网站大致就是两种方案,服务器端渲染HTML或者单页面应用+API的方式。

服务器端渲染以前有 JSP 这样的方案,但由于 JSP 中要夹杂很多的 Java 代码,和前端开发一起工作的时候会前端可能会看不懂 JSP 的页面,不知道哪些部分可以修改。
而使用 Thymeleaf 来进行开发的话,它的语法就和现在的前端框架很接近。而且 Thymeleaf 的 HTML 文件脱离了我们 Java 后端的数据,依然可以在浏览器中看到页面的效果,对前端开发比较友好。
当然,如果写习惯了 JSP,也没有使用过一些常见的前端框架的话,可能就对 Thymeleaf 的语法比较陌生了。  

开始使用

我们这个项目是 Maven 构建的,所以先在 pom.xml 中添加所需要的依赖。

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

保存之后,IntelliJ 会提示我们是否导入我们添加的依赖,点击 Enable Auto-Import ,以后我们修改了 pom.xml 中的依赖它就会自动开始下载了。

打开 resources 下的 application.properties ,在里面添加一行 spring.thymeleaf.cache=false 这样子可以关闭掉 Thymeleaf 的缓存,target 中的文件改变之后不需要重启 Spring Boot 应用(Tomcat)就可以刷新看到变化。

打开之前创建的 HomeController ,然后我们把 index 方法改成这样

@GetMapping("/")
public String index(Model model) {
    model.addAttribute("message", "Hello Thymeleaf");
    return "index";
}

Read More

Spring Boot 【1】 开始你的第一个 Spring Boot 项目

序言

这大概会是写成一个很长的系列。将会使用 Spring Boot、Spring Data JPA、Spring Secutiry、 Thymeleaf、 Bootstrap 等制作一个包括支持数据库增删查改、用户注册登录等功能的完整网站,所以可能会严重拖更。

这个系列开始于 2019年10月18日 ,尽可能使用当前新的版本的来讲解,所以将基于 Spring Boot 2.2.0。

使用 Spring Initializer 开始你的项目

使用最方便的 Spring Initializer 来初始化我们的项目,可以在这里使用:
https://start.spring.io

spring-initializer

上面就是 Spring Initializer 的界面。

选择好 Maven 项目、 Java 、Spring Boot 的版本号,此处选择 2.2.0 填写 Group 和 Artifact ,接下来就可以在下面添加依赖了。

这一篇只是最基础的部分,所以只需要添加 Spring Web 和 Spring Boot DevTools 两个依赖就可以了。输入名字即可搜索添加。

添加完成之后点击 Generate 就可以获得一个 zip 文件,里面就是项目文件了。

Read More

为 Imagick 添加 webp 支持 (Ubuntu 16.04)

Ubuntu 16.04 源里面安装的 Imagick 不支持 webp ,所以得自己编译一个。

编译 ImageMagick

首先下载源码 wget https://imagemagick.org/download/ImageMagick.tar.gz 解压并打开

tar xvzf ImageMagick.tar.gz
cd ImageMagick-7.0.8

打开webp支持 ./configure --with-webp=yes 编译

make
make install

更新一下lib的绑定 ldconfig /usr/local/lib

运行一下可以发现已经有 WebP 的支持了 convert -list format | grep WebP  

编译 PHP 模块

首先要有phpize,下面的命令可以安装 sudo apt-get install php7.0-dev

克隆下面这个git仓库,编译安装

git clone https://github.com/mkoppanen/imagick.git imagick
cd miagick
./configure
make
make install

文件编译在当前目录的 modules 下,会有提示 Libraries have been installed in: ***

修改/etc/php/7.0/fpm/php.ini,添加一行 extension=/root/imagick/modules/imagick.so

重启一下 php 和 nginx 的服务

systemctl restart php7.0-fpm
systemctl restart nginx

此时已经完成,Imgick 有 WebP 的支持了

中国版 节奏过山车 :音炫轨道 试玩

听闻两台场测的 GC 拉回了广州,周末立刻就去试玩了。

中国版也采用的是音炫轨道RYTHMVADERS 这个标题。

由于这两台机之前已经有展出大半个月了,所以上方按键已经开始不灵敏了,长按过程中轻轻推动助力器会导致按键接触不良,需要经常维护才行了。

上手之后,感觉这个中国版还是很有诚意的。

虽然现在测试阶段并未有广域网联网服务,但店内联网功能可以正常使用。

最重要的是,这个游戏现有的三个领航员都进行了完整的中文配音,而且不是崩掉的配音。

我录了一个一局游戏的流程视频,包括新手教程,里面也是有配音的。

http://www.bilibili.com/video/av45947546

Read More

在 OpenWrt 上使用 华为 E5573s

华为 E5573s 可能是国内卖得最火的 随身WiFi 了。

不过它本身不能刷 OpenWrt,所以只能把他插在一个 OpenWrt 的路由器上,这也是 OpenWrt 上装4G模块最方便的方法了。

虽然可以用 OpenWrt 去桥接 E5573s 的 WiFi,不过无线的连接怎么都没有有线来得稳定。

如果有试过把 E5573s 的 USB 连接到电脑上,会发现可以直接当作一个 USB 4G 网卡来用,那么插在 OpenWrt 上也是可以的。

首先在 OpenWrt 上查找到了 这篇wiki《Use RNDIS USB Dongle for WAN connection》

简单的安装了下面这两个软件包之后,发现并不能行。

kmod-usb-net-rndis usb-modeswitch

查看 dmesg,发现识别到了 usb 设备,但是出现的是存储设备,就是电脑上会显示的那个驱动盘。

Read More

DANCERUSH STARDOM 舞律炫步 在中国

记录用。为了方便查看,改为时间倒序。

2019年4月

这个月在各地机厅举办了多个小型比赛,还有北京展的比赛。 4月30日公布了新的会员制度,版本号更新为:REC:C:A:A:2019042500 实际上的更新是从5月1日开始的,主要的更新内容有: 实装新会员制度、歌曲解禁系统。

新会员制度修改为两个档次:

基本会员VIP会员
费用15 E-am点/月 60 E-am点/半年30 E-am点/月 120 E-am点/半年
曲库58首(隐藏20首)79首(隐藏26首)
解锁消费2 E-am点/次1 E-am点/次

其中解锁消费的部分和新实装的歌曲解禁系统有关。

游玩上锁的歌曲需要消费额外的点数,不同会员的价格不同。

当上锁歌曲游玩10次超过80分以上,即可解锁到日常曲库,无需再额外消费。

EXTRA STAGE曲目也是同样,但需要10次90分以上可以解锁到日常曲库。

其次是每局可游玩的STAGE数的修改

会员(包括基本会员和VIP会员)都为2+1首,游客为2首。

2+1的含义是,前两首保底曲目,当前两首总分相加达到180分以后,可以游玩第三首。

此时第三首会出现游玩普通曲目还是EXTRA STAGE专用曲目的选项,游玩EX曲需要消耗对应解锁点数。并且EX曲目的锁血机制已经取消,掉10个的话会STAGE FAIL。

目前,基本会员暂时没有补差价升级VIP会员的功能。 关于老会员的补偿方案还未公布。   以及目前我玩到的几个BUG

基础会员在普通难度下看不到待解禁列表,只显示在简单中。

部分歌曲无法显示解锁进度(目前服务端已经重新统计完的样子)

顺便吐槽一句,直到这个版本,DRS还是使用U盘升级的方法。

Read More

OpenWrt 多WAN口以及扩展WAN口详细配置教程

本文适用于:

1.我想把 OpenWrt 的 LAN 口当作 WAN 口用

2.路由器上的 WAN 口也不够用了,我要外接交换机扩展 WAN 口

OpenWrt的交换机配置

打开 LuCI 中的交换机页面。

首先,你可能会听说过路由器有外挂交换机等等的说法。

如上图所示的那样子,下面默认有两个 VLAN ,而且 WAN 口在单独不同的一个 VLAN 中时,就是外挂交换机的路由器。

简单比喻就是路由器的 CPU (或者说 SoC ) 上只有一个网络端口,路由器后面的这么多个端口都是靠连接到另一个交换机芯片分出来的网口。

Read More

谈谈街机游戏存储卡片

在街机市场中有着各种各样的卡片,e-Amusement Pass、Aime 、BANA PASSPORT以及部分机台的专用卡片。后来 Amusement IC 出现了,想要统一三大家的储存卡片,那么使用各种不同标准的厂商怎么统一到一张卡片上了呢?

简单来说,他们三家统一到了 Felica 标准上。Felica 标准主要采用在日本的交通卡以及各种门卡,手机钱包,还有八达通上面。国内的主流是 Mifare 卡,也是从交通卡到门禁卡各种都有。

e-AMUSEMENT PASS

先说说 e-AMUSEMENT PASS (下文简称 e-PASS)。最初以及二代的 e-PASS 使用的是 ISO 15693 标准。二代 e-Pass 就是国内改机常用的灰卡。 ISO 15693 标准,实际上国内更多的称为 RFID 标签,也就是图书馆里贴在书上那种薄薄的贴纸。实际上这张灰卡也是我见过最薄的卡片,十分容易弯折。

16年开始的第三版换成了 Felica 标准的卡片。实际上 Konami 的街机游戏为了支持 おサイフケータイ ,也就是手机钱包,部分机器的读卡器很早就已经支持读取 Felica 标准的卡片。会用一定算法来把 Felica 的卡号转换成 e-PASS 的卡号,初次刷卡的时候可以在屏幕上面看到。不过有部分 Felica 卡片每次刷卡都会显示不同的卡号,这种卡片是无法当作 e-PASS 使用的。

对于 Konami 来说,升级 Amusement IC 是最容易的。大部分机台本身就支持刷 Felica ,而且 Felica 卡号转换的程序也已经有了,不需要做太多修改即可直接使用。

然而海外的 Gitadora 都没升级读卡机,读不了 Felica。

 
话说 Konami 的机台其实是支持所有15693卡的,买不到旧 epass 的可以试试手头的其他 15693 标签。比如说广州图书馆的实体借书证。

Read More