重新设计了一下自己的网站 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
rayps
V2EX    设计

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

  •  
  •   rayps 2013-10-08 11:33:07 +08:00 7233 次点击
    这是一个创建于 4387 天前的主题,其中的信息可能已经有所发展或是发生改变。
    这是旧的: 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 的,太喜欢这个服务了,希望能继续坚持下去。
    50 条回复    1970-01-01 08:00:00 +08:00
    akinoniku
        1
    akinoniku  
       2013-10-08 11:34:24 +08:00
    里面的设计都好好看
    lenville
        2
    lenville  
       2013-10-08 11:38:37 +08:00
    Amazing designs
    andybest
        3
    andybest  
       2013-10-08 11:56:02 +08:00   1
    pixels 是个什么设计软件?
    heidour
        4
    heidour  
       2013-10-08 11:58:21 +08:00
    长影生成器好帅
    rayps
        5
    rayps  
    OP
       2013-10-08 12:02:35 +08:00
    @akinoniku 谢谢,还需提高

    @lenville Thanks :)

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

    @heidour 玩玩就好,长影其实已经过时了
    kyze8439690
        6
    kyze8439690  
       2013-10-08 12:07:14 +08:00
    手机上浏览效果不错
    rayps
        7
    rayps  
    OP
       2013-10-08 12:11:20 +08:00
    @kyze8439690 Android可能会好些
    icanfork
        8
    icanfork  
       2013-10-08 12:14:21 +08:00
    给你个建议,就是:
    ===================
    以下内容回复可见
    ===================
    xiazs
        9
    xiazs  
       2013-10-08 12:19:01 +08:00 via iPhone
    好像没有手机样式。。。
    Mcatt
        10
    Mcatt  
       2013-10-08 12:37:29 +08:00
    不愧是设计师,网站很赞!
    rayps
        11
    rayps  
    OP
       2013-10-08 12:50:03 +08:00
    @xiazs 浏览器变窄的时候也能看到效果,我要针对iPhone研究一下CSS的responsive.
    kenneth
        12
    kenneth  
       2013-10-08 12:57:52 +08:00
    @rayps 加我QQ:50009371。聊聊
    gongweixin
        13
    gongweixin  
       2013-10-08 13:13:00 +08:00
    不错错、很漂亮
    xiaoye5200
        14
    xiaoye5200  
       2013-10-08 13:37:29 +08:00
    原来的好看。大图才震撼
    ushuz
        15
    ushuz  
       2013-10-08 14:15:47 +08:00 via iPhone
    @rayps 也许viewport的原因?
    zlg
        16
    zlg  
       2013-10-08 14:18:09 +08:00
    作品很赞
    Superoutman
        17
    Superoutman  
       2013-10-08 15:12:26 +08:00
    Long Shadow Generator非常爽!但不知为什么,我试用了几下之后,每次打开该扩展都会引起CS6崩溃,真心求解。谢谢。
    rayps
        19
    rayps  
    OP
       2013-10-08 15:22:42 +08:00
    @Superoutman 今天刚刚发布这个东西,收到一些bugs report邮件,我看看有没有跟你情况一样的人。
    rayps
        20
    rayps  
    OP
       2013-10-08 15:23:18 +08:00
    @ushuz 我猜也许是因为这个,因为retina,有一点头绪了
    Superoutman
        21
    Superoutman  
       2013-10-08 15:27:26 +08:00
    @westoy 谢谢!
    Superoutman
        22
    Superoutman  
       2013-10-08 15:28:19 +08:00
    @rayps OK,thx
    FrankFang128
        23
    FrankFang128  
       2013-10-08 15:43:20 +08:00
    折腾Farbox一下午后放弃,还是用Github Pages了。
    loryyang
        24
    loryyang  
       2013-10-08 16:02:54 +08:00
    设计非常赞啊
    rayps
        25
    rayps  
    OP
       2013-10-08 16:06:46 +08:00
    @zlg @gongweixin @loryyang 谢谢你们的赞赞
    breeswish
        26
    breeswish  
       2013-10-08 17:09:35 +08:00
    your website is a cool stuff!
    Keinez
        27
    Keinez  
       2013-10-08 17:33:59 +08:00
    好评如潮
    lanbing
        28
    lanbing  
       2013-10-08 18:18:03 +08:00
    在用Pelican。还是喜欢把网站控制在自己手里。
    whuhacker
        29
    whuhacker  
       2013-10-08 18:34:13 +08:00
    好评如潮……大概是因为这里的程序员们都太缺艺术细胞了
    ameba
        30
    ameba  
       2013-10-08 20:02:26 +08:00
    很棒!
    anson0370
        31
    anson0370  
       2013-10-08 20:57:41 +08:00
    如果文章是用 markdown 写的,那果断 jekyll 似乎更方便?

    而且还可以直接托管在 github
    rayps
        32
    rayps  
    OP
       2013-10-08 21:30:30 +08:00
    @anson0370 不想托管在 Github
    ximan
        33
    ximan  
       2013-10-08 22:26:31 +08:00
    点点网里的设计很好看,符合我的口味
    0racleTink
        34
    0racleTink  
       2013-10-08 22:45:24 +08:00
    那个minecraft的好有爱。。。
    anson0370
        35
    anson0370  
       2013-10-08 22:56:16 +08:00
    @rayps 嗯……不托管 github 也行,用 jekyll 渲染出静态文件就成
    其实就是觉得手导 markdown 再手改 index 有点疼

    anyway ,楼主的 blog 比我这个码农的好看多了,跪……
    clippit
        36
    clippit  
       2013-10-09 00:09:48 +08:00
    设计师果然就是设计师啊……码农给跪
    字体被加粗的原因应该是浏览器自带的CSS设置的吧,normalize不做reset
    JoyNeop
        37
    JoyNeop  
       2013-10-09 00:57:03 +08:00   1
    Good job!


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


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


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


    P.S. 个人感觉 "My name" 这两行文字 weight 略微低了点,字体发虚……
    rayps
        38
    rayps  
    OP
       2013-10-09 10:34:34 +08:00
    @JoyNeop 是呢,lofter 和点点都可以自定义域名,定制性也一样差,Tumblr 无论在绑定域名或是定制性的体验上都能甩开它们几条街。但貌似国内访者访问 Tumblr 还是有点不稳定偶尔被墙的。

    一件很有趣的事情,我原本打算采用有缝隙的矩阵,但在 coding 过程中我<li>出来一堆图片后还没加上样式的时候发现还挺好看的,于是就决定这样了 :p
    rayps
        39
    rayps  
    OP
       2013-10-09 10:35:39 +08:00
    @clippit 那你知不知道有什么很好的解决方法吗,我试了很多次都解决不了..
    rayps
        40
    rayps  
    OP
       2013-10-09 10:45:43 +08:00
    @sophy MC最好玩没有之一
    rayps
        41
    rayps  
    OP
       2013-10-09 10:46:38 +08:00
    @anson0370 我也觉得这样子每次改挺蛋疼的,可能是我手贱吧haha
    clippit
        42
    clippit  
       2013-10-09 10:56:33 +08:00
    @rayps 我觉得就地设置样式就可以了……
    ushuz
        43
    ushuz  
       2013-10-09 11:36:02 +08:00
    @rayps 试试这个
    <meta name="viewport" cOntent="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    everedit
        44
    everedit  
       2013-10-12 10:11:51 +08:00 via iPad
    很棒,楼主能否帮忙做个程序的图标哦
    kawaiiushio
        45
    kawaiiushio  
       2013-10-15 21:45:31 +08:00
    猜猜我是谁
    8QE
        46
    8QE  
       2013-11-01 13:00:10 +08:00
    这个真心不错。
    timzhang
        47
    timzhang  
       2013-11-08 18:17:51 +08:00
    @JoyNeop 可以QQ联系吗?303525201
    charliecn
        48
    charliecn  
       2013-11-08 20:35:14 +08:00
    楼主最近有空做个外包吗?8个页面左右~
    Yodasmiling
        49
    Yodasmiling  
       2013-11-12 11:56:48 +08:00
    点点早就全放弃了 到处都能看到乃的身影啊
    twoconk
        50
    twoconk  
       2014-01-12 16:46:31 +08:00
    赞~~~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2629 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 06:02 PVG 14:02 LAX 23:02 JFK 02:02
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86