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

[godbmw]

1. 专门针对现代显示屏幕设计的、欧美风格的博客主题：Art Design。
2. 充分利用了显示屏的四个方向，并且借助 CSS3 实现了移动端平稳过渡！
3. Github 地址： https://github.com/dongyuanxin/theme-ad
4. Preview 主题： https://godbmw.com/

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

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

已经转告小姐姐，她也要开始学习代码了，并且表示很开心！

[godbmw]

文档可以先参考`theme-bmw`的文档： https://godbmw.com/passages/2018-11-15-theme-bmw-docs-zh/
这几天会补上使用文档！

[chenhonzhou]

原来你是妹子啊,小姐姐

[taaaang]

挺不错，但是这个跟显示器有啥关系？ 非前端人员提出的问题，别笑

[loading]

挺好，甩一下鼠标就能到角落了，如果我的鼠标 dpi 够的话，如果不够，真的折腾死我了。

[godbmw]

@chenhonzhou 不，这位是学设计的小姐姐。

[godbmw]

@taaaang 显示屏色彩能力越来越好，同时，屏幕大小也在变大。之前的主题比如 theme-bmw 等等，看起来很单调。


@loading 啊哈？没听懂老哥说啥（捂脸）

[ryan18]

颜值严重爆表，哇，老衲想舔

[godbmw]

@ryan18 我会帮你转告她的

[mytsing520]

我在我网页上加了个 Link

[jiangnanyanyu]

只有我关注那个妹子吗？

[0312birdzhang]

随手就看到了楼主的简历照，emmmmmm （手动再见

[cjq8z]

手机访问图不见了，差评

[CodeDeer]

主题很棒，妹子也很棒，emmm

[taaaang]

@godbmw 所以其实还是在针对屏幕做适应嘛

[taaaang]

@godbmw 但是的确挺好看的

[Tink]

感觉怪怪的，又说不上来哪里怪

[ccav]

哈哈...真的被那个前端验证给吸引住了...进去一看...原来地板位都没了..

[jugelizi]

window.localStorage.setItem("auth", "b56888a08f3d2405dd37dba14af086c53fc7ed262bd33f1cabc87b2ad9343b69:" + (86400000 * 3 * (new Date().getTime())))

我真的无聊....还翻代码看

[loading]

@Tink 像 ps 做产品图，不用的素材丢到画布外面，画布里面东西还没放好的时候。

[richard1122]

请问一下点文章的标题是不能进入详情的吗？ 点 read more 才可以？

[tyzrj766]

标题能点更符合一般人浏览的习惯吧，还得点 read more...

[tyzrj766]

然后发现，手机上 github 右上角两个按钮把菜单栏挡了。

[cue]

看到斜体汉字就觉得…… hmmmmm

[realpg]

这 UI 交互设计的 如果一百万分满分，我给 100 分

[xFrye]

如果去掉左边的分享栏就好了，或者放在其他地方

[godbmw]

@mytsing520 随便折腾
@jiangnanyanyu 男同胞应该都关注！
@cjq8z 隐藏了，好像这里设计成上下展示的卡片样式更好。
@CodeDeer 谢谢哈~
@cue 已经尽力了，好难调
@tyzrj766 谢谢建议，标题会加上链接
@richard1122 谢谢建议，标题会加上链接
@xFrye 上下左右都用完了，这里的本意是所有页面都可以分享，而不仅仅是文章才能分享。毕竟推广和传播对于 seo 很重要。
@jugelizi 配置信息是在 config.ejs 里面生成的
@0312birdzhang 额，这和我简历照有啥关系？奇怪。。。

[godbmw]

@realpg 我不是专业做设计的，觉得顺眼和顺手就这样做了，还请大佬指点

[U2Fsd]

这帖子里都是单纯的程序员啊。。

LZ 实际上是来炫耀妹子的，你们都讨论博客主题干嘛？

[godbmw]

@U2Fsd 哈哈哈，没毛病

[shadoworld]

字体似乎看着有点怪

[Heyavc]

98 年的已经在 TEG 了，这是大佬啊...Orz

[godbmw]

@Heyavc 实习生，还是劳务实习。其实水平很弱的，好多东西都不会┭┮﹏┭┮

[buir]

t.cn 斜杠 Efi6H42

兄弟们 妹子图 不用谢.....

[galikeoy]

好了，我知道你有妹子了

[godbmw]

@galikeoy 别误会，这个不是我妹子（笑哭）

@buir 2333333

[0312birdzhang]

你放个漂亮妹子图，然后看了你的 GitHub 后发现你是个汉子。。。反差太大

[xFrye]

@godbmw 不是的，我不是说这些功能不重要，可能我比较喜欢比较整洁的页面，如果可以我希望弄个可选的，把分享功能放到文章最后，页面底部栏也可以考虑一下。

[JxQg597]

在四个角的话可能鼠标移动起来比较累:doge

[Kilerd]

怎么说，看到你的 code block 居然用的不是等宽字体就知道你写博客主题的造诣不是很深了。

[godbmw]

@xFrye 好的，谢谢建议。之后加个配置。

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

@Kilerd 笑了，字体看着顺眼不就好了？

[tailf]

只有我喜欢鑫胖的笑容吗

[godbmw]

@tailf 看来是这样的，鑫胖，鑫胖😭？？？

[discrete]

一看妹子图这背景，目测深大，一看果然深大的？

[redtears]

功能项强行与主内容区隔离开，感觉不太便于操作。

[mobaui]

我咋没看到没人跟楼主要妹子微信

[k9982874]

针对现代显示器设计的啊，那我 DELL 的用不了了，可惜

[NoKey]

我不是做前端的，不是做 ui 交互的，就是个普通程序员
恕我直言。。。。
我的 27 寸，4k 显示器，以下评论基于全屏状态
我的鼠标的 dpi 是 4000 左右，这个 dpi 我感觉最舒适，在大屏幕上移动速度够，也不过太快导致我需要精确控制
从阅读的正文，要点到四个角落，觉得很麻烦，太远了
而且，比如我正在阅读一篇文章，我觉得很好，要推到微博上去
我需要把鼠标移动到最左侧，去点那个微博图标
这个交互是有问题的，打断了我阅读的连续性，如果发送到微博的图标就悬浮在正文右侧，我不用分散注意力，随手点了继续阅读。
还有左下角和右下角的按钮，没搞懂什么作用

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

中间正文排版什么的挺好，不过我用的 safari 有些地方有点小 bug

[godbmw]

@discrete 她不是深大的，相差 1800 公里呢。

@mobaui 要了也不会给 /dog

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

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

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

再次感谢

[8355]

都是看着照片进来的吧

[MrYELiex]

没理解设计逻辑
把操作放在四角 增加操作成本? 设计还是要多了解前人经验 为什么这么做 不要直接自己想当然画一套 然后给个`针对现代显示器优化`的 tag 有种为了找工作而做的感觉

[shisan163]

# 存放 sha256 加密的密码
# 拥有所有加锁文章的阅读权限
passwords:
- "b56888a08f3d2405dd37dba14af086c53fc7ed262bd33f1cabc87b2ad9343b69"
- 9fd4703ff67642ec7fc0f8616d7513e620263fa6f3758b5836f496dfe334ae34 # dongyuanxin
.......

[godbmw]

@MrYELiex 不需要用这个来装饰简历，因为之前也有做个一个主题，不论从 star 还是完整程度，那个主题都远远超过这个。这个之前就想做，寒假回家刚好没有公司的事情，就做了，就这样子。

@shisan163 theme 的_config.yml 和文章 front-matter 都可以添加 passwords 字段。前者添加的字段是拥有全局阅读权限，后者添加的字段是对应文章增加的阅读权限。前者可以留着自己用，省的每次都要开一个新的；后者可以给指定的文章指定的朋友使用。

[galikeoy]

@NoKey 说到心里去了，要点到四个角落，太蛋疼了，(我就是这么懒

[frylkrttj]

靓过我系列

[liuxyon]

目前妹子照片比风格好看，咋联系这妹子。。´◡`

[godbmw]

@frylkrttj 妹子比较靓~

@liuxyon 关注我♪(^∇^*)

[liuxyon]

@godbmw 关注你有(⊙o⊙)啥用