Typecho主题Cuteen的修改备忘
把 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"