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

[xcatliu]

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

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

特点：

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

求战，求赞！

• 博客的 GitHub 地址
• 申请友情链接

再列几个特点：

- 简洁，连 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 的默认博客主题。

[hutusi]

支持黑暗模式不错~~

[misaka19000]

https://www.nosuchfield.com/

我的似乎要更简洁一些 hhh

[xcatliu]

@hutusi 黑暗模式拉风～

[misaka19000]

@xcatliu #3 友链好像被我删了[捂脸]

我刚刚给加回去了~

[xcatliu]

@misaka19000 不错不错，我做主题时也参考了大量 v2 其他帖子分享的主题

[misaka19000]

@xcatliu #5 其实我比较纠结的是找不到一个在多个平台上都能显示的比较好的字体，有没有什么推荐呀？

[37Y37]

这也太慢了，加载了半天都没加载完

[Showfom]

你的 mobi.css 为啥三年没更新了= =

[xcatliu]

@37Y37 页面是静态渲染好的。你是指白屏时间长还是 js 加载时间长？

[Cielsky]

@misaka19000 这个好啊，请问下是什么主题

[xiangyuecn]

看起来不到 1M 水管，再不简洁就打不开了😂

[misaka19000]

@Cielsky #10 /t/382053

[unicloud]

一直转转转。。。

[37Y37]

@xcatliu F12 看了下 32 个请求，874KB 资源，完成 1.4 分钟，还有 5 个报错

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

都是禁用缓存下测试的，有区别的应该就是网络了，看了下你的域名指向 185.199.111.153 ，应该是 Github Pages，确定网络拖累无疑了

[kaiki]

http://www.guimp.com/
这个更简洁

[xcatliu]

@Showfom 因为 mobi.css 3.0 迈的步子有点大，搞得越来越复杂了。后面应该会收回来😂

mobi.css 现在处于比较稳定的状态吧，后面有空会做个大版本回归简约。

[cue]

简洁又怎么样，打开速度慢啊

[xcatliu]

@unicloud 白屏时间应该不长吧，因为是 ReactDom.renderToString 渲染好的静态页面。转转转是在加载一些 js 来实现 spa 。所以没加载好时也是可以点击链接的。

后面我抽空部署到 cdn 上去，不过国外注册的域名只能是海外 cdn 了

[xcatliu]

@cue 懂了，不用 GitHub pages 了，我移到 cdn 去。

[relishgame]

那你试试 Google 的 google amp by worpress 用手机打开更简洁 https://www.dxqq.net/soft/19152.html

[huhexian]

我的也简洁 www.huhexian.com

[yafoo]

https://me.i-i.me/

感觉博客还是适合用 jquery 来写，比比速度？

[sunorg]

不看看 https://risea.net

[xcatliu]

@huhexian 不错不错

[xcatliu]

@yafoo 加载速度我 react 甘拜下风 🤣

[LingYuling0]

简~~ https://haruhi.net

[wenzichel]

感觉你首页的几个缩略图加载的有些慢，本来就是一个缩略图，可实际上加载的却不小；

我的博客也很简洁 https://www.xiabingbao.com

[maocat]

哈哈哈哈，我也来一个 https://maocatooo.cn

[keelii]

贴个博客整那么含蓄干啥，直接上链接： https://keelii.com

[program9527]

为啥要简洁，有大水管直接放很多图片它不香吗

https://zwc365.com

[xcatliu]

@program9527 求教大水管是啥？

[xiongsa18]

个人觉得弄个分页会舒服点，垂直滚动条一直下滚蛮难受的，或者左边悬浮固定。🐶

[xcatliu]

@wenzichel 嗯是，我这缩略图就是原图，因为没有分页，所以加载太多了。后续我加上分页应该会好点

[xcatliu]

@xiongsa18 懂了，这就去加个分页。

[xrr2016]

赞一个，有空也更新下我的主题去...

[Tink]

折腾不动了。。。一年写不了几篇

[8811]

http://www.cnsjj.com typecho 刚搭建了一个，顺便去看了 wp，zblog...

博客程序和模板的发展，是越来越复杂。露珠乃这混沌世界的一道清流，赞

[wsydxiangwang]

哇哈哈哈，论整洁！！

https://raindays.cn

开源了已经： https://github.com/wsydxiangwang/mood

[dusays]

你们的模板都好简洁啊，不简洁的可以放不？
我的是 dusays.com ，有没有大佬做友链！

[loadinger]

@maocat 白了.. 打包的 js 加载不到。湖南长沙电信 chrome

[zy445566]

流浪小猫？

[zarte]

？？打不开

[Amcrow]

想贴一下沈沉舟老师的 http://scz.617.cn:8/

[xcatliu]

@dusays 来这儿自助添加一个友链就行 https://github.com/xcatliu/blog/tree/master/src/links

[xcatliu]

@wsydxiangwang 好棒啊这个博客

[opengps]

我正在做的一个，比你的还简，但是没做到洁

[mangogeek]

流水帐不喜欢花里胡哨 https://mangogeek.com/

[hahaba]

你可能不太明白什么叫做“简洁”、什么叫做“简陋”，可以参考这个： https://monyuan.com

[Yuxiaoy]

@huhexian 这个是 wp 哪款主题？

[xcatliu]

@loadinger 稍后我放到 cdn 上去

[xcatliu]

@zy445566 谁在叫我？

[xcatliu]

@opengps 做好了发来看看！

[xcatliu]

@xunbug 感谢建议，我去参考下

[lizheming]

给楼主点赞~ 同博客<del>系统</del>爱好者，https://imnerd.org 已申请友链~

[aomine]

https://likr.cn/blog 😁

[Macv1994]

为什么我的有时候打开很快，有时候非常慢呀 http://2dogz.cn

[xcatliu]

@aomine 博客很赞

[type]

@xcatliu 楼主，你的 码字 md 域名都变成博彩网站了

[zhaoFinger]

https://www.zhaofinger.com/article 😬

[xcatliu]

@type 没想到域名不续费了还会有这个风险啊。。。

[xcatliu]

@type 之前由于可以在上面自由写文分享，有一些政策风险，所以我下线了。。。

[xcatliu]

@type 有没有举报博彩网站的途径？

[zy445566]

@xcatliu
应该大佬给别人的感觉是技术强人类似《道恩·强森》的感觉，一看昵称感觉到一丝反差而已

[guxingke]

https://www.guxingke.com/ 也是自己写的的生成器

[Wincer]

前段时间也自己写了一个主题： https://blog.itswincer.com

[yhxx]

感觉可以考虑换个字体？虽然会拖慢一些速度

[blessyou]

https://happysooner.com 我也很简洁.JPG

[xcatliu]

@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]

大佬 像你这样的高级前端都在做什么

[wudicgi]

现在是不是大多数 blog 都是列表页只显示几段，看完整的需要点进去？
我就一直偏好直接显示完整内容 http://blog.wudilabs.org/

[dusays]

@xcatliu 我这边已经做好贵站链接了，并且在 gh 上提交 pr 。

[type]

@xcatliu 呵呵，这个不熟啊

[c0py7hat]

请问图床或存储用的哪个

[Lemeng]

好多年没有写过博客了，青涩

[baiduyixia]

@misaka19000 丑和简洁不一样 hhh

[linvon]

我是觉得博客最主要就是一个归档页就可以了，再可以加上一个首页和一个个人介绍页，就够了。
至于搜索、标签、分类其他的种种，我觉得点进博客的用户基本是没有这种需求的

[xcatliu]

@type 找到地方举报了 http://www.cyberpolice.cn/ 我举报了我自己以前注册的两个域名

举报编号 jb202011120000510 查询码 364259

[xcatliu]

另一个举报编号 jb202011120000519 查询码 409743

[xcatliu]

@zy445566 哈哈，第一次被形容成巨石强森

[xcatliu]

@genal 加班写需求😂

[xcatliu]

@c0py7hat 目前是 github pages，后面会迁移到腾讯云 cdn

[THESDZ]

简洁归简洁,但是博客本身还是要阅读的,建议列表之间加个间隔线,或者外框之类的?

只是建议

[xcatliu]

@linvon 也是，所以我做的导航区也不显眼，也不会跟随滚动。手机版默认隐藏了导航区

[ericgui]

@keelii 老哥，能分享一下你的博客的源码嘛？真的很漂亮，非常喜欢

[h404bi]

@xcatliu #68
pagic 的字体预设看起来不太舒服，快用 system-ui

[stevenkang]

@yafoo 你这网站打开就和本地一样呀~~~

[jookie]

www.09ys.com

[gowk]

最近遇到最喜欢的博客之一，风格极简，内容也很棒
https://lutaonan.com/

[gowk]

想想还是附上觉得样式还不错的站点（放在收藏夹打算以后搭博客的时候参考）
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]

@xcatliu 没备案用不了国内的，不太想备案，好麻烦…… 有其他的推荐吗

[nightwitch]

https://www.blurredcode.com/
简洁

[watzds]

我的也简洁
http://biasee.com/

[TMaize]

还有更简洁的
https://blog.tmaize.net/

[Tangel]

我说楼主的昵称这么熟悉

原来是中文 Typescript 入门教程的大佬啊...

[shadeofgod]

https://zoubingwu.com/ 应该没有几个人比我还简洁了（逃

[qsnow6]

@yafoo #22 为何这么快，做了什么优化

[xcatliu]

@h404bi MacBook 上看着还可以呀，windows 上不好看么？

[pkwenda]

http://codefun007.xyz/ 谁比这个简洁？

[xcatliu]

@gowk #89 太感谢了，已收藏！

[xcatliu]

@c0py7hat 只要上国内 cdn 必须要备案，这个躲不掉的🤣