最新 | 最热门 | 最高评价

+0  把我的个人网站推倒重来(Part 4 - Responsive Image)

Tag: image | rebuild | responsive | website
Cat Chen 发于 2018年10月08日 11:55 | 点击: 347 | 展开摘要
网站整体完成后,我就可以开始做各种小优化了。其中一个优化是使用 responsive image 来适应不同分辨率和不同像素密度的屏幕,用到的是 <img /> 新增的 srcset 和 sizes 属性以及新增的 <picture /> 元素。因为现在有多套新旧并存的 responsive image 方案,而且它们使用的属性存在重叠,所以要搞清楚到底这些属性如何运作,还是要动手实验。
sizes 属性

<img srcset="

查看全文: http://www.udpwork.com/item/17123.html

+0  把我的个人网站推倒重来(Part 3 - 用 Netlify 做静态网站发布)

Tag: deployment | netlify | rebuild | website
Cat Chen 发于 2018年10月01日 04:42 | 点击: 488 | 展开摘要
之前两篇文章讲述了我用 Harp 和 Bootstrap 搭建新版个人网站的过程,执行 harp compile 进行构建,输出的 www 目录就是我们想要的静态网站。我可以找个传统的静态网站 host,然后通过 FTP 这种古老的方式把文件上传上去。然而这真是我在第一篇文章中说到的一个痛点,我不希望通过 FTP 部署,最好是好像我熟悉的 Heroku 那样通过 GitHub 触发部署,我每次本地更新后执行一下 git push 就行。
Heroku
因为我已经熟悉 He

查看全文: http://www.udpwork.com/item/17102.html

+0  把我的个人网站推倒重来(Part 2 - 用 Bootstrap 做移动网页)

Tag: bootstrap | css | rebuild | website
Cat Chen 发于 2018年09月04日 09:38 | 点击: 473 | 展开摘要
配置好 Harp 做静态网站构建后,就可以开始做网页了。上一个版本的个人网站样式是我自己设计的,当年用的还是 Macromedia/Adobe Fireworks,做出来一个 PNG 文件然后导出为不同的小图片。这次我也有考虑过要不要自己重新设计一个新的样式,但考虑到新设计不如解决其他几大问题重要,于是决定推迟样式设计。现在的计划是,先用 Bootstrap 解决绝大部分的问题,将来有时间重新设计样式了再做成 Bootstrap 主题。
导航栏
我的个人网站对组件的需求很

查看全文: http://www.udpwork.com/item/17073.html

+0  把我的个人网站推倒重来(Part 1 - 用 Harp 做模板引擎)

Tag: harp | jade | rebuild | website
Cat Chen 发于 2018年08月31日 23:29 | 点击: 387 | 展开摘要
根据模板和数据生成静态网站的框架有很多,例如说 Harp、Jekyll、Hugo 等等。我对比了一下,最终选择了用 Harp,因为它是用 JavaScript 写的,如果我真的需要做什么改动我可以轻易地去改它的源代码。用 Harp 的坏处也很明显,这个项目在 GitHub 的源代码上已经很久没更新,搞不好将来不再有人维护。
安装 Harp 和用 Harp 编译生成静态页面很容易。因为 Harp 是「convention over configuration」的框架,所以每个

查看全文: http://www.udpwork.com/item/17047.html

+0  把我的个人网站推倒重来(Part 0 - 历史背景)

Tag: rebuild | website
Cat Chen 发于 2018年08月24日 21:40 | 点击: 364 | 展开摘要
我的个人网站最初是架设在 catchen.biz 上面的,当时还在大学里,只是想做个网站存放简历和作品,方便找工作。那个时候我还自己设计了这个网站的模板,然后用上了时下最流行的 XHTML + CSS + JavaScript 来实现这个模板。每个页面顶部都有一行在 HTML5 时代早已不需要的声明:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http

查看全文: http://www.udpwork.com/item/17029.html

+2  小额支付试验的结果

Tag: My_Website
阮一峰 发于 2012年07月31日 10:47 | 点击: 1410 | 展开摘要
去年5月,Google关闭了我的Adsense广告账户。
我在网上宣布,由于没有了广告收入,我决定卖文。还承诺一年之后,公布收到多少钱。

现在一年过去了,今天我就公布结果。

需要道歉的是,晚了两个月。5月底的时候,有一家报纸对这个题材有兴趣。我就想先发表在报纸,再公布在网志。谁知报社最后还是没发表,整件事就这样拖下来了。

下面的文章,就是我给报纸的稿子。根据要求,字数1500字,内容针对非专业读者,没有进行微支付的深入讨论。

=====================

查看全文: http://www.udpwork.com/item/7844.html

+0  我的Google Adsense帐户被关(续)

Tag: My_Website
阮一峰 发于 2011年05月19日 23:06 | 点击: 1592 | 展开摘要
一、

自从贴出前一篇文章,已经过去72个小时了。
那篇文章引起很大的反响,完全出乎我的意料。很多事情接踵发生,令我不知所措。

我的心情很矛盾,但是我想有些事情应该及时告诉大家。

二、

最大的事件,当然是昨天下午收到Google的邮件,宣布恢复我的Adsense帐户。

"您好!

在对您的 AdSense 帐户进行全面的重新审核后,我们决定将其恢复。 不过,广告开始在您的网站上投放可能会有一定的延迟,因为我们所有的服务器收到更改通知可能需要最多 48 小时的时间。

查看全文: http://www.udpwork.com/item/5070.html

+0  我的Google Adsense帐户被关

Tag: My_Website
阮一峰 发于 2011年05月16日 22:20 | 点击: 1806 | 展开摘要
一、

上周四,我收到Google的邮件,宣布关闭我的Adsense帐户。

"您好!

查看了相关记录后,我们确认您的 AdSense 帐户存在引起无效活动的风险。保护 AdWords 广告客户,使其免受无效活动的侵害是我们的责任,因此我们认为有必要停用您的 AdSense 帐户。您的未结余额以及 Google 的相应收入份额都将会全额退还给受到影响的广告客户。

此致

Google AdSense 小组敬上"

我看到这封信就傻了。为什么要关掉我的帐户?我什么也没做啊!

查看全文: http://www.udpwork.com/item/5055.html

+0  三段脚本自动化备份网站和添加Nginx网站配置文件

Tag: Host | Linux | Programming | Mysql | Nginx | Website | 备份
何 李石 发于 2011年01月08日 22:17 | 点击: 2211 | 展开摘要
本站使用的是Linode VPS,选择Fremont机房,速度很不错。
不过,自从添了几个网站之后,速度就慢了。我以为内存不够,应付不来,可我查看内存的使用情况并没发现这个问题。后来只好怀疑那个机房到中国的线路不太好使,可很多同一个机房的网站照样速度很好啊。
后来,通过简单的方法解决不了这个问题,我只好伸下懒腰起来看看access.log文件了。一看吓一跳,访问我们服务器最多的既不是机器,也不是我自己,而是服务器上的某个网站。也就是说,该网站上有个程序一直在向本地服务器发出g

查看全文: http://www.udpwork.com/item/4030.html

+0  我的英文网志

Tag: My_Website
阮一峰 发于 2010年11月17日 21:26 | 点击: 1376 | 展开摘要
犹豫了一阵子,还是决定公开。
但是先声明:那是一个随便写写的地方,阅读价值不高,不推荐订阅。

我的英文网志:http://www.ruanyifeng.com/en/

我就是用它练习英语写作,摘录英语文章,没有做大的打算,至少目前如此。

我的中文网志,将一如既往继续更新。我依然把它当做生命中重要的事情,寄托了一些更严肃的追求、更大的抱负。欢迎大家继续关注。如果一切顺利,明年我会发起一个web 2.0的网络项目,把我的个人行为上升为群体行为,让我们一起为世界带来一些不一样

查看全文: http://www.udpwork.com/item/3464.html

+0  我的Tweet档案

Tag: My_Website
阮一峰 发于 2010年05月12日 15:10 | 点击: 1524 | 展开摘要
"微博"就是不超过140个字的微型网志。
很长一段时间,我都想不出它有什么用,140个字可以说什么?大概只有自恋狂,才会把自己的一举一动贴上网,让全世界看到吧!

所以,尽管我在2007年5月就注册了,但是一直没有使用。我还做了一个试验,用它直播我的大连之行,最后的结论是,它对我真的没用!

不过,从今年开始,我的看法变了。

我发现,查看最新消息,比如某地发生地震,"微博"是最好的工具。而且,人与人之间的直接联络,用它也非常方便。

所以,我就重新启用自己的帐户了。我的ID

查看全文: http://www.udpwork.com/item/1395.html

+0  史上最糟糕的网站

Tag: Web开发 | 轶事趣闻 | website
陈皓 发于 2010年04月07日 09:35 | 点击: 2060 | 展开摘要
下面罗列了一些可能是史上最糟糕的网站,当你打开这些网站的时候,请不要太过惊讶,你可以尝试着欣赏一下,不可否认,如果你使劲全力去欣赏,你还是可以找到一些亮点的。呵呵。

http://www.shufsd.org/,这个网站让我想到了我97年在大学里开始学习HTML的时光,该网页的风格可能比当时我做的还要好一些,不过基本上是很类似的。

http://www.havenworks.com/,这个网站呢?先介绍这个网站主要是让你对后面的网站有个过渡,老实说,这个网站比起后面的来说

查看全文: http://www.udpwork.com/item/596.html
|<<<1>>>| 一共1页, 12条记录