GlobeMC / crashmc.com

CrashMC.com Website
https://CrashMC.com
Other
40 stars 23 forks source link

✨ feat(blog): create blog part #284

Closed bingling-sama closed 2 weeks ago

bingling-sama commented 2 weeks ago

Create blog part for publishing blog posts, still WIP.

netlify[bot] commented 2 weeks ago

Deploy Preview for crashmc ready!

Name Link
Latest commit 406d8113b13e1b4cad56611366b4c4925450d263
Latest deploy log https://app.netlify.com/sites/crashmc/deploys/6677c83d5dffeb00083ea812
Deploy Preview https://deploy-preview-284--crashmc.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Big-Cake-jpg commented 2 weeks ago

目前看来还行,但是文章列表能不能做成卡片样式并且添加一个封面支持?比如做成类似 Files App 文档 里博客版块那样。 感觉现在只有一个标题有些过于简陋了

bingling-sama commented 2 weeks ago

做了一点点简陋的样式,等待完善,不过已经可以进入 Review 阶段了。

bingling-sama commented 2 weeks ago

改进了一下卡片样式,各位可以点击 Preview Link 看看效果,如果可以的话我就再检查一下其他细节开始最终 Review 了。

PS:卡片的长宽设置急需一些建议。

bingling-sama commented 2 weeks ago

https://deploy-preview-284--crashmc.netlify.app/blog/ Screenshot 2024-06-23 at 00 19 50 这个anchor有🤏问题

不太懂怎么禁用,他是 Vitepress 弄上去的。因为 Excerpt 是直接用的 Vitepress 的接口,用 v-html 渲染的,所以会带上 Vitepress 的样式

bingling-sama commented 2 weeks ago

https://github.com/GlobeMC/crashmc.com/assets/65523047/a1a9d234-43bd-4924-b953-faee8308a5d2

加了个 scale(0.8),看着海星?

zyxkad commented 2 weeks ago

另外建议加一个padding-top,多余的字可以用text-overflow: ellipses样式省略掉

bingling-sama commented 2 weeks ago

另外建议加一个padding-top,多余的字可以用text-overflow: ellipses样式省略掉

要加 padding-top 是指?

zyxkad commented 2 weeks ago

另外建议加一个padding-top,多余的字可以用text-overflow: ellipses样式省略掉

要加 padding-top 是指?

虽然scale这个操作很难评,但是它确实同时解决了标题太靠近边框的问题

bingling-sama commented 2 weeks ago

另外建议加一个padding-top,多余的字可以用text-overflow: ellipses样式省略掉

要加 padding-top 是指?

虽然scale这个操作很难评,但是它确实同时解决了标题太靠近边框的问题

毕竟 excerpt 展示的是渲染后的 markdown 内容,也不太方便把里面的样式全部重写。scale的话……能用就行(x

bingling-sama commented 2 weeks ago

我发现那段文字不是溢出了,是被 Vitepress 给截断了: image