这是我开发的第一款Typecho主题,算是入坑之作,现在已经算是基本上停止更新了
介绍
WINDS - 如风吹拂!
一款以模糊透明以及卡片化图片展示为主要元素的typecho主题。
部分的样式灵感来源于以下项目以及网站:
https://github.com/DIYgod/hexo-theme-sagiri
首页
首页采用两栏式结构,左侧为文章了列表,右侧为个人信息卡片和文章目录位置。我将所有的圆角元素移除,使得首页看起来方方正正。背景以模糊为主要的基调,不会存在背景影响阅读体验的情况。
侧栏
如你所见,截至2020.04.22,右侧栏并未完善,因为暂时还没有想好令我满意的侧栏样式,这让我一度想放弃加入侧栏,但是最终还是保留了下来,等待以后的样式修改。
文章页面
有换字体的想法,字体大小还需要调整,太小影响阅读,太大的话看着太过于突兀。目前基本的markdown渲染样式已经调整完毕,但并不完美,将再后续继续优化。
文章导读
暂时性的先这样,已经有了新的想法来修改。
评论
评论的样式说不上好看,但确实是清晰可见,哈哈!
搜索
关于搜索,我并没有使用typecho原生的搜索系统,而是采用了插件的形式来完成,一是我懒,二是ExSearch真的很香,采用了缓存的设计不与服务器交互而在前台实现搜索,即减轻了服务器的负担,又很美观好看。关于插件具体内容查看:https://blog.imalan.cn/archives/261/
返回顶部
可能是因为我实在是太懒,也许我技术太差,所以返回顶部的方式还是采用了插件的方式。有个萌萌哒的妹纸在旁边默默的看这你,你忍心返回顶部让她消失嘛?
唠叨
当然,这些并不是最终的样式,因为我也是第一次写typecho的主题,而且技术也不是有多厉害的样子,我只是尽我最大的可能将这个主题完善起来。目前这个主题只能说是距离能用还是有一段距离的。
环境
以下是感谢名单:
开发环境
- phpstudy集成环境
- VSCode
- windows 1909
前端框架以及部分开源项目
- bootstrap
- jQuery
- font-awsome
- highlight.js
- highlightjs-line-numbers.js
- fancybox
- jquery_lazyload
- jquery_pjax(试验中)
插件
返回顶部:MoeTop
ExSearch搜索:ExSearch
预览地址
访问记得CTRL + F5强制刷新一下哦,因为样式会有所更改!
我会将最新的开发进度放在这个地址,希望大家有什么好多想法或者意见直接在反馈页面评论,感谢!
由于每个人的审美情况不同,所以大家理智反馈哦!
下载安装
使用文档:https://wiki.170601.xyz/archives/zh-doc-of-typecho-theme-winds/
现已开源:https://github.com/kaygb/typecho-theme-winds
2 条评论
大佬好强!个人觉得侧边栏和文章靠的有点近了,可以稍微再靠右一点点。
确实是有点近了