Skip to content
This repository has been archived by the owner on May 22, 2022. It is now read-only.

BlackWhite2000/Typecho-Theme-ZERO

Repository files navigation

ZERO:零

一款深灰色的主题,也是我的第一款主题 banner

特色

关于ZERO https://www.bwxyz.top/posts/48/

  • 一主题双模板

  • 响应式 / 自适应设计

  • Pjax 全站无刷新

  • 功能

    • 代码高亮
    • 图片懒加载
    • 自带归档页面
    • 评论区表情功能
    • 自带b站视频解析
    • 自带友情链接功能
    • 文章直接跳转外链
    • 评论回复可见功能
    • 支持打赏二维码(可自定义
  • 管理

    • 后台高级自定义设置功能

演示站点

one模板 two模板

主站点

www.bwxyz.top

使用

  1. 下载最新的 Release
  2. 解压后,确认目录名为ZERO(全大写)
  3. 将文件夹放入Typecho根目录下的usr/themes/
  4. 到后台启用主题
  5. 更多自定义请在后台的 控制台/外观/设置外观 中设置

用前须知

  • 关于代码高亮:代码高亮是用了 CodePrettify 插件,主题本身已内嵌,所以无需下载插件。
  • 关于返回顶部:返回顶部是用了 gotop 插件,主题本身已内嵌,所以无需下载插件。
  • 关于博客框架:框架采用了 typecho-theme-dev-framework
  • 建议导航栏页面总共不要超过5-6个,太多会挤。
  • two模板导航栏字数不能超过6-7个,太多会导致换行或者看不到。
  • 考虑到我一直是用笔记本搭建的,对于大屏幕可能没有适配好尺寸,如果遇到了请跟我说。
  • 对于二次开发,需要修改css、js的话建议另外新建文件来进行修改。

常见问题(请务必仔细阅读)

关于代码块
使用代码块时请按照以下格式来
```语言
```

```css
```
添加回复可见
{hide}
隐藏的内容
{/hide}
添加归档页面
新建独立页面,自定义模板选择归档页面内容留空。
添加友情链接
新建独立页面,然后这样写:
!!!
[links]
[BlackWhite]{一位设计师的博客,喜欢咕咕~ }[https://www.bwxyz.top/](https://img.bwxyz.top/img/logo/blog-favicon.png)
[BlackWhite]{一位设计师的博客,喜欢咕咕~ }[https://www.bwxyz.top/](https://img.bwxyz.top/img/logo/blog-favicon.png)
[/links]
!!!

需要注意 [links]只能解析一次,而且这样写会触发随机排序功能。

!!!
{links}
[BlackWhite]{一位设计师的博客,喜欢咕咕~ }[https://www.bwxyz.top/](https://img.bwxyz.top/img/logo/blog-favicon.png)
[BlackWhite]{一位设计师的博客,喜欢咕咕~ }[https://www.bwxyz.top/](https://img.bwxyz.top/img/logo/blog-favicon.png)
{/links}
!!!
!!!
{links}
[BlackWhite]{一位设计师的博客,喜欢咕咕~ }[https://www.bwxyz.top/](https://img.bwxyz.top/img/logo/blog-favicon.png)
[BlackWhite]{一位设计师的博客,喜欢咕咕~ }[https://www.bwxyz.top/](https://img.bwxyz.top/img/logo/blog-favicon.png)
{/links}
!!!

如果想多次解析请写{links},但这样写不会触发随机排序功能。 具体效果可以查看我的博客友链https://www.bwxyz.top/links.html

添加bilibili视频
新建独立页面,然后这样写:
!!!
[bilibili]
[//player.bilibili.com/player.html?aid=50126219&cid=87746888&page=1]
[/bilibili]
!!!

链接获得方式直接在b站视频里面点击分享找到 嵌入代码,按照我提供的参考筛选链接。 比如

<iframe src="//player.bilibili.com/player.html?aid=50126219&cid=87746888&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

筛选成

//player.bilibili.com/player.html?aid=50126219&cid=87746888&page=1

效果参考 https://www.bwxyz.top/posts/29

遇到问题

如果遇到使用上的问题,可以留言,但当然不代表我完全都会,因为我也只是会点css的业余人士而已。
如果你打算二次开发,请具备基本的css基础,同时对于二次开发我可能无法给你太多帮助,理由同上。

关于更新

因为工作学习关系,博客不会频繁更新,所以想二次开发的同学就不用担心更新问题啦(咳咳)
关于未来的更新,如果只是小更新的话我不会选择发布,除非有什么特殊情况。

鸣谢

这些都是提供给我帮助,以及我参考学习的大佬们以及代码!

参考学习过的主题代码

大佬们

支持我

如果你想支持我,我当然会非常开心~

支付宝支付宝微信微信

版权

MIT © BlackWhite 请勿删除页脚版权信息哦~