分类 建站 下的文章

[译]关于Textarea那些小技巧

1. 使用图片作为textarea的背景,输入的时候消失

textarea和其他的普通元素一样,css加上一个背景即可,不过为了阅读性更好,需要在输入的时候隐藏,这个功能使用jQuery来完成即可。
CSS:

textarea {
  background: url(images/benice.png) center center no-repeat; /* This ruins default border */
  border: 1px solid #888; 
}

Javascript:

$('textarea')
  .focus(function() { $(this).css("background", "none") })
  .blur(function() {
          if ($(this)[0].value == '') {
             $(this).css("background", "url(images.png) 0 0 no-repeat")
          }
   });

2. 使用HTML5的placeholder属性来设置预设文本

HTML5 的forms元素引入了一个新的属性:placeholder。它为表单元素显示默认值提供了可能,在用户填写之前给出提示,填写时候消失。


- 阅读剩余部分 -

Typecho使用markdown输入表格(为知笔记适用)

虽然Markdown原生是没有表格(table)支持的,只能通过插件实现,不过对Typecho来说是内置了支持的。

太简单了,直接举例说明

| Tables   |      Are      |  Cool |
|----------|:-------------:|------:|
| col 1 is |  left-aligned | $1600 |
| col 2 is |    centered   |   $12 |
| col 3 is | right-aligned |    $1 |

↓↓↓↓将会得到↓↓↓↓↓

TablesAreCool
col 1 isleft-aligned$1600
col 2 iscentered$12
col 3 isright-aligned$1

主要就是使用竖线 | 来连接,然后关键的是第二行,这是Typecho将之识别为表格的关键,没有不行。

默认是左对齐,如果要让某一列居中就在这一列的第二行输入 :---: 这样,如果是右对齐就是 ----:


20141009补充:

表格两端的竖线不是必须的,所以,可以写成:

 Tables   |      Are      |  Cool 
----------|:-------------:|------:
 col 1 is |  left-aligned | $1600 
 col 2 is |    centered   |   $12 
 col 3 is | right-aligned |    $1 

效果是一样的。

那么,问题来了,输入要输入|怎么办?目前我只知道使用|来代替。

20141231补充:

Typecho升级到1.0以后,这个功能以及失效,不过在为知笔记里依然可以使用。什么?你不知道为知笔记支持Markdown?

20150126补充:

Typecho继续升级到开发版,这个功能又回来了,╮(╯▽╰)╭

淘宝20元/50元/100元购买的香港空间对比

起因

因为买了域名,所以就想要把它使用起来,然后不想B案,所以只好使用国外空间,试用了一下,发现延迟好严重。然后就转向使用香港空间。

经过

最开始贪便宜,就上淘宝买了20元一年的那个,使用了一些时间,发现有些慢,表现为如果一天中有那么一个小时没有打开网站,打开就会有3-5秒的延迟,然后再打开就快了。

以为是Wordpress的问题,于是想换成Typecho试一下,结果安装不上最新版的Typecho,很郁闷,于是上淘宝问客服,客服怎么会知道啊,只说我们是支持的,出错是因为你不会!!!

懒得去问客服了,毕竟才20元的东西。

然后就继续看,找了另外一家,选了50元/年的,然后发现速度确实不错!

最终

缘于对速度的追求,继续换了一家,选的是100元/年的,这次才知道什么是差距。

很多的东西都是比较之后才知道好坏的,之前对于网站打开速度怎么算合格没有感觉,这下,有了三个空间了,很好对比了。

20元50元100元的空间对比

下面的图将是不同时间段的对比,每张图上面的4个表分别是:

20元 | 50元
100元| 国外免费空间

使用的是DNSPod的D监视来查看相应速度。曲线表示相应时间,图中的数字是当前一段时间的4条线路访问的评价响应时间。

8点14分:

8点14分



- 阅读剩余部分 -

Typecho模板添加上一篇、下一篇链接

typecho的默认模板是非常简洁的,本博客就是使用的默认的主题模板。

不过文章的末尾处没有上一篇和下一篇着实不方便,因为有时候文章太长,得分成好几篇来写,这时候就要查看相邻的文章。

其实方法非常简单,就是编辑对应的模板文件。

因为我们需要加入的位置是在每一篇文章的末尾,所以打开文章部分对应的模板文件修改。

具体路径就是 /usr/themes/default/post.php

- 阅读剩余部分 -

几个重要建站名词的个人理解

基本关键词解释

服务器:

其实服务器也是一台特殊的电脑,我们上网的过程就是从服务器取得网页页面的过程。打开网页的过程可理解成是取得服务器上面的一个文件,大多数时候是html文件,或者动态生成的html文件。

域名:

但是服务器的地址是ip形式的,我们平时可是通过www网址的形式访问的。这里说到的www.XXX.com就是域名,可以理解为服务器地址的一个别名,域名不止这一种形式,还有.cn.org.net 等后缀。

DNS服务器

我们输入网址之后,不会立刻带到目标服务器(除非是输入ip地址),而是要先经过DNS服务器。DNS服务器上面保存了世界上所有的网站的域名和ip地址的对应关系。

- 阅读剩余部分 -