V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xcatliu
V2EX  ›  程序员

听说你们的博客主题比我这个还简洁?

  •  
  •   xcatliu ·
    xcatliu · 2020-11-11 21:44:15 +08:00 · 16295 次点击
    这是一个创建于 1233 天前的主题,其中的信息可能已经有所发展或是发生改变。

    作为一名资深博客爱好者,我热衷于<del>写博客</del>折腾各种博客系统,写过不下十个主题,还写过两个博客系统。

    这是我最新的博客主题 https://blog.xcatliu.com/

    特点:

    • 简洁,麻雀虽小,五脏俱全
    • 适配手机(代码块优化、table 优化)
    • 支持黑暗模式(夜间模式)切换
    • 每行限定 42 个中文(最佳阅读体验)
    • 支持(有限制的) spa
    • 大量细节打磨

    求战,求赞!

    第 1 条附言  ·  2020-11-12 09:12:17 +08:00
    再列几个特点:

    - 简洁,连 border 都没有!
    - 首屏是 ReactDOM.renderToString 预渲染好的静态页面,保证首屏加载速度,后面会再加载 js 生成 react 单页应用(也支持生成不带 js 的纯静态页面)
    - 使用最新的浏览器特性,es 6 语法、es modules 、css variables 等
    - 支持 tsx 文件写可交互的页面(*)
    - 自动获取 md 文件的摘要、头图(*)
    - 自动获取文件的 git 信息的首个提交人作为作者(*)
    - 自动获取文件的 git 信息的首个提交日期和最近修改日期(*)

    标 * 的表示该特性由 [Pagic]( https://github.com/xcatliu/pagic) 提供。

    Pagic 是一个 Deno + React 驱动的静态网站生成器,这个主题也会成为 Pagic 的默认博客主题。
    207 条回复    2021-01-17 21:27:34 +08:00
    1  2  3  
    hutusi
        1
    hutusi  
       2020-11-11 22:01:24 +08:00   ❤️ 1
    支持黑暗模式不错~~
    misaka19000
        2
    misaka19000  
       2020-11-11 22:09:45 +08:00   ❤️ 1
    https://www.nosuchfield.com/

    我的似乎要更简洁一些 hhh
    xcatliu
        3
    xcatliu  
    OP
       2020-11-11 22:10:24 +08:00 via iPhone
    @hutusi 黑暗模式拉风~
    misaka19000
        4
    misaka19000  
       2020-11-11 22:15:00 +08:00   ❤️ 1
    @xcatliu #3 友链好像被我删了[捂脸]

    我刚刚给加回去了~
    xcatliu
        5
    xcatliu  
    OP
       2020-11-11 22:15:25 +08:00 via iPhone
    @misaka19000 不错不错,我做主题时也参考了大量 v2 其他帖子分享的主题
    misaka19000
        6
    misaka19000  
       2020-11-11 22:18:37 +08:00   ❤️ 1
    @xcatliu #5 其实我比较纠结的是找不到一个在多个平台上都能显示的比较好的字体,有没有什么推荐呀?
    37Y37
        7
    37Y37  
       2020-11-11 22:21:03 +08:00   ❤️ 1
    这也太慢了,加载了半天都没加载完
    Showfom
        8
    Showfom  
       2020-11-11 22:21:41 +08:00   ❤️ 2
    你的 mobi.css 为啥三年没更新了= =
    xcatliu
        9
    xcatliu  
    OP
       2020-11-11 22:22:56 +08:00 via iPhone
    @37Y37 页面是静态渲染好的。你是指白屏时间长还是 js 加载时间长?
    Cielsky
        10
    Cielsky  
       2020-11-11 22:25:28 +08:00 via Android   ❤️ 1
    @misaka19000 这个好啊,请问下是什么主题
    xiangyuecn
        11
    xiangyuecn  
       2020-11-11 22:25:42 +08:00   ❤️ 1
    看起来不到 1M 水管,再不简洁就打不开了😂
    misaka19000
        12
    misaka19000  
       2020-11-11 22:27:55 +08:00   ❤️ 2
    unicloud
        13
    unicloud  
       2020-11-11 22:29:49 +08:00   ❤️ 1
    一直转转转。。。
    37Y37
        14
    37Y37  
       2020-11-11 22:31:46 +08:00   ❤️ 1
    @xcatliu F12 看了下 32 个请求,874KB 资源,完成 1.4 分钟,还有 5 个报错

    顺便看了下我的博客( https://blog.ops-coffee.cn ),34 次请求,1.0MB 资源,完成 3.6 秒

    都是禁用缓存下测试的,有区别的应该就是网络了,看了下你的域名指向 185.199.111.153 ,应该是 Github Pages,确定网络拖累无疑了
    kaiki
        15
    kaiki  
       2020-11-11 22:31:59 +08:00   ❤️ 1
    http://www.guimp.com/
    这个更简洁
    xcatliu
        16
    xcatliu  
    OP
       2020-11-11 22:32:16 +08:00 via iPhone
    @Showfom 因为 mobi.css 3.0 迈的步子有点大,搞得越来越复杂了。后面应该会收回来😂

    mobi.css 现在处于比较稳定的状态吧,后面有空会做个大版本回归简约。
    cue
        17
    cue  
       2020-11-11 22:34:46 +08:00   ❤️ 1
    简洁又怎么样,打开速度慢啊
    xcatliu
        18
    xcatliu  
    OP
       2020-11-11 22:35:59 +08:00 via iPhone
    @unicloud 白屏时间应该不长吧,因为是 ReactDom.renderToString 渲染好的静态页面。转转转是在加载一些 js 来实现 spa 。所以没加载好时也是可以点击链接的。

    后面我抽空部署到 cdn 上去,不过国外注册的域名只能是海外 cdn 了
    xcatliu
        19
    xcatliu  
    OP
       2020-11-11 22:37:27 +08:00 via iPhone
    @cue 懂了,不用 GitHub pages 了,我移到 cdn 去。
    relishgame
        20
    relishgame  
       2020-11-11 22:52:41 +08:00   ❤️ 1
    那你试试 Google 的 google amp by worpress 用手机打开更简洁 https://www.dxqq.net/soft/19152.html
    huhexian
        21
    huhexian  
       2020-11-11 22:56:27 +08:00   ❤️ 1
    我的也简洁 www.huhexian.com
    yafoo
        22
    yafoo  
       2020-11-11 22:59:38 +08:00 via Android   ❤️ 1
    https://me.i-i.me/

    感觉博客还是适合用 jquery 来写,比比速度?
    sunorg
        23
    sunorg  
       2020-11-11 23:03:28 +08:00   ❤️ 1
    xcatliu
        24
    xcatliu  
    OP
       2020-11-11 23:05:23 +08:00 via iPhone
    @huhexian 不错不错
    xcatliu
        25
    xcatliu  
    OP
       2020-11-11 23:08:20 +08:00 via iPhone
    @yafoo 加载速度我 react 甘拜下风 🤣
    LingYuling0
        26
    LingYuling0  
       2020-11-11 23:38:36 +08:00   ❤️ 1
    wenzichel
        27
    wenzichel  
       2020-11-12 00:02:16 +08:00   ❤️ 1
    感觉你首页的几个缩略图加载的有些慢,本来就是一个缩略图,可实际上加载的却不小;

    我的博客也很简洁 https://www.xiabingbao.com
    maocat
        28
    maocat  
       2020-11-12 00:17:34 +08:00 via Android   ❤️ 1
    哈哈哈哈,我也来一个 https://maocatooo.cn
    keelii
        29
    keelii  
       2020-11-12 08:01:17 +08:00   ❤️ 2
    贴个博客整那么含蓄干啥,直接上链接: https://keelii.com
    program9527
        30
    program9527  
       2020-11-12 08:19:15 +08:00 via Android   ❤️ 1
    为啥要简洁,有大水管直接放很多图片它不香吗

    https://zwc365.com
    xcatliu
        31
    xcatliu  
    OP
       2020-11-12 08:29:58 +08:00 via iPhone
    @program9527 求教大水管是啥?
    xiongsa18
        32
    xiongsa18  
       2020-11-12 08:35:17 +08:00   ❤️ 1
    个人觉得弄个分页会舒服点,垂直滚动条一直下滚蛮难受的,或者左边悬浮固定。🐶
    xcatliu
        33
    xcatliu  
    OP
       2020-11-12 08:53:47 +08:00 via iPhone
    @wenzichel 嗯是,我这缩略图就是原图,因为没有分页,所以加载太多了。后续我加上分页应该会好点
    xcatliu
        34
    xcatliu  
    OP
       2020-11-12 08:54:59 +08:00 via iPhone
    @xiongsa18 懂了,这就去加个分页。
    xrr2016
        35
    xrr2016  
       2020-11-12 09:02:25 +08:00   ❤️ 1
    赞一个,有空也更新下我的主题去...
    Tink
        36
    Tink  
       2020-11-12 09:04:14 +08:00 via Android   ❤️ 1
    折腾不动了。。。一年写不了几篇
    8811
        37
    8811  
       2020-11-12 09:12:59 +08:00   ❤️ 1
    http://www.cnsjj.com typecho 刚搭建了一个,顺便去看了 wp,zblog...

    博客程序和模板的发展,是越来越复杂。露珠乃这混沌世界的一道清流,赞
    wsydxiangwang
        38
    wsydxiangwang  
       2020-11-12 09:17:11 +08:00   ❤️ 2
    哇哈哈哈,论整洁!!

    https://raindays.cn

    开源了已经: https://github.com/wsydxiangwang/mood
    dusays
        39
    dusays  
       2020-11-12 09:19:11 +08:00 via Android   ❤️ 1
    你们的模板都好简洁啊,不简洁的可以放不?
    我的是 dusays.com ,有没有大佬做友链!
    loadinger
        40
    loadinger  
       2020-11-12 09:19:34 +08:00   ❤️ 1
    @maocat 白了.. 打包的 js 加载不到。湖南长沙电信 chrome
    zy445566
        41
    zy445566  
       2020-11-12 09:21:59 +08:00   ❤️ 1
    流浪小猫?
    zarte
        42
    zarte  
       2020-11-12 09:22:16 +08:00   ❤️ 1
    ??打不开
    yongxa
        43
    yongxa  
       2020-11-12 09:27:27 +08:00 via iPhone   ❤️ 1
    想贴一下沈沉舟老师的 http://scz.617.cn:8/
    xcatliu
        44
    xcatliu  
    OP
       2020-11-12 09:28:12 +08:00 via iPhone
    @dusays 来这儿自助添加一个友链就行 https://github.com/xcatliu/blog/tree/master/src/links
    xcatliu
        45
    xcatliu  
    OP
       2020-11-12 09:29:18 +08:00 via iPhone
    @wsydxiangwang 好棒啊这个博客
    opengps
        46
    opengps  
       2020-11-12 09:29:25 +08:00   ❤️ 1
    我正在做的一个,比你的还简,但是没做到洁
    mangogeek
        47
    mangogeek  
       2020-11-12 09:29:50 +08:00   ❤️ 1
    流水帐不喜欢花里胡哨 https://mangogeek.com/
    xunbug
        48
    xunbug  
       2020-11-12 09:30:48 +08:00   ❤️ 1
    你可能不太明白什么叫做“简洁”、什么叫做“简陋”,可以参考这个: https://monyuan.com
    Yuxiaoy
        49
    Yuxiaoy  
       2020-11-12 09:31:52 +08:00 via Android   ❤️ 1
    @huhexian 这个是 wp 哪款主题?
    xcatliu
        50
    xcatliu  
    OP
       2020-11-12 09:32:04 +08:00 via iPhone
    @loadinger 稍后我放到 cdn 上去
    xcatliu
        51
    xcatliu  
    OP
       2020-11-12 09:32:54 +08:00 via iPhone
    @zy445566 谁在叫我?
    xcatliu
        52
    xcatliu  
    OP
       2020-11-12 09:33:41 +08:00 via iPhone
    @opengps 做好了发来看看!
    xcatliu
        53
    xcatliu  
    OP
       2020-11-12 09:34:15 +08:00 via iPhone
    @xunbug 感谢建议,我去参考下
    lizheming
        54
    lizheming  
       2020-11-12 09:43:59 +08:00   ❤️ 1
    给楼主点赞~ 同博客<del>系统</del>爱好者,https://imnerd.org 已申请友链~
    aomine
        55
    aomine  
       2020-11-12 09:47:12 +08:00   ❤️ 1
    Macv1994
        56
    Macv1994  
       2020-11-12 09:54:04 +08:00   ❤️ 1
    为什么我的有时候打开很快,有时候非常慢呀 http://2dogz.cn
    xcatliu
        57
    xcatliu  
    OP
       2020-11-12 09:57:37 +08:00
    @aomine 博客很赞
    type
        58
    type  
       2020-11-12 09:57:42 +08:00   ❤️ 1
    @xcatliu 楼主,你的 码字 md 域名都变成博彩网站了
    zhaoFinger
        59
    zhaoFinger  
       2020-11-12 10:02:02 +08:00   ❤️ 1
    xcatliu
        60
    xcatliu  
    OP
       2020-11-12 10:03:25 +08:00
    @type 没想到域名不续费了还会有这个风险啊。。。
    xcatliu
        61
    xcatliu  
    OP
       2020-11-12 10:04:38 +08:00
    @type 之前由于可以在上面自由写文分享,有一些政策风险,所以我下线了。。。
    xcatliu
        62
    xcatliu  
    OP
       2020-11-12 10:09:18 +08:00
    @type 有没有举报博彩网站的途径?
    zy445566
        63
    zy445566  
       2020-11-12 10:11:43 +08:00   ❤️ 1
    @xcatliu
    应该大佬给别人的感觉是技术强人类似《道恩·强森》的感觉,一看昵称感觉到一丝反差而已
    guxingke
        64
    guxingke  
       2020-11-12 10:14:27 +08:00   ❤️ 1
    https://www.guxingke.com/ 也是自己写的的生成器
    Wincer
        65
    Wincer  
       2020-11-12 10:15:12 +08:00   ❤️ 1
    前段时间也自己写了一个主题: https://blog.itswincer.com
    yhxx
        66
    yhxx  
       2020-11-12 10:20:52 +08:00   ❤️ 1
    感觉可以考虑换个字体?虽然会拖慢一些速度
    blessyou
        67
    blessyou  
       2020-11-12 10:37:38 +08:00   ❤️ 1
    https://happysooner.com 我也很简洁.JPG
    xcatliu
        68
    xcatliu  
    OP
       2020-11-12 10:38:33 +08:00   ❤️ 1
    @misaka19000 以前做 mobi.css 时参考其他网站整理出的 font-family https://github.com/mobi-css/mobi.css/blob/master/packages/mobi-theme-base/src/index.css#L56

    也可以参考一下我这个博客里面的,基本上是一样的 https://github.com/xcatliu/pagic/blob/master/src/themes/blog/assets/variables.css#L36

    中文很难使用系统字体之外的字体吧,资源太大了
    genal
        69
    genal  
       2020-11-12 10:44:36 +08:00   ❤️ 1
    大佬 像你这样的高级前端都在做什么
    wudicgi
        70
    wudicgi  
       2020-11-12 10:45:35 +08:00   ❤️ 1
    现在是不是大多数 blog 都是列表页只显示几段,看完整的需要点进去?
    我就一直偏好直接显示完整内容 http://blog.wudilabs.org/
    dusays
        71
    dusays  
       2020-11-12 10:46:45 +08:00   ❤️ 1
    @xcatliu 我这边已经做好贵站链接了,并且在 gh 上提交 pr 。
    type
        72
    type  
       2020-11-12 11:00:06 +08:00   ❤️ 1
    @xcatliu 呵呵,这个不熟啊
    c0py7hat
        73
    c0py7hat  
       2020-11-12 11:05:52 +08:00 via iPhone   ❤️ 1
    请问图床或存储用的哪个
    Lemeng
        74
    Lemeng  
       2020-11-12 11:06:25 +08:00   ❤️ 1
    好多年没有写过博客了,青涩
    baiduyixia
        75
    baiduyixia  
       2020-11-12 11:09:43 +08:00   ❤️ 1
    @misaka19000 丑和简洁不一样 hhh
    linvon
        76
    linvon  
       2020-11-12 11:14:24 +08:00   ❤️ 1
    我是觉得博客最主要就是一个归档页就可以了,再可以加上一个首页和一个个人介绍页,就够了。
    至于搜索、标签、分类其他的种种,我觉得点进博客的用户基本是没有这种需求的
    xcatliu
        77
    xcatliu  
    OP
       2020-11-12 11:15:21 +08:00   ❤️ 1
    @type 找到地方举报了 http://www.cyberpolice.cn/ 我举报了我自己以前注册的两个域名

    举报编号 jb202011120000510 查询码 364259
    xcatliu
        78
    xcatliu  
    OP
       2020-11-12 11:15:41 +08:00
    另一个举报编号 jb202011120000519 查询码 409743
    xcatliu
        79
    xcatliu  
    OP
       2020-11-12 11:17:43 +08:00
    @zy445566 哈哈,第一次被形容成巨石强森
    xcatliu
        80
    xcatliu  
    OP
       2020-11-12 11:18:18 +08:00
    @genal 加班写需求😂
    xcatliu
        81
    xcatliu  
    OP
       2020-11-12 11:19:03 +08:00
    @c0py7hat 目前是 github pages,后面会迁移到腾讯云 cdn
    THESDZ
        82
    THESDZ  
       2020-11-12 11:19:22 +08:00   ❤️ 1
    简洁归简洁,但是博客本身还是要阅读的,建议列表之间加个间隔线,或者外框之类的?

    只是建议
    xcatliu
        83
    xcatliu  
    OP
       2020-11-12 11:21:23 +08:00
    @linvon 也是,所以我做的导航区也不显眼,也不会跟随滚动。手机版默认隐藏了导航区
    ericgui
        84
    ericgui  
       2020-11-12 11:30:31 +08:00
    @keelii 老哥,能分享一下你的博客的源码嘛?真的很漂亮,非常喜欢
    h404bi
        85
    h404bi  
       2020-11-12 11:35:34 +08:00   ❤️ 1
    @xcatliu #68
    pagic 的字体预设看起来不太舒服,快用 system-ui
    stevenkang
        86
    stevenkang  
       2020-11-12 11:39:54 +08:00
    @yafoo 你这网站打开就和本地一样呀~~~
    jookie
        87
    jookie  
       2020-11-12 11:41:59 +08:00 via Android   ❤️ 1
    gowk
        88
    gowk  
       2020-11-12 11:58:34 +08:00   ❤️ 1
    最近遇到最喜欢的博客之一,风格极简,内容也很棒
    https://lutaonan.com/
    gowk
        89
    gowk  
       2020-11-12 12:00:32 +08:00   ❤️ 2
    想想还是附上觉得样式还不错的站点(放在收藏夹打算以后搭博客的时候参考)
    AddyOsmani.com: https://addyosmani.com
    About: http://dougblack.io/about.html
    GitHut - Programming Languages and GitHub: http://githut.info
    C++ and Thoughts On Java, Go, and Rust: https://eklitzke.org/c++-java-go-and-rust
    演示用的博客: http://wuhaoworld.github.io
    cqcn1991/resume: https://github.com/cqcn1991/resume
    不喜社交 | 北河以北: http://songchunlin.net/social
    NetHack 4 blog: all posts: http://nethack4.org/blog
    Peter Norvig: http://norvig.com
    Benjamin Winterberg: http://winterbe.com
    About · Paul Smith: https://pauladamsmith.com/about.html
    Ordered List: http://orderedlist.com
    Cyeam: http://blog.cyeam.com
    Snow Memory: http://andrewliu.in
    Alex Edwards: http://www.alexedwards.net
    Kenneth Reitz: http://www.kennethreitz.org
    zry656565/heaven-blog: 博客《咀嚼之味》: https://github.com/zry656565/heaven-blog
    如何实现一个 CMD 模块加载器 | 安·记: http://annn.me/how-to-realize-cmd-loader
    Who Am I · ycwalker&#39;s blog: http://www.ycwalker.com/2015/08/24/about
    一叶斋: https://xieguanglei.github.io
    中文文案排版指北(简体中文版) — 码志: http://mazhuang.org/wiki/chinese-copywriting-guidelines
    About: http://smallsoho.com/about
    代码与代码之外: https://6xiao.github.io/about.html
    [gophper]给网站加把小绿锁 - Gophper&#39;s Blog: https://gophper.com/2016/12/10/gophper-https.html
    Square roots and fixed points: https://briangordon.github.io/2014/06/sqrts-and-fixed-points.html
    Shadowsocks 源码分析——协议与结构: https://loggerhead.me/posts/shadowsocks-yuan-ma-fen-xi-xie-yi-yu-jie-gou.html
    Keith Rarick: https://xph.us
    海岛风情 - 泰国普吉岛六日游 - isaced: http://www.isaced.com/post-269.html
    Archives | zqhxuyuan: http://zqhxuyuan.github.io/archives
    关于 | IT 范儿: http://www.itfanr.cc/about
    关于 - 御坂研究所: https://www.nosuchfield.com/about
    Krzysztof Kowalczyk: https://blog.kowalczyk.info
    c0py7hat
        90
    c0py7hat  
       2020-11-12 12:14:29 +08:00 via iPhone   ❤️ 1
    @xcatliu 没备案用不了国内的,不太想备案,好麻烦…… 有其他的推荐吗
    nightwitch
        91
    nightwitch  
       2020-11-12 12:18:49 +08:00
    watzds
        92
    watzds  
       2020-11-12 12:23:05 +08:00 via Android
    我的也简洁
    http://biasee.com/
    TMaize
        93
    TMaize  
       2020-11-12 12:25:13 +08:00 via Android
    还有更简洁的
    https://blog.tmaize.net/
    Tangel
        94
    Tangel  
       2020-11-12 12:35:03 +08:00   ❤️ 1
    我说楼主的昵称这么熟悉

    原来是中文 Typescript 入门教程的大佬啊...
    shadeofgod
        95
    shadeofgod  
       2020-11-12 12:56:44 +08:00
    https://zoubingwu.com/ 应该没有几个人比我还简洁了(逃
    qsnow6
        96
    qsnow6  
       2020-11-12 13:28:54 +08:00
    @yafoo #22 为何这么快,做了什么优化
    xcatliu
        97
    xcatliu  
    OP
       2020-11-12 13:39:02 +08:00
    @h404bi MacBook 上看着还可以呀,windows 上不好看么?
    pkwenda
        98
    pkwenda  
       2020-11-12 13:39:03 +08:00
    http://codefun007.xyz/ 谁比这个简洁?
    xcatliu
        99
    xcatliu  
    OP
       2020-11-12 13:40:08 +08:00
    @gowk #89 太感谢了,已收藏!
    xcatliu
        100
    xcatliu  
    OP
       2020-11-12 13:41:04 +08:00
    @c0py7hat 只要上国内 cdn 必须要备案,这个躲不掉的🤣
    1  2  3  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   979 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 20:12 · PVG 04:12 · LAX 13:12 · JFK 16:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.