your pokemon for today

你今天的神奇宝贝

这是一个不错的小画廊网站，展示了今天的插图，即Rad KC Green一直在他的Twitter和Tumblrs上发布。

它确实不需要存在，但是确实如此！

在Webby End上，它使用LightGallery.js用于LightBoxy东西。

在Buildy End上，它使用GraphicsMagick进行节点为每个插图生成缩略图，用于模板的Nunjucks和Gulp（以及整个Gulp插件）一起将整个内容绳之以道。

该网站本身可在https://yourpokemonfor.today/上进行浏览。

存储库有点愚蠢，因为它包含大量图像数据（现在和过去）。对此很抱歉。

自己建造

所以你想成为一名数码兽大师吧？？？？这是在您自己的计算机上构建此站点的版本的方法（如果您正在运行Mac OS X）：

1. 获取此存储库的副本（通过克隆或下载ZIP副本并解压缩）

2. 确保已安装了node.js和纱线（请访问package.json在engines下的所需版本），以及自制版本

3. 安装GraphicsMagick：打开命令行界面并运行brew install graphicsmagick

4. 安装项目的依赖项：在您的命令行界面中，导航到项目文件夹并运行yarn

5. 从源文件构建站点：在同一文件夹中，运行yarn build 。当您看到Finished 'default'并将命令提示符后，该网站就完成了。

   • 此命令构建站点并处理所有站点的图像，因此第一次运行时可能需要一段时间（最多十分钟）。随后的构建将更快。

6. 查看“构建”文件夹 - 有您的网站！哇！

7. 要在Web浏览器中打开网站，您需要在“ build”文件夹中运行Web服务器 - 这是我在Mac上最喜欢的简单方法。

dat是它！如果进行任何更改，请再次运行步骤5以构建网站的新版本。然后，请随时提交您的更改请求！协作很有趣。

托多

也许您想帮助我做这些事情？？？

• 添加一个仅显示KC的映像（也许只显示他没有做的图像）的过滤选项吗？

• 添加一个选项以按日期排序

• 在源文件更改时自动重建相关的构建文件，将“观察”任务添加到Gulp配置中