这是一个创建于 1471 天前的主题，其中的信息可能已经有所发展或是发生改变。
作为一名资深博客爱好者，我热衷于<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 的默认博客主题。
- 简洁，连 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
hutusi 2020-11-11 22:01:24 +08:00  1
支持黑暗模式不错~~
|
 |
2
misaka19000 2020-11-11 22:09:45 +08:00 1
|
|
4
misaka19000 2020-11-11 22:15:00 +08:00 1
|
 |
5
xcatliu OP @misaka19000 不错不错，我做主题时也参考了大量 v2 其他帖子分享的主题
|
|
6
misaka19000 2020-11-11 22:18:37 +08:00 1
@xcatliu #5 其实我比较纠结的是找不到一个在多个平台上都能显示的比较好的字体，有没有什么推荐呀？
|
 |
7
37Y37 2020-11-11 22:21:03 +08:00 1
这也太慢了，加载了半天都没加载完
|
 |
8
Showfom 2020-11-11 22:21:41 +08:00 2
你的 mobi.css 为啥三年没更新了= =
|
 |
10
Cielsky 2020-11-11 22:25:28 +08:00 via Android 1
@misaka19000 这个好啊，请问下是什么主题
|
 |
11
xiangyuecn 2020-11-11 22:25:42 +08:00 1
看起来不到 1M 水管，再不简洁就打不开了😂
|
|
12
misaka19000 2020-11-11 22:27:55 +08:00 2
|
 |
13
unicloud 2020-11-11 22:29:49 +08:00 1
一直转转转。。。
|
|
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，确定网络拖累无疑了 |
 |
15
kaiki 2020-11-11 22:31:59 +08:00 1
|
|
16
xcatliu OP |
 |
17
cue 2020-11-11 22:34:46 +08:00 1
简洁又怎么样，打开速度慢啊
|
|
18
xcatliu OP @unicloud 白屏时间应该不长吧，因为是 ReactDom.renderToString 渲染好的静态页面。转转转是在加载一些 js 来实现 spa 。所以没加载好时也是可以点击链接的。
后面我抽空部署到 cdn 上去，不过国外注册的域名只能是海外 cdn 了 |
 |
20
relishgame 2020-11-11 22:52:41 +08:00 1
那你试试 Google 的 google amp by worpress 用手机打开更简洁 https://www.dxqq.net/soft/19152.html
|
 |
21
huhexian 2020-11-11 22:56:27 +08:00 1
我的也简洁 www.huhexian.com
|
 |
22
yafoo 2020-11-11 22:59:38 +08:00 via Android 1
|
 |
23
sunorg 2020-11-11 23:03:28 +08:00 1
|
 |
26
LingYuling0 2020-11-11 23:38:36 +08:00 1
|
 |
27
wenzichel 2020-11-12 00:02:16 +08:00 1
|
 |
28
maocat 2020-11-12 00:17:34 +08:00 via Android 1
哈哈哈哈，我也来一个 https://maocatooo.cn
|
 |
29
keelii 2020-11-12 08:01:17 +08:00 2
贴个博客整那么含蓄干啥，直接上链接： https://keelii.com
|
 |
30
program9527 2020-11-12 08:19:15 +08:00 via Android 1
|
|
31
xcatliu OP @program9527 求教大水管是啥？
|
 |
32
xiongsa18 2020-11-12 08:35:17 +08:00 1
个人觉得弄个分页会舒服点，垂直滚动条一直下滚蛮难受的，或者左边悬浮固定。🐶
|
|
33
xcatliu OP @wenzichel 嗯是，我这缩略图就是原图，因为没有分页，所以加载太多了。后续我加上分页应该会好点
|
 |
35
xrr2016 2020-11-12 09:02:25 +08:00 1
赞一个，有空也更新下我的主题去...
|
 |
36
Tink 2020-11-12 09:04:14 +08:00 via Android 1
折腾不动了。。。一年写不了几篇
|
 |
37
8811 2020-11-12 09:12:59 +08:00 1
|
 |
38
wsydxiangwang 2020-11-12 09:17:11 +08:00 2
|
 |
39
dusays 2020-11-12 09:19:11 +08:00 via Android 1
你们的模板都好简洁啊，不简洁的可以放不？
我的是 dusays.com ，有没有大佬做友链！ |
 |
41
zy445566 2020-11-12 09:21:59 +08:00 1
流浪小猫？
|
 |
42
zarte 2020-11-12 09:22:16 +08:00 1
？？打不开
|
 |
43
yongxa 2020-11-12 09:27:27 +08:00 via iPhone 1
想贴一下沈沉舟老师的 http://scz.617.cn:8/
|
|
44
xcatliu OP @dusays 来这儿自助添加一个友链就行 https://github.com/xcatliu/blog/tree/master/src/links
|
|
45
xcatliu OP @wsydxiangwang 好棒啊这个博客
|
 |
46
opengps 2020-11-12 09:29:25 +08:00 1
我正在做的一个，比你的还简，但是没做到洁
|
 |
47
mangogeek 2020-11-12 09:29:50 +08:00 1
流水帐不喜欢花里胡哨 https://mangogeek.com/
|
 |
48
hahaba 2020-11-12 09:30:48 +08:00 1
你可能不太明白什么叫做“简洁”、什么叫做“简陋”，可以参考这个： https://monyuan.com
|
 |
54
lizheming 2020-11-12 09:43:59 +08:00 1
给楼主点赞~ 同博客<del>系统</del>爱好者，https://imnerd.org 已申请友链~
|
 |
55
aomine 2020-11-12 09:47:12 +08:00 1
|
 |
56
Macv1994 2020-11-12 09:54:04 +08:00 1
为什么我的有时候打开很快，有时候非常慢呀 http://2dogz.cn
|
 |
59
zhaoFinger 2020-11-12 10:02:02 +08:00 1
|
 |
64
guxingke 2020-11-12 10:14:27 +08:00 1
https://www.guxingke.com/ 也是自己写的的生成器
|
 |
65
Wincer 2020-11-12 10:15:12 +08:00 1
前段时间也自己写了一个主题： https://blog.itswincer.com
|
 |
66
yhxx 2020-11-12 10:20:52 +08:00 1
感觉可以考虑换个字体？虽然会拖慢一些速度
|
 |
67
blessyou 2020-11-12 10:37:38 +08:00 1
https://happysooner.com 我也很简洁.JPG
|
|
68
xcatliu OP 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 中文很难使用系统字体之外的字体吧，资源太大了 |
 |
69
genal 2020-11-12 10:44:36 +08:00 1
大佬 像你这样的高级前端都在做什么
|
 |
70
wudicgi 2020-11-12 10:45:35 +08:00 1
现在是不是大多数 blog 都是列表页只显示几段，看完整的需要点进去？
我就一直偏好直接显示完整内容 http://blog.wudilabs.org/ |
 |
73
c0py7hat 2020-11-12 11:05:52 +08:00 via iPhone 1
请问图床或存储用的哪个
|
 |
74
Lemeng 2020-11-12 11:06:25 +08:00 1
好多年没有写过博客了，青涩
|
 |
75
baiduyixia 2020-11-12 11:09:43 +08:00 1
@misaka19000 丑和简洁不一样 hhh
|
 |
76
linvon 2020-11-12 11:14:24 +08:00 1
我是觉得博客最主要就是一个归档页就可以了，再可以加上一个首页和一个个人介绍页，就够了。
至于搜索、标签、分类其他的种种，我觉得点进博客的用户基本是没有这种需求的 |
|
77
xcatliu OP 1
|
|
78
xcatliu OP 另一个举报编号 jb202011120000519 查询码 409743
|
 |
82
THESDZ 2020-11-12 11:19:22 +08:00 1
简洁归简洁,但是博客本身还是要阅读的,建议列表之间加个间隔线,或者外框之类的?
只是建议 |
 |
86
stevenkang 2020-11-12 11:39:54 +08:00
@yafoo 你这网站打开就和本地一样呀~~~
|
 |
87
jookie 2020-11-12 11:41:59 +08:00 via Android 1
|
 |
88
gowk 2020-11-12 11:58:34 +08:00 1
最近遇到最喜欢的博客之一，风格极简，内容也很棒
https://lutaonan.com/ |
 |
91
nightwitch 2020-11-12 12:18:49 +08:00
|
 |
92
watzds 2020-11-12 12:23:05 +08:00 via Android
我的也简洁
http://biasee.com/ |
 |
93
TMaize 2020-11-12 12:25:13 +08:00 via Android
还有更简洁的
https://blog.tmaize.net/ |
 |
94
Tangel 2020-11-12 12:35:03 +08:00 1
我说楼主的昵称这么熟悉
原来是中文 Typescript 入门教程的大佬啊... |
 |
95
shadeofgod 2020-11-12 12:56:44 +08:00
https://zoubingwu.com/ 应该没有几个人比我还简洁了（逃
|
 |
98
pkwenda 2020-11-12 13:39:03 +08:00
http://codefun007.xyz/ 谁比这个简洁？
|
Select Language