毒蛊博客-分享简单技术

Typecho美化记录

{collapse}
{collapse-item label="1.typecho侧栏恋爱计时代码分享" }
教程
{/collapse-item}
{collapse-item label=" 2.给博客加上一个好看的来访提示。"}
使用教程：
复制下方代码
粘贴到网站底部代码区
Joe主题可以直接放到全局设置—js里

代码：

{hide}

<!-- 客户端信息 -->    
<div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;-webkit-pointer-events: none;    -moz-pointer-events: none;    -ms-pointer-events: none;    -o-pointer-events: none;"></div>    <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kaliisra/myblogstatic/kehuduan-js/fetch.min.js"></script>    <script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript" charset="utf-8"></script>    <script>    /*网站打开提醒代码开始*/    $(function(){        if(/*getCookie('msg') !=*/ 1){            var t = document.createElement("a");            t.href = document.referrer;            var msgTitle = t.hostname;            var name = t.hostname.split(".")[1];            if("" !== document.referrer){                switch (name) {                    case 'bing':                        msgTitle = '必应搜索';                        break;                    case 'baidu':                        msgTitle = '百度搜索';                        break;                    case 'so':                        msgTitle = '360搜索';                        break;                    case 'google':                        msgTitle = '谷歌搜索';                        break;                    case 'sm':                        msgTitle = '神马搜索';                        break;                    case 'sogou':                        msgTitle = '搜狗搜索';                        break;                    default:                        msgTitle =  t.hostname;                };            };            var time = (new Date).getHours();            var msg = '';            23 < time || time <= 5 ? msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？":            5< time && time <= 7 ? msg = "早上好！一日之计在于晨，美好的一天就要开始了！":            7< time && time <= 11 ? msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！":            11< time && time <= 14 ? msg = "中午了，工作了一个上午，现在是午餐时间！":            14< time && time <= 17 ? msg = "午后很容易犯困呢，今天的运动目标完成了吗？":            17< time && time <= 19 ? msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~":            19< time && time <= 21 ? msg = "晚上好，今天过得怎么样？":            21< time && time <= 23 && (msg = "已经这么晚了呀，早点休息吧，晚安~");            $.ajax({                type:"get",                url:"https://api.gmit.vip/Api/UserInfo/",                async:true,                success:function(data){                    window.info = data;                    layer.msg("Hi~ 来自"+ data.data.location + '~<br/>通过 '+msgTitle+' 进来的朋友！<br/>使用 '+ data.data.os +"<br/>"+ data.data.browser +' 访问本站！' + '<br/>' + msg);                    var showFPS = (function(){                        var requestAnimationFrame =                            window.requestAnimationFrame ||                            window.webkitRequestAnimationFrame ||                            window.mozRequestAnimationFrame ||                            window.oRequestAnimationFrame ||                            window.msRequestAnimationFrame ||                            function(callback) {                                window.setTimeout(callback, 1000/60);                            };                        var e,pe,pid,fps,last,offset,step,appendFps;                         fps = 0;                        last = Date.now();                        step = function(){                            offset = Date.now() - last;                            fps += 1;                            if( offset >= 1000 ){                            last += offset;                            appendFps(fps);                            fps = 0;                            };                            requestAnimationFrame( step );                        };                        appendFps = function(fps){                            var settings = {                                timeout: 5000,                                logError: true                            };                            $('#fps').html('<span style="float:left;">'+fps+'FPS</span><br/><span style="float:left">'+window.info.data.os+'</span><br/><span style="float:left;margin-top:1px;">'+window.info.data.browser+'</span><br/><span style="float:left;margin-top:1px;">'+window.info.data.location+'</span><br/><span style="float:left;margin-top:1px;"></span>');                        };                        step();                    })();                }            });        };    });    </script>

{/hide}

{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="3.Typecho编辑文章页添加标签列表" }
第一种方法：

下载下方插件tagshelper，上传到/usr/plugins解压，然后在博客后台插件管理中启用即可。
下载插件：
{hide}
{cloud title="蓝奏云链接" type="lz" url="https://qnbk.lanzoui.com/iUm1Zqvrx4b" password="ef6j"/}
{/hide}

第二种方法：
(第一步)
在Typccho系统文件夹内打开admin目录找到write-post.php文件。
PS：是系统文件夹，不是主题文件夹！
(第二步)
打开找到的文件，找到<?php $post->tags(',', false); ?>这行代码，然后在下面插入以下代码即可。（原文件在94行）
{hide}

<p style="background:#E8EFD1;display:block;margin:6px 0;padding:6px 10px">
<?php
$stack = Typecho_Widget::widget('Widget_Metas_Tag_Cloud')->stack;
$i = 0;
while (isset($stack[$i])) {
echo "<a style=\"cursor:pointer\" onclick=\"t=document.getElementById('tags').value;c=t?',':'';
document.getElementById('tags').value=t+c+'", $stack[$i]['name'], "'\">", $stack[$i]['name'], "</a>";
$i++;
if (isset($stack[$i])) echo ", ";
}
?>
</p>

{/hide}

效果图：

{/collapse-item}
{collapse-item label="4.头像呼吸光环&鼠标悬停旋转放大"}
教程：
Joe主题直接放到全局设置自定义CSS即可，其他主题自行引入。

代码：
{hide}

/*头像呼吸光环和鼠标悬停旋转放大*/
.avatar {
 border-radius: 50%;
 animation: light 4s ease-in-out infinite;
 transition: 0.5s;
}
.avatar:hover {
transform: scale(1.15) rotate(720deg);
}
@keyframes light {
 0%{box-shadow: 0 0 4px #f00;}
 25%{box-shadow: 0 0 16px #0f0;} 
 50%{box-shadow: 0 0 4px #00f;}
 75%{box-shadow: 0 0 16px #0f0;} 
 100%{box-shadow: 0 0 4px #f00;}
}

{/hide}
{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="5.修复Joe主题未收录提示已收录教程" }
本博客使用的是Joe主题，7.3.3就存在这个问题了，现在升级到了最新版7.3.6，发现此问题仍未解决
问题详情:无论什么文章都会显示已收录，但实际未收录。
解决办法：
①. 修改主题目录下core/route.php文件
在第143行加入
代码：
{hide}

$header[] = "Host: www.baidu.com";
$header[] = "Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9";

{/hide}
代码位置：

②. 如果不想改代码又怕改错，直接在Joe/core/route.php文件上传修改好的route.php覆盖即可

文件下载：
(蓝奏云链接)
https://wwe.lanzoui.com/iNFoKwqfejg
{/hide}

{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="6.网站底部添加备案图标" }
以本博客为例，首先登陆进入后台，打开主题外观（本博客使用的Joe主题，其他主题自行测试），下面进行图片教程：
【第一步】进入主题外观，点击设置外观

【第二步】点击下方的全局设置

【第三步】下滑找到自定义底部栏右侧内容

输入本内容进去
{hide}

<svg t="1620356167087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7694" width="30" height="30"><path d="M778.24 163.84c-76.8-40.96-165.888-61.44-269.312-61.44s-192.512 20.48-269.312 61.44h-133.12l23.552 337.92c8.192 113.664 67.584 217.088 162.816 280.576l215.04 144.384 215.04-144.384c96.256-63.488 155.648-166.912 163.84-280.576l23.552-337.92H778.24z m47.104 333.824c-7.168 94.208-56.32 181.248-135.168 233.472l-181.248 120.832L327.68 731.136c-78.848-53.248-129.024-139.264-135.168-233.472L173.056 225.28h136.192v-26.624c58.368-23.552 124.928-34.816 199.68-34.816s141.312 12.288 199.68 34.816V225.28H844.8l-19.456 272.384z" fill="#0649D0" p-id="7695"></path><path d="M685.056 328.704v-46.08H455.68c2.048-4.096 6.144-9.216 11.264-15.36 5.12-7.168 9.216-12.288 11.264-15.36L419.84 240.64c-31.744 46.08-75.776 87.04-133.12 123.904 4.096 4.096 10.24 11.264 18.432 21.504l17.408 17.408c23.552-15.36 45.056-31.744 63.488-50.176 26.624 25.6 49.152 43.008 67.584 51.2-46.08 15.36-104.448 27.648-175.104 35.84 2.048 5.12 6.144 13.312 9.216 24.576 4.096 11.264 6.144 19.456 7.168 24.576l39.936-7.168v218.112H389.12V680.96h238.592v19.456h54.272V481.28H348.16c60.416-12.288 114.688-27.648 163.84-46.08 49.152 19.456 118.784 34.816 210.944 46.08 5.12-17.408 10.24-34.816 17.408-51.2-62.464-4.096-116.736-12.288-161.792-24.576 38.912-20.48 74.752-46.08 106.496-76.8z m-150.528 194.56h94.208v41.984h-94.208v-41.984z m0 78.848h94.208v41.984h-94.208v-41.984z m-144.384-78.848h94.208v41.984H390.144v-41.984z m0 78.848h94.208v41.984H390.144v-41.984zM424.96 326.656h182.272c-26.624 22.528-57.344 41.984-94.208 57.344-31.744-15.36-61.44-34.816-88.064-57.344z" fill="#0649D0" p-id="7696"></path></svg>备案号11

{/hide}
【第四步】内容输入进去后点击保存设置即可生效


好了，本次教程完美结束，让我们到达前端看一下效果吧！
{/collapse-item}
{collapse-item label="7.本站同款底部"}
代码：
{hide}

<svg t="1617345879375" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://blog.blog.anenw.com" p-id="2008" width="19" height="19"><path d="M476.6 894.3m-31.6 0a31.6 31.6 0 1 0 63.2 0 31.6 31.6 0 1 0-63.2 0Z" fill="#3D91FA" p-id="2009"></path><path d="M527.5 809.6s-20.3-1.3-18.8 16.5l-0.1 68.3-56.1 20.4-114.2-105.2h13.5l19.3-2.9 156.4 2.9z" fill="#3D91FA" p-id="2010"></path><path d="M846.2 99.6h-678c-37.4 0-68 30.6-68 68v574c0 37.4 30.6 68 68 68h678c37.4 0 68-30.6 68-68v-574c0-37.4-30.6-68-68-68zM730.6 543.8c0 18.7-15.3 34-34 34h-382c-18.7 0-34-15.3-34-34s15.3-34 34-34h382c18.7 0 34 15.3 34 34z m0-177.2c0 18.7-15.3 34-34 34h-382c-18.7 0-34-15.3-34-34s15.3-34 34-34h382c18.7 0 34 15.3 34 34z" fill="#3D91FA" p-id="2011"></path></svg><a href="/index.php/ly.html" target="_self" rel="noopener noreferrer">留言</a> <svg t="1617346028202" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://blog.blog.blog.anenw.com/2000/svg" p-id="1080" width="23" height="23"><path d="M516.5 843.2c0-17.3 14.2-31.5 31.5-31.5h194c92.3-64 152.8-170.8 152.8-291.6 0-195.9-158.8-354.7-354.7-354.7S185.5 324.2 185.5 520.1s158.8 354.7 354.7 354.7c2 0 4 0 6.1-0.1-16.6-1-29.8-14.8-29.8-31.5z" fill="#5E9EFC" p-id="1081"></path><path d="M863.3 811.7H742.1c-55.8 38.7-123.2 61.8-195.9 63 0.6 0 1.2 0.1 1.8 0.1h315.3c17.3 0 31.5-14.2 31.5-31.5 0-17.4-14.1-31.6-31.5-31.6z" fill="#12F4FF" p-id="1082"></path><path d="M548 811.7c-17.3 0-31.5 14.2-31.5 31.5 0 16.7 13.2 30.5 29.7 31.5 72.7-1.2 140.1-24.3 195.9-63H548z" fill="#0797FC" p-id="1083"></path><path d="M500.8 648.2c-10.8 0-21.7-2.8-31.5-8.5-19.7-11.4-31.5-31.8-31.5-54.6V457.6c0-22.8 11.8-43.2 31.5-54.6 19.7-11.4 43.3-11.4 63.1 0l110.3 63.7c19.7 11.4 31.5 31.8 31.5 54.6s-11.8 43.2-31.5 54.6l-110.3 63.7c-10 5.7-20.8 8.6-31.6 8.6z m-0.2-63.1z m0.2-127.5V585l110.3-63.7-110.3-63.7z m110.4 63.8z m0-0.2z m-110.6-63.7z" fill="#BFD8FE" p-id="1084"></path></svg><a href="/index.php/zb.html" target="_self" rel="noopener noreferrer">在线直播</a> <svg t="1617346523747" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://blog.blog.anenw.com/2000/svg" p-id="1080" width="24" height="24"><path d="M833.8 317.7c-79.7-79.7-210.1-79.7-289.8 0l-33.4 33.4L655.5 496c79.7 79.7 79.7 210.1 0 289.8l178.3-178.3c79.7-79.7 79.7-210.1 0-289.8z" fill="#5E9EFC" p-id="1081"></path><path d="M365.7 496l144.9-144.9-33.4-33.4c-79.7-79.7-210.1-79.7-289.8 0-79.7 79.7-79.7 210.1 0 289.8l178.3 178.3c-79.7-79.6-79.7-210.1 0-289.8z" fill="#12F4FF" p-id="1082"></path><path d="M655.5 496L510.6 351.1 365.7 496c-79.7 79.7-79.7 210.1 0 289.8 79.7 79.7 210.1 79.7 289.8 0 79.7-79.6 79.7-210.1 0-289.8z" fill="#0797FC" p-id="1083"></path><path d="M826.2 460.4c-25.9-87.1-100.2-122.9-101-123.2-15.9-7.2-34.5-0.1-41.7 15.7-7 15.5-0.4 33.7 14.7 41.2 1.7 0.9 50.5 26.9 67.6 84.2 4.1 13.7 16.6 22.6 30.2 22.6 3 0 6-0.4 9-1.3 16.6-5 26.1-22.5 21.2-39.2z m-128-66.3c0.3 0.2 0.7 0.3 1 0.5 0 0-0.4-0.1-1-0.5z" fill="#BFD8FE" p-id="1084"></path></svg><a href="/7.html" target="_self" rel="noopener noreferrer">友情链接</a> <svg t="1617346540466" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://blog.blog.anenw.com" p-id="1592" width="19" height="19"><path d="M807.4 426.2c0-150.1-121.7-271.8-271.8-271.8S263.8 276.1 263.8 426.2c0 99.2 118.8 303.1 199.3 421.8H608c80.6-118.7 199.4-322.6 199.4-421.8z" fill="#5E9EFC" p-id="1593"></path><path d="M901.9 838.3l-78.8-157.6c-9.7-19.5-33.4-27.4-52.9-17.6-19.5 9.7-27.4 33.4-17.6 52.9l66 132H608.1c-4.5 6.6-8.9 13-13.1 19.1-28.8 41.3-89.9 41.3-118.7 0-4.2-6.1-8.6-12.5-13.1-19.1H252.6l66.1-132.1c9.7-19.5 1.8-43.1-17.6-52.9-19.5-9.7-43.1-1.8-52.9 17.6l-78.8 157.6c-2.7 5.5-4.2 11.5-4.2 17.6 0 39.1 31.8 70.9 70.9 70.9h599c39.1 0 70.9-31.8 70.9-70.9 0-6-1.4-12-4.1-17.5z" fill="#12F4FF" p-id="1594"></path><path d="M594.9 867.1c4.2-6.1 8.6-12.5 13.1-19.1H463.1c4.5 6.6 8.9 13 13.1 19.1 28.8 41.3 90 41.3 118.7 0z" fill="#0797FC" p-id="1595"></path><path d="M535.6 548.5c-69.5 0-126.1-56.6-126.1-126.1s56.6-126.1 126.1-126.1 126.1 56.6 126.1 126.1-56.6 126.1-126.1 126.1z m0-189.1c-34.8 0-63.1 28.3-63.1 63.1s28.3 63.1 63.1 63.1 63.1-28.3 63.1-63.1-28.3-63.1-63.1-63.1z" fill="#BFD8FE" p-id="1596"></path></svg><a href="/index.php/sitemap.xml" target="_self" rel="noopener noreferrer">SiteMap</a>          <center><svg t="1620356167087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="https://blog.blog.anenw.com" p-id="7694" width="20" height="20"><path d="M778.24 163.84c-76.8-40.96-165.888-61.44-269.312-61.44s-192.512 20.48-269.312 61.44h-133.12l23.552 337.92c8.192 113.664 67.584 217.088 162.816 280.576l215.04 144.384 215.04-144.384c96.256-63.488 155.648-166.912 163.84-280.576l23.552-337.92H778.24z m47.104 333.824c-7.168 94.208-56.32 181.248-135.168 233.472l-181.248 120.832L327.68 731.136c-78.848-53.248-129.024-139.264-135.168-233.472L173.056 225.28h136.192v-26.624c58.368-23.552 124.928-34.816 199.68-34.816s141.312 12.288 199.68 34.816V225.28H844.8l-19.456 272.384z" fill="#0649D0" p-id="7695"></pat

{/hide}
食用方法
添加到Joe主题自定义底部 ，修改代码内容。其他主题自行摸索。
{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="8.Typecho编辑文章页添加标签列表（不是插件）"}

前言

typecho的文章编辑页面常用的标签选择界面没有系统现有标签选择列表，应用中很是麻烦，需要记忆或者切换到标签管理界面查看。所以就出个教程方便以后修改，分享给大家。

{tabs}
{tabs-pane label="效果图"}

{/tabs-pane}
{tabs-pane label="代码"}

<p style="background:#E8EFD1;display:block;margin:6px 0;padding:6px 10px">
<?php
$stack = Typecho_Widget::widget('Widget_Metas_Tag_Cloud')->stack;
$i = 0;
while (isset($stack[$i])) {
echo "<a style=\"cursor:pointer\" onclick=\"t=document.getElementById('tags').value;c=t?',':'';
document.getElementById('tags').value=t+c+'", $stack[$i]['name'], "'\">", $stack[$i]['name'], "</a>";
$i++;
if (isset($stack[$i])) echo ", ";
}
?>
</p>

{/tabs-pane}
{/tabs}

教程

**第一步，在Typccho系统文件夹内打开admin目录找到 write-post.php 文件
PS：是系统文件夹，不是主题文件夹！
第二步，打开找到的文件，找到 <?php $post->tags(',', false); ?> 这个代码，然后在下面插入以下代码即可（原文件在94行,这里是typecho 1.17版本的，1.20版本自己找）**

{/collapse-item}
{collapse-item label="9.为博客添加疫情地图"}

添加教程

其实原博客已经把怎么部署写得挺清楚了～因为作者已经写好了框架代码，所以只需要用 iframe 调用就可以了。

在想要加入疫情地图的地方加入如下代码


<iframe src="https://www.lovestu.com/api/project/cnmapyinqing/obj.php" height="500" frameborder="no" border="0" width="100%"> </iframe>

就可以调用大佬的疫情地图了，据说是从丁香园的数据抓取的，每小时更新。

地图是来自 highmaps，先 mark 一下，说不定什么时候做可视化就要用到了呢。

想规定大小的话改变 height 和 width 值就可以了，因为侧边栏太长了不好看，所以手动缩了点高度 XD 。

{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="10.Joe主题背景图详细图注" }

{/collapse-item}
{collapse-item label="11.『教程』Joe主题帮助文档"}
详情点击我查看
{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="12.给你的网站加一个复制文章自动带版权说明" }

前言

{tabs}
{tabs-pane label="教程"}
方法非常的简单，只要在主题里的页脚文件 foot.php 或者 footer.php 最下面放入以下代码就可以了。

然后就完成了，别人复制你网站的东西就会有 版权说明 了
记得把上面代码中的 名字 以及 网站网址 修改成你自己的至此就可以实现了

{/tabs-pane}
{tabs-pane label="代码"}

{hide}

<script>
document.body.addEventListener('copy', function (e) {
    if (window.getSelection().toString() && window.getSelection().toString().length > 42) {
        setClipboardText(e);
     notie({
  type: 'info',
  text: '商业转载请联系作者获得授权，非商业转载请注明出处，谢谢合作。',
  autoHide: true
})
    }
}); 
function setClipboardText(event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (clipboardData) {
        event.preventDefault();
 
        var htmlData = ''
            + '著作权归作者所有。<br>'
            + '商业转载请联系作者获得授权，非商业转载请注明出处。<br>'
            + '作者：毒蛊博客-分享简单技术<br>'
            + '来源：' + window.location.href + '<br>'
            + '链接：https://idg8.cn/<br><br>'
            + window.getSelection().toString();
        var textData = ''
            + '著作权归作者所有。\n'
            + '商业转载请联系作者获得授权，非商业转载请注明出处。\n'
            + '作者：毒蛊博客-分享简单技术\n'
            + '来源：' + window.location.href + '\n'
            + '链接：https://idg8.cn/\n\n'
            + window.getSelection().toString();
 
        clipboardData.setData('text/html', htmlData);
        clipboardData.setData('text/plain',textData);
    }
}
</script>

{/hide}

{/tabs-pane}
{/tabs}

{/collapse-item}
{collapse-item label="13文章底部添加微信公众号图片"}

{tabs}
{tabs-pane label="教程"}
在 /usr/themes/Joe/public - copyright.php 里添加如下代码

{/tabs-pane}
{tabs-pane label="代码"}

<a href="weixin://"><img src="图片链接" width="100%"></a>

{/tabs-pane}
{/tabs}

{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="14.Typecho的伪静态设置" }

我这里分享两种伪静态设置，都是基于Nginx的。一种为官方版，另一种为优化版，本站使用的是优化版。

{tabs}
{tabs-pane label="官方版"}

if (!-e $request_filename) {
        rewrite ^(.*)$ /index.php$1 last;
    }

{/tabs-pane}
{tabs-pane label="优化版"}


location / {
    index index.html index.php;
    if (-f $request_filename/index.html) {
        rewrite (.*) $1/index.html break;
    }
    if (-f $request_filename/index.php) {
        rewrite (.*) $1/index.php;
    }
    if (!-f $request_filename) {
        rewrite (.*) /index.php;
    }
}

{/tabs-pane}
{/tabs}

{/collapse-item}
{collapse-item label="15.Typecho替换Gravatar头像地址方法"}
详情请点我查看
{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="16.Typecho后台密码忘记怎么办，如何重置Typecho登录密码？" }
忘记了Typecho后台密码，可以登录mysql数据库进行修改

进入phpMyadmin，选择typecho绑定的数据库名，依次typecho_users-编辑-更改password字段的值为e10adc3949ba59abbe56e057f20f883e，此时后台密码还原为了123456。
{/collapse-item}
{collapse-item label="17.给你的博客添加myll安全图标"}

食用方法 ~~自己放在网站合适位置~~ 

<!-- myll开始 -->
<div id="cc-myssl-id" style="position: fixed;right: 0;bottom: 0;width: 65px;height: 65px;z-index: 99;">
<a><img src="https://static.myssl.com/res/images/myssl-id.png" alt="" style="width:100%;height:100%"></a></div>
 <!-- myll结束 -->

{/collapse-item}
{/collapse}

{collapse}
{collapse-item label=" 18.【原创】Typecho-Joe主题首页文章不显示解决办法"}

一键直达
{/collapse-item}
{collapse-item label="19.Typecho博客忘记后台登录密码怎么办？"}
方法地址点我查看
{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="20.typecho修改后台地址"}

官方的文档

Typecho 安装好后，默认的后台路径是domain.com/admin/，为了提高安全性，我们允许以domain.com/xxxx/的方式访问，其中xxxx是你自定义的路径。自定义的方法如下：

你只需要在系统根目录下的config.inc.php文件里，找到

/ 后台路径(相对路径) /
define('__TYPECHO_ADMIN_DIR__', '/admin/');
把这个/admin/路径改成自己想要的路径就行了

实际操作

将admin文件夹改名，改成你需要的,例如abc,然后找到config.inc.php文件，将里面的admin改成abc即可，以后要登录后台访问domain.com/abc/即可。

做个假的后台地址

做完上面的操作后，在网站根目录重新建立个admin文件夹，然后里面放个index.html，然后index.html你想写成什么样就写成什么样，甚至可以写个假的登录框，然后随便个密码就登录成功，然后在显示个嘲讽的页面233.
{/collapse-item}
{collapse-item label="21.Typecho开启全站HTTPS"}
开启SSL首先肯定得有证书，现在的证书很多，也有免费的，作为个人站长，也没必要花上千块钱去购买一个证书，毕竟太贵了。

阿里云和腾讯云都能申请免费的证书，有效期是一年

有证书之后要看安装typecho所使用的环境，具体就不细说了。

Typecho修改

修改站点地址
登录Typecho后台
点击设置中的基本设置
将站点地址改为https的地址

修改Config.inc.php配置

在站点根目录下的config.inc.php文件中加入下面的配置，否则网站后台还是会调用HTTP资源

/** 开启HTTPS */
define('__TYPECHO_SECURE__',true);

修改评论配置

找到站点主题目录下的comments.php文件，并搜索$this->commentUrl(),将其替换为： echo str_replace("http","https",$this->commentUrl());

如果这一步没有设置，博客可能无法提交评论.上面几步做完之后，用浏览器访问你的https站点，按下F12检查有没有忘记修改的地方，比如网站的favicon地址是否为https的地址，否则网站可能还是http协议哦.上面几步完成之后，网站就已经处于全站HTTPS访问了.
{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="22.自动更新网站底部 Copyright © 年份"}
不知不觉，基本上每年都是进入 footer.php 修改博客网站底部 Copyright © 年份，但是往往是在年后好久才想起来要改下这个可有可无的数值，那么为了更好的维护好这些网站，降低自己的工作量，今天与大家分享下自动更新的方法。

这里有两种方案，一种是插入javasscript，通过document.write的方式插入最新的年份；另一种是 PHP 年份调用。

而由于 Typech 就是 PHP 程序，我更倾向于后者，毕竟有些人喜欢屏蔽些功能什么的，导致显示错误，而使用 PHP 调用的话就没有这样的问题，即便是 PHP 加速缓存，也可以快速更新。

PHP代码

{hide}

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

{/hide}

JavaScript代码

{hide}

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

{/hide}

{/collapse-item}
{collapse-item label="23.Typecho之Joe主题手机端新增登录注册功能超简单（修改一个文件即可完成）"}

Joe主题非常棒，但是也有部分功能美中不足，比如手机端没有注册登录功能，在这移动端盛行的年代，总感觉缺点啥。所以花了几分钟把这个功能完成了，对于懂PHP的人来说很简单，但是对于不懂的来说非常难。所以给大家分享下自己的成果吧。

PS：个人不喜欢用别人的插件，尤其需要授权才能使用的插件（其实是没钱），插件虽说完美，操作简单（多了我觉得臃肿），但是总有种被人牵着鼻子走的感觉。如果你也是和我一样的强迫症患者，不妨动动小手，2分钟就可以实现这个功能。

先来看下效果：

实现过程

1、找到这个文件 /usr/themes/Joe/public/header.php，在下图所示的位置添加后面的代码，保存即可。

2.代码如下

{hide}

<!--手机端注册登录功能-->
        <ul class="joe_header__slideout-menu panel-box" style="margin-top: 15px; ">

            <!--处理登录的情况-->
            <?php if ($this->user->hasLogin()) {?>
                <li>
                    <a class="link panel" href="#" rel="nofollow">
                        <span>用户登录</span>
                        <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="13" height="13">
                            <path d="M624.865 512.247L332.71 220.088c-12.28-12.27-12.28-32.186 0-44.457 12.27-12.28 32.186-12.28 44.457 0l314.388 314.388c12.28 12.27 12.28 32.186 0 44.457L377.167 848.863c-6.136 6.14-14.183 9.211-22.228 9.211s-16.092-3.071-22.228-9.211c-12.28-12.27-12.28-32.186 0-44.457l292.155-292.16z" />
                        </svg>
                    </a>
                    <ul class="slides panel-body">
                        <li>
                            <a class="link" href="#" target="_blank" rel="noopener noreferrer nofollow">恭喜~您已登录</a>
                            <a class="link" href="<?php $this->options->logoutUrl(); ?>" target="_blank" rel="noopener noreferrer nofollow"><span style="color: red">点我~退出登录</span></a>
                        </li>
                    </ul>
                </li>
            <?php }else{ ?>
                <li>
                    <a class="link panel" href="#" rel="nofollow">
                        <span>用户登录</span>
                        <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="13" height="13">
                            <path d="M624.865 512.247L332.71 220.088c-12.28-12.27-12.28-32.186 0-44.457 12.27-12.28 32.186-12.28 44.457 0l314.388 314.388c12.28 12.27 12.28 32.186 0 44.457L377.167 848.863c-6.136 6.14-14.183 9.211-22.228 9.211s-16.092-3.071-22.228-9.211c-12.28-12.27-12.28-32.186 0-44.457l292.155-292.16z" />
                        </svg>
                    </a>
                    <ul class="slides panel-body">
                        <li>
                            <a class="link" href="<?php $this->options->adminUrl('login.php'); ?>" target="_blank" rel="noopener noreferrer nofollow">登录</a>
                            <?php if ($this->options->allowRegister) : ?>
                                <a class="link" href="<?php $this->options->adminUrl('register.php'); ?>" target="_blank" rel="noopener noreferrer nofollow">注册</a>
                            <?php endif; ?>
                        </li>
                    </ul>
                </li>
            <?php }?>
        </ul>

3、拓展：这里的登录没有任何限制，注册功能要跟随系统设置，系统设置允许注册则显示，不允许注册则不显示注册按钮，typecho里面是用这个参数来判断后台是否允许注册,如果其他页面有需要判断的，可以用下面的属性。

{/hide}
{/collapse-item}
{/collapse}

{collapse}
{collapse-item label="24.保姆级给你的博客添加阿里巴巴矢量图标" }
详情请看 给你的博客添加阿里巴巴矢量图标
{/collapse-item}
{collapse-item label="25."}
内容后续添加
{/collapse-item}
{/collapse}

当前页面是本站的「Google AMP」版。查看和发表评论请点击：完整版 »