柠檬起始页（Lemon Tab Page）

一个非常简约的仿青柠起始页的新标签页实现。

安装

目前插件已在 Chrome Web Store 、Microsoft Edge 加载项 和 Firefox Browser Add-Ons 上架

你也可以 Clone 下来手动 Build 一份来使用

特性

• ⚡ 加载迅速
• 🔝 展示最常访问的网站或自定义快捷方式
• 🎨 基本复刻青柠起始页的部分 UI 及动画
• 🖼️ 自定义壁纸或使用 Bing 每日一图
• 🕹️ 切换搜索引擎、多种搜索建议来源
• ⚛️ 开放源代码

Note

更多功能欢迎 PR，提 Issue 不一定会实现噢

为什么会有这个插件？

主要有以下几个原因：

1. Chrome 把默认搜索引擎改成非 Google 后新标签页就没有搜索栏了，并且没有壁纸比较寡淡
2. Chrome 改成 Bing 搜索引擎后和 Edge 一样新标签页变成了 Bing 首页，多余的按钮、新闻等文字让我很不爽，而且搜索栏和快捷方式都很靠上，一点都不好用
3. 我个人很喜欢青柠起始页的外观，然而青柠起始页是一个网页并不是浏览器插件，不支持展示经常访问网站，而我个人更习惯直接打开经常访问的网站
4. 青柠起始页把快速访问放在了二级页面，而我更喜欢在新标签页中直接打开常用网站，虽然可以默认进入二级页面但是就看不到搜索栏了

但是青柠起始页不是个开源项目不好魔改，所以我决定根据自己需求模仿一个。

听闻青柠起始页准备重构并且添加新功能了，也许新版会满足我的需求，然后就停更了呢？（笑

对比

根据个人需求开发所以很多功能都没有，但欢迎 PR（提 issue 不一定会实现）

主要功能	柠檬起始页	青柠起始页
最常访问网站	✅	❌
自定义壁纸	✅	✅
深色模式	✅	✅
视频壁纸	❌	✅
一言	✅	✅
自定义快速访问	✅	✅
便笺	不计划支持	✅
设置同步	暂不计划支持	✅
天气	不计划支持	✅
个人项目推广	❌	✅

浏览器兼容性

浏览器	支持	说明
Chrome	✅	Chrome 96 及更高版本
Edge	✅	Edge 96 及更高版本
Firefox	✅	Firefox 63 及更高版本

预览

点击展开图片

开发（Development）

本项目使用 Vue 3 + Vite 4 + TypeScript + Element Plus 开发。

Note

本人没系统学习过 HTML / CSS / JS / TS / Vue，代码质量可能不高，欢迎提 Issue 和 PR

构建（Build）

如果你使用 Chrome 浏览器（For Chrome）

git clone https://github.com/Redlnn/lemon-new-tab-page.git
cd lemon-new-tab-page
pnpm install
# pnpm dev  # 运行开发环境，会启动一个独立的浏览器
# 构建
pnpm build  # 构建为（未压缩的）Chrome 扩展
pnpm zip  # 打包 Chrome 扩展

如果你使用 Firefox 浏览器（For Firefox）

git clone https://github.com/Redlnn/lemon-new-tab-page.git
cd lemon-new-tab-page
pnpm install
# pnpm dev  # 运行开发环境，会启动一个独立的浏览器
# 构建
pnpm build:firefox  # 构建为（未打包和签名的）Firefox 扩展
pnpm zip:firefox  # 打包 Firefox 扩展

鸣谢

• 青柠起始页

  柠檬起始页的模仿对象，模仿了布局和动画，参考了部分 CSS

• Light Tab Page 轻标签页

  自定义壁纸储存的实现来源