符合原汁原味
This commit is contained in:
浪子
parent
0ed7a4f6cc
commit
d0d0a79064
15
README.md
15
README.md
|
|
@ -1,24 +1,27 @@
|
||||||
## 说明
|
## 说明
|
||||||
|
|
||||||
移植自`hugo-theme-farallon` 原汁原味,可以直接使用 原主题的CSS 和 JS.
|
移植自`hugo-theme-farallon` 原汁原味,可以直接使用 原主题的CSS
|
||||||
|
精简部分 JS.
|
||||||
|
|
||||||
|
|
||||||
## 原项目地址
|
## 原项目地址
|
||||||
https://github.com/bigfa/hugo-theme-farallon
|
https://github.com/bigfa/hugo-theme-farallon
|
||||||
|
|
||||||
## 进度
|
## 移植进度
|
||||||
|
|
||||||
90%
|
95%
|
||||||
|
|
||||||
|
## 功能
|
||||||
|
|
||||||
|
### 已知问题
|
||||||
|
|
||||||
由于typecho分类并无图片,所以默认使用
|
由于typecho分类并无图片,所以默认使用
|
||||||
`bigfa` 的 `https://static.fatesinger.com/2021/12/vhp6eou5x2wqh2zy.jpg`
|
`bigfa` 的 `https://static.fatesinger.com/2021/12/vhp6eou5x2wqh2zy.jpg`
|
||||||
可以自行替换或者删除
|
可以自行替换或者删除
|
||||||
|
|
||||||
|
|
||||||
## 功能
|
|
||||||
|
|
||||||
### 豆瓣观影
|
### 豆瓣观影
|
||||||
* 能力有限原项目功能无法实现 *
|
* 能力有限原项目功能无法实现
|
||||||
|
|
||||||
目前只能配合`DoubanBoard`插件使用
|
目前只能配合`DoubanBoard`插件使用
|
||||||
|
|
||||||
|
|
|
||||||
42
comments.php
42
comments.php
|
|
@ -1,4 +1,44 @@
|
||||||
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
|
<?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">
|
<div class="post--ingle__comments">
|
||||||
<?php $this->comments()->to($comments); ?>
|
<?php $this->comments()->to($comments); ?>
|
||||||
<?php if($this->allow('comment')): ?>
|
<?php if($this->allow('comment')): ?>
|
||||||
|
|
@ -24,7 +64,7 @@
|
||||||
'...',
|
'...',
|
||||||
array(
|
array(
|
||||||
'wrapTag' => 'div',
|
'wrapTag' => 'div',
|
||||||
'wrapClass' => 'cat_pagination_page',
|
'wrapClass' => 'pagination_page',
|
||||||
'itemTag' => '',
|
'itemTag' => '',
|
||||||
'textTag' => 'a',
|
'textTag' => 'a',
|
||||||
'currentClass' => 'active',
|
'currentClass' => 'active',
|
||||||
|
|
|
||||||
|
|
@ -3804,301 +3804,3 @@ div.cancel-comment-reply.cancel-comment-reply-link {
|
||||||
width: 80%
|
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -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'); ?>
|
|
||||||
|
|
||||||
2
post.php
2
post.php
|
|
@ -82,11 +82,9 @@
|
||||||
<!--翻页-->
|
<!--翻页-->
|
||||||
<nav class="navigation post-navigation is-active">
|
<nav class="navigation post-navigation is-active">
|
||||||
<div class="nav-links">
|
<div class="nav-links">
|
||||||
|
|
||||||
<div class="nav-previous">
|
<div class="nav-previous">
|
||||||
<span class="meta-nav"> 上一篇: <?php $this->thePrev('%s','没有了'); ?></span>
|
<span class="meta-nav"> 上一篇: <?php $this->thePrev('%s','没有了'); ?></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="nav-next">
|
<div class="nav-next">
|
||||||
<span class="meta-nav"> 下一篇: <?php $this->theNext('%s','没有了'); ?></span>
|
<span class="meta-nav"> 下一篇: <?php $this->theNext('%s','没有了'); ?></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
42
postlist.php
42
postlist.php
|
|
@ -71,7 +71,7 @@
|
||||||
'...',
|
'...',
|
||||||
array(
|
array(
|
||||||
'wrapTag' => 'div',
|
'wrapTag' => 'div',
|
||||||
'wrapClass' => 'cat_pagination_page',
|
'wrapClass' => 'pagination_page',
|
||||||
'itemTag' => '',
|
'itemTag' => '',
|
||||||
'textTag' => 'a',
|
'textTag' => 'a',
|
||||||
'currentClass' => 'active',
|
'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>
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue