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

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

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

前言

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

简单了解了一下,发现是自己改动的东西太多了,服务器本地主题和作者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、复制内容时添加转载说明

写在后面

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

355
打赏
gzh

评论 (95)

图片
私语
取消
  1. 头像
    suams
    四川省遂宁市 Android · Google Chrome
    博主,你的文章加密插件能分享一下吗

    回复
    1. 头像
      六六丶 作者
      浙江省杭州市 Windows 10 · Google Chrome
      @ suams
      文章加密不是插件哦,主题自带的

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

        回复
  2. 头像
    suams
    四川省遂宁市 Android · Google Chrome
    有文章密码保护的插件吗

    回复
  3. 头像
    suams
    四川省遂宁市 Android · Google Chrome
    博主,你博客好多图片挂了

    回复
    1. 头像
      六六丶 作者
      浙江省杭州市 Windows 10 · Google Chrome
      @ suams
      家里服务器frp更新把原来的配置清除了,已经恢复了QQ

      回复
  4. 头像
    suams
    四川省遂宁市 Android · Google Chrome
    文章海报咋做呢

    回复
  5. 头像
    浅梦
    四川省成都市 Windows 10 · Google Chrome
    学习表情

    回复
  6. 头像
    1231
    云南省普洱市 Windows 10 · Google Chrome
    看看

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

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

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

        回复
  8. 头像
    suam
    四川省遂宁市 Android · Google Chrome
    此条为私语,仅评论者及文章作者可见
    回复
  9. 头像
    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 虽然我是个纯小白小电视 看不懂,但还是感谢分享小电视

            回复
  10. 头像
    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
        @ 六六丶
        期待

        回复
文章目录