侧边栏壁纸

Typecho美化记录

2022年03月22日 8.7k阅读 285评论 10点赞
1.typecho侧栏恋爱计时代码分享
2.给博客加上一个好看的来访提示。
使用教程:
复制下方代码
粘贴到网站底部代码区
Joe主题可以直接放到全局设置—js里

代码:

此处内容设置了 登录回复 可见

3.Typecho编辑文章页添加标签列表
第一种方法:

下载下方插件tagshelper,上传到/usr/plugins解压,然后在博客后台插件管理中启用即可。
下载插件:
此处内容设置了 登录回复 可见

第二种方法:
(第一步)
在Typccho系统文件夹内打开admin目录找到write-post.php文件。
PS:是系统文件夹,不是主题文件夹!
(第二步)
打开找到的文件,找到<?php $post->tags(',', false); ?>这行代码,然后在下面插入以下代码即可。(原文件在94行)
此处内容设置了 登录回复 可见

效果图:
qQF70U.jpg

4.头像呼吸光环&鼠标悬停旋转放大
教程:
Joe主题直接放到全局设置自定义CSS即可,其他主题自行引入。

代码:
此处内容设置了 登录回复 可见

5.修复Joe主题未收录提示已收录教程
本博客使用的是Joe主题,7.3.3就存在这个问题了,现在升级到了最新版7.3.6,发现此问题仍未解决
问题详情:无论什么文章都会显示已收录,但实际未收录。
解决办法:
①. 修改主题目录下core/route.php文件
在第143行加入
代码:
此处内容设置了 登录回复 可见
代码位置:目前二开版本较多,所以位置不固定,放在适合地方即可。2025.3.26

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

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

6.网站底部添加备案图标
以本博客为例,首先登陆进入后台,打开主题外观(本博客使用的Joe主题,其他主题自行测试),下面进行图片教程:
【第一步】进入主题外观,点击设置外观
qQK8C8.jpg
【第二步】点击下方的全局设置
qQKlUP.jpg
【第三步】下滑找到自定义底部栏右侧内容
qQK14f.jpg
输入本内容进去
此处内容设置了 登录回复 可见
【第四步】内容输入进去后点击保存设置即可生效

qQKQEt.jpg
好了,本次教程完美结束,让我们到达前端看一下效果吧!

7.本站同款底部
代码:
此处内容设置了 登录回复 可见
食用方法
添加到Joe主题自定义底部 ,修改代码内容。其他主题自行摸索。
8.Typecho编辑文章页添加标签列表(不是插件)

前言

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

效果图
代码

l2bhmhrs.png

教程

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

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 。

10.Joe主题背景图详细图注
Test
11.『教程』Joe主题帮助文档
12.给你的网站加一个复制文章自动带版权说明

前言

教程
代码
方法非常的简单,只要在主题里的页脚文件 foot.php 或者 footer.php 最下面放入以下代码就可以了。

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

l2pt9k78.png

13文章底部添加微信公众号图片
教程
代码
在 /usr/themes/Joe/public - copyright.php 里添加如下代码
14.Typecho的伪静态设置

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

官方版
优化版
if (!-e $request_filename) {
        rewrite ^(.*)$ /index.php$1 last;
    }
15.Typecho替换Gravatar头像地址方法
16.Typecho后台密码忘记怎么办,如何重置Typecho登录密码?
忘记了Typecho后台密码,可以登录mysql数据库进行修改

进入phpMyadmin,选择typecho绑定的数据库名,依次typecho_users-编辑-更改password字段的值为e10adc3949ba59abbe56e057f20f883e,此时后台密码还原为了123456。

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结束 -->
18.【原创】Typecho-Joe主题首页文章不显示解决办法
19.Typecho博客忘记后台登录密码怎么办?
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.

21.Typecho开启全站HTTPS
开启SSL首先肯定得有证书,现在的证书很多,也有免费的,作为个人站长,也没必要花上千块钱去购买一个证书,毕竟太贵了。

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

有证书之后要看安装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访问了.

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

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

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

PHP代码

此处内容设置了 登录回复 可见

JavaScript代码

此处内容设置了 登录回复 可见

23.Typecho之Joe主题手机端新增登录注册功能超简单(修改一个文件即可完成)

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

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

先来看下效果:
ld9q4f59.png

实现过程

Test

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

Test

2.代码如下

此处内容设置了 登录回复 可见

24.保姆级给你的博客添加阿里巴巴矢量图标
25.
内容后续添加
10

—— 评论区 ——

昵称
邮箱
网址
取消
  1. 头像
    无念
    iOS 12.4.8   Safari 12
    回复

    感谢分享

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 120
      回复
      @无念

      不客气,共同进步

  2. 头像
    1703645127
    Android 10   ViVO浏览器 18
    回复

    感谢分享

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 120
      回复
      @1703645127

      有用就好

  3. 头像
    卖菜把鞋卖丢了
    Android 10   ViVO浏览器 18
    回复

    感谢分享

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 120
      回复
      @卖菜把鞋卖丢了

      不客气

  4. 头像
    稀奇
    iOS 16.7.4   Safari
    回复

    感谢分享

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 120
      回复
      @稀奇

      不客气

  5. 头像
    qwe553
    Windows 10 x64 Edition   Google Chrome 120
    回复

    看看

  6. 头像
    yusheng
    Windows 10 x64 Edition   Google Chrome 94
    回复

    看看

  7. 头像
    回复

    看看

  8. 头像
    ys
    Windows 10 x64 Edition   Google Chrome 94
    回复

    看看

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 120
      回复
      @ys

      OK

  9. 头像
    31003285058
    Windows 10 x64 Edition   Microsoft Edge 120
    回复

    加油

  10. 头像
    北山
    Windows 10 x64 Edition   Google Chrome 119
    回复

    加油加油

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 120
      回复
      @北山

      好嘞

  11. 头像
    66的
    Windows 10 x64 Edition   Microsoft Edge 119
    回复

    加油加油

  12. 头像
    66的
    Windows 10 x64 Edition   Microsoft Edge 119
    回复

    学习一下

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 120
      回复
      @66的

      好的

  13. 头像
    回复

    加油加油

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 119
      回复
      @沙漠一只雕

      你也加油

  14. 头像
    云菟
    Android 13   OPPO浏览器 40
    回复

    开开

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 119
      回复
      @云菟

      好的

  15. 头像
    云菟
    Android 13   OPPO浏览器 40
    回复

    开开开开开

  16. 头像
    云菟
    Android 13   OPPO浏览器 40
    回复

    表情

  17. 头像
    云菟
    Android 13   OPPO浏览器 40
    回复

    牛牛

  18. 头像
    哈欠的
    Windows 10 x64 Edition   Google Chrome 119
    回复

  19. 头像
    Ronronnerの校园生活
    Android 11   Google Chrome 110
    回复

    加油

  20. 头像
    Ronronner
    Android 11   Google Chrome 110
    回复

    表情66666

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 119
      回复
      @Ronronner

      嗯嗯

人生倒计时
今日已经过去 6 小时
27%
这周已经过去 7
100%
本月已经过去 6
20%
今年已经过去 4 个月
33%
最新评论