重新设计了一下自己的网站

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4066 天前的主题，其中的信息可能已经有所发展或是发生改变。

这是旧的: http://rayps.diandian.com
之前我一直在用点点网的博客服务，绑定了自己的域名到点点上，
后来点点关闭了自定义模板功能，同时也出现各种问题，并且很不稳定，
我感觉点点的内容质量和服务越来越差了，估计是许朝军在专心做啪啪要放弃点点了吧...

于是我就看看有没有更好的博客解决方案，WP 这种就算了，还是觉得 Octopress 这种最适合我，
但这对我来说难度实在有点高了，反复折腾过三次都失败之后就放弃了。
无奈之下我决定一边 Google 一些HTML/CSS/JS的相关资料一边自己手写自己的网站，
并且把传统的 Blog 型个人网站改成 Portfolio 型的，因为这很适合设计师而且对于没时间更新文章的人来说维护成本较低。

于是诞生了 http://www.rayps.com
我打算在这样一个静态页面里简单地展示一些包括设计/项目/摄影/文章/艺术作品等等，
首先展示设计的方法我是直接调用了 Dribbble 的 API，感觉非常方便，最重要是简单粗暴。
一些小项目我就直接给它们做一个对应的小 Banner ，调集跳转到相应项目主业。
摄影的话全都是手机浪摄流所以我打算直接调用我 VSCO Grid 上面的，但发邮件给VSCO得到回应是他们不打算开放 API，我准备考虑用 Flickr 或 Instagram 的API。
至于文章这里就最有趣了，我最喜欢 Markdown ，我打算写完之后直接导出为html，每次更新文章我就纯手动编辑一次index.html 在里面加一个<a href="刚才写的文章">就行了，感觉很好玩的样子。

遇到一个很奇葩的问题，不知道为何页面字体在Chrome里面会被无缘无故加粗，
所以我也不得不在所有地方都用了font-weight: lighter; 真奇怪。
对了，我还做了一些不明觉历的 Responsive ...但是在 iPhone 上看不知道为何没有效果，要再研究研究。

我现在是搭在@farbox 的，太喜欢这个服务了，希望能继续坚持下去。

点点

API

文章

50 条回复 • 1970-01-01 08:00:00 +08:00

akinoniku

2013-10-08 11:34:24 +08:00

里面的设计都好好看

lenville

2013-10-08 11:38:37 +08:00

Amazing designs

andybest

2013-10-08 11:56:02 +08:00

pixels 是个什么设计软件？

heidour

2013-10-08 11:58:21 +08:00

长影生成器好帅

rayps

2013-10-08 12:02:35 +08:00

@akinoniku 谢谢，还需提高

@lenville Thanks :)

@andybest pixels 不是一个设计软件，直接就是像素的意思

@heidour 玩玩就好，长影其实已经过时了

kyze8439690

2013-10-08 12:07:14 +08:00

手机上浏览效果不错

rayps

2013-10-08 12:11:20 +08:00

@kyze8439690 Android可能会好些

belin520

2013-10-08 12:14:21 +08:00

给你个建议，就是：
===================
以下内容回复可见
===================

xiazs

2013-10-08 12:19:01 +08:00 via iPhone

好像没有手机样式。。。

Mcatt

2013-10-08 12:37:29 +08:00

不愧是设计师，网站很赞！

rayps

2013-10-08 12:50:03 +08:00

@xiazs 浏览器变窄的时候也能看到效果，我要针对iPhone研究一下CSS的responsive.

kenneth

2013-10-08 12:57:52 +08:00

@rayps 加我QQ:50009371。聊聊

gongweixin

2013-10-08 13:13:00 +08:00

不错错、很漂亮

xiaoye5200

2013-10-08 13:37:29 +08:00

原来的好看。大图才震撼

ushuz

2013-10-08 14:15:47 +08:00 via iPhone

@rayps 也许viewport的原因？

zlg

2013-10-08 14:18:09 +08:00

作品很赞

Superoutman

2013-10-08 15:12:26 +08:00

Long Shadow Generator非常爽！但不知为什么，我试用了几下之后，每次打开该扩展都会引起CS6崩溃，真心求解。谢谢。

westoy

2013-10-08 15:21:25 +08:00

@Superoutman

http://thezinx.com/2013/08/30/long-shadow-photoshop-action-freebie.html

http://graphicburger.com/long-shadow-generator/

rayps

2013-10-08 15:22:42 +08:00

@Superoutman 今天刚刚发布这个东西，收到一些bugs report邮件，我看看有没有跟你情况一样的人。

rayps

2013-10-08 15:23:18 +08:00

@ushuz 我猜也许是因为这个，因为retina，有一点头绪了

Superoutman

2013-10-08 15:27:26 +08:00

@westoy 谢谢！

Superoutman

2013-10-08 15:28:19 +08:00

@rayps OK,thx

FrankFang128

2013-10-08 15:43:20 +08:00

折腾Farbox一下午后放弃，还是用Github Pages了。

loryyang

2013-10-08 16:02:54 +08:00

设计非常赞啊

rayps

2013-10-08 16:06:46 +08:00

@zlg @gongweixin @loryyang 谢谢你们的赞赞

breeswish

2013-10-08 17:09:35 +08:00

your website is a cool stuff!

Keinez

2013-10-08 17:33:59 +08:00

好评如潮

lanbing

2013-10-08 18:18:03 +08:00

在用Pelican。还是喜欢把网站控制在自己手里。

whuhacker

2013-10-08 18:34:13 +08:00

好评如潮……大概是因为这里的程序员们都太缺艺术细胞了

ameba

2013-10-08 20:02:26 +08:00

很棒！

anson0370

2013-10-08 20:57:41 +08:00

如果文章是用 markdown 写的，那果断 jekyll 似乎更方便？

而且还可以直接托管在 github

rayps

2013-10-08 21:30:30 +08:00

@anson0370 不想托管在 Github

ximan

2013-10-08 22:26:31 +08:00

点点网里的设计很好看，符合我的口味

sophy

2013-10-08 22:45:24 +08:00

那个minecraft的好有爱。。。

anson0370

2013-10-08 22:56:16 +08:00

@rayps 嗯……不托管 github 也行，用 jekyll 渲染出静态文件就成
其实就是觉得手导 markdown 再手改 index 有点疼

anyway ，楼主的 blog 比我这个码农的好看多了，跪……

clippit

2013-10-09 00:09:48 +08:00

设计师果然就是设计师啊……码农给跪
字体被加粗的原因应该是浏览器自带的CSS设置的吧，normalize不做reset

JoyNeop

2013-10-09 00:57:03 +08:00

Good job!

//LOFTER 可以用自定义域名，不过主题的可定制性稍差。（所以 Tumblr 还是很不错的选择……）

在 Portfolio 中用图片矩阵，我的 Lab /* http://lab.joyneop.com/ */ 就是这么做的。但是将图片拼在一起、不留缝隙，这个方式我没有去尝试。现在想来，你的 Portfolio 部分因为背景暗色调且朴素的原因而适合无缝隙。而我的 Lab 则因为背景亮色调且整体风格偏［梦幻］（而不是你采用的［素雅］），更适合当前的有缝隙矩阵搭配圆角的模式。

"with pixels" 这个短语因为 with 既可以接工具又可以接材料而形成了歧义，且似乎无法解决，真是忧伤……

P.S. 个人感觉 "My name" 这两行文字 weight 略微低了点，字体发虚……

rayps

2013-10-09 10:34:34 +08:00

@JoyNeop 是呢，lofter 和点点都可以自定义域名，定制性也一样差，Tumblr 无论在绑定域名或是定制性的体验上都能甩开它们几条街。但貌似国内访者访问 Tumblr 还是有点不稳定偶尔被墙的。

一件很有趣的事情，我原本打算采用有缝隙的矩阵，但在 coding 过程中我<li>出来一堆图片后还没加上样式的时候发现还挺好看的，于是就决定这样了 :p

rayps

2013-10-09 10:35:39 +08:00

@clippit 那你知不知道有什么很好的解决方法吗，我试了很多次都解决不了..

rayps

2013-10-09 10:45:43 +08:00

@sophy MC最好玩没有之一

rayps

2013-10-09 10:46:38 +08:00

@anson0370 我也觉得这样子每次改挺蛋疼的，可能是我手贱吧haha

clippit

2013-10-09 10:56:33 +08:00

@rayps 我觉得就地设置样式就可以了……