reuixiy
V2EX  ›  Hexo

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

  •  1
     
  •   reuixiy · Sep 1, 2018 · 8850 views
    This topic created in 2991 days ago, the information mentioned may be changed or developed.

    Selection_002.jpg

    Selection_003.jpg

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

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

    62 replies  •  2018-09-07 01:35:12 +08:00
    eluotao
    eluotao
    Sep 1, 2018
    1
    哈哈 字体不好看.
    xfcy
    xfcy
    Sep 1, 2018 via Android❤️3
    2
    我还以为 http 状态码 500😅😅
    rayhy
    rayhy
    Sep 1, 2018 via Android
    3
    很快!怎么优化的?
    还有 GA 的解决方案靠谱吗?竟然瘦身那么多。
    reuixiy
    reuixiy
    OP
    Sep 1, 2018
    4
    @eluotao 字体任性了下哈哈~ 显示的话,手机上没问题,高分屏下应该还行,Linux 下也还行,低分屏下的 Windows 估计变点阵 2333
    reuixiy
    reuixiy
    OP
    Sep 1, 2018
    5
    @xfcy 🌚
    maltoze
    maltoze
    Sep 1, 2018
    6
    chrome 还有打分功能?
    malusama
    malusama
    Sep 1, 2018
    7
    在哪看评分啊
    isCyan
    isCyan
    Sep 1, 2018
    8
    Windows 下中文字体,除了微软雅黑都别用
    BFDZ
    BFDZ
    Sep 1, 2018
    9
    github 的日本节点?
    JohnChiu
    JohnChiu
    Sep 1, 2018❤️3
    10
    @maltoze #6
    @malusama #7
    lighthouse 插件
    FEDT
    FEDT
    Sep 1, 2018 via iPhone
    11
    满分还是很厉害的,赞
    FEDT
    FEDT
    Sep 1, 2018 via iPhone
    12
    期待楼主就满分做个分享~
    reuixiy
    reuixiy
    OP
    Sep 1, 2018❤️1
    13
    @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
    reuixiy
    OP
    Sep 1, 2018
    14
    @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
    reuixiy
    OP
    Sep 1, 2018
    15
    @FEDT 哇,你博客好评
    ithou
    ithou
    Sep 1, 2018 via Android
    16
    很喜欢这个博客 已粉 收藏!
    edsion996
    edsion996
    Sep 1, 2018
    17
    学习了!马上抄!
    ihoey
    ihoey
    Sep 1, 2018 via Android
    18
    光这个分数看着就很厉害啊,收藏学习了,👍👍
    Ya
    Ya
    Sep 1, 2018
    19
    首页东西少,打开快,有啥问题吗?
    MonoLogueChi
    MonoLogueChi
    Sep 1, 2018 via Android
    20
    很赞,博客内容也很喜欢,等有时间我也要把我的博客好好搞一下,主题里好多问题都没修。
    zhzer
    zhzer
    Sep 1, 2018 via Android
    21
    还能打分?
    bequt
    bequt
    Sep 1, 2018
    22
    字体有点多,感觉可以直接用一种字体算了
    F1024
    F1024
    Sep 1, 2018
    23
    文章太窄了吧 屏幕 3 分之一
    ymj123
    ymj123
    Sep 1, 2018 via Android
    24
    提个 bug,点了 RSS 出现 xml 了
    reuixiy
    reuixiy
    OP
    Sep 1, 2018
    25
    @F1024 承认我又任性了~ 每行 28 个汉子,我特意找了几本纸质书数了数🌚,笔记本上还好吧(大佬屏幕几寸🌚
    myself
    myself
    Sep 1, 2018 via Android❤️1
    26
    有一个文章叫 未知之神,里面有一段

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

    是否可以解读为: 他们都成双成对,而我只有五指姑娘?
    YvesX
    YvesX
    Sep 1, 2018
    27
    时间有限,还没有来得及细读楼主博客的内容。不过我很喜欢楼主表现出来的神棍气息,提及的话题也是我感兴趣的,先行关注了。

    用文本来构建一个如此大的体系,可能还是困难了些。但愿意用常识常理和琢磨推敲一砖一瓦去构建自己的精神世界的人,都很了不起。
    lhx2008
    lhx2008
    Sep 1, 2018
    28
    luan.ma
    我的可以打几分,哈哈
    Wicked
    Wicked
    Sep 1, 2018 via iPhone
    29
    哲学博客,厉害👍
    这一波推广可以吸不少粉
    dremy
    dremy
    Sep 1, 2018 via iPhone
    30
    PWA 大赞,手机添加到主屏幕之后就成了个 APP,离线也能看,哈哈
    crab
    crab
    Sep 1, 2018
    31
    imququ.com 这博客也很快
    reuixiy
    reuixiy
    OP
    Sep 1, 2018
    32
    @myself 我擦,闹洞真大,[手动滑稽.webp]
    reuixiy
    reuixiy
    OP
    Sep 2, 2018
    33
    @YvesX thx,其实我这博客主要还是笔记用,不能让自己自认为的天赋浪费掉是吧哈哈。至于小目标,要是一不小心实现了小目标改变了下世界我会开心死的(逃
    reuixiy
    reuixiy
    OP
    Sep 2, 2018❤️1
    34
    @lhx2008 域名满分(
    reuixiy
    reuixiy
    OP
    Sep 2, 2018
    35
    @crab 屈神怎是我能比的,[抱紧自己.webp]
    HXM
    HXM
    Sep 2, 2018 via Android
    36
    又发现一个棒棒哒 hexo 博客,果断收藏!
    lutla
    lutla
    Sep 2, 2018
    37
    卧槽 有点快啊
    kazakiri
    kazakiri
    Sep 2, 2018 via Android
    38
    这也太快了吧
    Chaoyue97
    Chaoyue97
    Sep 2, 2018
    39
    棒棒的
    shiny
    shiny
    Sep 2, 2018
    40
    这个设计很特别!
    Wincer
    Wincer
    Sep 2, 2018 via Android
    41
    楼主“关于”页面是不是忘记更新了,还写的是 next 主题。另最近对哲学也很感兴趣,已收藏 😉
    wblm1997
    wblm1997
    Sep 2, 2018 via Android
    42
    手机上字体感觉很好看
    reuixiy
    reuixiy
    OP
    Sep 2, 2018
    43
    @Wincer 好耶,不过这就是 NexT,只不过被我乱改了一番(
    oeagut
    oeagut
    Sep 2, 2018 via iPhone
    44
    马克一波,正好有个腾讯云的主机在吃灰,学习学习
    Cyron
    Cyron
    Sep 2, 2018 via iPhone
    45
    字体好评
    Zzdex
    Zzdex
    Sep 2, 2018
    46
    哈哈,只有首页是 500 分
    soho176
    soho176
    Sep 2, 2018
    47
    首次打开太卡,然后就快了
    xuanxiao
    xuanxiao
    Sep 2, 2018 via iPad
    48
    首页挺快,文章索引打开很慢
    skwfar
    skwfar
    Sep 2, 2018
    49
    应该是简单优化了一下然后用了 InstantClick 才会这么快的吧
    unique
    unique
    Sep 2, 2018 via iPhone
    50
    哲学~真美妙,博客收藏了。
    huoru
    huoru
    Sep 2, 2018
    51
    https://yonghaowu.github.io/ 我的稍微慢了一点,有加载统计的脚本。
    rangranglynn
    rangranglynn
    Sep 2, 2018 via iPhone
    54
    viva la vida 哇
    我大酷玩的歌呀
    这是组织嘛哈哈哈哈哈哈哈啊哈
    zhuangqhc
    zhuangqhc
    Sep 2, 2018
    55
    文艺青年 赞赞赞
    hiyouli
    hiyouli
    Sep 2, 2018
    56
    哎呀。我的才 386 分。。。囧。
    reuixiy
    reuixiy
    OP
    Sep 2, 2018
    57
    @rangranglynn 对,我是真·酷玩粉φ(≧ω≦*)♪
    monkeyk
    monkeyk
    Sep 2, 2018
    58
    空空如也;
    ihuguowei
    ihuguowei
    Sep 3, 2018
    59
    文章内页并没有 500 分呀
    daweii
    daweii
    Sep 3, 2018 via iPhone
    60
    博客 about 页面关于首行缩进跟段间距的论述挺有意思的。楼主能推荐一些关于排版的书或者网页资源么。
    reuixiy
    reuixiy
    OP
    Sep 4, 2018❤️1
    61
    @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. 知乎还是哪,说衬线字读起来没非衬线字那么累,反正我被说服了……
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2644 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 127ms · UTC 05:09 · PVG 13:09 · LAX 21:09 · JFK 00:09
    ♥ Do have faith in what you're doing.