爱意满满的作品展示区。
SukkaW

或许是 Hexo 上最强大的主题

  •  2
     
  •   SukkaW ·
    SukkaW · Aug 30, 2018 · 20924 views
    This topic created in 2989 days ago, the information mentioned may be changed or developed.

    Suka Theme

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

    Name Author Hexo node.js Build Status devDependency Status

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

    Info

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

    来 丢个 star 嘛 Nya~~

    Demo

    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

    Supplement 1  ·  Aug 30, 2018

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

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

    114 replies  •  2018-09-05 09:34:40 +08:00
    1  2  
    ❮ ❯
    M0
    M0
    Aug 30, 2018
    1
    默认文章卡片略丑…
    SukkaW
    SukkaW
    OP
    Aug 30, 2018❤️5
    2
    @M0 #1 我参考了几个 WP 和 Ghost 主题的文章列表样式写的
    carpediemvv
    carpediemvv
    Aug 30, 2018 via Android
    3
    正在研究高端,有空好好看下
    WhiteSJ
    WhiteSJ
    Aug 30, 2018
    4
    或许不是
    hqdmy
    hqdmy
    Aug 30, 2018
    5
    好高端
    SukkaW
    SukkaW
    OP
    Aug 30, 2018❤️5
    6
    @WhiteSJ #4 NexT 和 Material 或许更强大,但是我的 Suka 不会逊于他们
    ZeoKarl
    ZeoKarl
    Aug 30, 2018 via iPhone
    7
    hugo 用户飘过
    kneep
    kneep
    Aug 30, 2018 via iPhone❤️1
    8
    不错,next 有点看腻了。我觉得 80%的 hexo 主题都是一锤子买卖,没人维护,希望好好维护下去。
    SukkaW
    SukkaW
    OP
    Aug 30, 2018❤️4
    9
    @nieyujiang #7 Hugo 的变量用起来没有 Hexo 的舒服
    lixon83
    lixon83
    Aug 30, 2018
    10
    还不如改为 Windows 记事本样式
    ryV60s
    ryV60s
    Aug 30, 2018
    11


    强不强大不知道,个人觉得是真的丑。
    没有恶意~
    ZeoKarl
    ZeoKarl
    Aug 30, 2018 via iPhone
    12
    @SukkaW #9 我只是单纯觉得 hugo 用起来简单,hexo 各种小问题
    SukkaW
    SukkaW
    OP
    Aug 30, 2018❤️5
    13
    @kneep #8 至少会维护一年,你看我写了辣么长的 Todo
    @ryV60s #11 坏耶~ Todo 里加一条 重构外观
    @nieyujiang #12 hexo 的确需要些折腾
    lhc70000
    lhc70000
    Aug 30, 2018
    14
    Gallery 有点 NSFW (
    omph
    omph
    Aug 30, 2018
    15
    不兼容火狐?我看到的为什么是这样的,感觉 css 没加载全
    https://screenshots.firefox.com/SC2wjK1BmTjp94vG/theme.suka.moe
    ZeoKarl
    ZeoKarl
    Aug 30, 2018
    16
    @SukkaW #13 之前被 hexo 的各种小问题给折腾的各种打滚,然后一怒之下转了 hugo,除了主题少,感觉都还好.
    SukkaW
    SukkaW
    OP
    Aug 30, 2018❤️4
    17
    @omph #15 我的 FF 上测试好好的,应该是 css 丢了。你是不是没法连接公共 CDN cdn.jsdelivr.net ?
    @nieyujiang #16 要是以后我博客写到 1000 文章、Hexo 性能不够了我就去试试 Hugo
    chainmon
    chainmon
    Aug 30, 2018
    18
    看了楼上,原来我的审美是正常的
    18914940609
    18914940609
    Aug 30, 2018
    19
    哈哈哈哈哈哈
    love4taylor
    love4taylor
    Aug 30, 2018
    20
    有点太挤了...
    chanssl
    chanssl
    Aug 30, 2018
    21
    真的不好看
    lany
    lany
    Aug 30, 2018
    22
    看了楼上,原来我的审美是正常的😂
    LeachZhou
    LeachZhou
    Aug 30, 2018❤️2
    23
    文章屌不屌,全靠标题一把梭
    boris1993
    boris1993
    Aug 30, 2018 via Android
    24
    这个名字.......
    让我想起了.......
    Сука.......
    michaelcheng
    michaelcheng
    Aug 30, 2018
    25
    并不是~
    snarkprayer
    snarkprayer
    Aug 30, 2018
    26
    强大归强大,美观永远是第一位的
    peartail
    peartail
    Aug 30, 2018 via iPhone
    27
    很棒啊
    huiyadanli
    huiyadanli
    Aug 30, 2018
    28
    卡片有点挤,背景色最好别是白色。。。
    AmorZhang
    AmorZhang
    Aug 30, 2018
    29
    是还可以 最强大。。。哪来的勇气。。。
    cnbobolee
    cnbobolee
    Aug 30, 2018
    30
    不好看
    awesomes
    awesomes
    Aug 30, 2018
    31
    正常人都会觉得这个 很丑
    dumbass
    dumbass
    Aug 30, 2018
    32
    标题党
    rateltalk
    rateltalk
    Aug 30, 2018
    33
    了解一下 next,
    只要我一个人觉得这个主题丑到爆了吗、、、
    twor
    twor
    Aug 30, 2018
    34
    @SukkaW 安慰下
    cydian
    cydian
    Aug 30, 2018 via Android
    35
    哈,我看到了你对我之前发过的帖子的补充。在你的博客里。
    补充地非常好啊,我确实没有分析到位。
    itskingname
    itskingname
    Aug 30, 2018
    36
    你的这个 Logo 和 Spectre CSS 的 Logo 一模一样。
    DixCouleur
    DixCouleur
    Aug 30, 2018
    37
    文章详情右边的章节列表会不会太简陋了
    rabbbit
    rabbbit
    Aug 30, 2018
    38
    @M0
    @ryV60s
    @chainmon
    @lany
    @awesomes
    @s609926202
    @cnbobolee
    @snarkprayer
    @Love4Taylor

    看你们说不漂亮我有点慌啊,我博客主题风格跟这个差不多,还想塞简历里当作品来着
    https://aaron-bird.github.io/
    你们觉得我这个难看吗?放简历里不会是减分项吧
    Wincer
    Wincer
    Aug 30, 2018
    39
    可以说,挺丑了
    wzxlovesy
    wzxlovesy
    Aug 30, 2018 via Android
    40
    支持一下,很喜欢这种超简洁风格的
    Wincer
    Wincer
    Aug 30, 2018❤️1
    41
    @rabbbit 博客作为作品展示主题的美丑并不重要,重要的是文章的内容
    ryV60s
    ryV60s
    Aug 30, 2018
    42
    @rabbbit #38
    如果是秀技能可以写上啊。
    如果 LZ 是前端的话建议别写了,哈哈
    Macolor21
    Macolor21
    Aug 30, 2018
    43
    怎么强大?文字看着难受
    bilibalao
    bilibalao
    Aug 30, 2018 via iPhone❤️1
    44
    看 lz 这么自信,贴个自己的 https://skydai.github.io, 在 huangxuan.me 黄轩大神 blog 基础上加了一些功能和优化
    rabbbit
    rabbbit
    Aug 30, 2018
    45
    @ryV60s
    我是前端... (╯‵□′)╯︵┴─┴
    看来得换个别人的主题了
    ryV60s
    ryV60s
    Aug 30, 2018❤️1
    46
    @rabbbit #45
    别紧张,我说的是 LZ 的主题。
    你这挺整洁的,没那么乱 加分。
    SukkaW
    SukkaW
    OP
    Aug 30, 2018❤️4
    47
    @bilibalao #44 Jekyll offtopic
    NickCarter
    NickCarter
    Aug 30, 2018
    48
    em...
    abmin521
    abmin521
    Aug 30, 2018
    49
    不错 hexo 在一百多文章的时候 速度就不行了 考虑转 hugo
    quericy
    quericy
    Aug 30, 2018
    50
    别打击 LZ 的自信心啊。。毕竟每个人的审美不一样

    这套主题在常见的 Hexo 主题中,至少功能丰富这点是值得赞同的
    Youthink
    Youthink
    Aug 30, 2018
    51
    多个设备的预览图,怎么生成的?
    SukkaW
    SukkaW
    OP
    Aug 30, 2018❤️5
    52
    @abmin521 #49 我的这个主题大量应用了 Hexo fragment cache 特性,性能测试的结果是 1500 篇随机文章生成页面用时 12s (而且还是 HDD 硬盘),这个速度应该还可以吧?
    @quericy #50 我就说了是可能是最强大的,也没说是最美观的嘛。做功能比做美工容易。
    @Youthink #51 Photoshop
    MonoLogueChi
    MonoLogueChi
    Aug 30, 2018 via Android
    53
    刚才看了一下,
    中文文档 进阶使用界面 404
    移动端看文章内代码块宽度稍微有点窄,看着不好看,屏幕利用率也比较低。
    桌面版的代码块感觉也有点窄,有种不和谐的感觉,这个是可以选择风格的吗?另外代码块的宽度是可以固定到最大宽度的吗?还是只能随着代码长度变化。
    桌面版的首页和文章,宽度感觉有点窄,不知道有没有自适应选项。
    文章内右侧目录做的有点敷衍的感觉。

    感觉是一个很棒的主题,已 star,如果再完善一些,可以考虑一下。
    ipwx
    ipwx
    Aug 30, 2018 via iPhone
    54
    我觉得楼主这主题丑的原因在于各种字体、边框、留白、块的大小、间距整体上不协调。其实配色到没啥。但这种细节说实话我也不会调
    wqyyy
    wqyyy
    Aug 30, 2018 via Android
    55
    虽然不够完善,但感觉还是挺棒的,已 star.
    还可以参考一下 seventeenth: https://blessing.studio
    已经另一个主题: https://typeblog.net
    提升空间还是很大的。
    SukkaW
    SukkaW
    OP
    Aug 30, 2018 via Android❤️6
    56
    @MonoLogueChi #53
    这个是 highlight.js 代码高亮主题的问题,Prism 和 Prettify 的高亮会固定到文章卡片宽度。右侧 ToC 没做 fixtop 是因为整个主题的 UI 都是纯 CSS 没有用一行 JS。
    @ipwx #54 font-family 是基于 Ant.design 微调的。
    @wqyyy #55 做功能要比做美工容易嘛,先把功能都做齐全了回头再重构 UI 的事。
    TomDu
    TomDu
    Aug 30, 2018
    57
    不吼看..
    wqyyy
    wqyyy
    Aug 30, 2018 via Android
    58
    @SukkaW 确实功能 todo list 里列出来之后一项一项做下去就行了,而 UI 想来想去脑壳疼还是各种不满意😥
    pengwen
    pengwen
    Aug 30, 2018 via Android
    59
    hexo g 生成好慢,正在考虑换一个其他的
    yokon
    yokon
    Aug 30, 2018
    60
    样式看上去好僵硬 QAQ~
    M0
    M0
    Aug 30, 2018
    61
    @rabbbit 个人只是感觉卡片样式不太好看。其他还可以。
    xiaoluoboding
    xiaoluoboding
    Aug 30, 2018
    62
    souka = 搜嘎?
    rewrap
    rewrap
    Aug 30, 2018
    63
    这个样式可参考: http://forsigner.com/
    SukkaW
    SukkaW
    OP
    Aug 30, 2018 via Android❤️5
    64
    @pengwen #59 主题的性能已经在 Append 里提到了

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

    @xiaoluoboding #62 Sukka 的含义可以是犹太人的棚屋或是苏格兰的短袜,但绝对不是 Cyka !
    HXM
    HXM
    Aug 30, 2018 via Android
    65
    我觉得目前这样的 UI。。。。。还是。。。还是可以接受的啊为什么那么多人说丑难道我的审美出了问题 QAQ



    关注一下,希望能长期维护
    HXM
    HXM
    Aug 30, 2018 via Android
    66
    会支持 AMP 和 PWA 么
    uptime
    uptime
    Aug 30, 2018
    67
    眼睛坏了
    不是你坏,就是大家坏
    SukkaW
    SukkaW
    OP
    Aug 30, 2018 via Android❤️7
    68
    @HXM 主题肯定没办法原生支持 PWA 的,需要你自己配 manifest.json 后在主题配置文件里填入 URL,主题会自动添加响应的 link 标签。
    至于 Service Worker,主题有做分别在 head 和 body 之前添加自定义代码的功能,自行参考文档把 SW 注册代码加进去就行
    HXM
    HXM
    Aug 30, 2018 via Android
    69
    @bilibalao 我刚刚试了你的博客 PWA,我博客也支持了 PWA,但是默认的图标和启动页面没有你那个好看,请问是如何修改的?
    wqyyy
    wqyyy
    Aug 30, 2018 via Android
    70
    @SukkaW 那么请问有 amp 页面相关吗?
    HXM
    HXM
    Aug 30, 2018 via Android
    71
    @SukkaW 哈哈,谢谢解答,支持一下,lz 不要被楼上一群人说的弃坑哦😁
    rajiha
    rajiha
    Aug 30, 2018
    72
    UI 方面大概是各种间距和留白的问题,首页的卡片要不要间距宽一点?
    文章页感觉欠缺大气,字里行间有点窄。
    还有文章页面的目录也略有点呆 _(:з)∠)_
    ( Suuuuuuuka 可爱!已 Star )
    SukkaW
    SukkaW
    OP
    Aug 30, 2018 via Android❤️6
    73
    @HXM #71 我 Append 不是说了我主要是写功能,UI 是糊出来的了,肯定会重构的,不会那么容易弃坑的
    @rajiha #72 好耶好耶(✪▽✪)开森~
    zzNucker
    zzNucker
    Aug 31, 2018
    74
    楼主萌萌哒肯定是个汉子

    我感觉还可以吧,如果没有设计师 /设计天赋的话我觉得挺强了
    orangutan92
    orangutan92
    Aug 31, 2018 via Android
    75
    这个 UI 没有给人一种惊艳的感觉,不过还可以啦。那个代码高亮的宽度太窄了,移动端本来屏幕就小,还显示行号。。。
    mason961125
    mason961125
    Aug 31, 2018 via iPhone
    76
    违反广告法啦
    unique
    unique
    Aug 31, 2018 via iPhone
    77
    除了白色其他我都喜欢
    Ixizi
    Ixizi
    Aug 31, 2018
    78
    不太喜欢(
    Bibilli
    Bibilli
    Aug 31, 2018
    79
    这个……是不是有点丑??改进一下估计好点
    jason94
    jason94
    Aug 31, 2018
    80
    战略性 mark. 最近准备写个 blog 系统,前端参考一下你的技术栈.UI 我觉得还好,就是响应式没怎么感觉出来😁
    raptor
    raptor
    Aug 31, 2018
    81
    用过 HUGO 根本不想考虑其它的
    cnbobolee
    cnbobolee
    Aug 31, 2018
    82
    @raptor hugo 好用不?
    Garantion
    Garantion
    Aug 31, 2018
    83
    挺好的 至少做出来了
    barbery
    barbery
    Aug 31, 2018
    84
    可以可以
    SpiderXiantang
    SpiderXiantang
    Aug 31, 2018
    85
    可以搞得好看点
    ulala
    ulala
    Aug 31, 2018 via iPhone
    86
    楼主,博客和 demo 都打不开啦
    SukkaW
    SukkaW
    OP
    Aug 31, 2018 via Android❤️5
    87
    @orangutan92 #75 这个是 highlight.js 代码高亮主题的问题,Prism 和 Prettify 的高亮会固定到文章卡片宽度;行号是可以设置开启或者关闭的。
    bk201
    bk201
    Aug 31, 2018
    88
    不搞个 hugo 分支嘛?
    SukkaW
    SukkaW
    OP
    Aug 31, 2018 via Android❤️2
    89
    @bk201 #88 等我博客写到了 10000 文章、Hexo 性能不够用以后,去用 Hugo 时再移植过去吧
    HelveticaNeue
    HelveticaNeue
    Aug 31, 2018
    90
    suka 这个名字有点
    在俄语里面是。。。
    xuheng
    xuheng
    Aug 31, 2018
    91
    sukka 吼棒呢,窝吼喜欢泥的主题呢
    kakalulin
    kakalulin
    Aug 31, 2018
    92
    UI 有点弱~
    lifeintools
    lifeintools
    Aug 31, 2018
    93
    我觉得很好看 果然我审美有问题。。。
    PasDajavu
    PasDajavu
    Aug 31, 2018
    94
    不太好看,哈哈
    jxl
    jxl
    Aug 31, 2018
    95
    不要用最最最最最最最最最最最最最最最最最最最最最最最最最最最最...
    SukkaW
    SukkaW
    OP
    Aug 31, 2018 via Android❤️5
    96
    @wuyuehyang #90 Sukka 的含义可以是犹太人的棚屋或是苏格兰的短袜,但绝对不是 Cyka !
    @xuheng #91 喵耶耶
    asca
    asca
    Aug 31, 2018
    97
    违反广告法 hhhh ( doge
    xcatliu
    xcatliu
    Aug 31, 2018
    98
    很强大啊,star 支持一波
    zhou00
    zhou00
    Aug 31, 2018
    99
    @ymark #63 请问这个 blog 的主题是什么?
    edsheeran
    edsheeran
    Aug 31, 2018 via iPhone
    100
    卡片和陰影的關係可以看下 google 的規範
    排版有問題
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1471 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 149ms · UTC 17:46 · PVG 01:46 · LAX 09:46 · JFK 12:46
    ♥ Do have faith in what you're doing.