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

2013-10-08 11:33:07 +08:00
 rayps
这是旧的: 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 的,太喜欢这个服务了,希望能继续坚持下去。
6717 次点击
所在节点    设计
50 条回复
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最好玩没有之一

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/84834

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX