作为一名资深博客爱好者，我热衷于<del>写博客</del>折腾各种博客系统，写过不下十个主题，还写过两个博客系统。
这是我最新的博客主题 https://blog.xcatliu.com/
特点：
- 简洁，麻雀虽小，五脏俱全
- 适配手机（代码块优化、table 优化）
- 支持黑暗模式（夜间模式）切换
- 每行限定 42 个中文（最佳阅读体验）
- 支持（有限制的） spa
- 大量细节打磨
求战，求赞！
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 2182 days ago, the information mentioned may be changed or developed.
Supplement 1 · Nov 12, 2020
再列几个特点：
- 简洁，连 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 的默认博客主题。
- 简洁，连 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 的默认博客主题。
 |
1
支持黑暗模式不错~~
|
1 |
2
|
|
4
|
 |
5
@misaka19000 不错不错，我做主题时也参考了大量 v2 其他帖子分享的主题
|
|
6
@xcatliu #5 其实我比较纠结的是找不到一个在多个平台上都能显示的比较好的字体，有没有什么推荐呀？
|
 |
7
这也太慢了，加载了半天都没加载完
|
 |
8
你的 mobi.css 为啥三年没更新了= =
|
 |
10
@misaka19000 这个好啊，请问下是什么主题
|
 |
11
看起来不到 1M 水管，再不简洁就打不开了😂
|
|
12
|
 |
13
一直转转转。。。
|
|
14
@xcatliu F12 看了下 32 个请求，874KB 资源，完成 1.4 分钟，还有 5 个报错
顺便看了下我的博客( https://blog.ops-coffee.cn )，34 次请求，1.0MB 资源，完成 3.6 秒 都是禁用缓存下测试的，有区别的应该就是网络了，看了下你的域名指向 185.199.111.153 ，应该是 Github Pages，确定网络拖累无疑了 |
 |
15
|
|
16
|
 |
17
简洁又怎么样，打开速度慢啊
|
|
18
@unicloud 白屏时间应该不长吧，因为是 ReactDom.renderToString 渲染好的静态页面。转转转是在加载一些 js 来实现 spa 。所以没加载好时也是可以点击链接的。
后面我抽空部署到 cdn 上去，不过国外注册的域名只能是海外 cdn 了 |
 |
20
那你试试 Google 的 google amp by worpress 用手机打开更简洁 https://www.dxqq.net/soft/19152.html
|
 |
21
我的也简洁 www.huhexian.com
|
 |
22
|
 |
23
|
 |
26
|
 |
27
|
 |
28
哈哈哈哈，我也来一个 https://maocatooo.cn
|
 |
29
贴个博客整那么含蓄干啥，直接上链接： https://keelii.com
|
 |
30
|
|
31
@program9527 求教大水管是啥？
|
 |
32
个人觉得弄个分页会舒服点，垂直滚动条一直下滚蛮难受的，或者左边悬浮固定。🐶
|
 |
35
赞一个，有空也更新下我的主题去...
|
 |
36
折腾不动了。。。一年写不了几篇
|
 |
37
|
 |
38
|
 |
39
你们的模板都好简洁啊，不简洁的可以放不？
我的是 dusays.com ，有没有大佬做友链！ |
 |
41
流浪小猫？
|
 |
42
？？打不开
|
 |
43
想贴一下沈沉舟老师的 http://scz.617.cn:8/
|
|
44
@dusays 来这儿自助添加一个友链就行 https://github.com/xcatliu/blog/tree/master/src/links
|
|
45
@wsydxiangwang 好棒啊这个博客
|
 |
46
我正在做的一个，比你的还简，但是没做到洁
|
 |
47
流水帐不喜欢花里胡哨 https://mangogeek.com/
|
 |
48
你可能不太明白什么叫做“简洁”、什么叫做“简陋”，可以参考这个： https://monyuan.com
|
 |
54
给楼主点赞~ 同博客<del>系统</del>爱好者，https://imnerd.org 已申请友链~
|
 |
55
|
 |
56
为什么我的有时候打开很快，有时候非常慢呀 http://2dogz.cn
|
 |
59
|
 |
64
https://www.guxingke.com/ 也是自己写的的生成器
|
 |
65
前段时间也自己写了一个主题： https://blog.itswincer.com
|
 |
66
感觉可以考虑换个字体？虽然会拖慢一些速度
|
 |
67
https://happysooner.com 我也很简洁.JPG
|
|
68
@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 中文很难使用系统字体之外的字体吧，资源太大了 |
 |
69
大佬 像你这样的高级前端都在做什么
|
 |
70
现在是不是大多数 blog 都是列表页只显示几段，看完整的需要点进去？
我就一直偏好直接显示完整内容 http://blog.wudilabs.org/ |
 |
73
请问图床或存储用的哪个
|
 |
74
好多年没有写过博客了，青涩
|
 |
75
@misaka19000 丑和简洁不一样 hhh
|
 |
76
我是觉得博客最主要就是一个归档页就可以了，再可以加上一个首页和一个个人介绍页，就够了。
至于搜索、标签、分类其他的种种，我觉得点进博客的用户基本是没有这种需求的 |
|
77
|
|
78
另一个举报编号 jb202011120000519 查询码 409743
|
 |
82
简洁归简洁,但是博客本身还是要阅读的,建议列表之间加个间隔线,或者外框之类的?
只是建议 |
 |
stevenkangNov 12, 2020
86
@yafoo 你这网站打开就和本地一样呀~~~
|
 |
87
|
 |
88
最近遇到最喜欢的博客之一，风格极简，内容也很棒
https://lutaonan.com/ |
 |
nightwitchNov 12, 2020
91
|
 |
watzdsNov 12, 2020 via Android
92
我的也简洁
http://biasee.com/ |
 |
TMaizeNov 12, 2020 via Android
93
还有更简洁的
https://blog.tmaize.net/ |
 |
94
我说楼主的昵称这么熟悉
原来是中文 Typescript 入门教程的大佬啊... |
 |
shadeofgodNov 12, 2020
95
https://zoubingwu.com/ 应该没有几个人比我还简洁了（逃
|
 |
pkwendaNov 12, 2020
98
http://codefun007.xyz/ 谁比这个简洁？
|
Select Language