或许是 Hexo 上最强大的主题

[SukkaW]

Suka Theme

Modern · Powerful · Simple
现代，简介，强大

「 Suka 」，一个拥有许多强大特性的，现代、简洁的 Hexo 主题。

Info

「 Suka 」官网 · 使用文档 · GitHub · Todo List

来 丢个 star 嘛 Nya~~

Demo

• https://theme.suka.moe/demo 由开发分支的每一条 commit 实时构建；如果这个炸了说明我开发分支写坏了
• https://blog.suka.moe 我的个人博客

Intro

• 响应式设计 - 精心设计，在每一块屏幕上都可以获得最佳体验
• 风格百搭 - 不论是 纯文字 还是 多图流，「 Suka 」都能轻松驾驭
• 快速加载 - 在 GTmetrix 测试中获得 Pagespeed 100%、YSlow 99% 的优异成绩、静态文件支持公共 CDN
• 内置插件 - 无需安装更多第三方插件，「 Suka 」主题内置二维码生成、代码高亮、本地搜索等插件
• 精细入微 - 无论 Footer 自定义文字功能（ Hosted by xxx、备案号）或是 Copyright 年份自动更新，「 Suka 」不放过每一个细节

Features

2 种计数服务

• 不蒜子（支持初始化和 offset ）
• LeanCloud （实验性特性）

3 种代码高亮系统

• Hanabi
• Google Code Prettify
• PrismJS

除内置以上代码高亮，「 Suka 」主题还完美兼容 Hexo 自带的 highlight.js 代码高亮

3 种独立页面

• 友情链接
• 画廊
• 标签云

6 种站点访问统计服务

• Google Analytics
• Google Tag Manager
• Baidu Analytics
• CNZZ Analytics
• Tencent Analytics
• Tencent Mobile Analytics

6 种社交媒体分享方式

「 Suka 」主题支持将你的站点和文章分享到：

• 微博
• Twitter
• Facebook
• Google+
• Linkedin
• QQ
• Telegram

你可以配置启用以上其中几种或全部的分享方式

7 种评论系统

• Disqus （提供三种使用方式）
  • 原生 Disqus
  • 按需加载 Disqus
  • 纯静态的 Disqus 反代模式
• 搜狐畅言
• 来必力
• Gitment
• Gitalk
• Valine
• WildFire

138 种 代码高亮主题

• 83 种 highlight.js 主题
• 24 种 PrismJS 主题
• 31 种 Google Code Prettify 主题

Maintainer

Suka Theme © Sukka, Released under the GPL-3.0 License.
Authored and maintained by Sukka with help from contributors (list).

Render

标题说的是 或许是最强大的，介绍说的是简洁的，没有说是美观的。
做功能比做 UI 容易，所以先主要做的功能，现有的这套外观是糊出来的，以后 UI 肯定要重构的。

这个主题有启用 hexo fragment cache，性能比其他 Hexo 主题要好，用 1500 篇随机生成的文章冷启动跑生成（hexo clean && hexo g）耗时是 11s 左右。

[M0]

默认文章卡片略丑…

[SukkaW]

@M0 #1 我参考了几个 WP 和 Ghost 主题的文章列表样式写的

[carpediemvv]

正在研究高端，有空好好看下

[WhiteSJ]

或许不是

[hqdmy]

好高端

[SukkaW]

@WhiteSJ #4 NexT 和 Material 或许更强大，但是我的 Suka 不会逊于他们

[nieyujiang]

hugo 用户飘过

[kneep]

不错，next 有点看腻了。我觉得 80%的 hexo 主题都是一锤子买卖，没人维护，希望好好维护下去。

[SukkaW]

@nieyujiang #7 Hugo 的变量用起来没有 Hexo 的舒服

[lixon83]

还不如改为 Windows 记事本样式

[ryV60s]

强不强大不知道，个人觉得是真的丑。
没有恶意~

[nieyujiang]

@SukkaW #9 我只是单纯觉得 hugo 用起来简单，hexo 各种小问题

[SukkaW]

@kneep #8 至少会维护一年，你看我写了辣么长的 Todo
@ryV60s #11 坏耶~ Todo 里加一条 重构外观
@nieyujiang #12 hexo 的确需要些折腾

[lhc70000]

Gallery 有点 NSFW （

[omph]

不兼容火狐？我看到的为什么是这样的，感觉 css 没加载全
https://screenshots.firefox.com/SC2wjK1BmTjp94vG/theme.suka.moe

[nieyujiang]

@SukkaW #13 之前被 hexo 的各种小问题给折腾的各种打滚,然后一怒之下转了 hugo,除了主题少,感觉都还好.

[SukkaW]

@omph #15 我的 FF 上测试好好的，应该是 css 丢了。你是不是没法连接公共 CDN cdn.jsdelivr.net ?
@nieyujiang #16 要是以后我博客写到 1000 文章、Hexo 性能不够了我就去试试 Hugo

[chainmon]

看了楼上，原来我的审美是正常的

[18914940609]

哈哈哈哈哈哈

[Love4Taylor]

有点太挤了...

[chanssl]

真的不好看

[lany]

看了楼上，原来我的审美是正常的😂

[LeachZhou]

文章屌不屌，全靠标题一把梭

[boris1993]

这个名字.......
让我想起了.......
Сука.......

[michaelcheng]

并不是~

[snarkprayer]

强大归强大，美观永远是第一位的

[peartail]

很棒啊

[huiyadanli]

卡片有点挤，背景色最好别是白色。。。

[AmorZhang]

是还可以 最强大。。。哪来的勇气。。。

[cnbobolee]

不好看

[awesomes]

正常人都会觉得这个 很丑

[bojackhorseman]

标题党

[s609926202]

了解一下 next，
只要我一个人觉得这个主题丑到爆了吗、、、

[twor]

@SukkaW 安慰下

[cydian]

哈，我看到了你对我之前发过的帖子的补充。在你的博客里。
补充地非常好啊，我确实没有分析到位。

[itskingname]

你的这个 Logo 和 Spectre CSS 的 Logo 一模一样。

[DixCouleur]

文章详情右边的章节列表会不会太简陋了

[rabbbit]

@M0
@ryV60s
@chainmon
@lany
@awesomes
@s609926202
@cnbobolee
@snarkprayer
@Love4Taylor

看你们说不漂亮我有点慌啊,我博客主题风格跟这个差不多,还想塞简历里当作品来着
https://aaron-bird.github.io/
你们觉得我这个难看吗?放简历里不会是减分项吧

[Wincer]

可以说，挺丑了

[wzxlovesy]

支持一下，很喜欢这种超简洁风格的

[Wincer]

@rabbbit 博客作为作品展示主题的美丑并不重要，重要的是文章的内容

[ryV60s]

@rabbbit #38
如果是秀技能可以写上啊。
如果 LZ 是前端的话建议别写了，哈哈

[Macolor21]

怎么强大？文字看着难受

[bilibalao]

看 lz 这么自信，贴个自己的 https://skydai.github.io, 在 huangxuan.me 黄轩大神 blog 基础上加了一些功能和优化

[rabbbit]

@ryV60s
我是前端... (╯‵□′)╯︵┴─┴
看来得换个别人的主题了

[ryV60s]

@rabbbit #45
别紧张，我说的是 LZ 的主题。
你这挺整洁的，没那么乱 加分。

[SukkaW]

@bilibalao #44 Jekyll offtopic

[NickCarter]

em...

[abmin521]

不错 hexo 在一百多文章的时候 速度就不行了 考虑转 hugo

[quericy]

别打击 LZ 的自信心啊。。毕竟每个人的审美不一样

这套主题在常见的 Hexo 主题中，至少功能丰富这点是值得赞同的

[Youthink]

多个设备的预览图，怎么生成的？

[SukkaW]

@abmin521 #49 我的这个主题大量应用了 Hexo fragment cache 特性，性能测试的结果是 1500 篇随机文章生成页面用时 12s （而且还是 HDD 硬盘），这个速度应该还可以吧？
@quericy #50 我就说了是可能是最强大的，也没说是最美观的嘛。做功能比做美工容易。
@Youthink #51 Photoshop

[MonoLogueChi]

刚才看了一下，
中文文档 进阶使用界面 404
移动端看文章内代码块宽度稍微有点窄，看着不好看，屏幕利用率也比较低。
桌面版的代码块感觉也有点窄，有种不和谐的感觉，这个是可以选择风格的吗？另外代码块的宽度是可以固定到最大宽度的吗？还是只能随着代码长度变化。
桌面版的首页和文章，宽度感觉有点窄，不知道有没有自适应选项。
文章内右侧目录做的有点敷衍的感觉。

感觉是一个很棒的主题，已 star，如果再完善一些，可以考虑一下。

[ipwx]

我觉得楼主这主题丑的原因在于各种字体、边框、留白、块的大小、间距整体上不协调。其实配色到没啥。但这种细节说实话我也不会调

[wqyyy]

虽然不够完善，但感觉还是挺棒的，已 star.
还可以参考一下 seventeenth： https://blessing.studio
已经另一个主题： https://typeblog.net
提升空间还是很大的。

[SukkaW]

@MonoLogueChi #53
这个是 highlight.js 代码高亮主题的问题，Prism 和 Prettify 的高亮会固定到文章卡片宽度。右侧 ToC 没做 fixtop 是因为整个主题的 UI 都是纯 CSS 没有用一行 JS。
@ipwx #54 font-family 是基于 Ant.design 微调的。
@wqyyy #55 做功能要比做美工容易嘛，先把功能都做齐全了回头再重构 UI 的事。

[TomDu]

不吼看..

[wqyyy]

@SukkaW 确实功能 todo list 里列出来之后一项一项做下去就行了，而 UI 想来想去脑壳疼还是各种不满意😥

[pengwen]

hexo g 生成好慢，正在考虑换一个其他的

[yukun666]

样式看上去好僵硬 QAQ~

[M0]

@rabbbit 个人只是感觉卡片样式不太好看。其他还可以。

[xiaoluoboding]

souka = 搜嘎？

[ymark]

这个样式可参考： http://forsigner.com/

[SukkaW]

@pengwen #59 主题的性能已经在 Append 里提到了

@yukun666 #60 @M0 #61 UI 肯定要重构的

@xiaoluoboding #62 Sukka 的含义可以是犹太人的棚屋或是苏格兰的短袜，但绝对不是 Cyka ！

[HXM]

我觉得目前这样的 UI。。。。。还是。。。还是可以接受的啊为什么那么多人说丑难道我的审美出了问题 QAQ



关注一下，希望能长期维护

[HXM]

会支持 AMP 和 PWA 么

[uptime]

眼睛坏了
不是你坏，就是大家坏

[SukkaW]

@HXM 主题肯定没办法原生支持 PWA 的，需要你自己配 manifest.json 后在主题配置文件里填入 URL，主题会自动添加响应的 link 标签。
至于 Service Worker，主题有做分别在 head 和 body 之前添加自定义代码的功能，自行参考文档把 SW 注册代码加进去就行

[HXM]

@bilibalao 我刚刚试了你的博客 PWA，我博客也支持了 PWA，但是默认的图标和启动页面没有你那个好看，请问是如何修改的？

[wqyyy]

@SukkaW 那么请问有 amp 页面相关吗？

[HXM]

@SukkaW 哈哈，谢谢解答，支持一下，lz 不要被楼上一群人说的弃坑哦😁

[rajiha]

UI 方面大概是各种间距和留白的问题，首页的卡片要不要间距宽一点？
文章页感觉欠缺大气，字里行间有点窄。
还有文章页面的目录也略有点呆 _(:з)∠)_
（ Suuuuuuuka 可爱！已 Star ）

[SukkaW]

@HXM #71 我 Append 不是说了我主要是写功能，UI 是糊出来的了，肯定会重构的，不会那么容易弃坑的
@rajiha #72 好耶好耶(✪▽✪)开森~

[zzNucker]

楼主萌萌哒肯定是个汉子

我感觉还可以吧，如果没有设计师 /设计天赋的话我觉得挺强了

[orangutan92]

这个 UI 没有给人一种惊艳的感觉，不过还可以啦。那个代码高亮的宽度太窄了，移动端本来屏幕就小，还显示行号。。。

[mason961125]

违反广告法啦

[unique]

除了白色其他我都喜欢

[Ixizi]

不太喜欢（

[Bibilli]

这个……是不是有点丑？？改进一下估计好点

[jason94]

战略性 mark. 最近准备写个 blog 系统,前端参考一下你的技术栈.UI 我觉得还好,就是响应式没怎么感觉出来😁

[raptor]

用过 HUGO 根本不想考虑其它的

[cnbobolee]

@raptor hugo 好用不？

[Garantion]

挺好的 至少做出来了

[barbery]

可以可以

[SpiderXiantang]

可以搞得好看点

[ulala]

楼主，博客和 demo 都打不开啦

[SukkaW]

@orangutan92 #75 这个是 highlight.js 代码高亮主题的问题，Prism 和 Prettify 的高亮会固定到文章卡片宽度；行号是可以设置开启或者关闭的。

[bk201]

不搞个 hugo 分支嘛?

[SukkaW]

@bk201 #88 等我博客写到了 10000 文章、Hexo 性能不够用以后，去用 Hugo 时再移植过去吧

[HelveticaNeue]

suka 这个名字有点
在俄语里面是。。。

[xuheng]

sukka 吼棒呢，窝吼喜欢泥的主题呢

[kakalulin]

UI 有点弱~

[lifeintools]

我觉得很好看 果然我审美有问题。。。

[PasDajavu]

不太好看，哈哈

[jxl]

不要用最最最最最最最最最最最最最最最最最最最最最最最最最最最最...

[SukkaW]

@wuyuehyang #90 Sukka 的含义可以是犹太人的棚屋或是苏格兰的短袜，但绝对不是 Cyka ！
@xuheng #91 喵耶耶

[asca]

违反广告法 hhhh （ doge

[xcatliu]

很强大啊，star 支持一波

[zhou00]

@ymark #63 请问这个 blog 的主题是什么？

[edsheeran]

卡片和陰影的關係可以看下 google 的規範
排版有問題