Lite Page - 一个简单美观的个人主页模板

最近闲着无事,把自己的小破站升级了一下,顺便也开源了供大家学习使用。

演示站点:https://yzcf.top

开源地址:https://github.com/yuanzui-cf/lite-page

fork 以后可以直接去 vercel 部署。当然你也可以 clone 仓库,自行 build 完放服务器上。

目前就做了一个博客文章,有时间再搞点其他功能吧。

在开始前记得删除多余的统计代码和页脚代码

设置

博客文章

你只需转到 index.ts,更改 getPosts() 中的 url 即可。大多数时候该功能会起作用。然而,还有一些其他 XML 格式与我测试过的不同。所以你可以自己改变 page.ts 。如果您不熟悉 TypeScript 或 JavaScript,可以在 Github 上提 issue。注意到您的问题后我会帮助您。

链接

在 index.html 中按照样例改动 <div class="group" id="links"></div> 中的内容。模板默认带有 fontawesome 图标库,如有需要直接插入即可。

在更改完 index.html 后,在 index.ts 的 setLink() 中修改链接。其中,id 对应 index.html 中按钮设置的 id。如果模板中有多个相同的 id,则只给第一个 id 注入链接。

其他功能

在做了在做了

Copyright © 2023-2026 Leo Jia.

Powered by Nayuta. Designed by Leo Jia.