搜索到
2
篇与
的结果
-
Typecho-文章底部添加网站统计信息 效果第一部分代码 建议位置[主题文件的post.php]<div id="tjcard" style="box-shadow: 0 0 10px var(--main-shadow);"> <div class="siteCount"> <div class="wrapper"> <div class="p-wh"> <ul> <?php Typecho_Widget::widget('Widget_Stat')->to($item); ?> <li> <p></p> <span><?php echo number_format($item->publishedPostsNum); ?></span> <p>文章总数</p> </li> <li> <p></p> <span><?php echo number_format($item->publishedCommentsNum); ?></span> <p>评论总数</p> </li> <li> <p></p> <span><?php echo number_format($item->categoriesNum); ?></span> <p>分类总数</p> </li> <li> <p></p> <span><?php echo number_format($item->publishedPagesNum + $item->publishedPostsNum); ?></span> <p>页面总数</p> </li> <li> <p></p> <span><a id="days">0</a></span> <p>稳定天数</p> </li> </ul> </div> <div class="join"> <p style="text-align:center">欢迎访问吉吉博客，喜欢本站的话关注一下哦~<br><br>By：吉吉</p> </div> </div> </div> </div> <script> var s1 = '2021-11-20';//设置为你的建站时间 s1 = new Date(s1.replace(/-/g, "/")); s2 = new Date(); var days = s2.getTime() - s1.getTime(); var number_of_days = parseInt(days / (1000 * 60 * 60 * 24)); document.getElementById('days').innerHTML = number_of_days; </script> 第二部分代码 建议位置[主题文件的post.php的 <head></head> 内]<style type="text/css"> li{list-style: none;}#tjcard .siteCount{position: relative; padding: 60px 0; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(https://api.wlj250.top/dndm.php) center center / cover no-repeat /*fixed8*/;border-radius:8px;border-radius: var(--main-radius);}#tjcard .siteCount .cover{height: 100%; width: 100%; background: rgba(0, 0, 0, 0.95); position: absolute; top: 0; left: 0;}#tjcard .siteCount .wrapper{position: relative; z-index: 10; width: 100%; max-width: 100%; margin: 0 auto;}#tjcard .siteCount ul{display: flex;}#tjcard .siteCount ul li{width: 20%; color: #fff; text-align: center;}#tjcard .siteCount ul li span{font-size: 50px; font-family: Arial;}@media screen and (max-width: 768px){#tjcard .siteCount ul li span{font-size: 20px; font-family: Arial;}}#tjcard .p-wh{font-weight:700;}.join{padding-top: 20px;font-size: 15px;color: #FFF;letter-spacing: 0.5px;font-weight: 600;} @media screen and (max-width: 768px){#tjcard .siteCount{position: relative; padding: 30px 0;border-radius:8px;}#tjcard .siteCount .cover{height: 100%; width: 100%; background: rgba(0, 0, 0, 1); position: absolute; top: 0; left: 0;}} </style>  -
Joe主题海报插件美化 {mtitle title="插件下载及介绍"/}插件介绍：1.整个过程使用 GD库 来生成海报，所以不需要担心排版混乱。2.生成海报后，将它们保存在插件目录下的海报文件夹中，从而节省第二次生成时间。3.支持用户 自定义 按钮样式，方便相同的主题样式，不会突兀。插件安装：1.将插件上传到 /usr/plugins/ 并将其重命名为 ArticlePoster 2.在适当的位置添加挂载点代码,我是在 handle.php 添加 php文章海报_插件：按钮 article-poster-button ；<?php ArticlePoster_Plugin::button($this->cid); ?>3.在后台插件设置中填写信息，确保填写自定义共享按钮样式，并在类中添加文章-海报-按钮4.如果没有将jquery引入到您的模板中，或者设置了上述过程，并且没有通过单击按钮得到响应，您可以开始加载jquery5.修改图标部分以查找 /usr/plugins/ArticlePoster/js/core.js ，并修改注释部分中的图标样式这一段代码可以添加到 usr/plugins/ArticlePoster/css/core.css 文件最顶部即可或者在后台自定义css添加一样.haibaodiv{width:100%;margin-top: 16px;margin-bottom: 16px;text-align: center;} .haibaodiv button{color: white;background-color: #4e7cf2;width: 170px;height: 36px;border: 0px;border-radius: 22px;}pjax 适配如果主题有 pjax 回调可以直接填下以下代码（如果是joe就不需要这一步直接跳过！表情）$('.article-poster-button').on('click',function(){ create_poster(); }); $('[data-event=\'poster-close\']').on('click', function(){ $('.article-poster, .poster-popover-mask, .poster-popover-box').fadeOut() }); $('[data-event=\'poster-download\']').on('click', function(){ download_poster(); });按钮样式第一个 <script src="https://zn.ax/usr/plugins/ZFonts/libs/mdui/mdui.min.js'"></script><link rel="stylesheet" href="https://zn.ax/usr/plugins/ZFonts/libs/mdui/mdui.min.css"/><div class="haibaodiv" style="width:100%;margin-top: 16px;margin-bottom: 16px;text-align: center;"> <button class="article-poster-button mdui-btn mdui-btn-raised mdui-btn-dense mdui-color-theme-accent mdui-ripple">生成海报</button> </div>第二个 <script src="https://zn.ax/usr/plugins/ZFonts/libs/mdui/mdui.min.js'"></script><link rel="stylesheet" href="https://zn.ax/usr/plugins/ZFonts/libs/mdui/mdui.min.css"/> <a style="text-align:center;background:#40E0D0;text-decoration:none;" class="article-poster-button mdui-btn mdui-ripple">按钮</a >{mtitle title="插件下载"/}{cloud title="ArticlePoster" type="lz" url="https://lehao.lanzoui.com/iJI5Awmpp8h" password="1dz3"/}
