符合原汁原味

This commit is contained in:
浪子 2024-05-20 18:35:13 +08:00
parent 0ed7a4f6cc
commit d0d0a79064
6 changed files with 94 additions and 331 deletions

View File

@ -1,24 +1,27 @@
## 说明
移植自`hugo-theme-farallon` 原汁原味,可以直接使用 原主题的CSS 和 JS.
移植自`hugo-theme-farallon` 原汁原味,可以直接使用 原主题的CSS
精简部分 JS.
## 原项目地址
https://github.com/bigfa/hugo-theme-farallon
## 进度
## 移植进度
90%
95%
## 功能
### 已知问题
由于typecho分类并无图片,所以默认使用
`bigfa``https://static.fatesinger.com/2021/12/vhp6eou5x2wqh2zy.jpg`
可以自行替换或者删除
## 功能
### 豆瓣观影
* 能力有限原项目功能无法实现 *
* 能力有限原项目功能无法实现
目前只能配合`DoubanBoard`插件使用

View File

@ -1,4 +1,44 @@
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<style>
/* 分页 */
.pagination_page{
display: flex;
align-items: center;
justify-content: center;
margin-top: var(--margin);
gap: 0.5rem;
}
.pagination_page li.active a {
background: var(--theme);
color: #fff;
font-weight: 500;
}
.pagination_page a{
display: flex;
padding: 0.5rem;
font-size: 0.9rem;
width: 1.75rem;
height: 1.75rem;
background: var(--background);
border-radius: 50%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: 0.2s;
-webkit-transition: 0.2s;
justify-content: center;
align-items: center;
letter-spacing: 0;
}
.pagination_page span.next{
cursor: pointer;
}
.pagination_page li.active a:hover{
cursor: not-allowed;
}
/* 分页 */
</style>
<div class="post--ingle__comments">
<?php $this->comments()->to($comments); ?>
<?php if($this->allow('comment')): ?>
@ -24,7 +64,7 @@
'...',
array(
'wrapTag' => 'div',
'wrapClass' => 'cat_pagination_page',
'wrapClass' => 'pagination_page',
'itemTag' => '',
'textTag' => 'a',
'currentClass' => 'active',
@ -123,4 +163,4 @@ function threadedComments($comments, $options) {
<?php $this->comments()->to($comments); ?>
<?php while($comments->next()): ?>
<?php endwhile; ?>
</ol>
</ol>

300
dist/css/style.css vendored
View File

@ -3803,302 +3803,4 @@ div.cancel-comment-reply.cancel-comment-reply-link {
.notice--wrapper {
width: 80%
}
}
.post-ai {
background: #f5f5f5;
border-radius: .5rem;
padding: .5rem;
line-height: 1.3;
border: 1px solid #cfe6f3;
margin: 1rem 0
}
.ai-title {
display: flex;
color: #2d96bd;
border-radius: .5rem;
align-items: center;
padding: 0 .25rem;
cursor: default;
user-select: none
}
.ai-title-icon {
width: 20px;
height: auto;
margin-right: .25rem
}
.ai-title-text {
font-weight: 700;
margin-left: .25rem;
line-height: 1
}
.ai-explanation {
margin-top: 1rem;
padding: .5rem 1rem;
background: #fff;
border-radius: .5rem;
border: 1px solid #cfe6f3;
font-size: .95rem;
line-height: 1.4;
display: inline-block;
width: 95%
}
.ai-explanation span {
margin-left: .5rem
}
:root {
--ht-main: #334155;
--ht-day-bg: #ebedf0;
--ht-tooltip: #24292f;
--ht-tooltip-bg: #fff;
--ht-lv-0: #ebedf0;
--ht-lv-1: #9be9a8;
--ht-lv-2: #40c463;
--ht-lv-3: #30a14e;
--ht-lv-4: #216e39
}
[data-theme=dark] {
--ht-main: #94a3b8;
--ht-day-bg: #161b22;
--ht-tooltip: #24292f;
--ht-tooltip-bg: #fff;
--ht-lv-0: #161b22;
--ht-lv-1: #0e4429;
--ht-lv-2: #006d32;
--ht-lv-3: #26a641;
--ht-lv-4: #39d353
}
.heatmap_container {
display: flex;
flex-direction: column;
align-items: flex-end;
font-size: 10px;
line-height: 12px;
color: var(--ht-main)
}
.heatmap_content {
display: flex;
flex-direction: row;
align-items: flex-end
}
.heatmap_week {
display: flex;
margin-top: .25rem;
margin-right: .25rem;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
text-align: right
}
.heatmap_main {
display: flex;
flex-direction: column
}
.heatmap_month {
display: flex;
justify-content: space-around;
margin-bottom: .25rem
}
.heatmap {
display: flex;
flex-direction: row;
height: 84px
}
.heatmap_footer {
display: flex;
margin-top: .5rem;
align-items: center
}
.heatmap_level {
display: flex;
gap: 2px;
margin: 0 .25rem;
flex-direction: row;
align-items: center;
width: max-content;
height: 10px
}
.heatmap_level_item {
display: block;
border-radius: .125rem;
width: 10px;
height: 10px
}
.heatmap_level_0 {
background: var(--ht-lv-0)
}
.heatmap_level_1 {
background: var(--ht-lv-1)
}
.heatmap_level_2 {
background: var(--ht-lv-2)
}
.heatmap_level_3 {
background: var(--ht-lv-3)
}
.heatmap_level_4 {
background: var(--ht-lv-4)
}
.heatmap_day {
width: 10px;
height: 10px;
background-color: var(--ht-day-bg);
margin: 1px;
border-radius: 2px;
display: inline-block;
position: relative
}
.heatmap_tooltip {
position: absolute;
bottom: 12px;
left: 50%;
width: max-content;
color: var(--ht-tooltip);
background-color: var(--ht-tooltip-bg);
font-size: 12px;
line-height: 16px;
padding: 8px;
border-radius: 3px;
white-space: pre-wrap;
opacity: 1;
transition: .3s;
z-index: 1000;
text-align: right;
transform: translateX(-50%)
}
.heatmap_tooltip_count,
.heatmap_tooltip_post {
display: inline-block
}
.heatmap_tooltip_title,
.heatmap_tooltip_date {
display: block
}
.heatmap_tooltip_date {
margin: 0 .25rem
}
.heatmap_day_level_0 {
background-color: var(--ht-lv-0)
}
.heatmap_day_level_1 {
background-color: var(--ht-lv-1)
}
.heatmap_day_level_2 {
background-color: var(--ht-lv-2)
}
.heatmap_day_level_3 {
background-color: var(--ht-lv-3)
}
.heatmap_day_level_4 {
background-color: var(--ht-lv-4)
}
/* 分页 */
.cat_pagination_page{
display: flex;
align-items: center;
justify-content: center;
margin-top: var(--margin);
gap: 0.5rem;
}
.cat_pagination_page li.active a {
background: var(--theme);
color: #fff;
font-weight: 500;
}
.cat_pagination_page a{
display: flex;
padding: 0.5rem;
font-size: 0.9rem;
width: 1.75rem;
height: 1.75rem;
background: var(--background);
border-radius: 50%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: 0.2s;
-webkit-transition: 0.2s;
justify-content: center;
align-items: center;
letter-spacing: 0;
}
.cat_pagination_page span.next{
cursor: pointer;
}
.cat_pagination_page li.active a:hover{
cursor: not-allowed;
}
/* 分页 */
.cat_archive_next {
display: flex;
align-items: center;
justify-content: center;
margin-top: var(--margin);
}
.cat_archive_next .next{
color: var(--C);
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
background: var(--background);
border-radius: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
transition: 0.2s;
-webkit-transition: 0.2s;
letter-spacing: 2px;
cursor: pointer;
}
.cat_archive_next .over{
font-size: small;
color: var(--A);
padding: 0.5rem;
text-align: center;
}
.cat_categorymenu{
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.cat_categorymenu a:last-child {
margin-right: auto;
}
.cat_categorymenu a {
display: inline-block;
font-size: 0.9rem;
margin-bottom: 0;
}
}

View File

@ -1,20 +0,0 @@
<?php
/**
* 无评论页面
*
* @package custom
*/
if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php $this->need('header.php'); ?>
<main class="site--main">
<header class="archive--header">
<h1 class="post--single__title"><?php $this->title() ?></h1>
</header>
<article class="post--single">
<div class="graph u-marginBottom30">
<?php $this->content(); ?>
</div>
</article>
</main>
<?php $this->need('footer.php'); ?>

View File

@ -82,11 +82,9 @@
<!--翻页-->
<nav class="navigation post-navigation is-active">
<div class="nav-links">
<div class="nav-previous">
<span class="meta-nav"> 上一篇: <?php $this->thePrev('%s','没有了'); ?></span>
</div>
<div class="nav-next">
<span class="meta-nav"> 下一篇: <?php $this->theNext('%s','没有了'); ?></span>
</div>

View File

@ -71,7 +71,7 @@
'...',
array(
'wrapTag' => 'div',
'wrapClass' => 'cat_pagination_page',
'wrapClass' => 'pagination_page',
'itemTag' => '',
'textTag' => 'a',
'currentClass' => 'active',
@ -80,5 +80,45 @@
)
);
?>
<style>
/* 分页 */
.pagination_page{
display: flex;
align-items: center;
justify-content: center;
margin-top: var(--margin);
gap: 0.5rem;
}
.pagination_page li.active a {
background: var(--theme);
color: #fff;
font-weight: 500;
}
.pagination_page a{
display: flex;
padding: 0.5rem;
font-size: 0.9rem;
width: 1.75rem;
height: 1.75rem;
background: var(--background);
border-radius: 50%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: 0.2s;
-webkit-transition: 0.2s;
justify-content: center;
align-items: center;
letter-spacing: 0;
}
.pagination_page span.next{
cursor: pointer;
}
.pagination_page li.active a:hover{
cursor: not-allowed;
}
/* 分页 */
</style>