Skip to content →

1Miaow Posts

又换了个服务器

去年下半年看Linode出东京机房了,赶紧去申请了一个服务器挂着SS,用了这几个月下来感觉挺好,然后前几天发现了Google BBR这档子东西,一激动就把我DO新加坡的服务器搞挂了,算了算了也懒得再恢复了,反正里面也没什么东西,决定把网站都搬到Linode这边来。

首先配置了一下SS,然后弄好了BBR(在此之前搞坏过服务器好几次,所以最后一次配好只花了5分钟左右),youtube的高清毫无压力了=w=

之后又得考虑用什么博客系统了,tumblr因为小黄片泛滥被墙了,hexo后期归档起来太费劲,想来想去还是用WP了,毕竟后期导出也就是一个xml的事情。配置了一下Nginx,MySQL,PHP(尽管基本没怎么写过PHP但是还是莫名其妙的不喜欢,估计受舆论影响太大了),装好了Wordpress,找出了很久之前的WP文档备份,然后导了几个之前hexo的md文件,最后把tumblr的内容都导了进来,大功告成。

突然发现我一年多没写东西了,所以这一年里,我的服务器就是个翻墙机么=w=

换回了WP,回到熟悉的环境突然觉得好激动,憋着一堆废话想拼命往外吐一样,总之搞定了,终于可以不用再折腾了(Really?)

之前服务器上还剩一点练手的小东西,以后有心情了慢慢搬过来吧。

160 Comments

Starwars

 

The Sketch3 has been removed from the App Store( ˙-˙ ) Sad

2 Comments

Minami Kotari

My pen tablet hadn’t been used for a long time.So I tried to copy this Minami Kotori this night.

2 Comments

换到了新加坡机房

大半年没有更新什么东西了,这两天DO的速度已经惨的不忍直视,之前这个VPS是在SFO的机房,刚建立的时候见下载速度是蛮不错的,也有个小几百KB/S,可是这两天很糟糕的说,降到了20KB/S左右。本来想着是不是可以换linode了,可是想想账户里面还有60多刀的学生优惠,没办法估计还得用上一年了。

测试了一下SGP的机房,下载速度还不错,有500KB/S左右,于是想都没想就换过去了。

可是随之而来的问题就是,没法在origin用美元购买游戏了(欧元买的游戏要贵不少),这个可以用VPN解决;其次是Rdio貌似不能听了怎么的,每个音乐只有30秒,估计也是只限美国本土,这个实在没辙了;另外就是google的服务速度貌似都慢了不少,邮箱和plus打开要半天。

好纠结…

2 Comments

HTML5 logo with CSS3

I’ve drawn the HTML logo by following the tutorial HTML5 logo using CSS3 this afternoon. It looks a little complex but actually easy.Let’s put the code into parts.

  1. The text ‘HTML’;
  2. The wrapper itself, contains the whole logo;
  3. The ’#five’ div mainly defines the color of 5 and puts the 5 above the other divs.
  4. Put the divs ‘top’…’left-bottom’ together to creat the number 5.
  5. The Pseudo-classes ‘wrapper:before’ and ‘wrapper:after’ mainly defines the shape of the shield (The bigger one in deep orange).
  6. The Pseudo-classes ‘inner:before’ and ‘inner:after’ defnes the shape of the shield in light orange.This shield is in the same size as the deepper one, but the property ‘transform: scale(0.85)’ of the class inner make this shield smaller.
  7. The class ‘inner left’ contains all the properties of the class ‘inner’.It shows half of the bigger shield in the left above the div of the smaller shield:
    .inner.left {
    width: 170px;
    overflow: hidden;
    -webkit-transform: scale(1);
    }
  8. The class ‘inner left cover’ mainly adjusts the color of 5 in the left.

Fine, that’s all of it.

以后还是少写点多贴图吧,突然发现Tumblr对代码的支持好糟糕。

View the demo.

html5logo

2 Comments

A image with pure CSS3

I’ve been learning CSS3 recently.This image was finished by following the tutorial Happy Holidays with CSS3.

In this tutorial, I learned:

  • How to use the function linear-gradient.
  • Something about the Position property, especially ‘position:absolute’.
  • How to make circles and triangles in CSS3, and put them into layers like Photoshop.

The turorial was very helpful which let me improve a lot ( Although the image is simple and not very beautiful:D ).

Click here to see my work.

happyholidays

2 Comments

首页的重新设计并支持移动设备

之前首页设计的比较乱,看上去可能没问题,但是代码一塌糊涂,下面的留个按钮也是以table的形式排列的,所以根本不兼容移动设备,每次用手机打开时都会感觉到很别扭,强迫症表示受不了。

开始想使用Kube框架的,折腾了一会感觉还是不合适,这个响应式设计的框架如果直接照着使用还行,但是我这里一些地方有自己的设计,不能生搬硬套,改他的css也比较繁琐,于是决定自己针对移动端写一个css。首先把以前的table之类样式全部清理掉,全版面是div的嵌套,感觉轻松了不少,然后修改html:

一三行是针对普通PC端和移动端的css引用,第二行是突发奇想,把移动端的css用到小窗口浏览上。

这里出现一个问题,就是移动设备也会载入PC端的一些样式,所以需要覆盖重写,所以之前copyright的绝对定位是没法使用的,只能一行一行往下挤。但是按钮那一排是浮动元素,copyright自动跟在了上面main文字的后面,雅阁给的办法是after伪类清除浮动,貌似很常用的手段:

之后也没太大问题了,基本就是调调位置之类的了,哦对了,那个,在电脑上显示没问题的图标,放到手机上会显示模糊,我猜测是Retina屏幕的问题,目前还没找到解决方法,以后慢慢说吧。

2 Comments

重置了一下Nginx以及系统对中文的支持

###Nginx
问题出在不能随系统启动,由于是自己编译安装的,每次手动启动都得进入目录,找到文件以后才能启动,想停止的话只能查询并杀掉进程,决定配置一下init.d里面的脚本,可以用service命令控制Nginx。

使用了JasonGiedymin提供的脚本。

然后nginx.conf的目录有问题,在nginx的根目录下,不在conf目录下面,调试了半天也没成功,于是,重新编译安装了一遍解决:

###中文的支持
主要问题是之前系统不支持中文,VIM修改MD文件的时候很麻烦,只能下下来在本地修改,很不必要的麻烦,于是想想还是安装中文的支持吧。具体不细说了,网上很多的教程,需要注意最后得配置一下环境变量:

没有全部使用zh_CN.utf8,之前试过全部使用,连系统的提示都是中文的了,看着蛋疼无比,满满的是山寨感,于是只设置了系统语言支持中文,其它还是英文显示。

2 Comments