WARNING修改前必读：
- 本帖基于
Anzhiyu主题进行修改方案编写，因此请读者优先掌握 Anzhiyu主题官方文档 的内容后再来进行魔改。- 由于修改内容过多，以及可能会导致意料之外的事情，推荐使用
Github配合VSCode进行修改，方便随时备份恢复
Twikoo原生界面自带 预览 按钮控件，但anzhiyu主题为了美化，重构了样式，简化掉了 预览 按钮，本篇文章教你如何把它加回来
修改 source\css\custom.css 文件
/* 恢复 Twikoo 预览按钮显示 */
#twikoo .tk-comments .el-button.tk-preview {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
#twikoo .tk-comments .el-button.tk-preview:hover {
opacity: 0.85 !important;
}
#twikoo .tk-comments .el-button.tk-preview {
position: absolute;
top: -40px;
right: 107px;
opacity: 0.3;
}
#twikoo .tk-comments .el-button--primary {
color: var(--anzhiyu-card-bg);
box-shadow: var(--anzhiyu-shadow-black);
width: 6.25rem;
position: absolute;
top: -41px;
right: 0px;
height: 32px;
margin-left: 0.5rem !important;
border-color: var(--anzhiyu-fontcolor);
border-radius: 12px;
transition: 0.3s;
}
#twikoo .tk-comments .tk-meta-input {
position: relative;
margin-top: 8px;
width: calc(100% - 165px);
}
修改 _config.anzhiyu.yml 文件
inject:
head:
- <link rel="stylesheet" href="/css/custom.css">
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。