一夜涕的博客 一个专注于发表原创文章的小清新博客
小清新typecho博客主题Sgreen2.7【正式发布】
发表于: | 分类: 那些折腾 | 评论:200 | 阅读: 16213

前两天刚搬来typecho上,一开始我是用的绛木子的简书风格主题,那时只不过是觉得它的手机端很好看,前端样式也很好漂亮,但总觉得差点什么,刚接触typecho不久,前几天就没事看了看typecho的官方开发文档,结果瞬间就觉得蛮简单的;然后经过2天的努力做出了这一款仿自Secret的小清新主题Sgreen。

感谢Secret Blog为本站作为参考,本站即为演示站,就不截图了。

主题食用方法:

在后台启用主题后,设置外观

  • 设置博主头像地址

  • 你的QQ联系地址

  • 你的联系邮箱

  • 你的联系微博

  • 你的github库

  • 支持底部友情链接显示(请安装主题配套插件:Links)

  • 默认支持站内外链转内链(请安装主题配套插件:LinksRedirect)

  • 默认支持七牛云附件上传(请安装主题配套插件:QNUpload)

  • 默认支持多说评论框(必装:Duoshuo插件,不然无法管理你的评论)

然后,新建页面

  • 存档(archives)对应文章存档:按日期展示博客所有文章

  • 关于(about)对应关于页面:自由编辑关于博客的页面

至于标签页、友链页,本主题暂时还没加入(感觉不太重要)

小清新typecho博客主题Sgreen1.0下载地址:(Sgreen1.0.zip)

2016年12月20日更新1.2版本

  • 主要优化了每个页面的错误代码

  • 还有修复一些判断语句的错误问题

小清新typecho博客主题Sgreen1.2下载地址:(Sgreen1.2.zip)

2016年12月21日更新1.3版本

  • 增加了悬浮音乐播放器(请安装主题配套插件:QPlayer)

  • 增加了阅读次数统计(必装:Views插件,不然你的网站将无法正常加载)

小清新typecho博客主题Sgreen1.3下载地址:(Sgreen1.3.zip)

2016年12月21日更新1.4版本

  • 增加了对Pjax的支持,感谢网友的提醒。

  • 更换原有评论框为默认的多说评论框(发现有的朋友没更换多说ID,直接使用本站的)

小清新typecho博客主题Sgreen1.4下载地址:(Sgreen1.4.zip)

2016年12月23日更新1.5版本

  • 增加了对代码高亮的支持,只支持默认的代码样式,详情请看下面演示。

  • 修复了文章内容无法换行的问题,感谢网友的提醒。

另外:对于后台启用多说插件后报错的问题,如果你开启了多说插件,那么请你正常创建你的多说账号,然后覆盖原评论框模板即可解决报错问题。

小清新typecho博客主题Sgreen1.5下载地址:(Sgreen1.5.zip)

如需使用代码高亮功能,在使用编辑器写文章时,只要在代码块标记```标记后面添加你的代码的语言名,如php, javascript等,就可以实现代码高亮展示。

代码高亮功能


这行代码仅为演示内容:

/* ---示例代码----*/

function echo (){

    var a="this is a example";
    
    alert("hello world "+a);
}

/* ---示例代码----*/

2016年12月24日更新1.6版本

  • 把css和js文件进行了一次规整,主题文件夹变得清爽了许多。

  • 修复了文章页上一篇下一篇css样式错误问题。

  • 解决了文章页字与字的间距问题(感谢网友的提醒)

  • 改变了主题前台输出字体(详情请自行查看css文件font-family)

  • 删除了默认的多说评论框样式,需要的朋友可自行百度添加相关教程(注意:这里指的是多说评论框的样式而不是怎么启用多说评论框,如需启用多说评论框请看下面的详细图片教程)

启用多说评论框教程

启用多说评论框教程

启用多说评论框教程

以上便是启用多说评论框的教程(小白专用),老司机请绕路;另外如需改变头部颜色,请自行在主题css文件里搜索“#3ac19f”RGB颜色代码进行变更即可。

小清新typecho博客主题Sgreen1.6下载地址:(Sgreen1.6.zip)

2016年12月28日更新1.7版本

  • 修复头部空白问题(感谢度娘)

  • 取消主题响应式(不支持手机端显示,个人能力有限)

  • 加入instantclick.min.js,更快的预载入速度。

  • 修复后台你的github库地址填写后前台无法显示问题(感谢网友)

  • 优化各种BUG,微调代码。

  • 取消底部友情链接调用代码,需要友情链接页面的朋友可以通过建立独立页面来实现。

小清新typecho博客主题Sgreen1.7下载地址:(Sgreen1.7.zip)

2016年12月28日更新1.8尝鲜版

  • 删除了instantclick.min.js和Pjax功能,会直接导致Views阅读次数统计插件重复计数(细心的朋友不知道注意到没有)

  • 删除了默认的jquery.js和jquery.min.js调用,直接调用百度静态资源公共库里的

  • 去掉了QPlayer音乐播放器插件,直接集成到了模板里(详细介绍请看这里:https://yiyeti.cc/fenxiang/213.html)

  • 后台加入主题外观css样式更改项,你可以任意更改你的主题前台颜色

  • 后台加入微信二维码显示项,填入你的微信二维码地址即可(样式见本站)

  • 主题集成了图片弹窗查看功能,无需使用插件

  • 修复了之前的各种BUG,审查本站即可查看到

说说为什么是尝鲜版?

第一、博主的强迫症所逼,自己看着舒服

第二、加入外观样式更改后,本主题就彻底变成了单色系风格

第三、小众风格,我想喜欢的人还多一些吧

所以,你不喜欢本主题风格请勿怪!也请不要随意吐槽。

下面是相关截图:

小清新typecho博客主题Sgreen【更新到1.8尝鲜版】

小清新typecho博客主题Sgreen【更新到1.8尝鲜版】

小清新typecho博客主题Sgreen【更新到1.8尝鲜版】

小清新typecho博客主题Sgreen【更新到1.8尝鲜版】

小清新typecho博客主题Sgreen【更新到1.8尝鲜版】

以上,便是本次更新的相关内容。

小清新typecho博客主题Sgreen1.8尝鲜版下载地址:(Sgreen1.8.zip)

2017年1月10日更新2.0版

  • 有朋友说不喜欢,全站所有图片都支持弹窗,所以此版取消了上版的图片弹窗功能(改用HighSlide插件支持)

  • 修改了些固定的样式,如:二维码图片边框、背景色为灰色、引用样式等。

  • 后台新增了添加站长统计、网站地图的相关选项

  • 后台新增了音乐链接的修改选项(可以自由的切换歌曲哦)

  • 后台新增了音乐播放器是否自动播放的选项

嗯,基本上和本站现在的风格一致吧,当然你还是可以自定义自己的主题风格,就这样。

小清新typecho博客主题Sgreen2.0版下载地址:(Sgreen2.0.zip)

2017年1月14日-16日更新2.1版

  • 修复多说评论框错位的现象

  • 后台取消自定义主题颜色的的选项(很多朋友不喜欢...)

  • 默认加入复制粘贴版权声明功能

  • 修复手机端显示(重要!!!详情看本站演示)

  • 合并部分js文件,减少js请求次数

  • 修复文字点击效果出错问题

  • 紧急修复主页title样式与文章title样式不一样的问题。

  • 紧急修复代码高亮样式为黑色背景

  • 修改分页样式以适配手机端

小清新typecho博客主题Sgreen2.1版下载地址:(Sgreen2.1.zip)

2017年1月17日更新2.2版

  • 彻底修复多说评论框问题(感谢Gaara的提醒)

  • 后台加入网易云音乐解析入口(不需要自己找音乐外链了,很重要的更新!!!)

  • 后台加入ico图标添加入口

Sgreen2.2版后台预览:

小清新typecho博客主题Sgreen设置外观

小清新typecho博客主题Sgreen2.2版下载地址:(Sgreen2.2.zip)

2017年1月18日更新2.3版

  • 前台加入搜索功能,并且自适应(重要哦)

  • 隐藏二维码功能(我已注释掉相关代码,需要开启的自行查找functions.php、footer.php、style.css文件取消注释)

  • 修复文章归档、关于页面无title,无评论框

  • 优化后台设置相关细节

  • 修复一些搜索按钮已知的BUG

小清新typecho博客主题Sgreen2.3版下载地址:(Sgreen2.3.zip)

2017年1月20日更新2.4版

  • 优化搜索按钮样式细节

  • 弃用Views插件,直接集成Views函数在模板里(采用cookie值计数,更加的准确)

  • 优化并修改文章归档archives页面显示样式(个人觉得更加美观)

  • 重新启用instantclick.min.js预载入功能(亲测Views不再翻倍计数)

小清新typecho博客主题Sgreen2.4版下载地址:(Sgreen2.4.zip)

2016年1月20日更新2.5版本

马上就要过年了,Sgreen这个主题也伴随我很久了,也让我学到很多东西,在功能的实现上我没有弄得花里胡哨的,在保证了功能上也确保了实用性,现在也没什么大的BUG了,或许还有些冗余代码或是错误代码,如果页面载入较慢,请自行使用CDN加速。到此结束还望朋友们多多包涵!

更新如下:

  • 加入archive模板,展示搜索结果页面、文章分类页面、TAG文章分类页面的地方

  • 尝试了又尝试最终决定,去掉instantclick.min.js预载入功能

  • 其他功能请使用插件来实现(多数插件都兼容的,具体自行测试)

小清新typecho博客主题Sgreen2.5版本下载地址:(Sgreen2.5.zip)

2017年3月20日更新2.6版本

  • 新增404页面模版,弃用旧版

  • 删除多说评论框依赖,增加原生评论(惭愧,这么久才更新...)

  • 优化和修复遗留的冗余代码

  • 删除搜索功能(感觉单栏主题没必要)

  • 一些主题样式细节的优化(主要是配合评论样式优化了一下)

小清新typecho博客主题Sgreen2.6版本下载地址:(Sgreen2.6.zip)

这个主题差不多就这样了,一经三折还是回到了原点,最后放上Github地址,你们尽情的折腾吧!

小清新typecho博客主题Sgreen Github地址:(typecho_Sgreen)

2017年3月24日更新2.7版本

为了迎合朋友们的需求,我花了2天时间抽空把一些实用的功能都集成在了Sgreen2.7版本里,修复了很多东西,包括朋友们最关心的评论翻页问题;这里就不一一列出来了,咱们看图说话,还是希望朋友们多多反馈,让Sgreen成为强大的typecho主题。

小清新typecho博客主题Sgreen2.7【正式发布】

小清新typecho博客主题Sgreen Github地址:(typecho_Sgreen)

本主题为免费主题,是不提供任何技术支持的。偶尔有一点小问题,我是可以尽力给您解决的,但连最基本的东西都不会的童鞋,就不要瞎BB了,我理都不会理你,我又不闲!!!

需要旧版本的童鞋,请加入我们的QQ群540495927,向群主索要。

感谢以上插件作者的辛苦努力,主题压缩文件里有附带以上全部插件,希望用本主题的朋友保留一下作者链接,在此谢谢!

声明:不会配置的朋友或是发现有BUG的朋友可以到这里YIYETI交流社区与我一起讨论Typecho相关的问题。

文/一夜涕

喜欢本文?求鼓励,求支持!

已有 200 条评论

  1. 你好博主 你好博主

    博主,QQ,邮箱,新浪什么的咋去掉啊,那一行图标不想要啊

    1. 删除相关代码就好

      1. 亲亲 亲亲

        发完回复我就后悔了,自己居然琢磨的删除了。(捂脸)

  2. 挺好看

  3. 多少钱 多少钱

    多说还可以?

    1. 看官方公告吧 本主题已内置评论框 不采用第三方评论了

  4. Easy Easy

    博主,我要怎么显示归档呀

    1. 新建页面 选择文章归档模板

  5. 博主可以出一个字和图不旋转和抖动的设置吗??强迫症表示动来动去有点受不了。。

    1. 额 有的朋友却很喜欢这个效果

添加新评论

TOP