GithubHelp home page GithubHelp logo

Comments (8)

NovaShen555 avatar NovaShen555 commented on May 27, 2024

主题版本1.0.8
KaTeX插件版本2.0.0
halo版本2.8.0

from halo-theme-chirpy.

NovaShen555 avatar NovaShen555 commented on May 27, 2024

image

from halo-theme-chirpy.

AirboZH avatar AirboZH commented on May 27, 2024

image

这样是预期的效果么?这个问题是主题中.tag span的式样把插件中的样式覆盖掉了导致的。

image

我帮你问问这个情况吧。

from halo-theme-chirpy.

JohnNiang avatar JohnNiang commented on May 27, 2024

目前,想要改变 Katex 的 class name 似乎很难实现,可参考:KaTeX/KaTeX#1456

限定以下样式可能是目前最简单的解决方案:

.tag {
border-radius: 0.7em;
padding: 6px 8px 7px;
margin-right: 0.8rem;
line-height: 3rem;
letter-spacing: 0;
border: 1px solid var(--tag-border) !important;
box-shadow: 0 0 3px 0 var(--tag-shadow);
span {
margin-left: 0.6em;
font-size: 0.7em;
font-family: Oswald, sans-serif;
}
}

from halo-theme-chirpy.

AirboZH avatar AirboZH commented on May 27, 2024

目前,想要改变 Katex 的 class name 似乎很难实现,可参考:KaTeX/KaTeX#1456

限定以下样式可能是目前最简单的解决方案:

.tag {
border-radius: 0.7em;
padding: 6px 8px 7px;
margin-right: 0.8rem;
line-height: 3rem;
letter-spacing: 0;
border: 1px solid var(--tag-border) !important;
box-shadow: 0 0 3px 0 var(--tag-shadow);
span {
margin-left: 0.6em;
font-size: 0.7em;
font-family: Oswald, sans-serif;
}
}

我的担心是,如果在原主题代码的基础上变动太多的话,无疑会增加很多未来升级的成本。所以尽可能不修改原主题代码的基础上扩展代码,减少侵入性。不过这个问题可能确实没有太好的解决办法。

from halo-theme-chirpy.

JohnNiang avatar JohnNiang commented on May 27, 2024

我的担心是,如果在原主题代码的基础上变动太多的话,无疑会增加很多未来升级的成本。所以尽可能不修改原主题代码的基础上扩展代码,减少侵入性。不过这个问题可能确实没有太好的解决办法。

有没有可能向上游社区提交 PR 修复这个问题,这样当前项目不需要做任何自定义修改。

from halo-theme-chirpy.

AirboZH avatar AirboZH commented on May 27, 2024

有没有可能向上游社区提交 PR 修复这个问题,这样当前项目不需要做任何自定义修改。

😭也不是他们仓库遇到的问题,再说我这个影响力也不大,怕是人家不会解决吧。

我试试看吧

Thanks~

from halo-theme-chirpy.

NovaShen555 avatar NovaShen555 commented on May 27, 2024

有没有可能向上游社区提交 PR 修复这个问题,这样当前项目不需要做任何自定义修改。

😭也不是他们仓库遇到的问题,再说我这个影响力也不大,怕是人家不会解决吧。

我试试看吧

Thanks~

jekyll-theme-chirpy并没有这个问题是吗,那有点难搞喔

from halo-theme-chirpy.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.