[折腾]joe主题 博客美化功能折腾-持续更新

首先感谢joe提供的主题，关键是免费的。
这个博客主题，作者的分类非常的细致，非常适合我这种小白！
[card-nav]
[card-nav-item src=”https://ae.js.cn” title=”joe作者博客” img=”网站图标” /]
[/card-nav]

一、更改网站字体

[collapse]
[collapse-item label=”点击打开”]
先看效果

1.1 首先下载字体文件

[hide]
[btn href=”https://www.abu3d.com/attachment/down-1″ type=”success”]字体文件[/btn]
[/hide]

1.2 上传文件

把下载的字体上传到你服务器里面，也可以去找在线字体链接，后面有用

1.3 复制代码

复制下面代码到 主题设置 – 公共设置 – 自定义CSS

@font-face {
  font-family: 'nexzhu';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), 
         url(../字体路径/blockdole.woff2) format("woff2"),
         url(../字体路径/blockdole.woff) format("woff"),
         url(../字体路径/blockdole.eot) format("embedded-opentype"),
         url(../字体路径/blockdole.svg) format("svg");
  font-display: swap; 
}
body {
    font-family: nexzhu;
}

1.4 说明

代码中 url(../字体路径/blockdole.svg) format("svg"); 如果没有他不显示，我也是在网上看到的，反正加上就是了。还有就是，font-display: swap; 这个是为了，让加载字体的时候可以显示默认字体。
[/collapse-item]
[/collapse]

二、底部版权信息及底部链接

[collapse]
[collapse-item label=”点击打开”]

2.1 版权信息

复制下面代码到 主题设置 – 公共设置 – 底部版权文字

 |  

  苏ICP备 20043146号-1

 |
Theme Joe  

2.2 底部链接

复制下面代码到 主题设置 – 公共设置 – 底部链接

阿不工具坞
RSS
MAP 

[/collapse-item]
[/collapse]

三、登录/注册链接跳转

[collapse]
[collapse-item label=”点击打开”]
打开网站目录，在admin文件夹下的login.php和register.php下的第6、7、8行，加如下代码：

header("Location: /tepass/signin"); 

我的修改完之后的第4到第8行如下：

if ($user->hasLogin()) {
    $response->redirect($options->adminUrl);
}else{
    header("Location: /tepass/signin");
}

[/collapse-item]
[/collapse]

四、倒计时代码

[collapse]
[collapse-item label=”点击打开”]

.time {
  color: #fff;
  background:url(图片地址);
  height:200px;
  width:980px
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}

.time span {  
  padding: 110px 14px;
  font-size: 0.8rem;
}

.time span div {
  font-size: 3rem;
  background:rgba(0,0,0,0.3);
}


    距离圣诞节还有：
        
        
            00
        
         天 
        
            00
        
        时  
        
            00
        
        分  
        
            00
        
        秒 
    




const comingdate = new Date("12 24, 2020 00:00:00");

const d = document.getElementById("d");
const h = document.getElementById("h");
const m = document.getElementById("m");
const s = document.getElementById("s");

const countdown = setInterval(() => {
  const now   = new Date();
  const des   = comingdate.getTime() - now.getTime();
  const days  = Math.floor(des / (1000 * 60 * 60 * 24));
  const hours = Math.floor((des % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  const mins  = Math.floor((des % (1000 * 60 * 60)) / (1000 * 60));
  const secs  = Math.floor((des % (1000 * 60)) / 1000);

  d.innerHTML = getTrueNumber(days);
  h.innerHTML = getTrueNumber(hours);
  m.innerHTML = getTrueNumber(mins);
  s.innerHTML = getTrueNumber(secs);

[/collapse-item]
[/collapse]

五、给注册用户增加密码功能

[collapse]
[collapse-item label=”点击打开”]
直接要展示的文件里放入以下代码即可,CSS部分可以自行优化，本站是放在header.php页头里面。

原文链接：https://www.abu3d.com/blog/joe-continuous。
声明：本站所有文章如无特殊说明，均为本站原创发布，任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站或各类媒体平台；本站分享的资源仅供学习与交流使用，请勿商用，否则后果自负；如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。