效果展示

操作步骤

{message type="warning" content="注意：此教程基于Joe主题原版而修改的，因为Joe主题二开的较多，所以添加的位置不一定一样，不过规律都是一样，修改前请备份文件！"/}
准备以下代码：

</ul>
<br/>
</ul>
<ul class="joe_header__slideout-menu panel-box">
这里填入你自己的代码

进入网站根目录 /usr/themes/Joe/public/header.php 文件，将上面代码复制粘贴在下图位置即可（这里我就不添加代码了，你们可以自行添加想展现的代码）

具体位置应该在 </div> <div class="joe_header__mask"></div> 上面，进入文件拉到最底部就看见咯！
{callout color="#f0ad4e"}
方法是死的，但是代码是活的，大家根据自己的需求添加在不同的位置， 切记 干什么事一定先备份。
{/callout}

效果展示

Mac样式CSS代码

{callout color="#f0ad4e"}
在Typecho后台 -- 设置外观 -- 全局设置 -- 自定义CSS -- 添加下面的样式
{/callout}

/*侧边栏添加Mac样式*/
.aimac {
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fc625d !important;
    width: 11px;
    height: 11px;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    float: right;
    right: 55px;
    top: 17px;
} 

修改侧边栏模板

侧边栏模板在 Typecho 根目录这个文件： /usr/themes/Joe/public/aside.php
在每个侧边栏标题后面加个 <span> </span> 标签并且设置样式名和你添加的一致，我这里叫 aimac

<span class="aimac"></span>

具体添加位置看下图：（其它侧边栏类似）

版权年份自动更新代码

这里有两种方案，一种是插入 JavaScript ，通过 document.write 的方式插入最新的年份；另一种是 PHP 年份调用。
而由于 Typecho 就是 PHP 程序， 艾霂Mr. 更倾向于后者，毕竟有些人喜欢屏蔽些功能什么的，导致显示错误，而使用 PHP 调用的话就没有这样的问题，即便是 PHP 加速缓存，也可以快速更新。

JavaScript代码

<script>document.write(new Date().getFullYear())</script>

PHP代码

<?php echo date('Y'); ?>

上面其实已经写的非常明白了，为了让小白站长更加简单明白的使用，这里以自己的博客为例，给大家做个例子，小伙伴们可根据自己的需求增加删减内容。

Copyright &copy; 2024 - <?php echo date('Y'); ?> <a href="<?php echo home_url() ?>"><?php echo get_bloginfo('name') ?></a>

{callout color="#f0ad4e"}
© 是 © 符号的代码； <?php echo home_url() ?> 是站点地址，用 <a> 标签进行超链接； <?php echo get_bloginfo('name') ?> 是站点名称。
{/callout}

date() 函数是我们在 php 开发中常碰到并且会使用到的一个日期函数，下面我来给大家介绍 date() 函数的一些基本扮靓和方法，感兴趣的朋友跟随 艾霂Mr. 一起看看吧！

日期时间函数是 PHP 的核心组成部分。无需安装即可使用这些函数。下面来详细说说 date 函数的具体用法。

PHP Date() 函数

PHP Date() 函数可把时间戳格式化为可读性更好的日期和时间。

语法

date(format,timestamp)

参数说明

PHP的日期时间函数date()

$t=time();
echo date("Y-m-d H:i:s",$t);

第一个参数的格式分别表示:

1. 年-月-日

echo date('Y-m-j');
2007-02-6
echo date('y-n-j');
07-2-6

大写Y表示年四位数字，而小写y表示年的两位数字；
小写m表示月份的数字(带前导)，而小写n则表示不带前导的月份数字。

echo date('Y-M-j');
2007-Feb-6
echo date('Y-m-d');
2007-02-06

大写M表示月份的3个缩写字符，而小写m则表示月份的数字(带前导0);
没有大写的J，只有小写j表示月份的日期，无前导o；若需要月份带前导则使用小写d。

echo date('Y-M-j');
2007-Feb-6
echo date('Y-F-jS');
2007-February-6th

大写M表示月份的3个缩写字符，而大写F表示月份的英文全写。(没有小写f)
大写S表示日期的后缀，比如“st”、“nd”、“rd”和“th”，具体看日期数字为何。
小结：
表示年可以用大写的Y和小写y;
表示月可以用大写F、大写M、小写m和小写n(分别表示字符和数字的两种方式);
表示日可以用小写d和小写j，大写S表示日期的后缀。

2. 时:分:秒

默认情况下， PHP 解释显示的时间为“格林威治标准时间”，与我们本地的时间相差8个小时。

echo date('g:i:s a');
5:56:57 am
echo date('h:i:s A');
05:56:57 AM

小写g表示12小时制，无前导0，而小写h则表示有前导0的12小时制。
当使用12小时制时需要表明上下午，小写a表示小写的“am”和“pm”，大写A表示大写的

“AM”和“PM”。
echo date('G:i:s');
14:02:26

大写G表示24小时制的小时数，但是不带前导的；使用大写的H表示带前导的24小时制小时数
小结：
字母g表示小时不带前导，字母h表示小时带前导；
小写g、h表示12小时制，大写G、H表示24小时制。

3. 闰年、星期、天

echo date('L');
今年是否闰年：0
echo date('l');
今天是：Tuesday
echo date('D');
今天是：Tue

大写L表示判断今年是否闰年，布尔值，为真返回1，否则为0；
小写l表示当天是星期几的英文全写(Tuesday)；
而使用大写D表示星期几的3个字符缩写(Tue)。

echo date('w');
今天星期：2

echo date('W');
本周是全年中的第 06 周

小写w表示星期几，数字形式表示
大写W表示一年中的星期数

echo date('t');
本月是 28 天
echo date('z');
今天是今年的第 36 天

小写t表示当前月份又多少天
小写z表示今天是本年中第几天

4. 其他

1. 大写T表示服务器的时间区域设置

   echo date('T');
   UTC

2. 大写I表示判断当前是否为夏令时，为真返回1，否则为0

   echo date('I');

3. 大写U表示从1970年1月1日到现在的总秒数，就是Unix时间纪元的UNIX时间戳。

   echo date('U');
   1170769424

4. 小写c表示ISO8601日期，日期格式为YYYY-MM-DD，用字母T来间隔日期和时间，时间格式为HH:MM:SS，时区使用格林威治标准时间(GMT)的偏差来表示。

   echo date('c');
   2007-02-06T14:24:43+00:00

5. 小写r表示RFC822日期。

   echo date('r');
   Tue, 06 Feb 2007 14:25:52 +0000

{callout color="#f0ad4e"}
到此这篇关于 PHP 日期时间函数 date() 详解的文章就介绍到这了,希望大家以后多多支持 艾霂's Blog ！
{/callout}

效果展示

食用方法

以 Joe 主题为例，将下面 css 代码添加到 Joe/assets/css/joe.global.min.css 文件内即可。

css代码

.joe_comment__respond-form .body 就是评论框主题，可以直接在前端按F12查看自己主题的是哪个组！

.joe_comment__respond-form .body{padding:15px;background:url(https://www.iarc.top/usr/uploads/2024/03/1257364055.png);background-position:right;background-repeat:no-repeat;resize:none;}.joe_comment__respond-form .body:hover{background-position-x:4000px;transition:ease-in-out 2s;}

背景图片

背景图片，最好自己保存下来，以防失效。

{callout color="#f0ad4e"}
有需要的小伙伴自行取走，方法很简单适用范围很广就看大家的动手能力了。这篇文章就相当于一个记录了，以防不时之需！
{/callout}

Gzip开启方法

找到你 Typecho 的网站根目录文件中的 index.php 文件中，并在开头添加如下代码即可。

/** 开启gzip压缩 */
ob_start('ob_gzhandler');

{callout color="#f0ad4e"}
非常简单实用的一串代码，这里 艾霂Mr. 也算是做一个笔记了，有需要的可以自己动手试试！
{/callout}

修改代码替换Gravatar头像地址

1. 打开 var/Typecho/Common.php 文件，找到下面的代码，大概在836行左右。

public static function gravatarUrl($mail, $size, $rating, $default, $isSecure = false)
{
$url = $isSecure ? 'https://secure.gravatar.com' : 'http://www.gravatar.com';
$url .= '/avatar/';

if (!empty($mail)) {
$url .= md5(strtolower(trim($mail)));
}

$url .= '?s=' . $size;
$url .= '&r=' . $rating;
$url .= '&d=' . $default;

return $url;
}

{message type="success" content="替换为下面代码"/}

public static function gravatarUrl($mail, $size, $rating, $default, $isSecure = false)
{
$url = $isSecure ? 'https://cravatar.com' : 'https://cravatar.com';
$url .= '/avatar/';

if (!empty($mail)) {
$url .= md5(strtolower(trim($mail)));
}

$url .= '?s=' . $size;
$url .= '&r=' . $rating;
$url .= '&d=' . $default;

return $url;
}

2. 另外一个修改方法，具体方式为在 Typecho 根目录文件 config.inc.php

/**
 * 替换Gravatar头像为Cravatar头像
 *
 * Cravatar是Gravatar在中国的完美替代方案，你可以在https://cravatar.com更新你的头像
 */
define('__TYPECHO_GRAVATAR_PREFIX__', 'https://cravatar.com/avatar/');

分享几款Gravatar头像CDN加速源

1. 极客族 Gravatar CDN加速
   这个就不多说了，大家去它的官网看看，还提供了谷歌字体等CDN加速服务等。
2. 七牛 Gravatar 头像CDN加速
   HTTP和HTTPS都支持，网址： dn-qiniu-avatar.qbox.me 需要使用的自行替换吧。
3. 中科大的 Gravatar 头像加速
   中科大的就不说了，免费提供了不少公益国内CDN加速服务，如谷歌字体CDN加速等。网址： https://gravatar.proxy.ustclug.org/ 这个好像只能SSL的，HTTP的提示被重置。

Gravatar头像CDN加速选择及说明

以上三个 Gravatar 头像CDN加速到底选那个了，那个加速效果最好？
这里 艾霂Mr. 试了下，但从速度来讲，七牛的速度最快，其次是极客族，最慢是中科大的（日本机房）。
不过 艾霂Mr. 推荐选择极客族。因为经过 艾霂Mr. 的测试，七牛的很多都显示的默认 Gravatar 头像，而不能是自己在 WordPress 后台或者其他程序中设置的头像类型。