Skip to content

dingzd1995/typecho-theme-waxy

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
img
 
 
js
 
 
lib
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Waxy 简约自适应博客主题

在线预览(稳定) | 在线预览(测试) | 更新计划 | 问题反馈

Waxy,白蜡。白为色之祖,简而百搭;蜡,轻而易雕琢;

Waxy(白蜡),代表着本主题的特点------轻量高效,悦于书写!

小巧,却拥有完善且丰富的功能。

即可开箱即用,也可以加以雕琢。简约的设计,无限的可能!

呐,朋友。

尺牍已展,静候佳作!

Waxy 简约自适应博客主题

本主题参考seventeen主题,由其修改更新而来,感谢原作者的辛苦付出!

安装主题

主题下载地址:GitHub & CDN

MD5: C514E80FE10F5F9DAE286A98E58EB61A

SHA1: D7B316AAACE090D4CD8B4AB7837DC0D7366C5421

把主题上传到 Typecho 安装路径下的 usr/themes/ 目录,然后解压,你也可以先解压在上传。

解压完成后,请将主题目录重命名为Waxy,并保证所有主题文件在此目录下。

登录 Typecho 的管理后台,进入 控制台 -> 外观,点击 Waxy 主题下方的启用按钮即可启用。

如需修改主题设置,请点击设置外观进入主题设置。

主题功能介绍

  • 轻量高效,悦于书写

  • 响应式布局

  • 图片懒加载/灯箱

  • 自定义侧边栏/JS/CSS样式

  • 文章置顶/标星/首图/内容失效提醒/阅读剩余部分

  • 短代码快捷功能(多彩提示框/多彩文字提示/简易提示框/收缩框/快捷插入音频&视频)

  • 置顶公告/CDN切换/代码高亮/时间线/归档页面/Sitemap/技术统计

短代码

短代码可以快速为你提供更多展示效果。使文章层次更丰富。

效果

短代码效果

使用方法

#多彩提示框
[info]一般提示[/info]
[warning]警告提示[/warning]
[danger]危险提示[/danger]
[info]多行内容测试:<br />
生活如酒,或芳香,或浓烈,因为诚实,它变得醇厚;生活如歌,或高昂,或低沉,因为守信,它变得悦耳; 生活如画,或明丽,或素雅,因为诚信,它变得美丽。[/info]


#文字提示
[em]警告文字样式[/em]
[hi]高亮文字样式[/hi]
[lo]备注文字样式[/lo]


#插入视频(支持视频静音,自动播放,循环播放)
[video src="视频地址" poster="视频封面地址(可省略)" muted="muted" autoplay="autoplay" loop="loop" ]

#插入音频(支持自动播放,循环播放)
[audio src="音频地址" autoplay="autoplay" loop="loop" ]

#PS:某些浏览器限制,可能无法自动播放,不过一般静音视频不受影响~


#简易提示框(添加close="close",可以激活关闭按钮)
[alert style="success" close="close"]简易提示框:success,默认样式[/alert]
[alert style="info" close="close"]简易提示框:info[/alert]
[alert style="warning" close="close"]简易提示框:warning[/alert]
[alert style="danger" close="close"]简易提示框:danger[/alert]


#收缩框(添加checked="checked",自动展开收缩框;style,控制外观样式)
[shrinks title="收缩框:默认样式,自动展开" checked="checked"]内容[/shrinks]
[shrinks title="收缩框:primary" style="primary"]内容[/shrinks]
[shrinks title="收缩框:success" style="success"]内容[/shrinks]
[shrinks title="收缩框:info" style="info"]内容[/shrinks]
[shrinks title="收缩框:warning" style="warning"]内容[/shrinks]
[shrinks title="收缩框:danger" style="danger"]内容[/shrinks]

代码高亮

基于prism.js实现,自带8种主题。

代码高亮设置

移植于CodeHighlighter-for-Typecho插件,感谢原作者的辛苦劳动!

自定义侧边栏

自定义侧边栏

自定义CSS/JS

自定义CSS/JS

PS:通过与置顶公告联动,还可以实现一言效果~

hitokoto

友情链接管理

一行一条,格式(请用半角空格或逗号分隔):网站名称,网站地址,网站图标(建议:32x32),网站说明

友情链接管理

文章首图

如果想使用首图,请在文章自定义字段 img 添加网址即可

文章标星

如果想在文章右上角显示一个显眼的标记,请添加文章自定义字段 star 即可

star

文章内容失效提醒

remind

置顶公告&文章

top

2020/10/05可以同时置顶多篇文章,滚动展示。

多篇文章置顶效果:

top

阅读剩余部分

在需要截断文章的位置插入<!--more-->即可

more

时间线

#时间线使用方法

#新建独立页面,选择模板为 时间线 即可。并在其中按如下格式填写即可

- **<红色的标题内容>** <气泡的内容,支持图片,超链接,短代码>
- **<红色的标题内容>** <气泡的内容,支持图片,超链接,短代码>
- **<红色的标题内容>** <气泡的内容,支持图片,超链接,短代码>
- **<红色的标题内容>** <气泡的内容,支持图片,超链接,短代码>

其中 - 是markdown语法中的无序列表,** **是markdown语法中的文字加粗。< >是您自定义的内容,使用时请去掉尖括号。

page_articles

归档页面

#归档页面,由系统自动生成。

您只需要新建独立页面,选择模板为 归档页面 即可。

page_timeline

友情链接页面

#使用方法

#新建独立页面,选择模板为 友情链接 即可。并在其中按如下格式填写即可,空行间隔可分片

- [![<网站地址>](<网站图片> )](<网站URL>)

page_friends.png

Sitemap/网站地图

百度/谷歌站长工具正常收录

百度/谷歌站长工具正常收录

Bing站长工具正常收录

标准模式和纯文本模式(添加参数?txt=1

标准模式和纯文本模式(添加参数?txt=1)

启用Sitemap/网站地图

启用Sitemap/网站地图