极简主义博客的设计需要在内容、技术和体验上取得平衡。网站后台主要是博主自己使用的,网站内容是博主本人把控的,读者接触到的就是前端页面。博客之建立,核心是服务于读者(也包括自己),保证前端页面所展示内容的阅读体验是重中之重。
良好的阅读体验最小集需包含网站导航、标题和文本内容。文本内容又包括文本字体、文本字号与行距的可读性,适合阅读的页面宽度(一行文字过多不适合阅读,可另开专题讨论)。网站导航最小集包含回到首页或文章列表,能指引读者找到博主展示的内容即可。
极简主义博客还可以做到什么?如在不影响体验的前提下压缩图像大小,移除页面代码 head 部分不必要的 meta 和 link 内容,移除 javascript 的代码和文件调用,不使用图标改用文本,减少页面颜色,并最大程度的精简 CSS 样式文件,以减小页面的体量。不少博客还干掉了评论框,使用短网址,使用文本代替网站 logo,极简至纯文本(plaintxt)。
“雅余”也一直在做减法,正准备朝着纯文本的方向走。
对于个人独立博客,什么是极简主义下可以省略的内容?总结以下几点:
1、广告
一个独立博客,希望通过广告赚到丰厚的回报?或许真能赚到几块钱,但你的读者可能好感度降低。穿插在内容中间的广告尤其影响体验。通过你分享的内容和绝妙的想法来帮助到读者,通过提供内容课程、深度专题文章或者小说创作,或许可以为你带来更大的价值。
2、弹窗
这遭人厌恶的程度可能比广告还要严重,我还需要挪动鼠标去把它关掉。在个人博客上使用弹窗,是个骚操作。
3、分享按钮
分享按钮并不会为你带来大量的粉丝或流量,它只能增加你博客的加载时间。有价值的文章自然会有人引用或推荐。
4、网站统计
真没必要,你盯着你的博客上上下下的几百几千点击数,内心可能会有些小激动,但通过这些统计数据可能分析不出什么有价值的信息。统计功能会增加你博客的加载时间,甚至服务器的负担(自行部署的统计程序)。通过博客程序内置的文章点击数统计和评论数,什么内容更加受欢迎,你可能已经心里有数。
5、背景音乐 / 音乐播放器
这也真没必要。可能你想彰显你的品味,但很难满足所有人的喜好,也无法和每篇内容呼应。读者只是想看内容,不会每天来这里听歌,可能作者本人都是打开某音乐APP听歌。
6、炫酷特效
这也真没必要。这类特效只会影响阅读体验。
7、赚钱返利链接
同第1点。
8、订阅按钮
不需要过度的宣传让别人去订阅网站,固定频率的输出好内容,自然有人订阅。
9、JS 文件调用
WordPress 有非常优秀的插件库,很多插件依赖各种各样的 JS,这些 JS 的加载对网站影响挺大,需要有意识的对博客调用的 JS 进行精简,如 Google 字体、l10n、jquery-migrate、Emojis。但源头还是需要减少对插件的使用。
10、特殊字体
系统自带衬线、非衬线字体已可满足阅读的需求,做好字号、颜色、行距和页宽的控制,就能保证阅读体验。如果确实需要调用特殊字体,请做好“取子集”和压缩。
其实,如网页背景图片、背景视频、天气小部件、最近评论列表、暗黑模式、文章打分、Cookies 都是可有可无的。越简单,维护的成本越低,留给我们输出内容的时间越多。如开篇所讲,需要取得平衡,需要取舍。
庆幸的是,以上这些“没必要”在我关注的个人博客和“中文博客圈微信群”里面还是相对少见的,越来越多的博主有意识的在精简自己的博客。
不忘初心,想想我们建立个人独立博客的初衷是什么。
总结一下,一个极简主义的独立博客最小集是:
1、最小的网站导航;
2、文章标题和文本内容。
标准准则:保证内容阅读体验。
推荐几个外国有意思的网站联盟:
- 纯文本个人网站:https://textonly.website/
- NO-JS 网站:https://no-js.club/
- 250KB 网站:https://250kb.club/
- 512KB 网站:https://512kb.club/
- 1MB 网站:https://1mb.club/
除了个人博客的极简,其实在笔记软件、日程软件、资讯软件,还有一些日常 APP 上也可以做很大的精简。在追求效率的同时,可能最需要精简的就是效率工具。可另开一篇。
一些不成熟的观点,欢迎斧正。如有补充,欢迎留言评论。
参考:
- https://zhuanlan.zhihu.com/p/594443296
- https://mnmlist.com/w/
- https://enou.co/blog/best-practices-for-minimalist-website-design/
本文有 62 条评论
个人觉得适配暗色模式还是需要的,一来极简的目标是让读者静下心来阅读内容,不受无关的干扰,而黑暗环境下刺眼的背景色实际上是一种「干扰」;二来极简的网站实际上适配暗色成本很小,一个 media query 再加一个 filter invert 效果就能达到。(个人观点,轻喷)
谢谢你的建议,其他几款主题其实都是有暗黑配色,这款打算弄个纯白的。不过你的建议我采了,晚点补充上。
网站主题风格我好喜欢,可以有偿提供吗?
有几款开源的,你看看。
早在几个月前就看了这篇博客,非常认同博主的观点,于是随即就对自己的博客进行了重构,目前的首页只有80Kb,且在 lighthouse 中拿到了针对性能、可访问性、最佳实践和 SEO 的四个满分。尺寸上来看肯定不能与纯文本网站相比,但是至少还算得上是简洁,自认为这是我的博客有史以来最好的样子。
你博客挺不错的,有自己的风格特点。回归内容更重要,不求一味极简。
感谢,谨记!
非常认同,让写作回归写作,而不是其它。
保持专注度,排除干扰因素,把精力放在内容创造上,而不是炫技。
在广告问题上,你通过写作获得的回报才是正道,而不是硬生生的贴几个广告图。
哈哈,写的比我的好!网站也非常非常快。无论版式还是阅读,都赏心悦目。不过因为有的博客程序不带阅读统计的,还是需要一个简单的统计工具的。
见笑了见笑了。你的那篇“如何写好博客?”让我感触良多,已经记在我的 Obsidian 里面。已加上偶像友链,哈哈。
幸好 WordPress 加个文章点击统计比较简单,统计工具都可以免了。现在除了图片幻灯调用 JS,其他页面已经脱离依赖。
我的博客全部符合,哈哈
确实很不错哈,做得好!
有道理。
极简不仅适于博客,也可能适于生活
绝对的,写博客也是生活一部分。
很喜欢这个主题,但因自己不想折腾的缘故就无缘wordpress了,实在有点可惜。hashnode后台有css功能,我便把封面,作者简介什么的都给移出去了,尽量做到清爽。博客一方面是给读者看的,但更多的一面是给当下的自己做切片,以后回看时会慢慢玩味
你的主题已经很不错。
在群里分享过 https://mnmlist.com/w/ 这位大佬的极简概念,然而反响并不是太好,有朋友认为过于极端的极简反而会带来不好的体验。相比极简,我觉得用简约来形容更合适些
本文有些观点也有借鉴这个作者,文末有介绍。当然不能一味的极简,是保证内容的呈现、阅读的体验是前提。
都是过来人,以前刚玩的时候喜欢加特效加背景音乐..随着年龄而改变,现在也是想要越简单越好。
哈哈,以前还有飘雪花樱花啥的。
10点要素,我符合一半🤣
小胡谦虚了,印记挺简洁的,而且内容质量高。
简单最耐看~简单并非简陋,而是刻意为之的简洁
是的,少即是多。简陋是不讲究,简洁是有讲究,哈哈。
极简是很好,但博客更多是私人的一种记录,怎么折腾自己开心就行。当然如果为了有更多人访问,那需要考虑到访客的体验~
你说得也没错,首先取悦自己。
一般博客在网络上展示出来,或者开通评论功能,其实都是期待有读者的参与,不完全是孤芳自赏,只是没有排在首位。
不折腾就是极简了,我都快十年没换主题了。。
没错,少折腾也是一种减法👍 大发同学一直出新主题,但能坚持自己不换,佩服。
极简爱好者在此!
你是实实在在的极简爱好者,当时看到你的博客我就十分喜欢。
还是简洁点的看起舒爽
是的,少即是多。
这个是他对极简的理解:https://0xff.nu/pursuing-minimalism
这个网站的做法和本文观点还是比较一致的,不含广告,只有列表与正文。这个网站对样式的简化也做的很极致了。
还有大图和多图也比较影响性能和体验。
那我需要检讨一下,经常多图,哈哈
美观和极简不冲突,太过酷炫的效果容易影响阅读。
是的,适度的美化。
赞同,内容就是核心所在,主题只是个装饰而已
是的,内容为王。
赞同。作为个人博客,除了极简,还要兼顾美观!
适度的美化是可以的
感觉我的博客是符合这个标准了。
张哥对内容的态度值得大家学习。
真的超烦那种进去就是背景音乐,还有广告和弹窗的博客。个人博客不适合变现,尤其不是广告变现。
通过知识变现可以考虑订阅的方式,硬广就粗暴一些。
我最在意的一点是突出内容,而不是突出视觉。标准就是第一次进入网站的人,第一眼就能找到文章入口。
你说得没错。不需要过度修饰,内容是核心。
完全同意,博主是不是有技术基础,你的几个模块比如相册很不错,近期我在精简我的博客,正在用WP搭建个存记录,不带观点的站,正准备参考你的站哈
略微懂点,偶尔自己倒腾一下代码。
相互学习,“灵感”这个专栏还是不错的。
WordPress 有一个 100 bytes 的主题:https://github.com/MarcArmengou/100-bytes。是 Bytes,不是 KB 哦。
没错,作者还有一个 200 bytes,把架构和样式表精简至极致。
直接用这个主题还需要进行一些优化,比如禁用不需要的 JS。
优秀
有好的笔记软件推荐吗?有图片跟文字,方便理解
笔记软件目前只用 Obsidian。看你的使用场景,用于工作还是学习,是否需要移动端、云端或本地存储、富文本还是Markdown。
主要是富文本工作,写笔记及小讲课
思源笔记可以试试。如果不是用做知识管理,其实很多软件都可以胜任。
富文本
主要做笔记及宣讲之类的,图片文字结合;
Onenote、WPS其实也可以的,就是软件重一些,启动慢。
非常受启发,极简的博客能让读者静下心来阅读内容,专注于内容的思考而不被过度干扰。
是的,读者的目的都是比较明确的。