rayps
V2EX  ›  设计

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

  •  
  •   rayps · Oct 8, 2013 · 8288 views
    This topic created in 4779 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
    akinoniku
    Oct 8, 2013
    1
    里面的设计都好好看
    lenville
    lenville
    Oct 8, 2013
    2
    Amazing designs
    andybest
    andybest
    Oct 8, 2013❤️1
    3
    pixels 是个什么设计软件?
    heidour
    heidour
    Oct 8, 2013
    4
    长影生成器好帅
    rayps
    rayps
    OP
    Oct 8, 2013
    5
    @akinoniku 谢谢,还需提高

    @lenville Thanks :)

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

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

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

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


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


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


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


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

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