作为一名资深博客爱好者，我热衷于<del>写博客</del>折腾各种博客系统，写过不下十个主题，还写过两个博客系统。
这是我最新的博客主题 https://blog.xcatliu.com/
特点：
- 简洁，麻雀虽小，五脏俱全
- 适配手机（代码块优化、table 优化）
- 支持黑暗模式（夜间模式）切换
- 每行限定 42 个中文（最佳阅读体验）
- 支持（有限制的） spa
- 大量细节打磨
求战，求赞！
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 2065 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 的默认博客主题。
 |
101
vision1900 Nov 12, 2020  3
@pkwenda 当你们叫博客，我叫文章列表的时候，你们就已经输了: http://www.blog.realrz.com/
|
 |
102
xcatliu OP @Tangel 哈哈，Typescript 入门教程也是用这个静态网站生成器构建的呢 https://ts.xcatliu.com
|
 |
103
UNXLAB Nov 12, 2020 1
没你的简洁。
|
 |
104
jiom Nov 12, 2020 1
是时候也要骗点 ip 了 https://199604.com
|
 |
105
keelii Nov 12, 2020
@ericgui git 是私有地址就不放了，可以参考这个代码包。hugo 0.55.6 生成的。http://3.cn/15k-06df
|
 |
106
cai314494687 Nov 12, 2020
404
|
 |
107
ethusdt Nov 12, 2020
|
 |
108
parrotdance Nov 12, 2020 2
https://www. parrotdance.art
如果可以我希望一点 CSS 都不写 |
|
109
vision1900 Nov 12, 2020
@FaiChou 啊哈，Gatsby!
|
 |
112
h404bi Nov 12, 2020 1
@xcatliu #97 建议 Segoe UI 放 Roboto 前面，Windows 下如果有 Roboto 字体，配到 Microsoft YaHei 就怪怪的，YaHei 还是配系统自带的 Segoe UI 舒服点。
|
 |
113
vanwtf Nov 12, 2020 1
我的博客我觉得也挺简洁的，https://www.1024in.com
|
 |
114
Caan07 Nov 12, 2020 1
我的 hugo+ Simpleness
因为是卖片的，就不贴链接了。 |
 |
115
yafoo Nov 12, 2020 via Android
@stevenkang 因为速度太快了
|
 |
117
yveJohn Nov 12, 2020 1
谁还没个简洁速度快的博客了🤪
https://blog.a2a.xin |
 |
118
licoycn Nov 12, 2020 1
|
 |
119
6jiayoung Nov 12, 2020 1
没有比我简洁的了吧 https://psyduck.liujiayang.cn/
|
 |
120
Patrick95 Nov 12, 2020 1
论简洁俺也要秀下存在感 https://muguang.me
|
 |
121
chnhyg Nov 12, 2020 1
|
 |
122
GPU Nov 12, 2020
能不能支持 netlify 之类的网站？
|
 |
123
pvgjfk Nov 12, 2020 1
又到我最喜欢的 外链 环节了 https://iuo.im
|
 |
124
CallMeSoul Nov 12, 2020
|
 |
125
Varobjs Nov 12, 2020 1
又到了日常晒一晒环节，http://varobj.com
|
 |
126
u6pM63mMZ34z32cE Nov 12, 2020 1
|
 |
127
wy Nov 12, 2020 1
简洁 != 简陋
|
 |
128
Jafee Nov 12, 2020
@vision1900 哈哈，真简洁，速度超快。 简洁的首页 title 都没设置。。。
|
 |
130
keenmisty Nov 12, 2020
直接套用 hexo 模板的流下了被羞辱的眼泪...你们这也太简洁了...
https://keenmisty.github.io/ |
 |
131
Twinkle Nov 12, 2020 1
Gatsby 默认直接改的，应该也挺简洁 https://saintwinkle.com
|
 |
132
NIYIKI Nov 12, 2020
没订阅地址吗
|
 |
133
Kingfish404 Nov 12, 2020
也放下自己的博客
https://blog.achacker.com/ |
 |
134
vincent7245 Nov 12, 2020
感觉我的有点丑
https://www.zturn.cc |
 |
136
vpsvps Nov 12, 2020 1
确实挺简洁的
|
 |
137
justfun Nov 12, 2020 1
看看这位大佬的
https://ricterz.me/ |
 |
139
usedsoul Nov 12, 2020 1
https://www.ntiy.com
非技术博客，来蹭一蹭访问量🤪 |
 |
140
zhaoolee Nov 12, 2020
|
 |
141
suniven Nov 12, 2020
我也来蹭一个，https://twocats.life
|
 |
143
8bit Nov 12, 2020
|
 |
144
hello2060 Nov 12, 2020 1
推荐一个前同事的吧 http://danielhu.software/
|
 |
147
liyongjun0803 Nov 12, 2020
比我的简洁？？ http://blog.lyjiot.cn:8088/
|
 |
148
Jackeriss Nov 12, 2020
几年没晒博客了，分享一下我的纯手写博客，可以从 typora 直接导出： https://www.jackeriss.com/
|
 |
149
edanda Nov 12, 2020 1
虽然不是那么简介，但也可以发的吧 https://chaohang.top/
|
|
150
edanda Nov 12, 2020
顺手来一波友链
|
 |
151
myevery Nov 12, 2020 1
我自己做的仿 v2 站的不挺好么： https://tdlib.com/
|
 |
152
Samuel021 Nov 12, 2020
|
 |
153
liuzhihang Nov 12, 2020
|
|
154
GPU Nov 12, 2020 1
@xcatliu #145 www.netlify.com
|
 |
155
heygum97 Nov 12, 2020 via iPhone 1
手机 Safari 打开一篇文章 返回后，再也无法打开其他文章了。是 bug 吗
|
|
156
xcatliu OP @heygum97 返回后加载 js 失败了？不过我做了容错处理的，如果页面有报错，就会禁用掉 spa 模式，变成纯 html 页面，所以你可以试试点击无反应的话再点一次
|
 |
158
durban126 Nov 12, 2020 1
|
 |
162
xieguanglei Nov 12, 2020
你这可以说是相当的不简洁了，看我的： https://xieguanglei.github.io/
|
 |
166
veike Nov 12, 2020
@airplayxcom 不错
|
 |
167
sexyback Nov 12, 2020
@parrotdance 这就是 newbee 职业哥嘛 爱了
|
 |
171
ConteMan Nov 13, 2020
符合简洁的定义： https://isconte.com
|
 |
172
grazie Nov 13, 2020 via Android
RSS 就完事了，不简洁也无所谓（逃
|
 |
173
liyang5945 Nov 13, 2020
@durban126 你这个归档页太难受了，看个文章列表还得点年份月份，而且列表页每个文章还有个大大的图片占位
|
 |
176
shengchao Nov 13, 2020 1
简洁又好看？看看我的，thinkjs ejs 渲染
|
|
177
shengchao Nov 13, 2020
|
 |
178
a719114136 Nov 13, 2020
|
 |
179
Tink Nov 13, 2020
|
 |
180
ghosthcp516 Nov 13, 2020
|
 |
181
7gugu Nov 13, 2020 via Android 1
太难了，把博客部署到 GitHub Pages 上面，不挂梯子还上不去🤣
|
 |
183
tufu9441 Nov 13, 2020
|
 |
185
aegon466 Nov 13, 2020
简洁? www.aeaoe.com
|
 |
186
sweet123951 Nov 13, 2020
我更喜欢清新的风格： http://blog.lovewinne.com/
|
 |
187
lavvrence Nov 13, 2020 via iPhone
|
 |
188
jalena Nov 13, 2020 1
....
为啥我第一感觉是网上扫墓！！ #。# |
 |
189
adajoy Nov 13, 2020
@parrotdance 头像😎
|
|
190
durban126 Nov 13, 2020
@liyang5945 是的 被你发现了 这个 UI 是从别处偷窃来的 本身就没有归档之类的 功能上需要改进 列表页文章的大图主要是减少审美疲劳 不过我图也没有换的比较花样 所以也算是比较鸡肋了
|
 |
191
tomari Nov 13, 2020 1
不错 star 了 以后有机会试试
|
|
193
tomari Nov 13, 2020 1
建议以后加个多语言支持
|
 |
194
Xheldon Nov 13, 2020
|
 |
195
meik2333 Nov 13, 2020 1
https://meik2333.com/ [狗头🐶]
|
 |
196
dovme Nov 13, 2020
我的呢？ https://aoizz.com
|
|
197
xcatliu OP |
Select Language