Skip to content

搞英语 → 看世界

翻译英文优质信息和名人推特

Menu
  • 首页
  • 作者列表
  • 独立博客
  • 专业媒体
  • 名人推特
  • 邮件列表
  • 关于本站
Menu

博客的新主题(现在 JavaScript 为 0%!)

Posted on 2025-05-05

我最近更新了博客的主题,我觉得我应该发一个帖子,不仅记录原因,还为将来存档更改前后博客的图片。

当我创建这个博客时,我选择nikhil-theme作为主题,因为我发现它简约又漂亮。 (当我将字体切换为与https://www.thirtythirdforty.net/博客中的字体相同后,甚至更漂亮)

然而,相当长一段时间后,当我查看主题的模板 HTML 文件时,我惊讶地发现这个非常简单的主题包含 JavaScript。我尝试加载删除了 JavaScript 的页面,发现只需要让汉堡菜单在移动设备上展开即可。这让我不太舒服。像这样的简单博客根本不需要任何 JavaScript。我发现更烦人的是,只因为一个功能而需要它。

当时我已经对博客进行了其他更改,并不期待完全切换主题,所以这个想法一直留在我的脑海中,直到最近,当我终于决定对此做点什么时。

为了决定博客的新主题,我首先浏览了pelican-themes (我最初发现 nikhil-theme 的地方),但只找到了一两个不使用任何 JavaScript 的主题,而且它们对我来说并没有真正的吸引力。

最终我想起了seirdy.one博客。这是我关注的一个博客,其中有精彩的文章,并且有一整页关于该网站遵循的设计标准。这些标准侧重于极简主义、兼容性和可访问性,这些都是我希望我的博客具有的品质,所以我决定在我的博客中采用 Seirdy 的主题。

查看seirdy博客的源代码,我注意到它使用Hugo静态站点生成器,而我的博客使用pelican ,因此适应这个主题不仅仅是简单的复制粘贴。

理想情况下,我会浏览 Seirdy 的 HTML 模板并理解它们,这样我就可以将它们改编成我的 Pelican HTML Jinja2 模板,但老实说,我没有那么多精力。所以我采用了懒惰的解决方案:我复制了 CSS 文件并调整了我的模板,直到网站看起来足够好。这意味着我可能没有遵循 Seirdy 的许多标准,但至少网站更精简,没有任何 JS(甚至外部 CSS),这是主要目标。

由此产生的源代码更改可以在此提交中看到(以及后续修复的此和此)。

至于网站本身带来的变化,下图分别展示了主题更改前后的不同页面。

主页:

{图片}/before-home.png{图片}/after-home.png

一篇博文:

{图片}/before-post.png{图片}/after-post.png

标签:

{image}/before-tags.png{图片}/after-tags.png

关于:

{图片}/before-about.png{图片}/after-about.png

我不会撒谎,看到旧主题消失我已经感到怀旧和有点悲伤,但我相信让网站变得更加简约是值得的。

此转换中丢失的一件事是代码片段的语法突出显示。我认为出于可访问性问题,Seirdy 故意避免了它,但我应该在某个时候确认这一点,如果情况并非如此,则考虑将其添加回来。

尽管还有一些细节需要解决,但我对这一更改非常满意,并且在看到此博客时特别松了一口气,因为不再有 JavaScript 运行。

原文: https://nfraprado.net/post/a-new-theme-for-the-blog-now-with-0-javascript.html

本站文章系自动翻译,站长会周期检查,如果有不当内容,请点此留言,非常感谢。
  • Abhinav
  • Abigail Pain
  • Adam Fortuna
  • Alberto Gallego
  • Alex Wlchan
  • Answer.AI
  • Arne Bahlo
  • Ben Carlson
  • Ben Kuhn
  • Bert Hubert
  • Bits about Money
  • Brian Krebs
  • ByteByteGo
  • Chip Huyen
  • Chips and Cheese
  • Christopher Butler
  • Colin Percival
  • Cool Infographics
  • Dan Sinker
  • David Walsh
  • Dmitry Dolzhenko
  • Dustin Curtis
  • Elad Gil
  • Ellie Huxtable
  • Ethan Marcotte
  • Exponential View
  • FAIL Blog
  • Founder Weekly
  • Geoffrey Huntley
  • Geoffrey Litt
  • Greg Mankiw
  • Henrique Dias
  • Hypercritical
  • IEEE Spectrum
  • Investment Talk
  • Jaz
  • Jeff Geerling
  • Jonas Hietala
  • Josh Comeau
  • Lenny Rachitsky
  • Liz Danzico
  • Lou Plummer
  • Luke Wroblewski
  • Matt Baer
  • Matt Stoller
  • Matthias Endler
  • Mert Bulan
  • Mostly metrics
  • News Letter
  • NextDraft
  • Non_Interactive
  • Not Boring
  • One Useful Thing
  • Phil Eaton
  • Product Market Fit
  • Readwise
  • ReedyBear
  • Robert Heaton
  • Ruben Schade
  • Sage Economics
  • Sam Altman
  • Sam Rose
  • selfh.st
  • Shtetl-Optimized
  • Simon schreibt
  • Slashdot
  • Small Good Things
  • Taylor Troesh
  • Telegram Blog
  • The Macro Compass
  • The Pomp Letter
  • thesephist
  • Thinking Deep & Wide
  • Tim Kellogg
  • Understanding AI
  • 英文媒体
  • 英文推特
  • 英文独立博客
©2025 搞英语 → 看世界 | Design: Newspaperly WordPress Theme