wutong233/jizhi-m

A Chrome extension with custom new tab page featuring Chinese poems and P5.js enabled noise waves in traditional Chinese colors

几枝-M | Jizhi-M

支持自定义新标签页的 Chrome 扩展，几枝将在新标签页上展示**传统色的层叠波浪动画效果搭配经典诗词。

这是一个很稚嫩的修改版本,建议使用原版获得最佳体验.

A Chrome extension with custom new tab page featuring Chinese poems and P5.js enabled noise waves in traditional Chinese colors

原版功能更改请查看更新日志

相关创意编程（Creative Coding）教程（原作者@unicar9参与）

文字版课程搭配 Web IDE，实例多多，干货多多。很可能是中文全网 p5.js 最系统最实用的教程了。对编程和 Web 开发有兴趣的同学可以学学，应该会有不一样的体会和认识，也欢迎帮忙宣传一下：）

• p5.js 创意编程之旅 - 蓝桥云课

我和国内首次 Processing 社区日的组织者之一 Ye Qianqian 也合作录过两个《几枝》相关的迷你视频教程：

• Guest Tutorial #1: p5.js Noise with Unicar - Youtube | bilibili
• Guest Tutorial #2: Noise Waves in p5.js with Unicar - Youtube | bilibili

Jizhi-M 修改内容

• 替换全部 CRLF 为 LF , 解决 build 报错问题
• 默认字体更换为 霞骛文楷
• 添加 DogeDoge搜索引擎
• 去除 Firefox构建
• 添加 // eslint-disable-line no-unused-vars 以解决 build 报错问题
• 跟进 几枝 | Jizhi 最新更改
• 添加 #66ccff , #ee0000 , #9999ff 三种死宅 Wave 配色

---

使用方法： Chrome/Edge 本地装载

Chrome:

• 下载最新的 release 打包文件并解压

• 地址栏输入 chrome://extensions/ 进入插件管理页面

• 打开右上角开发者模式（Developer mode）

• 点击左上角 Load unpacked 按钮并选取解压得到的 文件夹

• 「几枝-M」装载成功，打开新标签页试试吧

Edge:

• 下载最新的 release 打包文件并解压
• 地址栏输入 edge://extensions/ 进入插件管理页面
• 打开左下角开发人员模式
• 点击右上角 加载解压缩的扩展 按钮并选取解压得到的 文件夹
• 「几枝-M」装载成功，打开新标签页试试吧

开发

克隆 git clone

运行 yarn

运行 yarn build

生成 builds 文件夹(仅包含 Chrome 的 build 文件以及压缩包)

切记：应使用 LF 而不是 CRLF

示例

鸣谢

• 默认使用的字体为霞骛文楷
• 使用的字体为方正金陵系列的金陵细简体。
• 层叠的波浪动画效果是利用P5.js实现的。
• 诗词名句调用使用古诗词·一言 API。
• **传统色名称及色号参考了以下来源：
  • **色－**传统颜色
  • Traditional Chinese Colors | **传统颜色
  • **传统色彩
  • 最全！超美**传统色 含 RGB、CMYK 色值！值得收藏！

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Arthur Zheng 💻 🤔 🐛 🎨

xnng 💻

This project follows the all-contributors specification. Contributions of any kind welcome!