YunYouJun / valaxy

🌌 Next Generation Static Blog Framework (Beta) 下一代静态博客框架(支持页面/配置热重载)
https://valaxy.site
MIT License
710 stars 84 forks source link

如何更改文章标题在「页面内部」和「文章列表」中的颜色? #391

Closed 674019130 closed 2 months ago

674019130 commented 4 months ago

Describe the bug

实际上不算 Bug,应该是想问下使用方式 https://github.com/YunYouJun/valaxy/blob/main/packages/valaxy/types/posts.ts#L108

这个看备注是 title color,在pages/posts/xx.md 的 FrontMatter 里试了以下几种方式都没有生效

color: 'red' color: '#FF8EB3' color: 'rgb(255, 0, 255)' color: '255, 0, 255'

Reproduction

as description

System Info

  System:
    OS: Windows 11 10.0.22631
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700H
    Memory: 2.37 GB / 15.67 GB
  Binaries:
    Node: 20.12.2 - E:\BlogCode\nodejs20.12.2\node.EXE
    npm: 10.5.0 - E:\BlogCode\nodejs20.12.2\npm.CMD
    pnpm: 9.0.6 - ~\AppData\Roaming\npm\pnpm.CMD
  Browsers:
    Edge: Chromium (123.0.2420.65)
    Internet Explorer: 11.0.22621.1

Used Package Manager

pnpm

Validations

yixiaojiu commented 4 months ago

yaml 里字符串好像不用加单引号,你试试这样写?

color: red
674019130 commented 4 months ago

yaml 里字符串好像不用加单引号,你试试这样写?

color: red

在首页还是原来的颜色,但是点进去就是设置的颜色了! 但是内外颜色不一致也很奇怪,看来改外面的颜色要找别的地方 感谢!

YunYouJun commented 2 months ago
image image

Hey, 我计划提供两个新 frontmatter pageTitleClasspostTitleClass 以允许你自定义标题样式,而在未来弃用 color 属性。

如果你觉得可行,我将很快释出该 API。

674019130 commented 2 months ago

image image Hey, 我计划提供两个新 frontmatter pageTitleClasspostTitleClass 以允许你自定义标题样式,而在未来弃用 color 属性。

  • pageTtitleClass:页面内部的标题
  • postTitleClass:帖子列表中的标题

如果你觉得可行,我将很快释出该 API。

请允许我确认一下:

postTitleClass:帖子列表中的标题

是否指访问博客时首页显示的标题(颜色)

如果是的话,的确解决了我的问题,感谢帮助!

我将在 API 释出后更新该 Issue,提供更完整的问题描述和解决方案。

674019130 commented 2 months ago

经验证,已在版本v0.18.10中实现修改帖子标题颜色的功能,随后我将补充问题描述和解决方案。

674019130 commented 2 months ago

问题描述: 见 issue 标题和点这里所提到的内容。

解决方案: (详见官方教程:https://valaxy.site/guide/post

最终效果: image