背景

在之前的文章中,我提到了,本站的设计源于 张洪 Heo 博客,我将其延伸主题移植到了 Zola 框架,并且由我移植的主题目前已在 GitHub 开源。

而出自 张洪 Heo 之手的,除了博客网站以外,还有个人主页网站,同样设计美观、交互大气,并且开源。因此,我也对这个主题进行了移植,现已正式在 GitHub 开源,命名为:Homepage Creators

之所以选择移植主题而不是直接使用上游开源项目,是因为上游项目采用的是纯静态 HTML 技术。这种技术对于用户来说,修改起来比较麻烦,且容易出现错误,而后续维护的次数虽然不会多,但是心智负担较重。如果恰巧用户缺少 WEB 开发方面的技能,那么使用过程就更加困难了。

因此,我决定将上游项目移植到 Zola 框架,同时在移植过程中进行了一些优化,使得用户使用起来更加简单。用户只需要在配置文件中配置一些基本信息,就可以轻松地搭建出一个个人主页网站,而无需了解编程技术,除此之外个人主页也可以基于免费的托管服务实现 0 成本运行

命名

移植的过程顺风顺水,但是在移植完成后,我却遇到了一个问题,那就是如何命名。

之前,为了解决令人头疼的起名问题,我已经将开源博客主题命名为:zola-theme-jiaxiang.wang,因此,这次开发的个人主页主题,我必须认真思考一个名字了。

我认为,个人主页的作用是展示自己的成果、作品、技能、经历等,逐渐建立起个人品牌。主要面向持续创作新事物,向社会输出有价值的新内容的人们,而他们,可以被统称为创造者。因此,我最后将主题命名为:Homepage Creators,意思是为创造者而生的个人主页。

功能

目前,我完成了所有功能移植,可以在 Zola 框架中使用。

本主题对上游项目的关键变量进行了抽取,形成了 5 个关键内容板块,能够灵活配置并动态渲染最终页面。

除了基本功能,我还添加了一些最佳实践方面的优化,例如图片格式自适应(提高速度,节省流量)、页脚年份实时更新(让访客认为网站一直在维护)等,让主题不仅能用,而且好用

具体功能如下:

  • 基本功能
    • 移动端自适应
    • 动画滚动
    • AVIF / WebP自适应
    • 页脚年份实时更新
    • 访问量统计
    • 导航菜单
  • 内容板块
    • 首屏板块
    • 作者板块
    • 事件板块
    • 产品板块(独立)
    • 产品板块(清单)
  • 日常运营
    • 置顶通知
  • 合规
    • ICP备案

本主题使用简单,只需修改config.toml文件即可动态调整内容。无需像上游仓库一样修改 HTML 内容,极大降低用户的心智负担。

主题移植完成后,第一个用户自然是我自己。目前我的个人主页 https://www.jiaxiang.wang 正在使用该主题,欢迎大家访问体验。

关于该主题的具体使用说明,请移步代码仓库 https://github.com/iWangJiaxiang/Homepage-Creators

主题效果如下,更多截图在文章最后。

主题截图

未来

这个项目的初衷是帮助更多人轻松地建立属于自己的个人主页,特别是那些对技术不太熟悉的用户。

接下来我会持续优化主题,提供更多的功能,如果你对个人主页有任何建议或者意见,欢迎在评论区留下你的见解。

期待这个项目可以成为你建立个人品牌的第一步!

截图

以下截图来自我的个人主页,可以作为参考,也可以作为你的个人主页的启发。

首屏截图

首屏截图

单独版块截图-博客

单独版块截图-博客

单独版块截图-作品

单独版块截图-作品

列表版块截图

列表版块截图

事件版块截图

事件版块截图

代码仓库 https://github.com/iWangJiaxiang/Homepage-Creators