Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >博客重构:极简主义!

博客重构:极简主义!

作者头像
莲花海
发布于 2020-01-21 02:55:21
发布于 2020-01-21 02:55:21
9120
举报

转眼间,我的这个博客已经两岁多了?,访客总量 52k+,浏览总量 167k+。两年多的时间里,博客经历了多次改版,也经历了三次大灾难(rmsed硬盘暴废),可谓「阅历丰富」。但是,过去半年里,我的这个博客却少有更新,我最近不禁问我自己:我这是怎么了?刚开始写博客时的那种热情去哪了?经过一段时间的思考后,我决定重构博客,拥抱极简主义!

Simplicity is the ultimate sophistication.(至繁归于至简)[1]Leonardo da Vinci

除旧

极简第一步,简化分类,简化标签。你可能注意到,我之前的博客的分类颇为复杂,标签也颇为繁冗。为什么我要设计得如此复杂呢?其实,这是因为我搭建这个博客的初衷并不是为了记录自己,而是为了归档我所习得的各种知识,以利于我的创造。

◎ 之前的分类目录树

◎ 之前的标签页面

你可能会问我要创造的是什么,答:一个哲学上的宏大体系,这在上面的两张图中应该有所体现。而我于去年搭建了一个新的博客,将哲学独立分离了出去,因此这个博客的分类和标签也是时候简化了,分类只有两个:生活、技术,标签则每篇文章不超过 5 个。

极简第二步,页面元素,页面交互。博客的主体是文章,故除了文章内容,其它的一切都可以不要,只追求极致速度。菜单栏?分类才两个,不要!图片背景?应专注文字、排除干扰,不要!侧栏、返回顶部、动画效果?过多交互以致分散注意力,不要!文章信息、上篇下篇?相关文章?页脚?三个不要!

极简第三步,浏览统计,评分评论。有时评论区会带来很大的心理压力,各种统计数字则是一种隐形心理压力。另,博客是静态,而这些属于动态内容,技术上讲即是写操作,违背了纯静态的只读原则[2]。综上,统统不要。

当然,作为一个独立博客,博客的标识不可不要,因此保留了本博客独一无二的、显著的顶栏。此外,最终也在页面底部加上了标签、分类的内链,让读者来去自如。

迎新

极简并不等于简陋,本博客也有了一些值得关注的创新设计。

最值得关注的是字体排版,应该是目前中文博客中最美的?... 字体使用了 Noto Serif SC + EB Garamond,通过 Google Fonts 实现;使用着重号替代粗体,更为美观、优雅;解决了网页中英字体混排导致的痛点——英文符号变全角或中文符号字形不对;新增 Markdown 语法,以在 Markdown 文档中方便地实现分段停顿这个特殊的表达需求……

其它的方面,PWA、无需等待的超快速度、长文章的目录设计(可双向跳转)等等。

其它

改变了本博客的 URL 结构,导致以前的博文链接大量 404(已利用 Netlify 解决,见我的这篇文章)。大量文章重写了,有些文章迁移了,少量文章删除了。为什么会重写呢?因为看看自己最初的文章,发现自己居然看不懂,表达得太差了,不忍直视。

是否会开源?技术不足,代码写得丑,还无法将这些成果写成一个配置简单的主题,故暂时不会考虑开源。此外,还有轻微的模仿担忧。但是,欢迎你以本博客的设计理念去改善自己的博客,欢迎你以本博客的设计理念去开发一个主题。

最后,希望自己在重构的本博客上多反省,多写感悟,多记录自己。「苟日新,日日新,又日新。」


  1. 沃尔特·艾萨克森:《史蒂夫·乔布斯传》(管延圻等译),中信出版社,2011 年版,第六章。
  2. https://maintao.com/2019/subtraction-done-in-my-blog/
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Many Notes:极简主义的 Markdown 笔记神器
对于笔记应用,每个人都有自己的爱好,有人喜欢富文本,有人喜欢 markdown,有人喜欢网页版,有人喜欢应用。今天,我要为大家介绍一款由"宇宙最好的开发语言" PHP 开发的 Markdown 笔记应用——Many Notes。
程序那些事儿
2025/03/06
2050
Many Notes:极简主义的 Markdown 笔记神器
基于 Logseq 重构个人知识管理体系
自从上大学以来,我一直有在关注学习理论、知识管理相关的方法与工具,先后用过 Typora、Anki、印象笔记、OneNote、MarginNote、TiddlyWiki 等等等等。其中也慢慢 从对某些具体工具的执念中走出,更关注一些设计哲学与方法层面的东西。大概 19 年的时候开始使用 Notion,后来开始实习、工作,逐步用起 Obsidian 至今。
zgq354
2023/10/18
2.6K0
基于 Logseq 重构个人知识管理体系
推荐几款好看又好用的开源博客
vuepress-theme-aurora 是一款基于 Vuepress2 的博客主题,将本地 Markdown 文件解析成静态 html 页面,作为博客文章。搭配 说说,时间轴,文章分类,评论,友情链接,相册,音乐播放器 等特色功能,给您不一样的使用体验。
唐志远
2022/10/31
2.1K0
推荐几款好看又好用的开源博客
【项目实战】SpringBoot+vue+iview打造一个极简个人博客系统
【个人极简博客】是一个适用于初学者学习的博客系统,其中包含文章分类、写文章、标签管理、用户管理等基础功能,代码简洁注释完善,易上手学习。技术栈基于SpringBoot+MybatisPlus+vue+iview等更多优秀组件及前沿技术开发,注释丰富,代码简洁,开箱即用。极其适合尝试全栈开发及实战练手训练也可以当作毕业设计进行二次开发,是个轻松学习的好机会。
JavaDog程序狗
2024/10/06
2390
【项目实战】SpringBoot+vue+iview打造一个极简个人博客系统
UI设计师如何正确处理设计中的"简与繁"
好的界面设计,应该在注重用户体验的基础上,把握设计的整体风格,在追求时尚简约的同时,兼顾功能实现的最大化,做到 “化繁为简”,进而 “简中有繁”,最终达到 “繁”与 “简”的和谐统一。
用户5009027
2019/12/31
1.6K0
UI设计师如何正确处理设计中的"简与繁"
极简主义!几行代码助力你快速分析模型的神器来啦
PPMA(Paddle Model Analysis)是一个基于飞桨实现的一个模型分析小工具,它以极简主义为特色,高度封装了飞桨代码以便让大家用最少的代码来完成模型的分析,目前所支持的功能有ImageNet精度验证、可视化图片Top5预测类别、测试模型Params、Throughput、类激活图可视化(CAM)、测试时数据增强(TTA)等,在这里你可以用最少三行代码来实现想要的功能。
用户1386409
2021/09/27
6110
基于 Next.js 的新博客
其实 Hexo 用着是很舒服的。完全静态,主题模板修改起来很简单,很容易就能达到想要的效果。只是一些功能比如 Services Worker 和 LazyLoad 都只能用比较粗暴的方法实现,不美观,而且难维护。 早眼馋别人的各种 Gatsby 和 Next.js 开发的博客了,可自定义强、现代、自带各种优化。Next.js 的官网还有一套简单的教程可以直接上手,跟着教程做完后直接就获得了一个现成的博客系统,或者说是 Markdown 解析器? 总之我们可以从这上面下手。
Cesirdy
2023/05/29
9210
基于 Next.js 的新博客
Halo博客的部署和使用
Halo 是一个强大易用的开源建站工具,拥有丰富的主题模板和插件,帮助用户快速搭建属于自己的博客系统。
M.Talen
2024/05/22
7940
Halo博客的部署和使用
博客说明
如以上都有还有问题请参考 使用jekyll搭建个人博客 jekyll-theme-H2O_README
tea9
2022/07/16
9120
Hexo+Github 博客搭建之 Matery 主题安装配置篇
这是一个采用 Material Design 和响应式设计的 Hexo 博客主题。
DeROy
2020/11/04
1.3K0
Hexo+Github 博客搭建之 Matery 主题安装配置篇
ChatGPT 中文调教指南
ChatGPT是由OpenAI 训练的一款大型语言模型,能够和你进行任何领域的对话。
用户10399177
2023/03/28
1.5K2
第一个博客搭建之Vuepress
感谢 vuepress-theme-reco主题与一篇博客使用文章使用 vuepress 构建个人博客
愧怍
2022/12/27
8860
第一个博客搭建之Vuepress
【Docker项目实战】使用Docker部署moments极简朋友圈
江湖有缘
2025/04/29
1460
【Docker项目实战】使用Docker部署moments极简朋友圈
个人博客搭建
  前前后后大概花了一周多的时间,目前个人博客已经完善的差不多了,现在写个文章做个阶段总结,后续如果有更新的地方,会及时补充。本博客基于Hexo框架,采用hexo-theme-matery主题,在这里非常感谢作者洪卫的hexo-blog-fly博客开源,极大简化了构建博客的工作量和复杂度。在此开源博客的基础上做了改进,修复了一些bug,顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码,搭建属于自己的个性化博客。
LuckySec
2022/11/02
2.5K0
个人博客搭建
如何用 GitHub Issues 搭建一个轻博客系统:Path Meme 项目实战
一直想随便写点什么东西,但是不想发朋友圈和微博,也没那么多的内容可以写一篇长文章,还想让内容有自主性,不担心随便说话被删,前几天正好试用了一下 Cursor,正好用它按自己的想法写一个可以随便说话的轻博客系统。 Path Meme —— 一个利用 GitHub Issues 作为 CMS 的现代化博客系统。今天,我和大家分享如何从零开始搭建这样一个博客系统。
goodspeed
2024/11/02
2180
何必是WordPress,NAS的另一种博客解决方案,快速稳定的轻量级博客—emlog - 熊猫不是猫QAQ
相信大部分又折腾能力并且喜欢折腾的,都用NAS去部署过个人博客,而在这其中使用最多的可能就是WordPress和Typecho了。当然了,还有很多优秀的博客程序,例如halo、zblog以及vanlog等等,这些也都不错。今天介绍的同样是一款不错的博客程序——emlog,算是一款轻量化的博客程序,凭借优秀的后台管理以及内容管理,个人觉得有必要推荐一下。
熊猫不是猫
2024/01/20
4710
《Spring Boot极简教程》第1章 Spring Boot史前简述小结参考资料
大约20年前,程序员们使用“企业级Java Bean”(EJB)开发企业应用,需要配置复杂的XML。
一个会写诗的程序员
2018/08/20
6090
《Spring Boot极简教程》第1章 Spring Boot史前简述小结参考资料
Hexo博客主题之hexo-Theme-Matery的介绍
当你看到这里的时候,应该已经有一个自己的 Hexo 博客了。如果还没有的话,不妨使用 Hexo 和 Markdown 来写博客和文章。
Abalone
2022/07/14
1.2K0
Hexo博客主题之hexo-Theme-Matery的介绍
Hexo系列(2.0) - NexT主题美化与博客功能增强 · 第一章
网上有不少相关的帖子,不过版本会比较旧,而不同版本可能存在代码不同的问题,不过大部分还是大同小异,本系列就不啰嗦重复了,基本只会按照本人所使用的版本以及个人所使用到的内容来进行介绍。
雨临Lewis
2022/01/11
1.1K0
收藏夹吃灰了:GitHub 上值得收藏的100个精选前端项目
codrops 一系列具有相当具有创意且有趣的前端效果的集合,是非常棒的学习资料,可以欣赏和下载使用。并且有些项目,也托管到了github仓库中
王小婷
2020/10/23
2.6K0
推荐阅读
相关推荐
Many Notes:极简主义的 Markdown 笔记神器
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档