徒手撸个 Web 版的小组件库，干掉苹果小组件~ ﾚ(ﾟ∀ﾟ;)ﾍ=3=3=3

[TristanYang]

苹果的小组件已经出来相当一段时间了，一直想做一个 Web 版本的。
初始想法：页面上所有功能区块均是小组件，可拖拽，可增删改，可定义大小，甚至可以独立访问。

经过将近一个月的打磨迭代，终于有点眉目了。✿✿ヽ(°▽°)ノ✿

目前积累的小组件：
搜索：支持百度，谷歌，必应
导航：快速添加感兴趣的网址
国内疫情：快速了解国内每日疫情概况
热搜类：微博，知乎，豆瓣，公众号
天气：全方位，多角度，提供天气信息。
每日系列：诗词，一言
国际时钟：便捷查看多个时区时间，最多支持添加三个。
GitHub：需授权
必应壁纸：快速浏览与下载必应高清壁纸
科学计算器
等等...

P. S . 虽然做了移动端适配，但是 PC 访问体验应该更好些。目前只是实现了部分想法，有些地方体验还不够好，比如拖拽排序。还会继续迭代，丰富组件库，完善文档，后期可能的话，制定小组件的开发流程，让有兴趣的开发者参与进来，如果做到这一步，事情就开始变得有趣起来啦~ 😄

访问地址： https://nicegoodthings.com/ （使用不爽的地方，可以通过页面右下角反馈）

开源地址： https://github.com/Privoce/Portal-Lite-China
欢迎 star，多多支持~

应留学华人朋友的要求，新增一个小组件：美国新冠疫情概况。长得和国内那个差不多，为了区别，加了个美利坚国旗背景😂。

感谢大家反馈，更新了一个版本，修复了很多小问题，新增了一个站点设置功能：导入导出本地数据，通过必应壁纸小组件设置的站点背景图，原来是没有入口重置回去，现在终于有啦，当然，还有一键还原初始状态，建议还原前，可以先导出本地数据备份。

由于现在没有用户体系，建个微信群，方便大家反馈问题：

最近更新：
重构：本地存储代码逻辑，更具维护性和可扩展性。
新增小特性：最近新加的组件，在组件库弹窗每一项左上角会有’new‘标识，方便快速识别。
新增小组件：历史上的今天。

新增夜间模式：

新增小组件：亲戚关系计算器

简单做了个谷歌浏览器插件版本：
https://chrome.google.com/webstore/detail/portal-china-%E6%9C%89%E7%82%B9%E4%B8%9C%E8%A5%BF/ccegbnlnelhgaefimiaklaindffpfcmh?hl=en&authuser=0

有需要的同学可以自取~

最近新增功能：
借助第三方，authing.cn ，简单搞了搞账号，可以通过右下角登录体验~

后续会把一些个人设置，同步到账号数据里

新增小组件：我的日程
目前仅支持谷歌日历，使用谷歌日历来规划行程的朋友可以尝尝咸淡了哈~

[TristanYang]

还可以单独访问组件，比如世界时钟组件： https://nicegoodthings.com/widgets/timezone-clock

[Xuyiyang23333]

感觉小组件部分配合 Wallpaper Engine 使用会很不错。

[reiji]

设计的都好漂亮，偷几个组件放博客里

[kassadin]

👍

[TristanYang]

@Xuyiyang23333 专门搜了下 Wallpaper Engine 是啥，意思是针对 Wallpaper Engine 出一个小组件？有接口就好说🤣

[TristanYang]

@reiji 是通过 url 直接引用吗？方便贴出来博客地址吗，后期我想举一些小组件第三方使用示例~

[Summerdx404]

挺不错，支持下。可以考虑加个暗色主题吗？

[TristanYang]

@Summerdx404 安排！欢迎去 https://github.com/Privoce/Portal-Lite-China 提 issue

[jfhufhf]

很好呀 要是支持自定义壁纸 或者自动更新壁纸就好了

[fengc]

貌似只能添加，不能移除已经添加的小组件

[imaple]

所以有单独 webview 的小组件么, 然后地址填楼主的?

[TristanYang]

@fengc 可以的哈~ 每个小组件 鼠标 hover 上去 右上角有三个点 里面有移除选项~

[TristanYang]

@imaple 不太清楚啥意思 是指单独访问某个小组件吗 如果是这样 可以的 通过右上角三个点=》新页面打开，就是独立的小组件地址了 比如 ： https://nicegoodthings.com/widgets/wb-hot 这个是微博热搜小组件地址

[TristanYang]

@jfhufhf 设置页面壁纸功能在 必应壁纸 小组件有，目前功能还不是很完善，比如设置壁纸后，没地方还原🤣。自动更新壁纸，不知是不是指整个页面自动更新壁纸？

[assclb]

🇨🇳 国内新冠疫情概况， 国旗与文本之间建议加个间距

[TristanYang]

@assclb UI 设计师吗？哈哈哈 没关系，安排！

[cmlanche]

有点东西

[meepo3927]

很强

[niub]

不错啊，我就喜欢长得好看的[狗头]

[TristanYang]

@niub 不仅好看 有些小组件 还是个实力派哦~

[fuchunliu]

点亮再看

[morizawatt]

投影太脏了

[dongshufeng]

挺漂亮，有内味了

[icyalala]

以前 OSX Dashboard 的 Widget 也是前端技术，也能放桌面，可惜后来没了。

[TristanYang]

@morizawatt 额.... 是指小组件边框的阴影吗？

[morizawatt]

@TristanYang 对 可以去追啵看看投影怎么做的

[crab]

API 是第三方嘛

[iSteven]

我去，一段时间没关注美国新冠新闻，再一看，死亡人数居然飙到 40w+ 了，看来懂王当初说“能把死亡人数控制在 10w 到 20w 就表示防疫工作做得很不错了”确实不是开玩笑呀。

[TristanYang]

@crab 有一部分是直接用的第三方，比如一言，美国疫情，大部分都是自己写的 API🤣

[TristanYang]

@iSteven 是的 我也吓到了...还检查了下数据对不对😳

[ijrou]

挺好的，细节优化，初次打开和反复打开的速度优化下就完美了。。。

[TristanYang]

@ijrou 多谢鼓励！ 持续优化！

[guodong110]

有点东西，好看

[cs3230524]

文艺复兴吗，让我想起上世纪的 extjs 桌面。。。

[TristanYang]

@cs3230524 太阳底下，无新鲜事😄

[musi]

已 star
提个小 bug： 壁纸全屏模式下打开就很糊，糊到看不清

[TristanYang]

@musi 感谢反馈，我复现了，今天修复下😄

[maemolee]

有个软件叫 übersicht，专门给 mac 加桌面 widget 的，你可以搜搜看？

[aulay]

好看，已 star

[TristanYang]

@aulay 谢谢资瓷~ 😘

[oyx]

很不错 试试

[TristanYang]

@maemolee 多谢反馈 我好好看看这个产品

[TristanYang]

@oyx 多谢肯定 网页只是第一形态 后续还会做其它形态

[Jetry]

挺好，star+1

[TristanYang]

@Jetry 多谢肯定~ 😘

[TristanYang]

@musi 你好 这个问题修复啦~ 我试了下，应该好了~

[musi]

@TristanYang 可以是可以了，不过你这壁纸的组件全屏不考虑一下占满电脑屏幕么

[janda]

现在刷个 V2EX 质量都这么高了吗

[janda]

很漂亮、可不可以添加一个可选的背景图片呢，感觉看起来有点单调缺点什么一样！背景图案、图片什么的，要是有毛玻璃效果这样的最好了！

[TristanYang]

@janda 现在的 V2EX 评论质量都这么高了吗？哈哈哈~

[TristanYang]

@janda 意思是：上传用户本地的一个图片来做页面背景？毛玻璃的效果应该好一点，我研究下落地。追加了个用户群，有兴趣可以加入，一起把这个产品变得更好~ 😄

[fatelight]

能兼容其他脚本就好了，比如 scriptable

[Liler]

有些组件加入简单介绍会好一些

[imaple]

@TristanYang 我的意思可以通过 webview 的小组件, 把 web 的小组件加到 ios 桌面上么

[TristanYang]

@Liler 那个组件库弹窗有小组件介绍，对于一些交互比较复杂的小组件，确实需要点文字引导，不过把这个介绍放在哪个环节，有好的建议吗？😄

[Vkery]

右上角勾选组件的时候 能不能先批量选择以后再手动关闭 而不是选一个 自动就关掉了选择界面
当我想选多个的时候 就得反复打开选择界面

然后选择菜单弹窗 建议支持 鼠标点击弹窗外的区域 自动关闭 而不是必须手动点击 x

[TristanYang]

@Vkery 谢谢 非常好的建议 我考虑放在下次迭代里~

[tsvico]

好看啊，star+1

[Lukedis]

@reiji 不建议使用，没有 license

[cydian]

@TristanYang 再发个微信群二维码吧

[TristanYang]

@cydian 加我 V 拉你入群 yanggc_2013

[mywaiting]

这货让我想起好多年前的 iGoogle 自定义首页……

果然，无论什么时尚圈还是设计圈，圈里呆久了几乎都是一个轮回

[RyuZheng]

亲戚关系计算器有点问题呀，姐姐的夫，那里是灰色的，点不出姐夫呀

[TristanYang]

@RyuZheng 感谢反馈~ 今天我修复下 🤣

[TristanYang]

@RyuZheng 修复了哈~

[noming]

@TristanYang 世界时钟能不能自定义其他城市？

[TristanYang]

@noming 可以，通过小组件的右上角三个点下拉设置进去，可以调出来设置界面，选择其它城市。不过，目前是写死了几个城市，后期可以改成搜索添加城市。

[yhz610]

不错的产品，页面很漂亮。移动端组件列表点开后无法关闭呀？

[miaoda]

小组件很棒，等个自定义背景，或者用必应每日壁纸做背景也行

[yhz610]

大佬，有微微群吗，拉个

[differentPlayer]

之前委托阿里云购买 youdiandonxgi 域名的客户不会是你吧 2333

[Exia]

点击右上角添加未添加组件，mbp 13 会看不到右上角的关闭按钮，得缩小才看到。

[TristanYang]

@yhz610 加我 V yanggc_2013

[TristanYang]

@Exia 感谢反馈 我想办法优化下：点击空白处 也能关闭弹窗

[TristanYang]

@differentPlayer 2333333 并不是...

[TristanYang]

@Exia 你好 已修复反馈的问题 现在点击空白处 也能关闭弹窗