---
url: https://sugarat.top/weekly/2024-05-19.md
description: >-
  ① npmmirror 下线 unpkg 服务 ② Mako - 又一基于 Rust 的构建工具 ③ Icônes - 图标集合检索 ④
  go-masonry-gallery - 图片瀑布流页面生成 ⑤ Color Pick - 在线从图片中提取颜色的 ⑥ 制作 CSS 形状的现代指南 ⑦
  针对前端初学者的项目合集 ⑧ Jan - 本地运行大模型客户端
---

# 视野修炼第84期 | Mako

欢迎来到第 84 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

\[\[toc]]

**​也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）**

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

## 🔥强烈推荐

### [1. npmmirror 下线 unpkg 服务](https://zhuanlan.zhihu.com/p/633904268)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/c635042d0d4e1c64d155a4f5304b1fb0)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/f155a5c90d7a56beda1a2de137f5f758)

包 [lyq2](https://www.npmjs.com/package/lyq2) 还在 npm 上。

上线还不到 1 年就黄了。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/a907aca3999ca1f9b944b5e861b12174)

*前有武林外传，后有庆余年2，被灰产搞黄了，可恶* 😠💢

当然官方还提供了一个白名单 [cnpm/unpkg-white-list](https://github.com/cnpm/unpkg-white-list/tree/master)，如需使用，可 PR 添加需要的包。

## 🔧开源工具&技术资讯

### [2. Mako](https://makojs.dev/) - 又一基于 Rust 的构建工具

蚂蚁出品，当然目前还处于[内测阶段](https://mp.weixin.qq.com/s/tWEwLGvAL4FNxemtNC5HVQ)，源码还未开放。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/8e4fef9962925c22c26799de82914f6b)

快速体验：`npm create mako`

![](https://cdn.upyun.sugarat.top/mdImg/sugar/3dcfe56f24dc1d5df145cc713ce28f7d)

*继续卷 Rust，看看下半年还有哪些玩家参与。*

### [3. Icônes - 图标集合检索](https://icones.js.org/)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/6df13b3f8823ca3b4da5e8f24e6f4391)

可以快捷的生成各种框架的代码片段。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/4b64f6e94c3172b3e1dddeb0e61ead8c)

*收藏就对了！！*

### [4. go-masonry-gallery](https://github.com/dominickp/gall) - 图片瀑布流页面生成

自动扫描目标目录，生成预览页面的 CLI 工具。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/714bc4d9bee21a631ea911b2fbf4b4e4)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/8a92fa64f56d418610fe5c54e5a50be3)

### [5. Color Pick](https://imgcolorpicker.vercel.app/) - 在线从图片中提取颜色的

![](https://cdn.upyun.sugarat.top/mdImg/sugar/aa9923ad7107edf3c39339a9a256fbda)

一个在线取色的工具

## 📚 教程&文章

### [6. 制作 CSS 形状的现代指南](https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes/#hexagons)

用尽可能最小和最灵活的 CSS 代码创建常见形状。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/d5caac2a4794767bc71c7827be936a81)

主要使用 `clip-path` 属性和 `polygon` 函数。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/0e89a8415adf96756e5c47400ea6787a)

### [7. 针对前端初学者的项目合集](https://www.jisan.io/dom-projects/)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/6421493d6ce859b5ca5e3a4fccc36c9a)

都是原生的HTML/JS/CSS 实现，可以为初学者带去灵感。

*快分享给你的初学者朋友。*

## 🤖AI工具&资讯

### [8. Jan - 本地运行大模型客户端](https://github.com/janhq/jan)

100% 开源的软件。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/ef5a4f79be7194a5078befb2a7becb97)

可以很方便的导入外部第三方的离线模型。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/d0f8b0661cd97f66a266f9f5ac931260)

当然也支持例如 GPT 等在线调用的模型。

## 😛趣图

![](https://cdn.upyun.sugarat.top/mdImg/sugar/86b14d7f0e63520b315811bdb64f22ed)

***

篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）[移步博客](https://sugarat.top/weekly/index.html)

## ⭐️强力推荐关注

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [云谦：MDH 前端周刊](https://sorrycc.com/mdh/) - 前端资讯和分享
* [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭
* [前端RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [值得一读技术博客](https://daily-blog.chlinlearn.top/) - 每天进步一点点，每天分享有料的技术文章！
* [FRE123 技术周刊精选](https://www.fre123.com/weekly) - 前后端技术周刊精选推荐信息流