前段时间写的一款 Hugo 主题,已经在 GitHub 上开源,欢迎使用 & 提意见
文章缩略图使用了 Hugo 的 Image Processing 功能,自动裁剪成合适的大小来优化页面加载速度。缺点是第一次生成站点时耗时会比较长,第二次有缓存后就会恢复到正常速度(我博客生成速度 ~ 500ms )。
页面头部加入了 Open Graph 标签,在 Telegram 或 Twitter 这些平台上贴链接时可以获得不错的效果。
喜欢就点个吧。
![]() | 1 llerqwq 2020-09-07 19:31:13 +08:00 via Android 挺好看的嗷 |
![]() | 2 statement 2020-09-07 19:32:23 +08:00 via iPhone 挺好看的 |
3 98b984275a6b4591 2020-09-07 19:32:49 +08:00 挺好看的,支持一个 |
4 Eloxt 2020-09-07 19:34:23 +08:00 好看,谢谢楼主 |
5 eoamc 2020-09-07 19:38:48 +08:00 有移植 hexo 的计划吗? |
![]() | 7 JimmyCai OP |
![]() | 8 Zohar 2020-09-07 19:44:22 +08:00 via iPhone 好看! |
![]() | 9 johnnyNg 2020-09-07 20:09:34 +08:00 好看 + 10086 |
![]() | 10 vissssa 2020-09-07 20:13:32 +08:00 好看,我想把我的 next 移过来了,很符合我的需求审美 |
![]() | 11 mokeyjay 2020-09-07 20:14:14 +08:00 很好看,圆润素雅很舒服,star 了,已加入我的博客设计参考列表 |
![]() | 12 mokeyjay 2020-09-07 20:15:45 +08:00 如果能给按钮之类的元素加点 hover 动效就更棒了 |
![]() | 13 shansing 2020-09-07 20:15:56 +08:00 |
14 foMM 2020-09-07 20:18:30 +08:00 挺好看的,感谢分享 |
![]() | 15 JimmyCai OP |
![]() | 16 iannil 2020-09-07 20:42:45 +08:00 cool 很棒 |
![]() | 17 Felix1717 2020-09-07 20:47:47 +08:00 很好看 star 了 |
![]() | 18 littleangel 2020-09-07 21:02:29 +08:00 cool 好看 |
19 soaph 2020-09-07 21:37:08 +08:00 via iPhone 要是有 jekyll 的就好了 |
![]() | 20 microyu 2020-09-07 21:53:41 +08:00 撒卡默多 |
![]() | 21 dingdangnao 2020-09-07 22:11:08 +08:00 好看,提个小问题,博客页面中文的字间距感觉有点紧 |
![]() | 22 ronman 2020-09-07 22:13:40 +08:00 via Android 请问一下,评论系统用的啥呢? |
![]() | 23 Tink PRO 求 hexo 版 |
![]() | 24 lazyyz 2020-09-07 22:32:03 +08:00 via Android 很好看,已 star |
![]() | 25 JimmyCai OP |
![]() | 28 JimmyCai OP |
30 foMM 2020-09-07 23:58:02 +08:00 已经熟悉 hexo 的我第一次下载 hugo 准备尝试楼主的这个 theme…… 试了一下觉得重新重头学习使用的成本有点大,等 lz 更新配置教程了我再回过头学习吧。 |
![]() | 31 misaka19000 2020-09-08 00:01:25 +08:00 楼主是高中生? |
![]() | 34 OP @misaka19000 不是,是大一生 |
![]() | 36 Rebely 2020-09-08 09:33:51 +08:00 好看, 以后如果想建博客的话就用这个了。 |
37 foMM 2020-09-08 09:53:49 +08:00 @JimmyCai 感谢您分享的 notion,里面有一部分的设置。请教一下 archive,cateloge 等 page 是如何生成的呢?只是创建一个 folder 在 content 下面并不能生成跟您 blog 一样的一个页面 |
![]() | 38 Esay 2020-09-08 10:16:29 +08:00 非常漂亮简洁的主题,感谢开源! |
39 killerv 2020-09-08 10:22:23 +08:00 真的不错 |
![]() | 40 spacebound 2020-09-08 10:27:22 +08:00 很简洁的主题,可以集成 valine 搞个评论 |
![]() | 41 geniusmyn 2020-09-08 10:36:29 +08:00 好看! |
![]() | 42 vinceying 2020-09-08 10:52:33 +08:00 好看! |
![]() | 43 sixway 2020-09-08 11:04:20 +08:00 请我我能移植到 hexo 吗? |
![]() | 44 ID2333 2020-09-08 11:09:51 +08:00 赞,star |
![]() | 46 panxianhai 2020-09-08 11:16:43 +08:00 真好看,用起来 |
![]() | 47 likaci 2020-09-08 11:17:52 +08:00 害我还去查了查 Vanilla JS |
![]() | 48 spacebound 2020-09-08 11:20:36 +08:00 @JimmyCai 楼主博客里的评论感觉不错呀,是有后端的吗?后续有没有计划开源:) |
![]() | 49 garipan 2020-09-08 11:28:43 +08:00 确实挺好看的 |
![]() | 50 whatCanIDoForYou 2020-09-08 11:33:44 +08:00 |
![]() | 51 wellsc 2020-09-08 11:36:57 +08:00 挺好看的 |
![]() | 52 g1eny0ung 2020-09-08 13:22:28 +08:00 UI 很好看,已 star ,顺便放个我写的 hugo theme: https://github.com/g1eny0ung/hugo-theme-dream,欢迎交流~ |
53 hercat 2020-09-08 13:23:45 +08:00 建议修改下文章中代码的配色,黑底白字太扎眼了。 |
![]() | 54 g1eny0ung 2020-09-08 13:24:59 +08:00 |
![]() | 55 zliea 2020-09-08 13:29:24 +08:00 好看,已 star |
![]() | 56 42is42is42 2020-09-08 14:15:40 +08:00 圆角好看 thumbs up |
![]() | 57 JimmyCai OP @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"` 分类页面请参考文档和上方的例子 |
![]() | 58 JimmyCai OP @Rebely @Esay @killerv @geniusmyn @vinceying @ID2333 @panxianhai @garipan @wellsc @g1eny0ung @ztechstack @42is42is42 多谢支持! |
![]() | 59 Waffle 2020-09-08 14:31:28 +08:00 好看! 不过对 markdown 表格渲染是不是没有做支持?显示的表格没有任何边框…… |
![]() | 60 JimmyCai OP |
![]() | 63 love4taylor PRO 等哪天对 kiss 厌烦了就换这个 2333 |
64 Xuyiyang23333 2020-09-08 14:48:04 +08:00 我认为如果加上一些动效会更加好看,Star 了。 |
![]() | 65 ylhawj 2020-09-08 14:52:31 +08:00 via iPhone 很好看啊,回头换上 |
![]() | 66 JimmyCai OP |
68 yaxe 2020-09-08 15:06:00 +08:00 楼主好 刚开始接触 hugo 我把 example_site 里的 config.toml 粘到我的站下面,hugo new posts/test.md 但是不能正常显示页面,想问一下 permalinks 下面 page/post 和我创建的页面的对应关系应该是怎么样的 |
![]() | 69 whatCanIDoForYou 2020-09-08 15:07:05 +08:00 |
![]() | 70 JimmyCai OP ![]() @whatCanIDoForYou 是的,RSS 链接就长这样( |
![]() | 71 whatCanIDoForYou 2020-09-08 15:13:01 +08:00 @JimmyCai #70 抱歉 闹笑话了~~ |
![]() | 72 JimmyCai OP ![]() @yaxe 主题默认在主页输出 `content/post` 文件夹下的内容,所以你应该在那个文件夹创建新文章 刚刚才发现演示站点的文章目录没删干净,现在已经处理好了。可以参考下这篇文章的目录结构: https://github.com/CaiJimmy/hugo-theme-stack/tree/master/exampleSite/content/post/markdown-syntax |
![]() | 73 hwdef 2020-09-08 15:18:52 +08:00 好看,已 star |
![]() | 74 Shauntse 2020-09-08 15:39:34 +08:00 via iPhone 已 star 用上了。这几天捣鼓着建站,换了好多主题。这个主题的平衡点不错。区块结构和动效不复杂刚刚好。 不过我有一个不太懂的地方:默认特色图片的设置是把“default-image.jpg”感到根目录的 assets/img 下,然后再文章里面要不要加上 imge:“default-imge.jpg”? |
![]() | 75 janxin 2020-09-08 15:55:17 +08:00 看起来很好看,终于可以放心切换 hugo 啦 |
![]() | 76 wanxiankai 2020-09-08 16:03:14 +08:00 好看 |
![]() | 77 JimmyCai OP @Shauntse 抱歉,文档写得有点不太清楚 opengraph.defaultImage 的图片地址是在文章没有特色图片的情况下,提供给 Open Graph 标签的(在社交平台上显示),不会直接出现在博客里。 如果要给文章添加特色图片,需要在文章的 Front Matter 添加 `image` 字段。 主题暂时还没有默认特色图片的选项 |
78 exceldream 2020-09-08 16:44:39 +08:00 via Android 已赞 |
83 avalon8 2020-09-08 19:02:13 +08:00 好看 |
![]() | 84 JimmyCai OP @Xuyiyang23333 昨天按 #12 楼的建议给卡片加上了 hover 阴影效果。现在不知道还有哪里可以加动效而不显得突兀 |
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/ 这篇文章,可以一行两张图片。 请问如何定义一行几张图片呢? 感谢感谢 |
86 soaph 2020-09-08 20:58:21 +08:00 我觉得如果能够有类似站内搜索的功能就更好了 |
![]() | 89 youngxhui 2020-09-09 08:30:45 +08:00 看的我有点像更换了 |
90 ResidualWind 2020-09-09 09:04:04 +08:00 可惜没有搜索功能... |
![]() | 91 JimmyCai OP @ResidualWind 以后应该会添加的 |
![]() | 94 dapengzhao 2020-09-10 12:57:57 +08:00 评论系统没法直接用吗? |
![]() | 95 love4taylor PRO 好的 换上了(主要心水图片相关的功能 |
96 soaph 2020-09-18 13:34:53 +08:00 同问评论系统,很想要这个 |
98 foMM 2020-10-09 22:41:03 +08:00 请教一下您博客的搜索是如何实现的呢?文档里面没提,谢谢 |
![]() | 99 JimmyCai OP |