符合原汁原味
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
|
||||
|
||||
## 进度
|
||||
## 移植进度
|
||||
|
||||
90%
|
||||
95%
|
||||
|
||||
## 功能
|
||||
|
||||
### 已知问题
|
||||
|
||||
由于typecho分类并无图片,所以默认使用
|
||||
`bigfa` 的 `https://static.fatesinger.com/2021/12/vhp6eou5x2wqh2zy.jpg`
|
||||
可以自行替换或者删除
|
||||
|
||||
|
||||
## 功能
|
||||
|
||||
### 豆瓣观影
|
||||
* 能力有限原项目功能无法实现 *
|
||||
* 能力有限原项目功能无法实现
|
||||
|
||||
目前只能配合`DoubanBoard`插件使用
|
||||
|
||||
|
|
44
comments.php
44
comments.php
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
}
|
|
@ -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">
|
||||
<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>
|
||||
|
|
44
postlist.php
44
postlist.php
|
@ -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>
|
||||
|
||||
|
Loading…
Reference in New Issue