#RePost #DevOps 搭建了一个简约的个人门户网站

前言

起因是在之前发帖求助大家有没有类似的门户网站，v 友们很给力，推荐了很多开源/非开源的门户网站。 最终找到自己比较喜欢的 2 款风格：

● https://bento.me/en/home ● https://jingle.bio/zh-Hans/

这两个网站是专门做个人品牌页面的，我很喜欢他们的风格。因为页面看起来很简单，所以周末就模仿着搭建了一个

网站信息

个人网站首页： https://1874.cool/

技术栈： NextJs+ tailwind + shadcn-ui + Vercel 部署

框架我用的是 shadcn-ui 提供的模板网站：next-template，并基于 frontend-nav 改造而来

因为数据源不多，使用本地 JSON 数据维护该网站列表

适配了手机、平板、电脑的样式，主题色会默认跟随系统

网站信息及源码全部开放：

● 首页： https://1874.cool/ 个人门户，聚合自己的其他网站。网站源码 ● 个人博客： https://blog.1874.cool/ 使用 Notion + NotionNext + Vercel 部署，网站源码 ● Elog: https://elog.1874.cool/ 自己开发的开放式跨平台博客解决方案工具。基于 语雀 & Notion & FlowUs （息流） &飞书云文档 四平台在线写作，部署在 VitePress & WordPress & Halo ，使用 Elog 进行文档同步，Github Pages 部署。网站源码 ● 导航页面： https://webnav.1874.cool/ 每个 V 友都有的导航页。基于此 frontend-nav 仓库，部署在 Vercel 上。 网站源码 ● 近期动态节选自我的个人博客

个人门户网站后续会尽量复刻这两个网站的功能：

● https://bento.me/en/home ● https://jingle.bio/zh-Hans

例如对接 Twitter/Github 等一些简单的功能，展示更多和个人品牌相关的卡片

https://www.v2ex.com/t/997342

source

bento.me

Bento - A Link in Bio, but Rich and Beautiful.

Create a beautiful personal page to show your audience everything you are and create - in one link.