静态博客之路之一

文章

最近一直在折腾静态博客,鉴于自身性格原因,有点小小的强迫症,把所有的能找到的程序全部试了一遍,从Hexo,Hugo到最后确定了Astro。中间一些小众一点的静态动态博客基本上全部试了个遍。最终敲定了用Astro来搭建自己的博客。

搭建自己的静态博客这个想法,起源于最早 Halo Pro 用的一个主题—Vapor。很喜欢它的颜值、交互动态和功能,我开始溯源它的历史,最后找到了Cali 的个人博客,并跟随他的教程,把他的博客变成自己的博客。知道了 GitHub、Vercel、Sanity.io、Clerk 等等。知道了免费部署,数据库,CMS。 只是有点过于麻烦,由于我没有一点代码和编程的基础,能自定义的东西太少,只剩好看了。所以开始寻求其他途径来实现。

1.Hexo

Hexo是一个快速、简洁且高效的博客框架。使用 Markdown解析文章,把用户的markdown文件,按照指定的主题解析成静态网页。

Hexo试了几个主题,从Paper、Butterfly到Fluid。最终敲定了Paper来练手,开始优化和设置。慢慢学会了怎么用命令,怎么设置个人信息,怎么设置主题样式,编辑信息,增加内容和页面。
695513664f2d7.webp
每天DeepSeek和豆包换着用,问完了再复制到VScode,然后用 GitBash 接着构建和测试。有错误再复制到豆包里,等着答案,一把辛酸泪,我也是醉了。自己玩的不亦乐乎,玩的颈椎都疼,那叫一个酸爽,填满了所有空闲时间。

Hexo的优点是命令简单,配置也简单,我对构建速度没有要求,所以感觉构建速度也还可以。缺点是不能经常折腾,换主题相对有点麻烦。

2.Hugo
Hugo只是把程序安好了,自始至终没有把主题安装配置好。豆包之类的也帮不了我。试了好几次,只要往下走几步必崩溃。没有一次是完全配置好正常显示的。这里就不再赘述了。

3.Astro

Astro 是一个现代的 JavaScript 框架,专注于创建高性能、内容丰富的网站。它通过静态站点生成(SSG)和服务器端渲染(SSR)能够快速加载内容,特别适合博客、文档和营销网站等场景。

Astro感觉跟乐高差不多,可以把自己需要的模块和组件按自己的喜好组装起来,实现自己想要的内容和效果。整体是拼积木一样的感觉。把Astro的主题基本上都浏览了一遍,试了好几个主题。

一开始用 Astrogon 主题,比较喜欢那种半透明,磨砂玻璃的质感。但是用的框架和组件不太一样,经常出错。一直到这个阶段还是在 DeepSeek 和豆包。所以就把这个主题暂时放弃了。因为对于我这样的技术小白,稍微加点难度,我就整不了了。
6987d77997275.webp
695513665a34b.webp

后来无意间逛博友的友链,发现了 uxiaohan 的 vhAstro-Theme 主题,整个一个小清新,我需要的功能和模块都有。进一步的了解和熟悉了 Markdown。全部的设置和信息都在一个设置文件中集中配置。至此终于有了一个完整的,符合自己想法的博客主题。
6987d77997081.webp

《静态博客之路之一》

20 位吃瓜群众
40 条热评
  1. 沙发 旺东 不朽星钻 时间 5天前 macOS macOS Edge Edge
    PHP 已死
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @旺东 没死呢,还得继续用啊
  2. 板凳 obaby 不朽星钻 时间 5天前 Windows Windows Chrome Chrome
    有时候我都想自己搞一个了,哈哈哈 现在用的wp静态化,勉强还行。
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @obaby WP静态化?这又是什么新鲜玩意
      1. obaby 不朽星钻 时间 3天前 macOS macOS Chrome Chrome
        @菲克 https://zhongxiaojie.cn/2026/01/270/ wp也可以静态化,基于插件的,基于各种技术的,我是基于openresty的。
  3. 地板 J.sky 时间 5天前 iOS iOS Safari Safari
    Astro 不错,静态博客首选,下次重构我一定是Astro+react+tailwind
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @J.sky 嗯,这个架构也是最流行最好用的
  4. #4 李的日志 英勇黄金 时间 5天前 Android Android Chrome Chrome
    静态网站我觉得也很不错,下次我得学习搞来玩玩
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @李的日志 玩玩挺好,现在的站做主站
  5. #5 ymz316 不朽星钻 时间 5天前 Linux Linux Firefox Firefox
    学习能力很强!这些静态的我都没去尝试过,感觉有点落伍。
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @ymz316 瞎玩,空闲了折腾一下
  6. #6 花非花 不朽星钻 时间 5天前 Windows Windows Chrome Chrome
    现在用静态的越来越多了啊
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @花非花 是啊,不过人家的静态都整的太好了
  7. #7 fengc's Blog 英勇黄金 时间 5天前 Windows Windows Edge Edge
    可选择的折腾东西太多了,折腾需要技术和动手能力,我就不折腾了哈。
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @fengc's Blog 玩票还可以,没有那么专业
  8. #8 小彦 英勇黄金 时间 5天前 Linux Linux Firefox Firefox
    换博客玩有新鲜感,说不定下一个博客程序更好用呢
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @小彦 我每一个博客程序都想试试,包括简笔记
      1. 小彦 英勇黄金 时间 3天前 Android Android Chrome Chrome
        @菲克 哈哈,那欢迎
  9. #9 Yang 不朽星钻 时间 5天前 Windows Windows Edge Edge
    折腾无极限😁
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @Yang 学习无止境
  10. #10 Hary 不朽星钻 时间 4天前 Android Android Chrome Chrome
    搞定了嘛,我也一直想转,之前折腾hexo和hugo都太复杂了,换主题啥的都难住了
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @Hary 暂时没有什么大问题,除了文章的内容,哈哈
  11. #11 皇家元林 不朽星钻 时间 4天前 macOS macOS Safari Safari
    看到很多博友都转静态博客了,我也试过,不过现在没精力折腾了
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @皇家元林 空闲时间慢慢折腾呗,练练手
  12. #12 萧邦 时间 4天前 Windows Windows Chrome Chrome
    vscode可以用通义灵码的插件,不过从聪明程度上来说不如copilot带的甲骨文和gpt好用
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @萧邦 这些我都没用过,哈哈 暂时只用的Trae
  13. #13 土木坛子 热血青铜 时间 3天前 Windows Windows Chrome Chrome
    你的网站的访问速度似乎好慢,不知是不是我这边的问题。
    1. 菲克 菲克 时间 3天前 Windows Windows Edge Edge
      @土木坛子 我这边暂时速度还可以,没看出来
  14. #14 网友小宋 不朽星钻 时间 3天前 Windows Windows Edge Edge
    阿里站估计就剩一年的续费了,到期直接转阿里静态托管了。
    1. 菲克 菲克 时间 2天前 Windows Windows Edge Edge
      @网友小宋 vercel最近速度有点太慢了
  15. #15 织梦岁月 英勇黄金 时间 3天前 Windows Windows Chrome Chrome
    真不错呀 ,我也想学习学习
    1. 菲克 菲克 时间 2天前 Windows Windows Edge Edge
      @织梦岁月 简单,跟着豆包走
  16. #16 刘郎 英勇黄金 时间 2天前 Linux Linux Chrome Chrome
    静态站点唯一的好处就是快 然后就是支持全站实时搜索 我的个人观点😂
    1. 菲克 菲克 时间 2天前 Windows Windows Edge Edge
      @刘郎 我不懂,就是图个乐,好玩
  17. #17 李锋镝的博客 英勇黄金 时间 2天前 macOS macOS Chrome Chrome
    厉害了厉害了
    1. 菲克 菲克 时间 2天前 Windows Windows Edge Edge
      @李锋镝的博客 比起你们差远了,我就小白一个
  18. #18 Vind 热血青铜 时间 2天前 macOS macOS Chrome Chrome
    我总感觉你们比我折腾的多的多了
    1. 菲克 菲克 时间 2天前 Windows Windows Edge Edge
      @Vind 瞎折腾着玩呗,哈哈
  19. #19 静风说 时间 7小时前 Windows Windows Edge Edge
    静态博客这几年很火啊
    1. 菲克 菲克 时间 7小时前 Windows Windows Edge Edge
      @静风说 我这也是乘着AI的东风,瞎折腾呢,哈哈
正在加载评论...
所有评论已加载完毕
发表你的评论
欢迎交流观点,保持礼貌与理性。