主题(共4篇)
风拂古树，寄托着岁月的缠绵。
搜索到
4
篇与
主题
的结果
-
![[原创分享]Typecho主题增加文章目录树功能](/bizhi/ZfOTYsG8ntCRhMW.gif)
[原创分享]Typecho主题增加文章目录树功能 注意事项本教程需要改的东西众多 请各位备份好主题文件 以免失败无法恢复！本次教程以Joe7.7.1版本 为基础 7.3.6按道理也能用具体演示可以看我博客！教程开始这里我以Joe主题为例 各个主题的不相同 请自行判断在/Joe/post.php内添加以下代码 大概41行<?php if ($this->options->jfloor === 'on') : ?> <?php GetCatalog(); ?> <?php endif; ?>Joe主题的function.php文件在/Joe/core/function.php在 大概290行添加以下代码function CreateCatalog($obj) { global $catalog; global $catalog_count; $catalog = array(); $catalog_count = 0; $obj = preg_replace_callback('/<h([1-6])(.*?)>(.*?)<\/h\1>/i', function ($obj) { global $catalog; global $catalog_count; $catalog_count++; $catalog[] = array('text' => trim(strip_tags($obj[3])), 'depth' => $obj[1], 'count' => $catalog_count); return '<h' . $obj[1] . $obj[2] . ' id="cl-' . $catalog_count . '"><span>' . $obj[3] . '</span></h' . $obj[1] . '>'; }, $obj); return $obj; } function GetCatalog() { global $catalog; $index = ''; if ($catalog) { $index = '<ul>'; $prev_depth = ''; $to_depth = 0; foreach ($catalog as $catalog_item) { $catalog_depth = $catalog_item['depth']; if ($prev_depth) { if ($catalog_depth == $prev_depth) { $index .= '</li>'; } elseif ($catalog_depth > $prev_depth) { $to_depth++; $index .= '<ul>'; } else { $to_depth2 = ($to_depth > ($prev_depth - $catalog_depth)) ? ($prev_depth - $catalog_depth) : $to_depth; if ($to_depth2) { for ($i = 0; $i < $to_depth2; $i++) { $index .= '</li></ul>'; $to_depth--; } } $index .= '</li>'; } } $index .= '<li><a href="#cl-' . $catalog_item['count'] . '" data-href="#cl-' . $catalog_item['count'] . '">' . $catalog_item['text'] . '-h'.$catalog_item['depth'].'</a>'; $prev_depth = $catalog_item['depth']; } for ($i = 0; $i <= $to_depth; $i++) { $index .= '</li></ul>'; } $index = '<div class="j-floor"><div class="contain" id="jFloor" style="top: 126px;"><div class="title">文章目录</div>' . $index . '<svg class="toc-marker" xmlns="http://www.w3.org/2000/svg"><path stroke="var(--theme)" stroke-width="3" fill="transparent" stroke-dasharray="0, 0, 0, 1000" stroke-linecap="round" stroke-linejoin="round" transform="translate(-0.5, -0.5)" /></svg></div></div>'; } echo $index; }然后在/Joe/core/core.php文件大概83行 添加以下代码 if ($self->is('single')) { $self->content = CreateCatalog($self->content); }再然后在/Joe/function.php文件大概920行 添加外观后台设置开关//开启文章目录树显示 $jfloor = new Typecho_Widget_Helper_Form_Element_Select( 'jfloor', array( 'off' => '关闭（默认）', 'on' => '开启', ), 'off', '是否启用文章目录树显示', '介绍：开启之后 在文章最左侧显示目录树(手机端不显示)' ); $jfloor->setAttribute('class', 'joe_content joe_post'); $form->addInput($jfloor->multiMode()); 解压所需的文件将以下压缩包解压到/Joe/assets目录内解压完 然后打开post.php引用解压的文件 jfloor.min.css以及jfloor.min.js在头部引用css <link href="<?php _getAssets('assets/css/jfloor.min.css'); ?>" rel="stylesheet"> 在底部引用js <?php if ($this->options->jfloor === 'on') : ?> <!-- 目录树 --> <script src="<?php _getAssets('assets/js/jfloor.min.js'); ?>"></script> <?php endif; ?>{cloud title="Joe目录树" type="lz" url="https://suxiaoq.lanzoul.com/iDI480pzgrih" password=""/} -
[原创分享]为你的主题加上loading效果吧 前言今天水一篇文章 说起来 我已经差不多一个月没更新文章了吧主要还是不知道更新啥！！！教程开始第一步：新建一个loading样式css将以下代码放进去 然后引用这个文件#Loadanimation{ background-color:#fff; height:100%; width:100%; position:fixed; z-index:1; margin-top:0px;top:0px; } #Loadanimation-center{ width:100%; height:100%; position:relative; } #Loadanimation-center-absolute{ position:absolute; left:50%; top:50%; height:200px; width:200px; margin-top:-100px; margin-left:-100px; } .xccx_object{ -moz-border-radius:50% 50% 50% 50%; -webkit-border-radius:50% 50% 50% 50%; border-radius:50% 50% 50% 50%; position:absolute; border-left:5px solid #87CEFA; border-right:5px solid #FFC0CB; border-top:5px solid transparent; border-bottom:5px solid transparent; -webkit-animation:animate 2.5s infinite; animation:animate 2.5s infinite; } #xccx_one{ left:75px; top:75px; width:50px; height:50px; } #xccx_two{ left:65px; top:65px; width:70px; height:70px; -webkit-animation-delay:0.1s; animation-delay:0.1s; } #xccx_three{ left:55px; top:55px; width:90px; height:90px; -webkit-animation-delay:0.2s;animation-delay:0.2s; } #xccx_four{ left:45px; top:45px; width:110px; height:110px; -webkit-animation-delay:0.3s; animation-delay:0.3s; } @-webkit-keyframes animate{50%{ -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); } 100%{-ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); } } @keyframes animate{50%{ -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); } 100%{ -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); } }第二步：将以下代码填写入头部文件 一般都为 header.php<div id="Loadanimation" style="z-index:999999;"> <div id="Loadanimation-center"> <div id="Loadanimation-center-absolute"> <div class="xccx_object" id="xccx_four"></div> <div class="xccx_object" id="xccx_three"></div> <div class="xccx_object" id="xccx_two"></div> <div class="xccx_object" id="xccx_one"></div> </div> </div> </div> <script> $(function(){ $("#Loadanimation").fadeOut(540); }); </script>注意 注意 fadeOut 里面填写的是毫秒数效果图后言本loading可以自定义 网上也有很多css的 只要替换第二步的代码都可以成功(js代码别替换)
-
Typecho主题开启IP归属地获取 注意事项本获取不支持IPV6地址只支持IPV4 调用纯真本地数据库 需要定时更新要不然 获取可能不准确教程开始首先找到主题的function.php文件这里我以Joe主题为例 各个主题的不相同 请自行判断Joe主题的function.php文件在/Joe/core/function.php将下载的压缩包解压到core目录下 然后编辑function.php文件然后在第2行引用这个文件代码require 'ipdata.class.php';然后在29行写入/** 获取评论者归属地信息 */ function convertip($ip){ echo convertips($ip); }写完保存这个文件 再找到评论模板的文件 一般都为comment.phpJoe主题的comment.php文件在/Joe/public/comment.php然后插入以下代码即可显示<?php echo convertip($comments->ip); ?>{cloud title="评论归属地获取" type="lz" url="https://suxiaoq.lanzoul.com/irWB6056johc" password=""/}
-
[Gal测评]《月影のシミュラクル -解放の羽-》- 入木三分 基本信息游戏名：月影のシミュラクル -解放の羽- 中文译名：月影魅像-解放之羽-平台：PC（steam有售）Steam链接：https://store.steampowered.com/app/1069230以下是开发商以及音乐主题曲作者：开发: あっぷりけ （Applique）发行: HIKARI FIELD发行日期：2019年7月26日剧本: 桐月音乐: 鷹石しのぶ（ReSound Wave）主题歌作曲: Meis Clauson（Angel Note）主题歌作词: 羽生みいな（Angel Note）主题歌演出: 佐藤ひろ美插入歌演出: 霜月はるか原画: オダワラハコネ动画制作: 神月社 [Mju:z]导演: 憲yuki企画: 桐月引言游戏开始时，男主角，大家族如月家旁支之子，卯月诚一受邀前往本家如月家完成仪式，并与几位女主角：诚一的青梅竹马、如月本家之女如月零，如月家的女仆水无月一叶，诚一的儿时玩伴野上美优重逢。如月家以制作人偶闻名，如月本家家宅也因此成为了摆放大量人偶的“人偶之馆”。几天内，诚一在“人偶之馆”中，或经历或听闻了大量诡异的事物：长相与零完全一致的“活人偶”如月红的“活跃”、怪异的“婚礼”、吸血鬼的传说、蜘蛛神的传说……在理解这些之前，杀人事件连续发生，如月家宅付之一炬，诚一侥幸逃出。然而，在他的背后，“红”正如捕食猎物的蜘蛛一般望着他……如果那时信守约定，束缚的蝶翼能否得到解放？测评剧情：B这作对我来说的游戏体验更接近于一般的文字冒险游戏(AVG)而非传统印象中的Galgame，登场人物极少但剧情跌宕起伏且引人入胜，充分利用了游戏铺垫出来的所有要素达到最佳的氛围营造效果。CG：A虽然CG的数量有点少，但营造的范围场景，与剧情融合度很高。立绘：A不是我喜欢的类型，但是线条清晰、上色柔和，至少说得上悦目。音乐：ABgm比较符合气氛，和夜晚洋馆的描写与画面共同烘托恐怖气氛效果不错。OP和ED都很好听，歌词有总领与总结故事的意思。OP：《自由の翅》 https://music.163.com/#/song?id=473403600 ED：《イノチの灯し方》 https://music.163.com/#/song?id=473403622 CV：A虽然出场的角色不多，但声优表现都很不错！红诱惑男主角的时候真的hso，我好了（狗头保命）系统：S极其完美的流程图设计，使用起来极为便利，并不需要任何攻略。游戏性：B和其他ADV类的Gal一样 选项的决定游戏的路线和结局。标准的Gal通关时长都差不多需要20-30个小时 而这个游戏10h以内就能全结局通关。结语《月影魅像》的故事，其实比起它给我的“民俗”“悬疑”的第一印象，我更倾向于这个故事本身就是作为一个鬼怪出现在现代的神话传说、一个揭示了人的恶又启示我们相互理解、将心比心的寓言。
![[原创分享]Typecho主题增加文章目录树功能](https://img.toubiec.cn/usr/uploads/2023/03/1062397416.png!400x400)
![[原创分享]为你的主题加上loading效果吧](https://img.toubiec.cn/usr/uploads/2022/10/1459502573.png!400x400)
![[Gal测评]《月影のシミュラクル -解放の羽-》- 入木三分](https://img.toubiec.cn/usr/uploads/2021/06/1006335640.png!400x400)
