大佬萌~ 看看我博客首页的速度怎样~ Chrome 给了 500 分（逃

[reuixiy]

博客地址： https://yixiuer.me

非高大上的程序员，只是个什么都不会的小白（逃

[eluotao]

哈哈 字体不好看.

[xfcy]

我还以为 http 状态码 500😅😅

[rayhy]

很快！怎么优化的？
还有 GA 的解决方案靠谱吗？竟然瘦身那么多。

[reuixiy]

@eluotao 字体任性了下哈哈~ 显示的话，手机上没问题，高分屏下应该还行，Linux 下也还行，低分屏下的 Windows 估计变点阵 2333

[reuixiy]

@xfcy 🌚

[maltoze]

chrome 还有打分功能？

[malusama]

在哪看评分啊

[isCyan]

Windows 下中文字体，除了微软雅黑都别用

[BFDZ]

github 的日本节点？

[JohnChiu]

@maltoze #6
@malusama #7
lighthouse 插件

[FEDT]

满分还是很厉害的，赞

[FEDT]

期待楼主就满分做个分享～

[reuixiy]

@jinxiapu 首页的话，本来就小，这个没啥说。

博客的话：

1. 我用 [hexo-service-worker]( https://github.com/zoumiaojiang/hexo-service-worker) 启用 Service Worker，在首页那就异步预先缓存好了一些资源；
2. 加上 InstantClick 这个神器；
3. [hexo-filter-optimize]( https://github.com/theme-next/hexo-filter-optimize)；
4. gulp 的处理；
5. 我这博客本来就简洁，没有阅读统计、评论啥的第三方服务加载，仅有的 GA 还是简化后异步的。

GA 的解决方案，虽然才用不久，但感觉没啥问题，我直接用 Giuem 提供的服务，要是不放心也可以自己搭建。

[reuixiy]

@BFDZ 是部署在 GitHub 上的，直接用的 GitHub 提供的 IP[^1]，好像自带 CDN 吧[^2]。

[^1]: https://help.github.com/articles/setting-up-an-apex-domain/
[^2]: https://blog.github.com/2018-05-01-github-pages-custom-domains-https/

[reuixiy]

@FEDT 哇，你博客好评

[ithou]

很喜欢这个博客 已粉 收藏！

[edsion996]

学习了！马上抄！

[ihoey]

光这个分数看着就很厉害啊，收藏学习了，👍👍

[Ya]

首页东西少，打开快，有啥问题吗？

[MonoLogueChi]

很赞，博客内容也很喜欢，等有时间我也要把我的博客好好搞一下，主题里好多问题都没修。

[zhzer]

还能打分？

[bequt]

字体有点多，感觉可以直接用一种字体算了

[F1024]

文章太窄了吧 屏幕 3 分之一

[ymj123]

提个 bug，点了 RSS 出现 xml 了

[reuixiy]

@F1024 承认我又任性了~ 每行 28 个汉子，我特意找了几本纸质书数了数🌚，笔记本上还好吧（大佬屏幕几寸🌚

[myself]

有一个文章叫 未知之神,里面有一段

“数字二是他们的最爱
偶数的陪伴是他们所享受
数字五是我的挚爱！
我只沉迷奇数的孤独
和零的未知”

是否可以解读为: 他们都成双成对,而我只有五指姑娘?

[YvesX]

时间有限，还没有来得及细读楼主博客的内容。不过我很喜欢楼主表现出来的神棍气息，提及的话题也是我感兴趣的，先行关注了。

用文本来构建一个如此大的体系，可能还是困难了些。但愿意用常识常理和琢磨推敲一砖一瓦去构建自己的精神世界的人，都很了不起。

[lhx2008]

luan.ma
我的可以打几分，哈哈

[Wicked]

哲学博客，厉害👍
这一波推广可以吸不少粉

[dremy]

PWA 大赞，手机添加到主屏幕之后就成了个 APP，离线也能看，哈哈

[crab]

imququ.com 这博客也很快

[reuixiy]

@myself 我擦，闹洞真大，[手动滑稽.webp]

[reuixiy]

@YvesX thx，其实我这博客主要还是笔记用，不能让自己自认为的天赋浪费掉是吧哈哈。至于小目标，要是一不小心实现了小目标改变了下世界我会开心死的（逃

[reuixiy]

@lhx2008 域名满分（

[reuixiy]

@crab 屈神怎是我能比的，[抱紧自己.webp]

[HXM]

又发现一个棒棒哒 hexo 博客，果断收藏！

[lutla]

卧槽 有点快啊

[kazakiri]

这也太快了吧

[Chaoyue97]

棒棒的

[shiny]

这个设计很特别！

[Wincer]

楼主“关于”页面是不是忘记更新了，还写的是 next 主题。另最近对哲学也很感兴趣，已收藏 😉

[wblm1997]

手机上字体感觉很好看

[reuixiy]

@Wincer 好耶，不过这就是 NexT，只不过被我乱改了一番（

[oeagut]

马克一波，正好有个腾讯云的主机在吃灰，学习学习

[Cyron]

字体好评

[Zzdex]

哈哈，只有首页是 500 分

[soho176]

首次打开太卡，然后就快了

[xuanxiao]

首页挺快，文章索引打开很慢

[skwfar]

应该是简单优化了一下然后用了 InstantClick 才会这么快的吧

[unique]

哲学～真美妙，博客收藏了。

[ChristopherWu]

https://yonghaowu.github.io/ 我的稍微慢了一点，有加载统计的脚本。

[lrz0lrz]

@reuixiy #25 看起来太窄了
https://ww3.sinaimg.cn/large/005YhI8igy1fuv67gja3dj31hc0r5n1w

[Quarter]

@ChristopherWu #51 https://i.loli.net/2018/09/02/5b8b85a5b1421.png

[rangranglynn]

viva la vida 哇
我大酷玩的歌呀
这是组织嘛哈哈哈哈哈哈哈啊哈

[zhuangqhc]

文艺青年 赞赞赞

[hiyouli]

哎呀。我的才 386 分。。。囧。

[reuixiy]

@rangranglynn 对，我是真·酷玩粉φ(≧ω≦*)♪

[monkeyk]

空空如也；

[ihuguowei]

文章内页并没有 500 分呀

[daweii]

博客 about 页面关于首行缩进跟段间距的论述挺有意思的。楼主能推荐一些关于排版的书或者网页资源么。

[reuixiy]

@daweii 哈哈，自己的理解哈，也是自己最近的思考。

首先，为什么要分段？这好像是小学老师就教过的哈哈，我就不重复了（逃），自行回忆。会写博客的应该有所体会，我个人觉得应该有以下几点需要分段：

1. 不直接相关；
2. 是并列关系；
3. 有一定转折。

如你想强调一个词时，就用粗体来体现，行文上有这些表达需求，排版上也要将这些表达体现，方法就是分隔，也就是打破原有的一字连一字。另外一个视角，读者视角，想象下无段间距也无首行缩进的繁密恐惧，分隔后阅读不累。

分隔的原因已知晓，接下来分隔的两种模式：段间距和首行缩进，各自特点：

1. 段间距排版，段间距大于行间距，间隔较大，结构简明；
2. 首行缩进式，段间距等于行间距，上下相连，繁密易懵。

所以呢，下面是我的个人建议。

如果是文档、技术文章、新闻、网络小说等等，要的只是将信息迅速传达给读者，果断段间距排版，简明。

如果是逻辑严密、上下文紧密联系的文章，建议首行缩进。怎么说，想想代码的缩进，20 行无空行的一段代码，试试每行之间加上一空行或一 Tab 键 16 空格，阅读效果怎样？（省略一大堆尼玛）

如果是文学类（诗例外），建议首行缩进。怎么说，我一句话评论吧，段间距不如首行缩进优雅。其实挺好理解吧，可以想象两个场景：

场景一：

-----------------------------
嗯，嗯，嗯——

尼玛！？

嗯，嗯，嗯……
-----------------------------

场景二：

-----------------------------
嗯，嗯，嗯——
嗯？嗯？嗯……
-----------------------------

最后，想对用了段间距还硬用首行缩进的网站说：你个傻逼玩意！

以上皆为我的个人拙见。（貌似又可以水一篇博文了 2333 …）

另一个常见的排版问题就是字体究竟是 serif 还是 sans-serif ？

emmm …书没看过，倒是浏览过一些很棒的网页：

1. https://wanderer.tw/簡單做好中文排版 /
2. https://hanzi.pro/manual/zhangjie_de_bianpai
3. https://yihui.name/

1. https://www.voyax.me/posts/59710/
2. https://blog.coding.net/blog/Web-Fonts

1. https://www.zhihu.com/question/27391851
2. https://practicaltypography.com/
3. https://thetype.com/

还有两个来源请求：

1. 是一个博客，说法好像是网页上首行缩进有必要没？
2. 知乎还是哪，说衬线字读起来没非衬线字那么累，反正我被说服了……

[reuixiy]

写了篇文章： https://reuixiy.github.io/technology/computer/computer-aided-art/2018/09/05/web-typography-margin-bottom-or-text-indent.html