或许是 Hexo 上最强大的主题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
SukkaW
V2EX    分享创造

或许是 Hexo 上最强大的主题

  •  2
     
  •   SukkaW
    SukkaW 2018-08-30 13:35:10 +08:00 18970 次点击
    这是一个创建于 2648 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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

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


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

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

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

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

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

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



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

    我感觉还可以吧,如果没有设计师 /设计天赋的话我觉得挺强了
    orangutan92
        75
    orangutan92  
       2018-08-31 02:04:03 +08:00 via Android
    这个 UI 没有给人一种惊艳的感觉,不过还可以啦。那个代码高亮的宽度太窄了,移动端本来屏幕就小,还显示行号。。。
    mason961125
        76
    mason961125  
       2018-08-31 07:59:23 +08:00 via iPhone
    违反广告法啦
    unique
        77
    unique  
       2018-08-31 08:46:19 +08:00 via iPhone
    除了白色其他我都喜欢
    Ixizi
        78
    Ixizi  
       2018-08-31 09:24:50 +08:00
    不太喜欢(
    Bibilli
        79
    Bibilli  
       2018-08-31 09:25:54 +08:00
    这个……是不是有点丑??改进一下估计好点
    jason94
        80
    jason94  
       2018-08-31 09:42:11 +08:00
    战略性 mark. 最近准备写个 blog 系统,前端参考一下你的技术栈.UI 我觉得还好,就是响应式没怎么感觉出来
    raptor
        81
    raptor  
       2018-08-31 10:06:01 +08:00
    用过 HUGO 根本不想考虑其它的
    cnbobolee
        82
    cnbobolee  
       2018-08-31 10:07:21 +08:00
    @raptor hugo 好用不?
    Garantion
        83
    Garantion  
       2018-08-31 10:32:24 +08:00
    挺好的 至少做出来了
    barbery
        84
    barbery  
       2018-08-31 10:43:32 +08:00
    可以可以
    SpiderXiantang
        85
    SpiderXiantang  
       2018-08-31 10:48:59 +08:00
    可以搞得好看点
    ulala
        86
    ulala  
       2018-08-31 10:49:40 +08:00 via iPhone
    楼主,博客和 demo 都打不开啦
    SukkaW
        87
    SukkaW  
    OP
       2018-08-31 10:53:48 +08:00 via Android   5
    @orangutan92 #75 这个是 highlight.js 代码高亮主题的问题,Prism 和 Prettify 的高亮会固定到文章卡片宽度;行号是可以设置开启或者关闭的。
    bk201
        88
    bk201  
       2018-08-31 11:08:24 +08:00
    不搞个 hugo 分支嘛?
    SukkaW
        89
    SukkaW  
    OP
       2018-08-31 11:13:15 +08:00 via Android   2
    @bk201 #88 等我博客写到了 10000 文章、Hexo 性能不够用以后,去用 Hugo 时再移植过去吧
    HelveticaNeue
        90
    HelveticaNeue  
       2018-08-31 11:32:08 +08:00
    suka 这个名字有点
    在俄语里面是。。。
    xuheng
        91
    xuheng  
       2018-08-31 11:53:13 +08:00
    sukka 吼棒呢,窝吼喜欢泥的主题呢
    kakalulin
        92
    kakalulin  
       2018-08-31 11:56:30 +08:00
    UI 有点弱~
    lifeintools
        93
    lifeintools  
       2018-08-31 12:01:01 +08:00
    我觉得很好看 果然我审美有问题。。。
    PasDajavu
        94
    PasDajavu  
       2018-08-31 12:03:54 +08:00
    不太好看,哈哈
    jxl
        95
    jxl  
       2018-08-31 12:07:03 +08:00
    不要用最最最最最最最最最最最最最最最最最最最最最最最最最最最最...
    SukkaW
        96
    SukkaW  
    OP
       2018-08-31 12:20:07 +08:00 via Android   5
    @wuyuehyang #90 Sukka 的含义可以是犹太人的棚屋或是苏格兰的短袜,但绝对不是 Cyka !
    @xuheng #91 喵耶耶
    asca
        97
    asca  
       2018-08-31 13:34:41 +08:00
    违反广告法 hhhh ( doge
    xcatliu
        98
    xcatliu  
       2018-08-31 14:02:28 +08:00
    很强大啊,star 支持一波
    zhou00
        99
    zhou00  
       2018-08-31 14:24:00 +08:00
    @ymark #63 请问这个 blog 的主题是什么?
    edsheeran
        100
    edsheeran  
       2018-08-31 14:25:10 +08:00 via iPhone
    卡片和影的可以看下 google 的
    排版有
    1  2  
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     824 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 34ms UTC 22:23 PVG 06:23 LAX 14:23 JFK 17:23
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86