注册
『原创』『教程』博客主题修改记录(长期不定时更新)
Brains - 灵感乌托邦

『原创』『教程』博客主题修改记录(长期不定时更新)

六六丶
2021-06-21 / 101 评论 / 24,294 阅读 / 收录检测中...
广告
温馨提示:
本文最后更新于2023年12月16日,已超过371天没有更新,若内容或图片失效,请留言反馈。

前言

最近一直在摸鱼,也好久没更新博客了,今天登陆上一看,发现博客自动更新出问题了。

简单了解了一下,发现是自己改动的东西太多了,服务器本地主题和作者github内容重复了

所以只好重新下载作者的主题,再把自己改的加上去,但是突然发现自己已经记不太清楚修改了哪些了

所以打算摸鱼写一篇文章来记录自己博客的修改内容,毕竟好记性不如烂笔头嘛

修改目录

主要修改的内容

补充教程

因为在学习了一些Typecho的后端设置后,觉得直接把所有自定义功能放在一起,然后通过 functions.php 调用更为方便

所以就有了以下教程,虽然也是在其他人那里嫖来的,但是根据自己的理解也进行了举一反三,所以在此记录一下

(一)引入自定义配置文件

1、创建自定义文件

首先在主题根目录或者/public目录下创建一个 custom.php 文件(文件名可自定义)

内容包含在 <?php ?>

6328028d49f91.png

2、引入配置文件

接着在根目录的 functions.php 文件内引入自定义配置文件

3、添加tabs

最后在根目录的 functions.php 文件的外观设置tabs里再加一个自定义配置

这样就可以引入自定义配置文件了

6328030f9805e.png

(二)引入自定义JS和CSS文件

1、引入到主题框架

直接在 Joe/public/include.php 插入以下代码即可

<!--引入自定义模块CSS-->
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/custom.min.css'); ?>">
<!--引入自定义模块JS-->
<script src="<?php $this->options->themeUrl('assets/js/custom.min.js'); ?>"></script>

2、添加自定义JS和CSS文件

Joe/assets/js 文件夹下创建 custom.min.js

Joe/assets/css 文件夹下创建 custom.min.css

(三)添加后台自定义功能

1、PC端&PE端 侧栏自定义

2、文章底部端 打赏按钮

3、PC端&PE端 登录按钮

4、PC端 评论弹幕

弹幕功能的教程已经设置了后台管理功能,所以直接看教程就行
传送门 『教程』Typecho的Joe主题添加评论弹幕功能(限PC)

5、关于页 我的追番 页面

6、QQ自动跳转浏览器

同样的,教程已经设置了后台管理,直接按照教程修改即可
传送门 『代码』Typecho的Joe主题新增QQ打开自动跳转到浏览器

7、复制内容时添加转载说明

写在后面

本文章不定时更新,主要记录博主修改内容,想到的都会尽量写上

358
打赏
gzh

评论 (101)

图片
私语
取消
  1. 头像
    1231
    云南省普洱市 Windows 10 · Google Chrome
    看看

    回复
  2. 头像
    suams
    四川省遂宁市 Android · Google Chrome
    那个前台评论编辑器怎么做

    回复
    1. 头像
      六六丶 作者
      浙江省杭州市 Windows 10 · Google Chrome
      @ suams
      没懂你说的是哪个

      回复
      1. 头像
        suams
        四川省遂宁市 Android · Google Chrome
        @ 六六丶

        回复
  3. 头像
    suam
    四川省遂宁市 Android · Google Chrome
    此条为私语,仅评论者及文章作者可见
    回复
  4. 头像
    suams
    四川省遂宁市 Android · Google Chrome
    和logo闪光小电视

    回复
    1. 头像
      六六丶 作者
      浙江省杭州市 Windows 10 · Google Chrome
      @ suams
      闪光就是css代码,直接扒去用就行了

      回复
      1. 头像
        suams
        四川省遂宁市 Android · Google Chrome
        @ 六六丶
        我修改了夜间模式的logo再加上闪光夜间logo就?见了小电视

        回复
        1. 头像
          六六丶 作者
          浙江省杭州市 Windows 10 · Google Chrome
          @ suams
          注意日间模式和夜间模式的CSS,使用var变量设置就可以的

          回复
          1. 头像
            suams
            四川省遂宁市 Android · Google Chrome
            @ 六六丶
            能具体发张图吗

            回复
          2. 头像
            suams
            四川省遂宁市 Android · Google Chrome
            @ 六六丶
            谢谢大佬QQ 虽然我是个纯小白小电视 看不懂,但还是感谢分享小电视

            回复
  5. 头像
    suams
    四川省遂宁市 Android · Google Chrome
    私密评论咋设置啊小电视

    回复
    1. 头像
      六六丶 作者
      浙江省杭州市 Windows 10 · Google Chrome
      @ suams
      这个移植于小王sir分享的源码,等我空了单独出一期教程

      回复
      1. 头像
        suams
        四川省遂宁市 Android · Google Chrome
        @ 六六丶
        空了吗小电视

        回复
      2. 头像
        suams
        四川省遂宁市 Android · Google Chrome
        @ 六六丶
        在吗

        回复
      3. 头像
        suams
        四川省遂宁市 Android · Google Chrome
        @ 六六丶
        好久出呢

        回复
      4. 头像
        suams
        四川省遂宁市 Android · Google Chrome
        @ 六六丶
        期待

        回复
  6. 头像
    595
    贵州省贵阳市 MacOS · Safari
    向大佬学习!
    这个logo怎么改???,夜晚模式!大佬?

    回复
    1. 头像
      六六丶 作者
      浙江省杭州市 Windows 10 · Google Chrome
      此条为私语,仅评论者及文章作者可见
      回复
    2. 头像
      六六丶 作者
      浙江省杭州市 Windows 10 · Google Chrome
      @ 595
      夜间模式主要是css修改的,你可以直接F12检查照着改就行

      回复
      1. 头像
        595
        贵州省贵阳市 iPhone · Google Chrome
        @ 六六丶
        都找了好久了,全局搜索也不行?,大佬!可以透露点路径或者类名吗,感谢、感谢……!!!

        回复
        1. 头像
          六六丶 作者
          浙江省杭州市 Windows 10 · Google Chrome
          @ 595
          在这个位置,你去把这个svg删了或者换成其他的就行

          回复
  7. 头像
    彬彬
    广东省惠州市博罗县 Windows 10 · Google Chrome
    是人能给予自己的最高尊严。

    回复
  8. 头像
    彬彬
    广东省珠海市 Windows 10 · Google Chrome
    莫对他人妄行揣测,是人能给予自己的最高尊严。

    回复
  9. 头像
    云菟
    浙江省嘉兴市 Android · Google Chrome
    世界上的男人 80%都抱有“她是不是喜欢我?”这样的想法而活 正因为如此 我才需要告诫自己 「永远都不要以为妹子喜欢你」

    回复
  10. 头像
    阿辉
    广东省深圳市 Linux · Google Chrome
    大佬优秀

    回复
文章目录