把自己新的个人博客前端写完了
之前用的是 WordPress ,一直想自己实现一套博客系统。
现在前端差不多写完了,第一次用 Nuxt.js ,也用了很多新的特性,前前后后忙了挺久,不过现在后端依旧是 WordPress ,前端部署在 Vercel ,自己感觉还行。就想着发出来给大家看看。
im.daidr.me
非常棒!
牛的,动画效果很惊艳!
挺好看的效果
实验室的列表采用横版展示,看后面的内容需要拉左右滚动条,滚动条又小,很不方便,个人感觉可以鼠标放上面时,可以用滚轮滚动;或者说根据需要显示左右按钮,点按钮切换。
#4 之前试过滚动条,感觉很难实现浏览器自带的那种 smooth 效果,之后我再探索一下😣滚动的话,按住 shift+滚轮,浏览器是支持横向滚动的
牛的
很好看
好厉害
可以加友链吗 www.xiaojun.im/
太强了!
准备开源吗
邀请你在 1024.dev 上分享你的博客文章链接。博客、GitHub 项目、工具、任何的社区帖子等等只要是跟开发者相关都可以!
翻了一下 op 的 github ,发现已经开源了。 github.com/daidr/douLog 替 op 发一下
好牛的个人博客,很细节!
先 star 支持一下
牛牛牛 好看
#9 可以哦,我一会儿加上
好看的,期待开源。
后端就喜欢看前端的项目
好漂亮!少见的设计能力强的程序员!献上 star 了!
🥳我也把你加上,我的简介啥的首页那些就是 www.xiaojun.im/
很棒!
太酷啦!我怎么就想不到这种酷炫的动画呢!
秀儿
挺好,已收藏
太强了
确实不错,支持一下
#21 加上啦
动画效果很秀
太棒了!当前在干什么的那个,是咋做的?
#30 是最近在写的一个小玩具,等过段时间完善了会开源的
🐂🍺期待一下
厉害啊, 这个动画效果
🐂🍺
我一直很好奇为什么你们的 ui 都那么好看
已➕
动画效果真不错,支持
当前状态那个,提些小建议供参考:- 在播放音歌曲不知道你调的是哪个 app 的?要是支持点击在本地也能打开同样的歌曲(甚至跳转到同样进度)就好了。 - 还有当前在浏览网页也能点击跳转就好了。- 当然这些可能会需要设置成可开关的来根据不同的人的需要保护隐私。 - 还可以考虑展示当前所在地( IP 、GPS )之类的。 - 还可以考虑支持像 github 那样设置状态、签名。 - 还可以考虑支持“气泡博客”(即可以即时发送一段文字或照片,作为临时状态显示一小短时间) 坐等这部分开源,到时候记着开 donate 😄
在播放歌曲那个,甚至还可以考虑支持流同步到网页作为背景音乐?
一看域名就好熟悉,结果还真是您本人,用了您的看板娘插件好多年了
太帅了!
#38 mark 了,感谢建议🫡目前是使用 winRT API 拿系统 Media Manager 的数据,所以理论上是能够获取对应软件信息的,不过跳转感觉是一个比较复杂的功能,浏览器可能很难实现在研究如何获取浏览器 URL 了,可能会有白名单来进行一些高级的定制所在地和状态签名都在实现中了这个玩具前天才开始写,目前也还有很多问题需要解决
#40 哈哈,感觉是很久之前了,当时才刚接触前端
才写两天这效果已经很爆炸了。 但看你说 winRT API 我心凉了😂岂不是 macOS 或者移动端就不好支持了?
男生?
#44 这感觉问题不大,我想 Mac 也有相应的接口能获取媒体信息😂关于移动端,目前我是简单拼了一个快捷指令,用来同步 Apple 专注模式
#45 对哦
前端挺有意思的,现在学前端还来得及吗
效果很有意思哦
我倒没想着可以同步移动端在操作的软件。可能移动端能实现个前面说的那种“气泡微博”就行吧,想说点啥或者看到点啥可以快速方便地发到页面状态上。可以考虑通过走移动端 app 的共享接口,或者走企微机器人之类的
赞赞赞!!!!
厉害
好好看的动画效果啊!
颜色很舒服
最近看到的“搭建博客容易,坚持写博客难!”,深以为然。希望楼主能坚持写博客。
只有我觉得蓝色太亮了不太方便阅读吗? 效果非常 nice 。。。
搞的这么炫酷呀
助手的可还行 哈哈哈哈哈。
友链里面看见不少熟悉的头像(
#59 哈哈
#56 目前我自己看着蓝色和浅绿色会比较瞎眼,之后我调调
和你的比起来.我的就是个垃圾.
#9 哥们这个是自己写的吗
#9 在你的 github 找到了
后排提示,文章列表到文章详情也有一个很棒的动画,需要 Chrome111 以上,楼主用了一个试验性的属性,又学到一个新知识, developer.chrome.com/docs/web-platform/view-transitions/。
🐮太好看了。比我的好太多了 mengke.me
#65 哈哈哈,观察很仔细,最近刚加的,之前这块没有动画😂
牛啊 op ,动效真好看啊
过渡很流畅,阿妹 z 啊,你服务器啥配置
前端在 vercel ,后端 1h2g 腾讯云
是希望达到的动手能力🫡
thx 解答,优化的很棒
厉害,像你这样做一个博客,需要掌握哪些知识?
我怎么打不开网站
帅
给校友点赞
duang duang duang 加特技,真炫!我有一种这就是未来前端 UI 模范的想法。快去申请专利!挣它一笔。
动画太秀了
提一个小小的建议,首页滚动鼠标的时候能自动跳到文章列表,首页动不了总感觉怪怪的
动画很棒👍
前端架构师水平
#74 😨有可能是被污染了,我博客 Vercel+Cloudflare 双重 defuff ,最近好像劫持很严重
可以给 halo 授权个主题吗, 太牛了看着
#83 是说要做个差不多的 halo 主题么,当然可以,随便做,博客代码是 MIT License
请问下 我-头像右上角 xx 正在... 怎么做的?
#85 是一个我正在写的小玩具,等全部搞完后会开源的
过渡写得很好呀
反馈一个问题,文章列表页面点击进入详情页面的时候,感觉闪了一下,动画有点不自然。
牛的,期待开源
年轻真好啊
应该是 loading 闪了一下,我一会儿修修
smartUp 手势 页顶,页底竟然不起作用。
好佩服自研博客 前端开发的很炫酷的人! respect 🫡
反馈:在 Dark Reader 插件( Chrome )下,页面右侧有样式问题
看到楼主之前的横板主题,想起来我以前也做过一个横板的(而且支持平滑鼠标滚轮的)主题,不过现在我又换回普通的单栏了,哈哈。 github.com/Archeb/Candy2
这 3d 旋转是特效库还是纯手撸?
手动算的,用 css transform
厉害!
的确漂亮
#95 好看😀不过横向滚动在 PC 上真的好难处理
如何检测用户的浏览器是否支持CSS3,我们需要使用HTML,CSS和JavaScript来完成这件事情。下面是步骤。 1)先制作下面的HTML 2)然后书写下面的CSS #…
定位 程序员的聚集地。聚焦工作 / 生活 / 划水等话题 为什么要建这个群 生活或工作中总有开心或不愉快的事,不吐不快 工作之余希望有一群志同道合的小伙伴划划水 微信扫码 …
Tor是一个是开源项目,网址http://www.torproject.org(很遗憾,这个网站因为GFW,在中国大陆你无法访问,),TOR这个项目,旨在把这个世界上所有的代…