V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2279 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

第 1 条附言 · 2018-08-30 22:02:26 +08:00

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

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

114 条回复 • 2018-09-05 09:34:40 +08:00

1 2

❮

❯

2018-08-30 13:38:29 +08:00

默认文章卡片略丑…

SukkaW

2018-08-30 13:40:02 +08:00

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

carpediemvv

2018-08-30 13:42:50 +08:00 via Android

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

WhiteSJ

2018-08-30 13:43:50 +08:00

或许不是

hqdmy

2018-08-30 13:43:56 +08:00

好高端

SukkaW

2018-08-30 13:46:48 +08:00

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

nieyujiang

2018-08-30 13:52:35 +08:00 via iPhone

hugo 用户飘过

kneep

2018-08-30 13:54:28 +08:00 via iPhone

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

SukkaW

2018-08-30 13:56:05 +08:00

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

lixon83

2018-08-30 13:57:08 +08:00

还不如改为 Windows 记事本样式

ryV60s

2018-08-30 13:57:53 +08:00

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

nieyujiang

2018-08-30 14:01:37 +08:00 via iPhone

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

SukkaW

2018-08-30 14:04:52 +08:00

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

lhc70000

2018-08-30 14:15:59 +08:00

Gallery 有点 NSFW （

omph

2018-08-30 14:16:24 +08:00

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

nieyujiang

2018-08-30 14:16:58 +08:00

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

SukkaW

2018-08-30 14:20:45 +08:00

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

chainmon

2018-08-30 14:21:19 +08:00

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

18914940609

2018-08-30 14:45:07 +08:00

哈哈哈哈哈哈

Love4Taylor

2018-08-30 14:56:56 +08:00

有点太挤了...

chanssl

2018-08-30 14:58:10 +08:00

真的不好看

lany

2018-08-30 15:04:34 +08:00

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

LeachZhou

2018-08-30 15:05:33 +08:00

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

boris1993

2018-08-30 15:06:33 +08:00 via Android

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

michaelcheng

2018-08-30 16:15:59 +08:00

并不是~

snarkprayer

2018-08-30 16:47:15 +08:00

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

peartail

2018-08-30 17:13:42 +08:00 via iPhone

很棒啊

huiyadanli

2018-08-30 17:20:47 +08:00

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

AmorZhang

2018-08-30 17:22:26 +08:00

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

cnbobolee

2018-08-30 17:23:12 +08:00

不好看

awesomes

2018-08-30 17:27:09 +08:00

正常人都会觉得这个很丑

bojackhorseman

2018-08-30 17:27:45 +08:00

标题党

s609926202

2018-08-30 17:46:17 +08:00

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

twor

2018-08-30 18:19:07 +08:00

@SukkaW 安慰下

cydian

2018-08-30 18:21:05 +08:00 via Android

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

itskingname

2018-08-30 18:21:34 +08:00

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

DixCouleur

2018-08-30 18:23:23 +08:00

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

rabbbit

2018-08-30 18:46:05 +08:00

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

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

Wincer

2018-08-30 18:47:26 +08:00

可以说，挺丑了

wzxlovesy

2018-08-30 18:47:33 +08:00 via Android

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

Wincer

2018-08-30 18:51:50 +08:00

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

ryV60s

2018-08-30 18:57:10 +08:00

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

Macolor21

2018-08-30 18:58:16 +08:00

怎么强大？文字看着难受

bilibalao

2018-08-30 19:04:15 +08:00 via iPhone

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

rabbbit

2018-08-30 19:05:45 +08:00

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

ryV60s

2018-08-30 19:08:51 +08:00

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

SukkaW

2018-08-30 19:10:20 +08:00

@bilibalao #44 Jekyll offtopic

NickCarter

2018-08-30 19:11:13 +08:00

em...

abmin521

2018-08-30 19:13:32 +08:00

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

quericy

2018-08-30 19:24:31 +08:00

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

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

Youthink

2018-08-30 19:30:45 +08:00

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

SukkaW

2018-08-30 19:34:42 +08:00

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

MonoLogueChi

2018-08-30 19:48:16 +08:00 via Android

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

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

ipwx

2018-08-30 19:54:22 +08:00 via iPhone

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

wqyyy

2018-08-30 20:35:24 +08:00 via Android

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

SukkaW

2018-08-30 20:56:01 +08:00 via Android

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

TomDu

2018-08-30 20:56:28 +08:00

不吼看..

wqyyy

2018-08-30 21:13:43 +08:00 via Android

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

pengwen

2018-08-30 21:53:27 +08:00 via Android

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

yukun666

2018-08-30 21:53:32 +08:00

样式看上去好僵硬 QAQ~

2018-08-30 22:07:52 +08:00

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

xiaoluoboding

2018-08-30 22:12:27 +08:00

souka = 搜嘎？

ymark

2018-08-30 22:17:05 +08:00

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

SukkaW

2018-08-30 22:26:05 +08:00 via Android

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

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

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

HXM

2018-08-30 22:33:12 +08:00 via Android

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

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

HXM

2018-08-30 22:37:45 +08:00 via Android

会支持 AMP 和 PWA 么

uptime

2018-08-30 22:38:57 +08:00

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

SukkaW

2018-08-30 22:42:52 +08:00 via Android

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

HXM

2018-08-30 22:46:17 +08:00 via Android

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

wqyyy

2018-08-30 22:46:32 +08:00 via Android

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

HXM

2018-08-30 22:47:12 +08:00 via Android

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