罗小黑 - 美化
type: channel
link: https://www.aiyo99.com/tag/美化
items: 『教程』首页及文章页滚动广告栏
items: 好久不见之网站底部样式
items: Typecho 添加悬挂猫
items: Typecho生成海报(cuteen主题版）
items: Typecho cuteen主题美化(未完待续~)
items: Typecho 添加访问提示
items: Typecho添加emoji表情
items: 为typecho文章页添加百度收录检测 2.0
items: 页面加载代码
items: 网站复制文章提醒代码

『教程』首页及文章页滚动广告栏
type: item
date: 2021-10-15T13:54:00+08:00
description: 前言因为之前在很多网站上都能看到广告，虽然但是，这对很多博主来说也是一笔额外的收入，我一直是入不敷出！:@(吐血倒地) 然后我看到了执念博客的首页广告栏，虽然曝光确实大，但是用户体验极其不好，因为要翻很多广告才能翻到文章，就像这样：所以我就想到了滚动广告，一个广告的位置，能够显示多条广告成果展示{tabs}{tabs-pane label="首页"}{/tabs-pane}{tabs-pane label="文章页"}{/tabs-pane}{/tabs}教程开始灵感及相关代码来自于Joe主题的首页轮播图一、添加后台打开 functions.php 添加以下代码$JADPost = new Typecho_Widget_Helper_Form_Element_Textarea( 'JADPost', NULL, NULL, '文章页顶部广告', '介绍：用于设置文章页顶部广告 格式：广告图片 || 跳转链接 （中间使用两个竖杠分隔） 注意：如果您只想显示图片不想跳转，可填写：广告图片 || javascript:void(0) 其他：一行一个，一行代表一个轮播广告图' ); $JADPost->setAttribute('class', 'joe_content joe_post'); $form->addInput($JADPost);这是文章页的代码，因为首页广告主题自带了二、添加滚动广告栏{tabs}{tabs-pane label="首页"} 因为首页已经有广告位了，所以直接替换就行了将主题 index.php 的以下代码直接替换为新代码{collapse}{collapse-item label="代码位置" open}{/collapse-item}{collapse-item label="新代码"}{hide} <?php $index_ad = []; $index_ad_text = $this->options->JIndex_Ad; if ($index_ad_text) { $index_ad_arr = explode("\r\n", $index_ad_text); if (count($index_ad_arr) > 0) { for ($i = 0; $i < count($index_ad_arr); $i++) { $img = explode("||", $index_ad_arr[$i])[0]; $url = explode("||", $index_ad_arr[$i])[1]; $index_ad[] = array("img" => trim($img), "url" => trim($url)); }; } } ?> <?php if (sizeof($index_ad) > 0) : ?> <?php foreach ($index_ad as $item) : ?> <a class="item" href="<?php echo $item['url'] ?>" target="_blank" rel="noopener noreferrer nofollow"> <img width="100%" class="image lazyload" src="<?php _getLazyload() ?>" data-src="<?php echo $item['img'] ?>" ?>" /> <?php endforeach; ?> 广告 <?php endif; ?> {/hide}{/collapse-item}{/collapse}{/tabs-pane}{tabs-pane label="文章页"}文章页直接在主题的 post.php 文件内合适的地方加入以下代码{collapse}{collapse-item label="代码位置" open}{/collapse-item}{collapse-item label="代码"}{hide} <?php $JADPost = []; $JADPost_text = $this->options->JADPost; if ($JADPost_text) { $JADPost_arr = explode("\r\n", $JADPost_text); if (count($JADPost_arr) > 0) { for ($i = 0; $i < count($JADPost_arr); $i++) { $img = explode("||", $JADPost_arr[$i])[0]; $url = explode("||", $JADPost_arr[$i])[1]; $JADPost[] = array("i…

好久不见之网站底部样式
type: item
date: 2021-08-05T18:46:00+08:00
description: 好久不见之本站同款网站底部样式，效果见本站。1.修改footer.php首先，在页脚文件footer.php文件的最下面放入以下代码：{hide} 罗小黑 罗小黑【白茶清欢无别事，我在等风也等你】 风风雨雨N年，你是第N位相遇的小伙伴 Ctrl+D收藏本站 绿水本无忧，因风皱面 青山原不老，为雪白头 {/hide}2.修改include.php新增CSS样式，在/usr/themes/Joe/public/include.php的19-29行之间新增如下代码： 3.备注风风雨雨1年266天3小时23分，你是第45,355位相遇的小伙伴……这里的实现看这里：在core.php最下面添加//门前大路上，走过一群小伙伴，快来数一数：2，4，6，7，8…… function theAllViews() { $db = Typecho_Db::get(); $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`'); echo number_format($row[0]['SUM(VIEWS)']); }4.Joe主题Joe主题开启显示建站时间后，并配置好“网站访问量暨与小伙伴们的N次相遇”小伙伴。 风风雨雨N年，你是第N位相遇的小伙伴 修改为： <?php if ($this->options->JBirthDay) : ?> 风风雨雨 00 天 00 时 00 分，你是第<?php echo theAllViews();?>位相遇的小伙伴 <?php endif; ?> 修改好后，请删除原有的建站时间显示（第六行到第十行），不然会重复显示。 <?php if ($this->options->JBirthDay) : ?> 已运行 00 天 00 时 00 分 00 秒 <?php endif; ?>{callout color="#ef6d4d"}转载来源： {abtn color="#ff0d00" href="https://chenyu.me/1422.html" content="醉书生"/}{/callout}

Typecho 添加悬挂猫
type: item
date: 2021-07-12T17:44:00+08:00
description: 下载悬挂猫的js和css文件放到合适的目录文件下在后台底部自定义添加以下内容： {cloud title="点击下载" type="lz" url="https://wws.lanzoui.com/igGTilnyqih" password="i941"/}

Typecho生成海报(cuteen主题版）
type: item
date: 2021-07-12T17:41:58+08:00
description: 废话不多说直接上教程原作者：https://www.moleft.cn/post-53.html插件：https://wws.lanzous.com/i1pXFlk2xhi{hide}密码:5uq1{/hide}安装说明（1）将插件上传到 /usr/plugins/，并重命名为 ArticlePoster（2）修改 post.php，在合适的位置加入挂载点<?php ArticlePoster_Plugin::button($this->cid); ?>（3）在后台插件设置填写好信息，一定要填自定义分享按钮样式，并且在 class 里面加入 [RainBowText]article-poster-button[/RainBowText]（4）如果你的模板没有引入 jquery 或者上述过程都设置好了点击按钮无响应，可以开启加载 jquery（5）修改图标部分可以找到 /usr/plugins/ArticlePoster/js/core.js，修改注释部分图标样式pjax 适配自 1.0.6 之后重新调整对于 pjax 的适配方案，如果主题有 pjax 回调可以直接填下以下代码 $('.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(); });按照原作者写的应该是可以在后台pjax调用，但是Cuteen主题貌似没什么用 :@(想一想)其他主题就不知道了，所以我直接在 footer.php中直接添加了自定义按钮样式，在插件中添加 下载海报 图标在头部引用 最后修改一下

Typecho cuteen主题美化(未完待续~)
type: item
date: 2021-07-12T17:41:00+08:00
description: {collapse}{collapse-item label="网站分享成卡片" open}在后台头部自定义或者在head.php内添加以下内容 {/collapse-item}{collapse-item label="Typecho文章页添加百度收录检测 "}post.php合适的地方添加 在的位置添加 加载中 api代码 <?php /** * Baidu * @editer: Weifeng * @link: https://wfblog.net * @version: 1.0 */ error_reporting(0); header("Access-Control-Allow-Origin:*"); header('Content-type: application/json'); $domain = @$_GET['domain']; if(!isset($domain) || empty($domain) || $domain==''){ $data = array( "code" => false, "msg" => "未传入请求参数！" ); echo json_encode($data,JSON_UNESCAPED_UNICODE); exit; } if(substr($domain, -1) == '/'){ $domain = substr($domain,0,strlen($domain)-1); } $data = checkBaidu($domain); echo json_encode($data,JSON_UNESCAPED_UNICODE); function checkBaidu($url){ $header = array( "Host:www.baidu.com", "Content-Type:application/x-www-form-urlencoded",//post请求 "Connection: keep-alive", "Referer:https://www.baidu.com", "User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.162 Safari/537.36" ); $url = 'https://www.baidu.com/s?ie=UTF-8&wd='.urlencode($url).'&usm=3&rsv_idx=2&rsv_page=1'; $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt ($ch, CURLOPT_HTTPHEADER, $header); curl_setopt($ch, CURLOPT_FOLLOWLOCATION,1); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); $output = curl_exec($ch); curl_close($ch); if(strpos($output, '没有找到') || strpos($output, '很抱歉')){ $data = array( "code" => 403, "msg" => "该域名暂时未被百度收录！" ); }else{ $number = GetBetween($output,'百度为您找到相关结果约','个'); if(empty($number) || $number == 0){ $number = GetBetween($output,'找到相关结果数约','个 '); if(empty($number) || $number == 0){ $data = array( "code" => false, "msg" => "获取百度收录失败！" ); return $data; } } $data = array( "code" => 200, "msg" => "该域名已被百度收录！", "number" => str_replace(',','',$number) ); } return $data; } function GetBetween($content,$start,$end){ $r = explode($start, $content); if (isset($r[1])){ $r = explode($end, $r[1]); return $r[0]; } } ?> 其他主题在functions.php添加 //百度收录 functio…

Typecho 添加访问提示
type: item
date: 2021-07-12T17:39:50+08:00
description: 美好的一天从水文开始 :@(高兴) 原博客：https://www.roaing.com/khdxxhy.html在主题后台底部自定义中添加如果你网站开启了pjax,可能还会有点小bug,问题不大 :@(看热闹) 如果不显示，在头部或者脚部添加以下代码

Typecho添加emoji表情
type: item
date: 2021-07-12T17:38:00+08:00
description: 1、修改数据库编码在PhpMyadmin中选择typecho数据库，操作-->排序规则-->选择utf8mb4_unicode_ci然后执行。或者在服务器中执行（通用版 :@(高兴) ）首先在服务器中执行 mysql -uroot -p输入数据库密码，之后执行use 数据库名;最后执行以下命令： alter table typecho_comments convert to character set utf8mb4 collate utf8mb4_unicode_ci; alter table typecho_contents convert to character set utf8mb4 collate utf8mb4_unicode_ci; alter table typecho_fields convert to character set utf8mb4 collate utf8mb4_unicode_ci; alter table typecho_metas convert to character set utf8mb4 collate utf8mb4_unicode_ci; alter table typecho_options convert to character set utf8mb4 collate utf8mb4_unicode_ci; alter table typecho_relationships convert to character set utf8mb4 collate utf8mb4_unicode_ci; alter table typecho_users convert to character set utf8mb4 collate utf8mb4_unicode_ci;2、在config.inc.php修改 'charset' => 'utf8mb4',

为typecho文章页添加百度收录检测 2.0
type: item
date: 2021-07-12T17:36:00+08:00
description: 在post.php中添加 function baidu_check(){ var url= window.location.href $.getJSON("https://www.xiaobai666.top/usr/theme/Cuteen/baidu.php?domain="+url,function(result){ //调用api if (result.code == 200) { $('#baidu_icon').removeClass('glyphicon-refresh'); $('#baidu_icon').addClass('glyphicon-ok-circle'); $('#baidu_result').text('百度已收录'); }else if(result.code == 403){ $('#baidu_icon').removeClass('glyphicon-refresh'); $('#baidu_icon').addClass('glyphicon-info-sign'); /*$('#baidu_result').text('百度未收录');*/ $('#baidu_result').html('百度未收录'); }else{ $('#baidu_icon').removeClass('glyphicon-refresh'); $('#baidu_icon').addClass('glyphicon-remove-circle'); 并在合适的位置添加 加载中 api 代码 <?php /** * Baidu * @editer: Weifeng * @link: https://wfblog.net * @version: 1.0 */ error_reporting(0); header("Access-Control-Allow-Origin:*"); header('Content-type: application/json'); $domain = @$_GET['domain']; if(!isset($domain) || empty($domain) || $domain==''){ $data = array( "code" => false, "msg" => "未传入请求参数！" ); echo json_encode($data,JSON_UNESCAPED_UNICODE); exit; } if(substr($domain, -1) == '/'){ $domain = substr($domain,0,strlen($domain)-1); } $data = checkBaidu($domain); echo json_encode($data,JSON_UNESCAPED_UNICODE); function checkBaidu($url){ $header = array( "Host:www.baidu.com", "Content-Type:application/x-www-form-urlencoded",//post请求 "Connection: keep-alive", "Referer:https://www.baidu.com", "User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.162 Safari/537.36" ); $url = 'https://www.baidu.com/s?ie=UTF-8&wd='.urlencode($url).'&usm=3&rsv_idx=2&rsv_page=1'; $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt ($ch, CURLOPT_HTTPHEADER, $header); curl_setopt($ch, CURLOPT_FOLLOWLOCATION,1); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); $output = curl_exec($ch); curl_close($ch); if(strpos($output, '没有找到') || strpos($output, '很抱歉')){ $data = array( "code" => 403, "msg" => "该域名暂时未被百度收录！" ); }else{ $number = GetBetween($output,'…

页面加载代码
type: item
date: 2021-07-12T17:30:34+08:00
description: 在footer文件添加以下内容 少女祈祷中... 自定义css /**加载界面等待**/ .Bg_Th{ position:fixed; top:0; bottom:0; height:100%; width:100%; background-color:#fff; transition: all .3s; z-index:9999; } .Bg_Img > img{ display:block; position:absolute; transform:translate(-50%,-50%); top:45%; left:50%; border-radius:8px; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.3); } .Bg_Text{ position:relative; top:60%; text-align:center; font-size:1.4rem; letter-spacing:3px; z-index:9999; }

网站复制文章提醒代码
type: item
date: 2021-07-12T17:29:36+08:00
description: 代码介绍1.一段可以让你网站被别人复制文章或者文字的时候会有 弹窗 提醒2.提醒文字可以 自定义 设置！3.废话不多话，直接分享代码表情代码演示下载特效JS文件:commentTyping.js，将其放在网站根目录某个地方然后在主题设置头部自定义放置以下代码 在主题设置-底部自定义中放置以下代码 document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,转载请注明出处！',showConfirmButton: false,timer: 2000});};