V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
JimmyCai
V2EX  ›  分享创造

📚 Hugo 主题 Stack

  •  8
     
  •   JimmyCai ·
    CaiJimmy · 2020-09-07 19:30:28 +08:00 · 11742 次点击
    这是一个创建于 1525 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前段时间写的一款 Hugo 主题,已经在 GitHub 上开源,欢迎使用 & 提意见 😀

    一些功能

    • 暗色模式
    • 归档页面
    • 响应式图片
    • 图片懒加载
    • 图片灯箱 (PhotoSwipe)

    文章缩略图使用了 Hugo 的 Image Processing 功能,自动裁剪成合适的大小来优化页面加载速度。缺点是第一次生成站点时耗时会比较长,第二次有缓存后就会恢复到正常速度(我博客生成速度 ~ 500ms )。

    页面头部加入了 Open Graph 标签,在 Telegram 或 Twitter 这些平台上贴链接时可以获得不错的效果。

    Demo

    Example Site

    我自己的博客

    下载

    GitHub

    喜欢就点个⭐吧。

    截图

    首页

    文章

    归档

    分类

    105 条回复    2020-12-29 22:06:12 +08:00
    1  2  
    llerqwq
        1
    llerqwq  
       2020-09-07 19:31:13 +08:00 via Android
    挺好看的嗷
    statement
        2
    statement  
       2020-09-07 19:32:23 +08:00 via iPhone
    挺好看的
    98b984275a6b4591
        3
    98b984275a6b4591  
       2020-09-07 19:32:49 +08:00
    挺好看的,支持一个👍
    Eloxt
        4
    Eloxt  
       2020-09-07 19:34:23 +08:00
    好看,谢谢楼主
    eoamc
        5
    eoamc  
       2020-09-07 19:38:48 +08:00
    有移植 hexo 的计划吗?
    JimmyCai
        6
    JimmyCai  
    OP
       2020-09-07 19:41:00 +08:00
    @eoamc 抱歉,暂时没有 😅
    JimmyCai
        7
    JimmyCai  
    OP
       2020-09-07 19:41:42 +08:00
    Zohar
        8
    Zohar  
       2020-09-07 19:44:22 +08:00 via iPhone
    好看!
    johnnyNg
        9
    johnnyNg  
       2020-09-07 20:09:34 +08:00
    好看 + 10086
    vissssa
        10
    vissssa  
       2020-09-07 20:13:32 +08:00
    好看,我想把我的 next 移过来了,很符合我的需求审美
    mokeyjay
        11
    mokeyjay  
       2020-09-07 20:14:14 +08:00
    很好看,圆润素雅很舒服,star 了,已加入我的博客设计参考列表
    mokeyjay
        12
    mokeyjay  
       2020-09-07 20:15:45 +08:00
    如果能给按钮之类的元素加点 hover 动效就更棒了
    shansing
        13
    shansing  
       2020-09-07 20:15:56 +08:00
    好看,支持。坐等 Typecho 移植
    foMM
        14
    foMM  
       2020-09-07 20:18:30 +08:00
    挺好看的,感谢分享
    JimmyCai
        15
    JimmyCai  
    OP
       2020-09-07 20:28:18 +08:00
    @Zohar
    @johnnyNg
    @vissssa
    @mokeyjay
    @foMM
    @shansing

    谢谢!


    @mokeyjay 多谢你的提议!会在之后的更新里加入 😀
    iannil
        16
    iannil  
       2020-09-07 20:42:45 +08:00
    cool 很棒
    zhifanlo
        17
    zhifanlo  
       2020-09-07 20:47:47 +08:00
    很好看 star 了
    littleangel
        18
    littleangel  
       2020-09-07 21:02:29 +08:00
    cool 好看
    soaph
        19
    soaph  
       2020-09-07 21:37:08 +08:00 via iPhone
    要是有 jekyll 的就好了
    microyu
        20
    microyu  
       2020-09-07 21:53:41 +08:00
    撒卡默多
    dingdangnao
        21
    dingdangnao  
       2020-09-07 22:11:08 +08:00
    好看,提个小问题,博客页面中文的字间距感觉有点紧
    ronman
        22
    ronman  
       2020-09-07 22:13:40 +08:00 via Android
    请问一下,评论系统用的啥呢?
    Tink
        23
    Tink  
       2020-09-07 22:16:02 +08:00 via Android
    求 hexo 版
    lazyyz
        24
    lazyyz  
       2020-09-07 22:32:03 +08:00 via Android
    很好看,已 star⭐
    JimmyCai
        25
    JimmyCai  
    OP
       2020-09-07 22:33:17 +08:00
    @dingdangnao 谢谢!中文字体间距可能与我用的字体有关(思源宋体)

    不清楚有没有单独修改中文字体间距的方法
    JimmyCai
        26
    JimmyCai  
    OP
       2020-09-07 22:42:04 +08:00
    @ronman 主题自带的是 Disqus

    我博客那个是自己写的
    JimmyCai
        27
    JimmyCai  
    OP
       2020-09-07 23:02:17 +08:00
    @soaph 试试看 Hugo 吧,速度比 Jekyll 快很多的 😀
    JimmyCai
        28
    JimmyCai  
    OP
       2020-09-07 23:05:41 +08:00
    @iannil
    @zhifanlo
    @littleangel
    @lazyyz

    多谢支持~
    soaph
        29
    soaph  
       2020-09-07 23:49:38 +08:00 via iPhone
    @JimmyCai 主要是 jekyll 放 github 不需要自己编译呀
    foMM
        30
    foMM  
       2020-09-07 23:58:02 +08:00
    已经熟悉 hexo 的我第一次下载 hugo 准备尝试楼主的这个 theme……

    试了一下觉得重新重头学习使用的成本有点大,等 lz 更新配置教程了我再回过头学习吧。
    misaka19000
        31
    misaka19000  
       2020-09-08 00:01:25 +08:00
    楼主是高中生?
    JimmyCai
        32
    JimmyCai  
    OP
       2020-09-08 00:21:26 +08:00
    @soaph 可以借助 GitHub Action 或者 Netlify 这类服务自动编译的
    JimmyCai
        33
    JimmyCai  
    OP
       2020-09-08 00:26:21 +08:00
    @foMM 抱歉,最近忙着处理主题的细节问题,还没完善文档部分 😅

    等有空了就开始写文档 (🕊🕊🕊
    JimmyCai
        34
    JimmyCai  
    OP
       2020-09-08 00:33:52 +08:00
    @misaka19000 不是,是大一生 😅
    soaph
        35
    soaph  
       2020-09-08 00:36:22 +08:00
    @JimmyCai !!!看来我是很久没去了解过了,好像不麻烦的样子
    Rebely
        36
    Rebely  
       2020-09-08 09:33:51 +08:00
    好看, 以后如果想建博客的话就用这个了。
    foMM
        37
    foMM  
       2020-09-08 09:53:49 +08:00
    @JimmyCai 感谢您分享的 notion,里面有一部分的设置。请教一下 archive,cateloge 等 page 是如何生成的呢?只是创建一个 folder 在 content 下面并不能生成跟您 blog 一样的一个页面
    Esay
        38
    Esay  
       2020-09-08 10:16:29 +08:00
    非常漂亮简洁的主题,感谢开源!
    killerv
        39
    killerv  
       2020-09-08 10:22:23 +08:00
    真的不错
    spacebound
        40
    spacebound  
       2020-09-08 10:27:22 +08:00
    很简洁的主题,可以集成 valine 搞个评论
    geniusmyn
        41
    geniusmyn  
       2020-09-08 10:36:29 +08:00
    好看!
    vinceying
        42
    vinceying  
       2020-09-08 10:52:33 +08:00
    好看!
    sixway
        43
    sixway  
       2020-09-08 11:04:20 +08:00
    请我我能移植到 hexo 吗?
    ID2333
        44
    ID2333  
       2020-09-08 11:09:51 +08:00
    赞,star
    sixway
        45
    sixway  
       2020-09-08 11:11:40 +08:00
    @sixway #43 请问,抱歉,打错字
    panxianhai
        46
    panxianhai  
       2020-09-08 11:16:43 +08:00
    真好看,用起来
    likaci
        47
    likaci  
       2020-09-08 11:17:52 +08:00
    害我还去查了查 Vanilla JS
    spacebound
        48
    spacebound  
       2020-09-08 11:20:36 +08:00
    @JimmyCai 楼主博客里的评论感觉不错呀,是有后端的吗?后续有没有计划开源:)
    garipan
        49
    garipan  
       2020-09-08 11:28:43 +08:00
    确实挺好看的
    whatCanIDoForYou
        50
    whatCanIDoForYou  
       2020-09-08 11:33:44 +08:00
    UI 好看

    https://blog.jimmycai.com/index.xml 这个界面有问题。
    wellsc
        51
    wellsc  
       2020-09-08 11:36:57 +08:00
    挺好看的
    g1eny0ung
        52
    g1eny0ung  
       2020-09-08 13:22:28 +08:00
    UI 很好看,已 star ✨,顺便放个我写的 hugo theme: https://github.com/g1eny0ung/hugo-theme-dream,欢迎交流~
    hercat
        53
    hercat  
       2020-09-08 13:23:45 +08:00
    建议修改下文章中代码的配色,黑底白字太扎眼了。
    g1eny0ung
        54
    g1eny0ung  
       2020-09-08 13:24:59 +08:00
    zliea
        55
    zliea  
       2020-09-08 13:29:24 +08:00
    好看,已 star
    42is42is42
        56
    42is42is42  
       2020-09-08 14:15:40 +08:00
    圆角好看 thumbs up
    JimmyCai
        57
    JimmyCai  
    OP
       2020-09-08 14:16:18 +08:00
    @foMM 抱歉那一部分的文档还没写好 😅

    你可以先看下 exampleSite 的文件夹结构:

    归档: https://github.com/CaiJimmy/hugo-theme-stack/blob/master/exampleSite/content/page/archive.md
    分类: https://github.com/CaiJimmy/hugo-theme-stack/blob/master/exampleSite/content/categories/Test/_index.md

    归档需要在 `content/page` 文件夹下新建一个页面,在 Frontmatter 写 `layout: "archive"`
    分类页面请参考文档和上方的例子
    JimmyCai
        58
    JimmyCai  
    OP
       2020-09-08 14:25:43 +08:00
    Waffle
        59
    Waffle  
       2020-09-08 14:31:28 +08:00
    好看!
    不过对 markdown 表格渲染是不是没有做支持?显示的表格没有任何边框……
    JimmyCai
        60
    JimmyCai  
    OP
       2020-09-08 14:33:44 +08:00
    @spacebound 暂时没考虑集成除了 Disqus 以外的评论系统(因为太多了😂)

    等有空了就去写如何插入第三方评论系统的文档
    JimmyCai
        61
    JimmyCai  
    OP
       2020-09-08 14:34:29 +08:00
    @sixway 可以的 👌

    保留好版权信息就行
    JimmyCai
        62
    JimmyCai  
    OP
       2020-09-08 14:38:45 +08:00   ❤️ 1
    @Waffle 谢谢提醒!因为没有在自己博客里插入过表格,所以就忘了写样式了 😅

    会尽快补上的 👌
    Love4Taylor
        63
    Love4Taylor  
       2020-09-08 14:39:36 +08:00
    等哪天对 kiss 厌烦了就换这个 2333
    Xuyiyang23333
        64
    Xuyiyang23333  
       2020-09-08 14:48:04 +08:00
    我认为如果加上一些动效会更加好看,Star 了。
    ylhawj
        65
    ylhawj  
       2020-09-08 14:52:31 +08:00 via iPhone
    很好看啊,回头换上
    JimmyCai
        66
    JimmyCai  
    OP
       2020-09-08 14:58:04 +08:00
    @whatCanIDoForYou 谢谢!

    请问那个页面有什么问题呢?
    JimmyCai
        67
    JimmyCai  
    OP
       2020-09-08 15:05:07 +08:00
    @hercat 多谢你的提议!我会试试看有没有更好的配色方案 😃
    yaxe
        68
    yaxe  
       2020-09-08 15:06:00 +08:00
    楼主好 刚开始接触 hugo 我把 example_site 里的 config.toml 粘到我的站下面,hugo new posts/test.md 但是不能正常显示页面,想问一下 permalinks 下面 page/post 和我创建的页面的对应关系应该是怎么样的
    whatCanIDoForYou
        69
    whatCanIDoForYou  
       2020-09-08 15:07:05 +08:00
    ![]( https://i.bmp.ovh/imgs/2020/09/1ddf2fa0d7137934.png)

    打开订阅是这样的 难道就是这个风格 我理解错了嘛,,,》
    JimmyCai
        70
    JimmyCai  
    OP
       2020-09-08 15:09:38 +08:00   ❤️ 1
    @whatCanIDoForYou 是的,RSS 链接就长这样(
    whatCanIDoForYou
        71
    whatCanIDoForYou  
       2020-09-08 15:13:01 +08:00
    @JimmyCai #70 抱歉 闹笑话了~~
    JimmyCai
        72
    JimmyCai  
    OP
       2020-09-08 15:18:05 +08:00   ❤️ 1
    @yaxe 主题默认在主页输出 `content/post` 文件夹下的内容,所以你应该在那个文件夹创建新文章

    刚刚才发现演示站点的文章目录没删干净,现在已经处理好了。可以参考下这篇文章的目录结构:

    https://github.com/CaiJimmy/hugo-theme-stack/tree/master/exampleSite/content/post/markdown-syntax
    hwdef
        73
    hwdef  
       2020-09-08 15:18:52 +08:00
    好看,已 star
    Shauntse
        74
    Shauntse  
       2020-09-08 15:39:34 +08:00 via iPhone
    已 star 用上了。这几天捣鼓着建站,换了好多主题。这个主题的平衡点不错。区块结构和动效不复杂刚刚好。
    不过我有一个不太懂的地方:默认特色图片的设置是把“default-image.jpg”感到根目录的 assets/img 下,然后再文章里面要不要加上 imge:“default-imge.jpg”?
    janxin
        75
    janxin  
       2020-09-08 15:55:17 +08:00
    看起来很好看,终于可以放心切换 hugo 啦
    wanxiankai
        76
    wanxiankai  
       2020-09-08 16:03:14 +08:00
    好看
    JimmyCai
        77
    JimmyCai  
    OP
       2020-09-08 16:38:45 +08:00
    @Shauntse 抱歉,文档写得有点不太清楚

    opengraph.defaultImage 的图片地址是在文章没有特色图片的情况下,提供给 Open Graph 标签的(在社交平台上显示),不会直接出现在博客里。

    如果要给文章添加特色图片,需要在文章的 Front Matter 添加 `image` 字段。

    主题暂时还没有默认特色图片的选项 😅
    exceldream
        78
    exceldream  
       2020-09-08 16:44:39 +08:00 via Android
    已赞
    CriseLYJ
        79
    CriseLYJ  
       2020-09-08 17:28:44 +08:00
    @JimmyCai 楼主字体挺好看的呀,请问如何替换成你的那个字体
    JimmyCai
        80
    JimmyCai  
    OP
       2020-09-08 17:43:04 +08:00
    @CriseLYJ 写到主题文档了 👌
    CriseLYJ
        81
    CriseLYJ  
       2020-09-08 17:47:13 +08:00
    @JimmyCai okok,感谢
    foMM
        82
    foMM  
       2020-09-08 18:14:59 +08:00
    @JimmyCai 原来 copy 过去就可以依葫芦画瓢了,谢谢
    avalon8
        83
    avalon8  
       2020-09-08 19:02:13 +08:00
    好看
    JimmyCai
        84
    JimmyCai  
    OP
       2020-09-08 20:41:03 +08:00
    @Xuyiyang23333 昨天按 #12 楼的建议给卡片加上了 hover 阴影效果。现在不知道还有哪里可以加动效而不显得突兀 😅
    foMM
        85
    foMM  
       2020-09-08 20:47:36 +08:00
    我个人觉得现在的效果就挺好……动态太多的 theme 挺腻味的……

    请教一下在 post 里面发图片,我看有些是一张图一行,有些一三张图一行(缩小了),例如 https://blog.jimmycai.com/p/hugo-theme-stack/#&gid=1&pid=1 里的首页,归档,文章,分类的截图。

    再例如 https://blog.jimmycai.com/p/new-computer/ 这篇文章,可以一行两张图片。

    请问如何定义一行几张图片呢?

    感谢感谢
    soaph
        86
    soaph  
       2020-09-08 20:58:21 +08:00
    我觉得如果能够有类似站内搜索的功能就更好了
    JimmyCai
        87
    JimmyCai  
    OP
       2020-09-08 22:46:44 +08:00
    @soaph 一开始的设计稿里面有包含站内搜索页面,但后来没找到合适的前端 JSON 搜索库,就放着暂时不做了
    JimmyCai
        88
    JimmyCai  
    OP
       2020-09-08 22:48:14 +08:00
    @foMM 刚刚意识到这个功能可能会有侵权的问题(使用到的语法)

    等作者允许我发布后就会更新相应的文档 👌
    youngxhui
        89
    youngxhui  
       2020-09-09 08:30:45 +08:00
    看的我有点像更换了
    ResidualWind
        90
    ResidualWind  
       2020-09-09 09:04:04 +08:00
    可惜没有搜索功能...
    JimmyCai
        91
    JimmyCai  
    OP
       2020-09-09 15:24:58 +08:00 via Android
    @ResidualWind 以后应该会添加的
    JimmyCai
        92
    JimmyCai  
    OP
       2020-09-09 16:11:19 +08:00
    @foMM 已获得原作者授权,记录到文档中了
    foMM
        93
    foMM  
       2020-09-09 18:35:43 +08:00
    @JimmyCai 感谢感谢。期待后续可以加上搜索和手动调节 dark mode 之类的功能。
    dapengzhao
        94
    dapengzhao  
       2020-09-10 12:57:57 +08:00
    评论系统没法直接用吗?
    Love4Taylor
        95
    Love4Taylor  
       2020-09-15 10:21:58 +08:00
    好的 换上了(主要心水图片相关的功能
    soaph
        96
    soaph  
       2020-09-18 13:34:53 +08:00
    同问评论系统,很想要这个
    JimmyCai
        97
    JimmyCai  
    OP
       2020-09-19 00:23:43 +08:00
    @soaph 抱歉,我博客那个评论系统是自用项目,暂时没打算发出来 😅
    foMM
        98
    foMM  
       2020-10-09 22:41:03 +08:00
    请教一下您博客的搜索是如何实现的呢?文档里面没提,谢谢
    JimmyCai
        99
    JimmyCai  
    OP
       2020-10-10 16:12:49 +08:00
    foMM
        100
    foMM  
       2020-10-10 16:49:20 +08:00
    @JimmyCai #99 谢谢回复。等什么时候合并了我再升级吧
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2808 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 15:01 · PVG 23:01 · LAX 07:01 · JFK 10:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.