[妹子镇楼] 针对现代显示器设计的博客主题: Theme-AD - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
godbmw
V2EX    程序员

[妹子镇楼] 针对现代显示器设计的博客主题: Theme-AD

  •  
  •   godbmw
    dongyuanxin 2019-02-24 17:40:26 +08:00 6388 次点击
    这是一个创建于 2427 天前的主题,其中的信息可能已经有所发展或是发生改变。
    1. 专门针对现代显示屏幕设计的、欧美风格的博客主题:Art Design。
    2. 充分利用了显示屏的四个方向,并且借助 CSS3 实现了移动端平稳过渡!
    3. Github 地址https://github.com/dongyuanxin/theme-ad
    4. Preview 主题: https://godbmw.com/

    目前是 beta 版,欢迎大家来试用、拍砖和Star

    先展示:标签云、分类、归档、首页、文章和友链,这 6 个主要界面。

    第 1 条附言    2019-02-24 22:57:06 +08:00
    已经转告小姐姐,她也要开始学习代码了,并且表示很开心!
    57 条回复    2019-02-27 11:19:34 +08:00
    godbmw
        1
    godbmw  
    OP
       2019-02-24 17:45:24 +08:00
    文档可以先参考`theme-bmw`的文档: https://godbmw.com/passages/2018-11-15-theme-bmw-docs-zh/
    这几天会补上使用文档!
    chenhonzhou
        2
    chenhonzhou  
       2019-02-24 17:48:08 +08:00
    原来你是妹子啊,小姐姐
    taaaang
        3
    taaaang  
       2019-02-24 17:57:33 +08:00
    挺不错,但是这个跟显示器有啥关系? 非前端人员提出的问题,别笑
    loading
        4
    loading  
       2019-02-24 17:59:26 +08:00 via Android
    挺好,甩一下鼠标就能到角落了,如果我的鼠标 dpi 够的话,如果不够,真的折腾死我了。
    godbmw
        5
    godbmw  
    OP
    2019-02-24 18:04:31 +08:00
    @chenhonzhou 不,这位是学设计的小姐姐。
    godbmw
        6
    godbmw  
    OP
       2019-02-24 18:06:13 +08:00
    @taaaang 显示屏色彩能力越来越好,同时,屏幕大小也在变大。之前的主题比如 theme-bmw 等等,看起来很单调。


    @loading 啊哈?没听懂老哥说啥(捂脸)
    ryan18
        7
    ryan18  
       2019-02-24 18:07:23 +08:00 via Android
    颜值严重爆表,哇,老衲想舔
    godbmw
        8
    godbmw  
    OP
       2019-02-24 18:24:18 +08:00   1
    @ryan18 我会帮你转告她的
    mytsing520
        9
    mytsing520  
    PRO
       2019-02-24 18:29:16 +08:00
    我在我网页上加了个 Link
    jiangnanyanyu
        10
    jiangnanyanyu  
       2019-02-24 18:47:02 +08:00 via Android
    只有我关注那个妹子吗?
    1daydayde
        11
    1daydayde  
       2019-02-24 19:19:53 +08:00
    随手就看到了楼主的简历照,emmmmmm (手动再见
    cjq8z
        12
    cjq8z  
       2019-02-24 19:20:30 +08:00 via Android
    手机访问图不见了,差评
    CodeDeer
        13
    CodeDeer  
       2019-02-24 19:26:45 +08:00
    主题很棒,妹子也很棒,emmm
    taaaang
        14
    taaaang  
       2019-02-24 19:28:52 +08:00
    @godbmw 所以其实还是在针对屏幕做适应嘛
    taaaang
        15
    taaaang  
       2019-02-24 19:29:25 +08:00
    @godbmw 但是的确挺好看的
    Tink
        16
    Tink  
    PRO
       2019-02-24 19:53:31 +08:00 via iPhone
    感觉怪怪的,又说不上来哪里怪
    ccav
        17
    ccav  
       2019-02-24 19:58:56 +08:00
    哈哈...真的被那个前端验证给吸引住了...进去一看...原来地板位都没了..
    jugelizi
        18
    jugelizi  
       2019-02-24 20:01:57 +08:00
    window.localStorage.setItem("auth", "b56888a08f3d2405dd37dba14af086c53fc7ed262bd33f1cabc87b2ad9343b69:" + (86400000 * 3 * (new Date().getTime())))

    我真的无聊....还翻代码看
    loading
        19
    loading  
       2019-02-24 20:03:26 +08:00 via Android
    @Tink 像 ps 做产品图,不用的素材丢到画布外面,画布里面东西还没放好的时候。
    richard1122
        20
    richard1122  
       2019-02-24 20:04:09 +08:00
    请问一下点文章的标题是不能进入详情的吗? 点 read more 才可以?
    tyzrj766
        21
    tyzrj766  
       2019-02-24 20:05:05 +08:00
    标题能点更符合一般人浏览的习惯吧,还得点 read more...
    tyzrj766
        22
    tyzrj766  
       2019-02-24 20:08:21 +08:00 via Android
    然后发现,手机上 github 右上角两个按钮把菜单栏挡了。
    cue
        23
    cue  
       2019-02-24 20:15:04 +08:00
    看到斜体汉字就觉得…… hmmmmm
    realpg
        24
    realpg  
    PRO
       2019-02-24 20:44:27 +08:00
    这 UI 交互设计的 如果一百万分满分,我给 100 分
    xFrye
        25
    xFrye  
       2019-02-24 20:51:11 +08:00
    如果去掉左边的分享栏就好了,或者放在其他地方
    godbmw
        26
    godbmw  
    OP
       2019-02-24 21:26:08 +08:00
    @mytsing520 随便折腾
    @jiangnanyanyu 男同胞应该都关注!
    @cjq8z 隐藏了,好像这里设计成上下展示的卡片样式更好。
    @CodeDeer 谢谢哈~
    @cue 已经尽力了,好难调
    @tyzrj766 谢谢建议,标题会加上链接
    @richard1122 谢谢建议,标题会加上链接
    @xFrye 上下左右都用完了,这里的本意是所有页面都可以分享,而不仅仅是文章才能分享。毕竟推广和传播对于 seo 很重要。
    @jugelizi 配置信息是在 config.ejs 里面生成的
    @0312birdzhang 额,这和我简历照有啥关系?奇怪。。。
    godbmw
        27
    godbmw  
    OP
       2019-02-24 21:28:10 +08:00
    @realpg 我不是专业做设计的,觉得顺眼和顺手就这样做了,还请大佬指点
    U2Fsd
        28
    U2Fsd  
       2019-02-24 21:44:50 +08:00
    这帖子里都是单纯的程序员啊。。

    LZ 实际上是来炫耀妹子的,你们都讨论博客主题干嘛?
    godbmw
        29
    godbmw  
    OP
       2019-02-24 21:52:27 +08:00
    @U2Fsd 哈哈哈,没毛病
    shadoworld
        30
    shadoworld  
       2019-02-24 21:57:16 +08:00
    字体似乎看着有点怪
    Heyavc
        31
    Heyavc  
       2019-02-24 22:05:58 +08:00
    98 年的已经在 TEG 了,这是大佬啊...Orz
    godbmw
        32
    godbmw  
    OP
       2019-02-24 22:08:32 +08:00
    @Heyavc 实习生,还是劳务实习。其实水平很弱的,好多东西都不会┭┮┭┮
    buir
        33
    buir  
       2019-02-24 22:35:39 +08:00
    t.cn 斜杠 Efi6H42

    兄弟们 妹子图 不用谢.....
    dfourc
        34
    dfourc  
       2019-02-24 22:37:44 +08:00
    好了,我知道你有妹子了
    godbmw
        35
    godbmw  
    OP
       2019-02-24 22:39:45 +08:00
    @galikeoy 别误会,这个不是我妹(笑哭)

    @buir 2333333
    1daydayde
        36
    1daydayde  
       2019-02-24 23:07:35 +08:00
    你放个漂亮妹子图,然后看了你的 GitHub 后发现你是个汉子。。。反差太大
    xFrye
        37
    xFrye  
       2019-02-24 23:10:01 +08:00
    @godbmw 不是的,我不是说这些功能不重要,可能我比较喜欢比较整洁的页面,如果可以我希望弄个可选的,把分享功能放到文章最后,页面底部栏也可以考虑一下。
    JxQg597
        38
    JxQg597  
       2019-02-24 23:41:46 +08:00
    在四个角的话可能鼠标移动起来比较累:doge
    Kilerd
        39
    Kilerd  
       2019-02-24 23:57:33 +08:00
    怎么说,看到你的 code block 居然用的不是等宽字体就知道你写博客主题的造诣不是很深了。
    godbmw
        40
    godbmw  
    OP
       2019-02-25 00:06:14 +08:00
    @xFrye 好的,谢谢建议。之后加个配置。

    @0312birdzhang 争得她本人同意了,她表示很开心哈哈

    @Kilerd 笑了,字体看着顺眼不就好了?
    tailf
        41
    tailf  
       2019-02-25 00:14:48 +08:00
    只有我喜欢鑫胖的笑容吗
    godbmw
        42
    godbmw  
    OP
       2019-02-25 00:30:25 +08:00
    @tailf 看来是这样的,鑫胖,鑫胖???
    discrete
        43
    discrete  
       2019-02-25 01:07:38 +08:00
    一看妹子图这背景,目测深大,一看果然深大的?
    redtears
        44
    redtears  
       2019-02-25 08:12:17 +08:00
    功能项强行与主内容区隔离开,感觉不太便于操作。
    mobaui
        45
    mobaui  
       2019-02-25 09:33:26 +08:00
    我咋没看到没人跟楼主要妹子微信
    k9982874
        46
    k9982874  
       2019-02-25 09:47:48 +08:00
    针对现代显示器设计的啊,那我 DELL 的用不了了,可惜
    NoKey
        47
    NoKey  
       2019-02-25 09:59:57 +08:00
    我不是做前端的,不是做 ui 交互的,就是个普通程序员
    恕我直言。。。。
    我的 27 寸,4k 显示器,以下评论基于全屏状态
    我的鼠标的 dpi 是 4000 左右,这个 dpi 我感觉最舒适,在大屏幕上移动速度够,也不过太快导致我需要精确控制
    从阅读的正文,要点到四个角落,觉得很麻烦,太远了
    而且,比如我正在阅读一篇文章,我觉得很好,要推到微博上去
    我需要把鼠标移动到最左侧,去点那个微博图标
    这个交互是有问题的,打断了我阅读的连续性,如果发送到微博的图标就悬浮在正文右侧,我不用分散注意力,随手点了继续阅读。
    还有左下角和右下角的按钮,没搞懂什么作用

    评论什么的按钮在右下角,这个感觉太怪了,或许是我自己对目前的各种论坛什么的用习惯了,看完文章下面的就是评论,这个点明了,就表示对上面文章的评论,但是你这个安排在右下角,感觉好怪。。。

    中间正文排版什么的挺好,不过我用的 safari 有些地方有点小 bug
    godbmw
        48
    godbmw  
    OP
       2019-02-25 11:35:08 +08:00
    @discrete 她不是深大的,相差 1800 公里呢。

    @mobaui 要了也不会给 /dog

    @redtears 或者说突出内容主体?我也是看着正常的做法都是功能和内容区放一起,所以蛋、、、疼尝试一下。

    @NoKey 首先谢谢这么用心的反馈!
    之后会考虑在文章页面,将分享按钮悬浮在文章的左右侧(然而不知道啥时候有空哈),阅读的连续性倒是考虑的少了。关于分享按钮,我之前的想法是以下两点:
    1. 每个页面都可以分享。放在左侧,样式统一,工作量少(毕竟是用业余时间做的,平时也挺忙)
    2. 让读者专心放在文章阅读上,通篇读完再绝对是否分享

    关于评论按钮,这个真是习惯问题。因为我也看到不少主题是将功能按钮置于下方的(文章模块),这里只是放到了屏幕下方。

    再次感谢
    8355
        49
    8355  
       2019-02-25 14:21:29 +08:00
    都是看着照片进来的吧
    MrYELiex
        50
    MrYELiex  
       2019-02-25 16:05:37 +08:00
    没理解设计逻辑
    把操作放在四角 增加操作成本? 设计还是要多了解前人经验 为什么这么做 不要直接自己想当然画一套 然后给个`针对现代显示器优化`的 tag 有种为了找工作而做的感觉
    shisan163
        51
    shisan163  
       2019-02-25 16:17:56 +08:00
    # 存放 sha256 加密的密码
    # 拥有所有加锁文章的阅读权限
    passwords:
    - "b56888a08f3d2405dd37dba14af086c53fc7ed262bd33f1cabc87b2ad9343b69"
    - 9fd4703ff67642ec7fc0f8616d7513e620263fa6f3758b5836f496dfe334ae34 # dongyuanxin
    .......
    godbmw
        52
    godbmw  
    OP
       2019-02-25 17:32:55 +08:00
    @MrYELiex 不需要用这个来装饰简历,因为之前也有做个一个主题,不论从 star 还是完整程度,那个主题都远远超过这个。这个之前就想做,寒假回家刚好没有公司的事情,就做了,就这样子。

    @shisan163 theme 的_config.yml 和文章 front-matter 都可以添加 passwords 字段。前者添加的字段是拥有全局阅读权限,后者添加的字段是对应文章增加的阅读权限。前者可以留着自己用,省的每次都要开一个新的;后者可以给指定的文章指定的朋友使用。
    dfourc
        53
    dfourc  
       2019-02-25 22:07:37 +08:00
    @NoKey 说到心里去了,要点到四个角落,太蛋疼了,(我就是这么懒
    frylkrttj
        54
    frylkrttj  
       2019-02-26 20:46:24 +08:00
    靓过我系列
    liuxyon
        55
    liuxyon  
       2019-02-27 00:38:52 +08:00
    目前妹子照片比风格好看,咋联系这妹子。。`
    godbmw
        56
    godbmw  
    OP
       2019-02-27 10:59:12 +08:00
    @frylkrttj 妹子比较靓~

    @liuxyon 关注我(^^*)
    liuxyon
        57
    liuxyon  
    &nbp;  2019-02-27 11:19:34 +08:00
    @godbmw 关注你有(⊙o⊙)啥用
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2837 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 08:45 PVG 16:45 LAX 01:45 JFK 04:45
    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