Stellar主题优化记录

2024 年 11 月 19 日
53 次浏览
2295 字数

Stellar 主题优化记录

2024年11月19日03:25:51

Stellar 是一个非常棒的主题,但是目前 Stellar 还没有很完善,所以自己会优化新增一些元素,特地记录一下。至于为什么不提 PR,主要是就该主题目前阶段而言,作者应该还有很多地方需要自己完善的,没必要破坏他自己的代码风格和结构,通过 issue 提一些自己的想法给他即可。

隐藏瞬间登录下可见 / 给瞬间添加全部标签

之前有专门写过文章,Halo 博客,登录下使隐藏瞬间可见,插件在里面下载即可,同时将 moments.html 修改成如下:

<!-- 1. 登录下隐藏瞬间可见 -->
<th:block sec:authorize="isAnonymous()">
    <div th:replace=" ~{::article(${tags}, ${moments})}"></div>
</th:block>
<th:block sec:authorize="isAuthenticated()">
    <div th:replace=" ~{::article(${tagsAll}, ${momentsAll})}"></div>
</th:block>

<th:block th:fragment="article(_tags, _moments)">
    <div class="nav-tabs">
        <!-- 2. 添加全部标签 -->
        <div class="moment-tab"
             th:classappend="${#lists.isEmpty(param.tag) ? 'active' : ''}">
            <a th:href="|/moments|">全部</a>
        </div>

        <div th:each="tag,iStat : ${_tags}" class="moment-tab"
             th:classappend="${#lists.contains(param.tag, tag.name) ? 'active' : ''}">
            <a th:href="|/moments?tag=${tag.name}|">[[${tag.name}]]</a>
        </div>
    </div>

修复部分代码块的背景颜色出错问题

main.css 注释 7572 行选择器如下的背景重置代码:

.md-text blockquote ol code,.md-text blockquote p code,.md-text blockquote ul code,.md-text ol ol code,.md-text ol p code,.md-text ol ul code,.md-text ul ol code,.md-text ul p code,.md-text ul ul code {
  font-size: inherit;
  padding: 0;
  /*background: 0 0*/
}