Typecho 简约而不简单的主题 Initial
主题简介:
建站时说过本站将使用Typecho默认主题,但是会做一些优化,考虑了一下,直接将主题开放吧。
主题命名为Initial,意为“初”,专注于文字,算是极极极简风格吧,简约而不简单,希望你能喜欢这种很小众的风格。
主题点评:
这款主题Typecho爱好者试用过,整体符合Typecho的一贯简约风格,非常的轻巧,由于时间关系Typecho爱好者并未做过多测试,但是看了作者更新版本的频率,我相信这款主题不会有太大问题。
主题预览:
建议大家直接看作者网站预览
主题功能与特点:
- 重新优化的响应式布局,移动端舒适体验
- 轻量级设计,关闭附加功能后无框架、无JQ、无库
- 支持个人CDN、Gravatar头像、公共资源的DNS预获取
- 公共资源支持自定义来源:BootCDN、CDNJS、jsDelivr
- 支持CSS文件、文章附件自定义链接,实现CDN加速
- 全站Pjax、Ajax评论、HTML压缩、CSS文件压缩
- 自定义Favicon图标与Apple图标
- 支持自定义头部跟随或固定,自定义标题或LOGO,自定义导航栏显示内容
- 支持自定义文章缩略图或者自动获取缩略图
- 支持面包屑导航、文章二维码打赏
- 自带链接功能,可在首页(侧栏或页底)和链接模板内显示,可自定义要显示的分类
- 添加侧边栏热门文章、标签云
- 添加两套极简模板:链接模板和归档模板
- 支持自定义备案号、自定义网站统计代码
- 添加右下角小工具,包括返回顶部、背景音乐
- 更多细节,等你发现?
如何使用:
下载主题包并解压,把解压出来的文件夹改名为“initial”,将文件夹上传至网站文件主题目录下,网站后台启用主题即可。
更多设置:
一、文章缩略图
文章缩略图就是在首页或者归档页才会显示的一张展示图片(图片大小无任何限制,请自行控制)。
本主题是一个主打文字的主题,所以默认是不显示文章缩略图的,如果需要显示缩略图,在编辑文章或者页面时,最下方的“自定义字段”位置有一个“自定义缩略图”的选项,可以输入你喜欢的图片的地址来作为该文章的缩略图。如果想要使用文章内的第一张图片作为缩略图,只需输入数字“1”即可(若该文章内无图,则不显示)。
二、后台设置
绝大部分的内容都在这里。
站点 LOGO 地址
默认是显示后台设置的站点名称(文字版),此处可以填入你的LOGO图片的地址,填入后就会在站点名称显示的位置显示你填入的LOGO(站点名称不再显示),图片高度是限制最高30像素,超出则会缩小到30像素高,宽度不限。
自定义站点副标题
站点标题就是你使用浏览器浏览网站时,在浏览器上显示的网站名称,默认只显示站点名称,此处可以填入一个你喜欢的副标题,填入后将在原标题后方使用“ - ”分隔符显示你设置的副标题,例如:标题 - 副标题。(副标题仅在首页时显示)
Favicon 地址
Favicon 就是你使用浏览器浏览网站时,在浏览器标题前显示的网站小LOGO,填写一个你的LOGO地址即可。(Favicon建议使用ico格式)
Apple Touch Icon 地址
Apple Touch Icon 的作用类似Favicon ,只是这个图标只会在苹果的设备上被使用,比如创建的快捷图标。
CSS文件的链接地址替换
此项设置是方便给使用了CDN服务的朋友使用,可以把本主题的CSS文件替换为你的CDN文件,直接输入CSS文件在你的CDN的父级目录链接即可(结尾不用加斜杠“/”),例:
CSS文件原地址是 http://www.example.com/usr/themes/initial/style.min.css
CSS文件在你的CDN内的地址是 http://www.cdn.com/initial/style.min.css那么此项设置你应该输入 http://www.cdn.com/initial (结尾不用加斜杠“/”)
文章内的链接地址替换
此项设置也是方便给使用了CDN服务的朋友使用,可以把文章或页面内的指定链接替换为另一个你需要的链接,原链接和替换链接之间使用等号“=”分割,可以设置多个替换规则,一行一个。替换链接是替换文章或页面内的所有符合条件的链接,所以建议使用在附件链接上面,而且尽量把原链接写全,以免“误伤”。
导航栏显示
此项设置是设置头部导航栏的显示内容。
- 显示分类:启用将显示所有文章分类
- ↪合并分类:将分类合并为下拉菜单显示,需要启用“显示分类”后,此项才可生效
- 显示页面:启用将显示独立页面
- ↪合并页面:将独立页面合并为下拉菜单显示,需要启用“显示页面”后,此项才可生效
导航栏-分类 下拉菜单显示名称
当“导航栏显示”设置为“显示分类”、“合并分类”后,导航栏内的分类会生成一个下拉菜单,此项设置可以自定义这个下拉菜单的显示名称,留空则默认显示为“分类”。
导航栏-页面 下拉菜单显示名称
同上一项
面包屑导航显示
文章内显示:启用将会在文章内显示面包屑导航
↪文章标题替换为“正文”:启用后会将文章内的面包屑导航的文章标题部分替换为“正文”
页面内显示:启用将会在独立页面内显示面包屑导航
微信打赏二维码
填入你的微信打赏二维码图片地址, 就可以在文章底部添加微信打赏,留空则不设置微信打赏,(建议图片尺寸不低于240*240)
支付宝打赏二维码
同上一项
浮动显示头部
2.0版全新的头部样式,有跟随和固定两种显示方式,默认是常规的跟随显示,启用此项后,头部将始终显示。
动态显示侧边栏
启用后将动态滚动显示侧边栏,默认关闭。
DNS预获取
又叫DNS预解析,启用后将预获取网站的CDN资源和Gravatar头像源。
公共静态资源来源
公共静态资源包括CSS框架、JS库等公共库文件,此设置可将切换主题的公共资源文件,比如前段时间BootCDN迁移导致暂停服务,就可以暂时切换至其他来源,或根据网站的受众人群,选择合适的来源
HTML压缩
启用后将压缩HTML代码,酌情开启。
全站Pjax
Pjax是一种网站局部刷新技术,做到页面加载时只刷新指定的部分,不刷新整个页面,不用多次的JS、CSS解析,只更新必要的内容,避免了页面重新渲染的过程。开启后将同时开启ajax评论,并强制关闭“反垃圾保护”,强制“将较新的的评论显示在前面”。
返回顶部
启用后将在右下角显示“返回顶部”按钮
背景音乐
启用将在右下角显示“音乐控制”按钮(需在下一步输入音乐地址),背景音乐功能建议配合“全站Pjax”使用。
背景音乐地址
上一步启用背景音乐后,需在此处输入完整的音乐地址(建议mp3格式,兼容性最好),可以输入多个音乐,一行一个。
背景音乐播放音量
输入一个你觉得合适的背景音乐播放音量,0~100%音量对应0~1之间的小数,比如输入0.25表示25%的音量。
链接列表
注意:由于Typecho的主题机制问题,链接列表在切换主题时会被清空,请注意备份!!!
此设置为2.1版本新增的链接功能,此处就是您的链接列表,请按照指定的格式输入链接。
链接输入格式:
链接名称*,链接地址*,链接描述,链接图标,链接分类
不同信息之间用英文逗号“,”分隔,例如:
OFFODD,http://www.offodd.com/,JIElive的博客 | 有点不同,https://www.offodd.com/logo.png,Myself若中间有暂时不想填的信息,请留空,例如暂时不想填写链接描述和链接图标:
OFFODD,http://www.offodd.com/,,,Myself若结尾有暂时不想填的信息,无需逗号,可直接留空,例如暂时不想填写链接图标和链接分类:
OFFODD,http://www.offodd.com/,JIElive的博客 | 有点不同多个链接换行即可,一行一个
小技巧:如果某个链接已经失效,但是又不需要立即删除它,常用场景就是链接站点无法访问或者友链站点把你的友链删除了,你就可以给链接名称加上
标签,把链接地址留空,把链接描述改为原因,然后链接地址和链接描述可以放到链接分类后面来备份,例如:<del>OFFODD</del>
,,暂时无法访问,,Myself,备份:http://www.offodd.com/JIElive的博客 | 有点不同https://www.offodd.com/logo.png
11月7日更新:若 链接地址 留空,则自动添加<del>
标签
首页链接显示位置
链接在首页显示的位置,可设置在侧边栏显示或者在页面底部显示
显示链接图标(内页)
2.2.1版新增功能,启用后内页(链接模板)链接将显示链接图标,若某个站点未设置链接图标,将尝试自动获取图标,若获取失败则图标显示为“★”。无 链接地址 的链接不会显示图标
首页显示的链接分类
链接在首页显示的分类,若首页只需显示某分类下的链接,在此输入链接的分类名即可,如果要显示多个分类的链接,可在多个分类名之间用英文逗号“,”分隔,留空则默认显示全部链接。分类名建议使用字母形式
内页(链接模板)显示的链接分类
链接在链接模板页面显示的分类,若链接模板页面只需显示某分类下的链接,在此输入链接的分类名即可,如果要显示多个分类的链接,可在多个分类名之间用英文逗号“,”分隔,留空则默认显示全部链接。分类名建议使用字母形式
侧边栏显示
侧边栏需要显示的项目
ICP备案号
输入网站的ICP备案号,将在底部显示,留空则关闭此项
底部自定义内容
此处可以输入你的网站统计代码,也可以输入一些其他JS内容,若开启了全站Pjax,建议使用百度统计或者Google统计。
更新历史:
- 2018/9/4:发布第一版
- 2018/9/8:更新1.1版本
- 2018/9/12:更新1.2版本
- 2018/9/17:更新1.2.1版本(增加返回顶部过渡动画,微调部分样式,添加标签云,修复小BUG)
- 2018/9/28:更新1.3版本
- 2018/10/12:更新2.0版本
- 2018/11/2:更新2.1版本
- 2018/11/23:更新2.2版本
- 2018/11/28:更新2.2.1版本
2018/11/28:更新2.2.1版本
2018/12/14:更新2.3版本(12月15日小更新了一下,修正一处拼写错误,顺带优化小地方,感谢QQ群友@绝的提醒?)
2018/12/24:更新2.3.1版本
2018/12/25:更新2.3.2版本
2019/1/4:更新2.4版本
2019/1/9:更新2.4.1版本
2019/1/14:更新2.4.2版本
2019/2/20:更新2.4.3版本
2.4.3版更新内容
- 删除外观设置内从2.4版本开始弃用的链接列表(已迁移至 管理-独立页面-链接模板页面-自定义字段-links 内)
- 新增“轻语”的评论回复功能,并优化评论样式
- 新增文章底部“文章许可信息”,可在后台自定义内容
- 修复“轻语”评论无法换行的问题
- 修复某些情况下“文章目录”按钮状态异常
- 修复“注脚”链接新窗口打开的问题(感谢@王叨叨发现此问题)
- 优化导航下拉列表,不再限制宽度
- 优化评论框架结构,回复评论目标更清晰
- 其他优化与小调整
- 注意:从本版开始,后台-外观设置内的 链接列表 已彻底删除,新的链接列表已迁移至 管理-独立页面-链接模板页面-自定义字段-links 内,以后的链接操作都需要在这里进行。
2.2.1版更新内容
- 链接功能添加链接图标参数
- 链接模板内的链接增加图标显示(默认关闭)
- 其他小调整
- 本版更新为小更新,主要由于在后台的“链接列表”增加了一个“链接图标”的参数,考虑到要尽量减少对使用者的影响,故提前更新。
2.2版更新内容
- 添加侧边栏动态滚动(默认关闭)
- 调整右下角小工具位置,解决超宽屏尴尬
- 添加背景音乐播放进度条
- 修复关于链接的小问题
- 清除翻译语句
- 其他细节调整与小BUG修复
2.1版更新内容
- 新增一套链接模板
- 新增链接功能,可在首页(侧栏或页底)和链接模板内显示,可自定义要显示的分类
- 11月7日更新:若 链接地址 留空,则自动添加
标签 - 新增自定义公共静态资源来源,支持BootCDN、CDNJS、jsDelivr
- 修复加密文章与Pjax有冲突的问题(感谢okgo发现并提出此BUG,估计带Pjax的TE主题都有此问题?)
- 修复侧边栏热门文章显示数量使其与后台设置一致
- 移除Normalize,将其优化集成进主题css
- 背景音乐优化、界面微调优化
- 其他细节调整与小BUG修复(优化了很多细节,记不起来了?)
2.0版更新内容
- 公共静态资源由BootCDN替换为CDNJS(BootCDN已暂停)
- 重新设计的网站头部样式
- 新增可将头部设置为固定显示
- 新增导航栏可自定义显示分类、页面、是否合并显示等(充足的自定义)
- 新增自定义副标题,取消自定义描述(因为头部重做后已不显示此项)
- 新的a标签颜色,整体样式微调
- 新增面包屑导航(可自定义)
- 新增侧边栏热门文章
- 其他细节调整与小BUG修复
- 本版更新主要在外观,变化较大,当然,细节和新增功能也是精益求精,望君喜。
1.3版更新内容
- 使用excerpt摘要函数,可自动截取摘要
- 阅读量统计(这个目前还不确定是否要加上)暂时不加
- 自定义文章缩略图或者自动调用文章第一张图片作为缩略图
- URL替换(主要是方便于使用七牛等cdn的静态文件镜像加速)
- HTML代码压缩
- 背景音乐添加支持多首歌曲循环,添加错误歌曲检测,自动跳过
- 添加评论区文章作者小标签
- 其他细节调整与优化
1.2版更新内容
- 优化部分细节
- 修复一处关于Ajax评论的逻辑性小错误
- 添加右下角小工具
- 返回顶部(1.2.1版添加过渡动画)
- 背景音乐
- 侧边栏添加标签云(1.2.1)
- 背景音乐这个真是折腾了好久,因为主要是想使用网易的音乐,再加上要尽量做到最轻量,看了几个API框架,直接就放弃了(虽然做完只有不到100KB,但还是觉得太大了),最后找到一个不错的开放API,可惜不支持https?貌似没办法了。。。
- 晚上回家思考了一下,制作本主题的初衷就是简约而不简单,既然是要“简约”何不做到极致?好像找到了新的大门?
- 最后确定使用原生HTML5播放器(隐藏式),后台自定义一首你最最喜欢的音乐循环播放(后台可给音乐设置一个合适的音量),仅使用一个按钮来集成显示播放状态、播放控制、懒加载(由于部分移动端浏览器的特殊内置设置问题,此项已经取消;其实通过监听触控可以解决,但是还是算了吧,不过放心,仍然不会影响我们宝贵的页面加载速度。)显示播放和暂停状态由纯CSS实现;播放和暂停控制由原生JS实现。虽然没有使用框架那么强大的功能和兼容性,但觉得非常符合本主题初衷。
1.1版更新内容
- 全站Pjax + ajax评论
- 二维码打赏
- ▼设置界面预览