Typecho主题Cuteen的修改备忘

· 2022-03-10
点点滴滴 网站建设

把 Typecho 换了 Cuteen 主题,修改了部分代码,记录下来。
修改方法:用 FileZilla 把 plugins 和 themes 文件夹下载到本地,然后使用 VSCode “打开文件夹”功能,可以很方便的查找和修改,改完之后上传覆盖同名文件即可。

√ 图片不能并排显示的问题"

打开 themes\Cuteen\include\style.php 文件,第 22 行注释掉;

    a[data-fslightbox] {
        /*width: 100%; */
    }

把 第 25 行 margin: 0 auto; 改成 margin: 1px;,这样图片之间会有 1px 的间隔。

√ 评论数为 0 的问题"]

把 sqlite 换成 mysql 就有了。

√ 图片默认提示为 Test 的修改

打开\plugins\Cuteen\js\editor.bundle.js 文件,拖动到 24568 行,把
const title = $(".cm-modal input[name='title']").val() || 'Test';
改成
const title = $(".cm-modal input[name='title']").val() || 'pic';

√ 把友情链接从三栏改成五栏

友情链接和归档文章页面的总览用的是同一个分栏样式,所以不能直接把 repeat 括号里面的 3 改成 5。

.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}

应该在这条语句后面再加上一条语句,把 grid-cols-3 改成 grid-cols-5,把括号里面也改成 5。

.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}

还要修改主题 core 文件夹里面的 ShortCode.php 的第 44 行,把最后的 md:grid-cols-3 改成 md:grid-cols-5 即可。

$out = '<div class="grid gap-5 grid-cols-1 items-center sm:grid-cols-2 md:grid-cols-5">';

√ 页脚的修改

去掉页脚的网站链接,增加 Typecho 和 Cuteen 的链接:修改主题下 include 文件夹里面的 footer.php 文件的第 18 行即可。

√ 把“随便看看”改成 5 条

把主题下 include 文件夹里面的 sidebar.php 第 84 行的 pageSize 改成 5 即可。

<?php $this->widget('Widget_Post_rand@rand', 'pageSize=5')->to($rand); ?>

√ 导航栏“搜索”“明暗”按钮增加无障碍属性

修改主题下 include 文件夹里面的 navbar.php 的第 153 行和 164 行,增加 aria-label 属性,代码如下:

<button aria-label="Search" type="button" @click="$store.isSearch = !$store.isSearch"
class="dark:focus:ring-gray-700 p-1 m-1 rounded">
<svg viewBox="0 0 24 24" class="h-5 w-5 stroke-current stroke-2" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>

<button aria-label="Dark/Bright" type="button"
  • 本文作者:管理员
  • 本文链接:https://sirit.com.cn/archives/412/
  • 版权许可:知识共享署名-相同方式共享4.0国际许可协议
  • 友情提示:本文更新于2022年08月22日,已超过223天没有更新,若内容或图片失效,请留言反馈。
  • 欢迎使用 Typecho
  • 在线网页解谜游戏(online riddle)
取消回复

说点什么?
Title
√ 图片不能并排显示的问题"
√ 评论数为 0 的问题"]
√ 图片默认提示为 Test 的修改
√ 把友情链接从三栏改成五栏
√ 页脚的修改
√ 把“随便看看”改成 5 条
√ 导航栏“搜索”“明暗”按钮增加无障碍属性

本站已经运行0天 © 2005- 大嘴狗狗. - Typecho & Moricolor - 粤ICP备18101800号 - 粤公网安备44030402005553号