维护了三年的 Hexo 主题 Icarus 大版本更新啦

V2EX = way to explore

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

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

一千三百多天之前我在 V2EX 上发布了 Hexo 主题 Icarus，获得了大家的广泛支持。最近我在大家这几年来反馈意见的基础上对它进行了一次从内到外的升级。目前新版本(2.0.0)已经发布在 GitHub 上，希望大家喜欢。同时也欢迎意见与反馈。

项目主页： https://github.com/ppoffice/hexo-theme-icarus

预览地址： http://ppoffice.github.io/hexo-theme-icarus/

中文快速上手： https://ppoffice.github.io/hexo-theme-icarus/Translations/icarus%E5%BF%AB%E9%80%9F%E4%B8%8A%E6%89%8B/

关键变更：

页面设计全面升级
增加主题配置管理与验证机制,支持文章配置覆盖主题配置
增加挂件与边栏配置的灵活性
新增各类实用插件(评论,分享,搜索,统计等等)
支持自选 CDN

全部变更： https://github.com/ppoffice/hexo-theme-icarus/releases/tag/2.0.0

截图

icarus

Hexo

主题

配置

92 条回复 • 2019-10-26 17:44:41 +08:00

viento

2018-11-03 08:03:23 +08:00 via iPhone

很漂亮

secaas

2018-11-03 08:50:32 +08:00

wispx

2018-11-03 09:07:32 +08:00 via iPhone

赞👍

Showfom

2018-11-03 09:13:40 +08:00

很漂亮，可以移植到 Hugo 嘛

jy02201949

2018-11-03 09:13:56 +08:00

评论用的什么插件

zrp1994

2018-11-03 09:44:45 +08:00

@Showfom Hugo 有移植，但是是上一版的： https://themes.gohugo.io/hugo-icarus/

mydearxym

2018-11-03 09:46:14 +08:00

有点 wordpress 的感觉，很棒

zrp1994

2018-11-03 09:46:15 +08:00

@jy02201949 目前支持 Changyan, Disqus, Facebook, Gitment, Isso, LiveRe, Valine，示例网站上大部分用的是 disqus

ryV60s

2018-11-03 10:16:06 +08:00

看着很舒服，赞

Severn

2018-11-03 10:23:23 +08:00

好看好看

penseo

2018-11-03 10:23:54 +08:00

很赞，不错

h404bi

2018-11-03 10:24:12 +08:00 via iPhone

很强大👍🏻

Tvulin

2018-11-03 10:30:16 +08:00 via iPhone

是时候换主题了

rayhy

2018-11-03 10:55:25 +08:00

很好看！可惜 hugo 版本还没有更新。

poplar50

2018-11-03 11:28:24 +08:00 via Android

好看，我用 jekyll 都想要换你这个 hexo 主题了。棒棒棒。

RYAN0UP

2018-11-03 11:52:59 +08:00 via Android

nice ！可惜没用 Hexo

baozijun

2018-11-03 12:01:07 +08:00

好漂亮，点赞

zst

2018-11-03 12:15:41 +08:00 via Android

好看期待 hugo 版本更新

zrp1994

2018-11-03 12:23:07 +08:00

@zst 需要事先告知一下 Hugo 版本不是我维护的🤣

HXM

2018-11-03 12:30:37 +08:00 via Android

很棒诶，中文文章用 Valine，英文用 Disqus 真的是有心了~一篇文章的评论系统是可以在文章 md 文件里指定么？

MiniGhost

2018-11-03 12:33:22 +08:00

好看好看~~ 都有点儿想把自己的 Typecho 换成这个了

RYAN0UP

2018-11-03 12:46:03 +08:00 via Android

@zrp1994 问下，我可以移植该主题到我使用的博客平台吗，真的很喜欢。https://github.com/ruibaby/halo.git

gclm

2018-11-03 13:04:16 +08:00 via Android

@zrp1994 可以移植到自己的博客平台不

ArthurHe

2018-11-03 13:08:32 +08:00

哇

xi_lin

2018-11-03 13:08:48 +08:00

赞一个，漂亮

xiaoluoboding

2018-11-03 13:42:11 +08:00

可以设置成双栏模式嘛?

toinmyfree

2018-11-03 13:50:01 +08:00

漂亮，可惜没有 ghost 平台的额

watzds

2018-11-03 13:59:41 +08:00 via Android

确实不错

Wicked

2018-11-03 14:32:03 +08:00 via iPhone

我发觉我玩主题的时间比写博客的时间多…

kaleidoscope

2018-11-03 15:02:54 +08:00

非常感谢大佬的主题，发现用 nginx 代理以后样式变了...是我的 nginx 没配对吗

sintonwong

2018-11-03 15:26:25 +08:00 via iPhone

点赞支持

kisnows

2018-11-03 15:29:46 +08:00

博主的博客，我这边等了 30s 没打开。

zrp1994

2018-11-03 15:55:48 +08:00

@HXM 是的，请参考 https://raw.githubusercontent.com/ppoffice/hexo-theme-icarus/site/source/_posts/translation/Chinese.md

zrp1994

2018-11-03 15:56:59 +08:00

@RYAN0UP
@gclm
完全没问题，这个项目是 MIT 协议，你们随便改哈哈

zrp1994

2018-11-03 16:00:12 +08:00

@xiaoluoboding 请参考 https://raw.githubusercontent.com/ppoffice/hexo-theme-icarus/site/source/_posts/widget/Profile.md 和 https://blog.zhangruipeng.me/hexo-theme-icarus/Widgets/profile-sidebar-widget/
基本上就是你只需要把所有的 widgets 的 position 设置成统一的 left 或 right 就可以了

zrp1994

2018-11-03 16:01:22 +08:00

@kaleidoscope 请检查浏览器 F12 中返回的错误信息来查看哪些资源没有家在

zrp1994

2018-11-03 16:02:45 +08:00

@kisnows 请试一下中文快速上手那篇文章，那篇文章用的是国内的 CDN

RobertYang

2018-11-03 16:03:17 +08:00 via Android

漂亮，先马克

kaleidoscope

2018-11-03 16:40:37 +08:00

@zrp1994 和不用 nginx 对比发现 fonts.gstatic.com 下的东西没加载出来...会有这么大的影响吗

cs4814751

2018-11-03 16:53:30 +08:00

很漂亮，mark 了，给 LZ 点赞！

zrp1994

2018-11-03 16:53:50 +08:00

@kaleidoscope 需要检查一下 nginx 是否同时代理了 google fonts css 中的字体。https://serverfault.com/questions/186965/how-can-i-make-nginx-support-font-face-formats-and-allow-access-control-allow-o

ZRS

2018-11-03 17:01:29 +08:00 via iPhone

好看

kaleidoscope

2018-11-03 17:09:40 +08:00

@zrp1994 多谢大佬，确实是配置有问题

paicha

2018-11-03 17:40:55 +08:00

好好的博客，总喜欢搞些花里胡哨的动画。

zrp1994

2018-11-03 17:44:06 +08:00

@paicha 动画可以在配置中关闭的

Jzer0n

2018-11-03 18:56:38 +08:00

@zrp1994 #45 https://s3.amazonaws.com/exthub/e/2/r/CN_chrome.js?cached=true 2.59S

影响了载入速度.

Windows 7 + Chrome, 广东联通, 100M

FEDT

2018-11-03 19:33:09 +08:00 via iPhone

确实很漂亮

defel

2018-11-03 20:35:27 +08:00

赞一个，不过浏览器滚动的时候有点掉帧的感觉。

ferock

2018-11-03 20:54:41 +08:00

确实漂亮，是否考虑做个深色调的？而且可以根据时间不同。。。切换。。。

Zzdex

2018-11-03 21:00:01 +08:00

我用的某位大佬的
魔改版 :)
https://blog.zthxxx.me/

Chan6

2018-11-03 21:43:17 +08:00

很漂亮，很喜欢，很羡慕会做主题的人！

1OF7G

2018-11-03 22:03:44 +08:00

Mac 上看中文是衬线字体，感觉很不搭。
font-family: Ubuntu, Roboto,"Open Sans","Microsoft YaHei",serif;
是不是写错了？前边的包括微软雅黑都是非衬线字体，最后 fallback 却给了个衬线字体？

不过主题真的很漂亮，感觉楼主学过设计？

twoyuan

2018-11-03 22:07:46 +08:00

开了代理打开挺快的，没开之前几个字体文件一分多钟都没加载好

kinghero

2018-11-03 22:15:04 +08:00

很漂亮！支持一下，刚好想换主题

zrp1994

2018-11-03 22:32:42 +08:00 via iPad

@1OF7G 感谢提醒

zrp1994

2018-11-03 22:38:14 +08:00 via iPad

@Jzer0n Google 统计的问题，我可以在中文页面上把它禁用掉

zrp1994

2018-11-03 22:38:52 +08:00 via iPad

@defel 应该是返回顶部按钮的问题

Caratpine

2018-11-03 22:40:15 +08:00

赞很漂亮 👍

1002xin

2018-11-03 22:50:40 +08:00

不错，找机会换一下

bullettrain1433

2018-11-03 23:02:59 +08:00

试了下，几个问题，主题根目录没看到_config.yml ，主题加载好慢，可能引用的 js 之类的是不是要 fq 才行，我没细致看了，可能文档这块还是不够友好，lz 加油，还是挺好看的

whirly

2018-11-03 23:08:28 +08:00

好看

zrp1994

2018-11-03 23:26:32 +08:00

@bullettrain1433 _config.yml 是自动生成的，主题加载慢的话可以是一下中文的那个页面

spike774

2018-11-03 23:28:33 +08:00

Icarus 老用户，感谢

poplar50

2018-11-04 10:32:11 +08:00

访问 about 页面时出现：Cannot GET /about/
这个是什么原因？我刚用 hexo，在 hexo g 时也是只发现了生成了其他 menu bar 元素对应的 index.html，没有发现 about 对应的。

yingos

2018-11-04 10:52:47 +08:00 via iPhone

哇想换主题了

zrp1994

2018-11-04 11:10:01 +08:00

@poplar50 需要自己创建 about 页面。

zuoshoufantexi

2018-11-04 14:22:10 +08:00

如果是 WP 主题该多好……

RyougiShiki

2018-11-04 18:59:10 +08:00

当初看了几十款主题就选了 icarus

poplar50

2018-11-05 00:56:24 +08:00 via Android

我想问一下，为什么设计的时候要把 menu bar 上链接指向的东西都放到每个页面的两侧呢？

zrp1994

2018-11-05 03:06:55 +08:00 via iPhone

@poplar50 为了展示有这些功能，实际使用中可以选择性关闭

yzlnew

2018-11-05 11:11:45 +08:00

图片好像不是默认居中的？

yzlnew

2018-11-05 11:12:41 +08:00

另外我看到 Profile Sidebar Widget 这个 Post 是双栏的，主页是三栏的，这个是怎么做到的？

zrp1994

2018-11-05 11:22:43 +08:00

@yzlnew 请参考#35 楼回复

zrp1994

2018-11-05 11:25:36 +08:00

@yzlnew 图片不是默认居中的，如果需要的话，可以修改`style.styl`文件或者使用`<div class="has-text-centered"></div>` 包裹图片

yzlnew

2018-11-05 11:36:25 +08:00

@zrp1994 #73 明白了，在 Post 的 md 文件里覆盖了 widgets

xings

2018-11-05 12:26:44 +08:00

好看支持，可惜我没有用 Hexo，有 wordpress 版的吗？

zrp1994

2018-11-05 13:30:39 +08:00

@xings 目前没有

kakudesu

2018-11-05 15:17:11 +08:00

nice

poplar50

2018-11-05 18:09:04 +08:00 via Android

赶脚两栏模式的时候，正文占比还是不够大，感觉可以把侧边栏占比调小一些。最快速调节这两者比例应该怎么做？

zrp1994

2018-11-05 21:22:18 +08:00 via iPad

@poplar50 https://github.com/ppoffice/hexo-theme-icarus/blob/master/layout/layout.ejs#L8

im67

2018-11-06 09:31:24 +08:00

漂亮警告！

poplar50

2018-11-06 10:37:29 +08:00 via Android

再问下，对于有目录需求的博文，手机端自适应博文目录会跑到文章下面去。楼主有考虑过做一个可展开的悬浮目录吗？

zrp1994

2018-11-06 11:53:41 +08:00

@poplar50 已经在最新版本中解决 https://github.com/ppoffice/hexo-theme-icarus/issues/346

poplar50

2018-11-06 13:18:15 +08:00 via Android

@zrp1994 我看了下效果，感觉更合理的方式应该是目录按钮能跟随内容走动，现在的设计虽然在 menu bar 上有了目录按钮，但每次目录跳转还要回到最顶，也是麻烦的。

im67

2018-11-06 15:52:15 +08:00

@zrp1994 文章自动截取“ readmore ”在哪里配置？找了一圈文档，没有找到……

zrp1994

2018-11-06 21:28:14 +08:00

@im67 https://blog.zhangruipeng.me/hexo-theme-icarus/uncategorized/faq/

Molang

2018-11-07 17:04:55 +08:00

支持，曾经用过！

poplar50

2018-11-14 01:06:27 +08:00 via Android

最近在用，发现每次都是数据请求完了之后整个页面才会一起渲染呈现。。为什么不设计成分步加载呢？

zrp1994

2018-11-14 09:10:44 +08:00

@poplar50 最新版本已经改成异步的了

gclm

2018-11-15 10:32:24 +08:00 via Android

@Zzdex 大佬你用的魔改版地址可以发一下不，

Zzdex

2018-11-16 21:47:33 +08:00

@gclm #90 https://github.com/zthxxx/hexo-theme-icarus

readlnh

2019-10-26 17:44:41 +08:00

原来这个主题的作者是国人吗...