Typecho Wiki
每一个作品都值得被记录

Typecho 哔哩哔哩配色主题 BiliBlog

Typecho维基君主题列表 • 3152次浏览 • 发布 2019-03-18 • 更新 2019-03-18
极致加速的V2Ray 助您畅享全球网络 & 搬瓦工VPS最新优惠码

主题简介:

这十款部分模仿B站的Typecho主题,虽然作者说是拼凑的产品,但是整体还算可以,TypechoWiki君觉得还有部分细节需要继续修复,喜欢的同学可以先下载尝鲜,毕竟作者自己也在用!

主题预览:

Typecho 哔哩哔哩配色主题 BiliBlog

主题特色:

  • 特色我觉得大概就是模仿了哔哩哔哩的部分样式

主题安装:

  • 上传至主题目录 /usr/themes/ 然后文件夹改名为 biliblog 即可
  • 部分功能需要插件支持

主题使用指南:

自定义首页

  • 修改头像、个人信息部分在主题设置中
  • 站点描述、关键词也在主题设置中
  • 主页栏数在主题设置中,支持1、2、3栏

自定义页面

  • 归档(时间线)页面:新建页面,名称为Timeline,自定义模板选择Template Page of Timeline Archives
  • 搜索页面:新建页面,名称为search,自定义模板选择Template Page of Search
  • 友链页面:新建页面,名称为Friends,自定义模板选择Template Page of Links,根据示例修改数组内容即可

自定义字段

  • thumb:封面地址,需要带http://或https://
  • customtext:显示在首页tags下面的内容,支持html代码

其他

  • TOC目录默认是开启的,如果想禁用请在index.php中把样式改为”display:none”
  • 右上角的齿轮栏填入相应内容可加载背景图片和歌单,背景图默认地址在header.php第133行修改网址即可,网易云可在后台设置

播放器

APlayer播放器 直接写在页面内即可,代码:

    <!-- MetingJS start -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
    <div class="aplayer" data-id="100845969" data-server="netease" data-type="playlist" data-autoplay="false" data-volume="0.6" id="fixedap"></div>
    <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/meting/dist/Meting.min.js"></script>
    <script>
    var meting_api='https://api.fczbl.vip/163/?server=netease&type=playlist&id=100845969';
    </script>
    <!-- MetingJS end -->

代码中的data-id,即100845969为网易云歌单id,修改替换两处即可

DPlayer播放器 直接写在页面内即可,代码:

<link href="https://cdnjs.loli.net/ajax/libs/dplayer/1.22.2/DPlayer.min.css" rel="stylesheet">
<div id="dplayer"></div>
<script src="https://cdnjs.loli.net/ajax/libs/dplayer/1.22.2/DPlayer.min.js"></script>
<script>
const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    loop:true,
    video: {
        url: 'https://menhood.320.io/files/%E5%8A%A8%E6%BC%AB/VioletEvergarden/%E3%82%A2%E3%83%8B%E3%83%A1%E3%80%8E%E3%83%B4%E3%82%A1%E3%82%A4%E3%82%AA%E3%83%AC%E3%83%83%E3%83%88%E3%83%BB%E3%82%A8%E3%83%B4%E3%82%A1%E3%83%BC%E3%82%AC%E3%83%BC%E3%83%87%E3%83%B3%E3%80%8FPV%E7%AC%AC2%E5%BC%BE.mp4'
    }
});
</script>

以上代码较为简略,具体参数可以去DPlayer文档查阅

关于上面播放器上面的如果直接插入无效请使用三个英文感叹号包围,如下为了防止解析加了反斜杠,在Typecho编辑器中记得去掉反斜杠:

/!!!
我是HTML代码
/!!!

统计代码

  • 自行在header.php或footer.php添加

必备插件

注意

模板禁用了博客程序的开启反垃圾保护选项,如需评论过滤请安装其他评论管理插件

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,Typecho.Wiki所有文章均包含本声明。
本文检索关键词:typecho
下载地址
关闭浏览器广告屏蔽插件或者注册登陆即可看到下载地址

注册 登陆

  更新时间:2019年03月18日

  文件说明:Typecho 哔哩哔哩配色主题 BiliBlog

  软件作者:Menhood

  主题演示:Typecho主题演示站

  下载链接: 链接1 链接2 推荐高性价比服务器

厂商投放
添加新评论 »