这是我开发的第一款Typecho主题,算是入坑之作,现在已经算是基本上停止更新了

介绍

WINDS - 如风吹拂!

一款以模糊透明以及卡片化图片展示为主要元素的typecho主题。

部分的样式灵感来源于以下项目以及网站:

Material

https://nekohome.moenya.cat/

https://github.com/DIYgod/hexo-theme-sagiri

首页

首页采用两栏式结构,左侧为文章了列表,右侧为个人信息卡片和文章目录位置。我将所有的圆角元素移除,使得首页看起来方方正正。背景以模糊为主要的基调,不会存在背景影响阅读体验的情况。

侧栏

如你所见,截至2020.04.22,右侧栏并未完善,因为暂时还没有想好令我满意的侧栏样式,这让我一度想放弃加入侧栏,但是最终还是保留了下来,等待以后的样式修改。

文章页面

有换字体的想法,字体大小还需要调整,太小影响阅读,太大的话看着太过于突兀。目前基本的markdown渲染样式已经调整完毕,但并不完美,将再后续继续优化。

文章导读

暂时性的先这样,已经有了新的想法来修改。

评论

评论的样式说不上好看,但确实是清晰可见,哈哈!

搜索

关于搜索,我并没有使用typecho原生的搜索系统,而是采用了插件的形式来完成,一是我懒,二是ExSearch真的很香,采用了缓存的设计不与服务器交互而在前台实现搜索,即减轻了服务器的负担,又很美观好看。关于插件具体内容查看:https://blog.imalan.cn/archives/261/

返回顶部

可能是因为我实在是太懒,也许我技术太差,所以返回顶部的方式还是采用了插件的方式。有个萌萌哒的妹纸在旁边默默的看这你,你忍心返回顶部让她消失嘛?

MoeTop

唠叨

当然,这些并不是最终的样式,因为我也是第一次写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://170601.xyz/winds

我会将最新的开发进度放在这个地址,希望大家有什么好多想法或者意见直接在反馈页面评论,感谢!

由于每个人的审美情况不同,所以大家理智反馈哦!

下载安装

使用文档:https://wiki.170601.xyz/archives/zh-doc-of-typecho-theme-winds/
现已开源:https://github.com/kaygb/typecho-theme-winds

如果觉得我的文章对你有用,请随意赞赏