重新设计了一下自己的网站 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
rayps

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

  •  
  •   rayps Oct 8, 2013 7602 views
    This topic created in 4586 days ago, the information mentioned may be changed or developed.
    这是旧的: 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 replies    1970-01-01 08:00:00 +08:00
    akinoniku
        1
    akinoniku  
       Oct 8, 2013
    里面的设计都好好看
    lenville
        2
    lenville  
       Oc 8, 2013
    Amazing designs
    andybest
        3
    andybest  
       Oct 8, 2013   1
    pixels 是个什么设计软件?
    heidour
        4
    heidour  
       Oct 8, 2013
    长影生成器好帅
    rayps
        5
    rayps  
    OP
       Oct 8, 2013
    @akinoniku 谢谢,还需提高

    @lenville Thanks :)

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

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

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

    anyway ,楼主的 blog 比我这个码农的好看多了,跪……
    clippit
        36
    clippit  
       Oct 9, 2013
    设计师果然就是设计师啊……码农给跪
    字体被加粗的原因应该是浏览器自带的CSS设置的吧,normalize不做reset
    JoyNeop
        37
    JoyNeop  
       Oct 9, 2013   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
       Oct 9, 2013
    @JoyNeop 是呢,lofter 和点点都可以自定义域名,定制性也一样差,Tumblr 无论在绑定域名或是定制性的体验上都能甩开它们几条街。但貌似国内访者访问 Tumblr 还是有点不稳定偶尔被墙的。

    一件很有趣的事情,我原本打算采用有缝隙的矩阵,但在 coding 过程中我<li>出来一堆图片后还没加上样式的时候发现还挺好看的,于是就决定这样了 :p
    rayps
        39
    rayps  
    OP
       Oct 9, 2013
    @clippit 那你知不知道有什么很好的解决方法吗,我试了很多次都解决不了..
    rayps
        40
    rayps  
    div class="badge op">OP
       Oct 9, 2013
    @sophy MC最好玩没有之一
    rayps
        41
    rayps  
    OP
       Oct 9, 2013
    @anson0370 我也觉得这样子每次改挺蛋疼的,可能是我手贱吧haha
    clippit
        42
    clippit  
       Oct 9, 2013
    @rayps 我觉得就地设置样式就可以了……
    ushuz
        43
    ushuz  
       Oct 9, 2013
    @rayps 试试这个
    <meta name="viewport" cOntent="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    everedit
        44
    everedit  
       Oct 12, 2013 via iPad
    很棒,楼主能否帮忙做个程序的图标哦
    kawaiiushio
        45
    kawaiiushio  
       Oct 15, 2013
    猜猜我是谁
    8QE
        46
    8QE  
       Nov 1, 2013
    这个真心不错。
    timzhang
        47
    timzhang  
       Nov 8, 2013
    @JoyNeop 可以QQ联系吗?303525201
    charliecn
        48
    charliecn  
       Nov 8, 2013
    楼主最近有空做个外包吗?8个页面左右~
    Yodasmiling
        49
    Yodasmiling  
       Nov 12, 2013
    点点早就全放弃了 到处都能看到乃的身影啊
    twoconk
        50
    twoconk  
       Jan 12, 2014
    赞~~~
    About     Help     Advertise     Blog     API     FAQ     Solana     3212 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 125ms UTC 12:26 PVG 20:26 LAX 05:26 JFK 08:26
    Do have faith in what you're doing.
    ubao msn 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