机器翻译正文由机器翻译自项目原始文档（英文），排版经程序统一处理，可能存在偏差，请以原项目仓库为准。

摄影

📷 原文此处有图片，请前往 GitHub 仓库查看完整内容。

一个为摄影师设计的 Jekyll 网站

亮点

1. 轻松设置，你就可以拥有自己的网站，而且是免费的。也不用支付任何网站托管费用。
2. 要添加新图片，你只需上传它们。无需修改代码。
3. 还有，我最喜欢的是，当你点击任何图片时，你可以自动看到EXIF数据，如光圈、快门速度、ISO等。此外，你可以根据自己的需求自定义这些功能。

快速开始

如果你对技术略懂一二并且喜欢拍照，那么这个开源项目可能会帮助你轻松搭建一个展示你所有作品的网站。不仅如此，借助这个项目，你不需要支付一分钱来托管你的网站，因为它由 GitHub 免费 托管。

只需按照以下步骤操作，你的网站很快就能上线：

1. 点击右上角的 Fork 按钮 fork 这个仓库。
2. 在仓库设置中启用 GitHub Pages。
3. 将你的照片上传到 images/fulls 和 images/thumbs 目录。你可以直接在 github.com 上操作，也可以克隆并推送图片到你的仓库。
4. 在 CNAME 文件中添加你自己的自定义域名，或者如果你没有域名，可以删除该文件并使用 GitHub 提供的默认域名（[yourusername].github.io/photography）。
5. 在 _config.yml 文件中更新 baseurl 字段为你在步骤4中使用的域名。
6. 就是这样，你的网站已经设置好了。要查看，请访问 photography.rampatra.com（或者你在 CNAME 文件中设置的域名），如果你没有域名，可以访问 [yourusername].github.io/photography。

当然，你可能不希望页面底部显示我的名字。你可以在 _config.yml 文件中更改它，也可以调整其他设置，例如你的社交链接、Google Analytics 等。更改后不要忘记 构建网站。

在本地运行网站进行测试

1. $ cd photography - 进入项目目录
2. $ bundle install - install gems
3. 将 baseurl 中的 _config.yml 改为空值
4. $ bundle exec jekyll serve - 启动/运行网站

构建网站

1. $ cd photography - 进入项目目录
2. $ npm install - 安装所有 npm 依赖
3. $ gulp - 压缩 css、js，调整图片大小等

注意：只有在更换图片、修改 css 样式等情况下才需要构建网站。

专业提示

调整图像大小

我已经将其制作成一个 npm 包，并使用 gulp 来自动调整图像大小和生成缩略图。所以如果你像我一样懒，你可以在将图像上传到 GitHub 之前，只需执行以下操作。

1. 将项目 fork 并克隆到你的电脑
2. 进入项目目录 $ cd photography
3. 通过 $ npm install 安装所有依赖
4. 将你所有的图片（可能是 jpg 格式，相机提供的最大尺寸）复制到 images 目录中
5. 运行 $ gulp resize 来自动调整图像大小并生成缩略图
6. 通过 $ git add --all 和 $ git commit -m "a nice commit message"，然后最终通过 $ git push origin master 将更改推送到 github.com

联系表单

你可以在不需要任何服务器端代码的情况下使联系表单工作。只需遵循这个 GitHub 上的文章，它使用一个简单的 Google 脚本在有人提交表单时发送电子邮件或上传到 Google 电子表格。

鸣谢

感谢 AJ 提供的网站模板，我对其进行了增强，以适用于 jekyll。