Hugo 主题
Hugo 产品发布
一个为年轻初创公司、产品发布和“即将推出”网站设计的 Hugo 主题。包含通过 Netlify 实现的联系表单和新闻邮件注册功能。一键部署！
Hugo 产品发布 
🚀 一个为年轻初创公司、产品发布和“即将推出”网站设计的 Hugo 主题。包含通过 Netlify Forms 实现的即用型联系表单和新闻邮件注册功能。
演示
如需查看此主题的最新有效演示，请访问 https://hugo-product-launch.netlify.app/ 🎯。
🔑 主要功能
- 美观、快速且直接的单页设计 🌻
- 联系表单 📇
- 新闻邮件注册 📫
- 响应式 📲
- 一键部署 🚀 到 netlify
- 通过 Forestry 💼 进行无需代码的内容管理
- 带有 PostCSS 和 PurgeCSS 的 tailwindcss => 超小的 CSS 文件 🏎
- 没有！JavaScript 🥳
一键部署/安装
单击此按钮将 🚀 Hugo Product Launch 部署到 netlify
或者，您也可以克隆 kickstart-repo，直接跳到使用说明
手动安装
如果您已经在机器上拥有 Hugo 站点，您可以简单地通过以下方式添加此主题
git submodule add https://github.com/janraasch/hugo-product-launch.git themes/hugo-product-launch
然后，如下详述调整 config.toml。
有关更多信息，请阅读 Hugo 的官方设置指南。
示例内容
只需将此主题中包含的 exampleSite 目录的内容复制到您的源目录。这应该让您对事物的工作方式有一个很好的了解，然后您可以继续从那里开始制作自己的站点。
NodeJS 依赖项
您需要安装 NodeJS。然后，将此主题根目录中的 package.json 和 package-lock.json 文件复制到您站点的根目录。运行 npm install 和 npm install postcss-cli postcss -g 来设置您的 PostCSS 管道。
接管 main.css 和 tailwind.config.js
只需将此 repo 中的 assets/css/main.css 文件复制到您本地的 assets/css 文件夹中。此外，将 tailwind.config.js 文件从该存储库的根目录复制到您站点的根目录。然后，您可以将任何您喜欢的 CSS 添加到您自己的 assets/css/main.css 文件中，甚至覆盖 tailwind.config.js 文件中的 tailwind 配置。有关更多详细信息，请参阅 tailwindcss > 文档 > 配置。
可选：接管 postcss.config.js
通过将此 repo 中的 postcss.config.js 文件复制到您站点的根目录来完全控制 PostCSS 设置。
使用
如果您想要一个美观且清晰的无需代码用户界面 🧁 用于内容管理，只需将您的存储库连接到 Forestry。我们在 exampleSite/.forestry 文件夹中包含了必要的组件 🔋（即设置），以便您开箱即可使用。
基本配置：config.toml
请查看此主题示例站点中包含的 config.toml 文件。
添加内容：content/_index.md
从 exampleSite/content 目录中的 _index.md 文件中提供的内容开始。这应该让您对事物的工作方式有一个很好的了解，然后您可以继续从那里开始制作自己的站点。
这个 Markdown 速查表可能会派上用场 🙌🏻。
添加您的品牌/颜色/css：assets/css/main.css
查看 assets/css 目录中的 main.css 文件以开始使用并找到更详细的说明。
问题/反馈/贡献
请使用 GitHub 问题和拉取请求。
如果您没有 GitHub 帐户，请随时通过电子邮件联系我（请访问 janraasch.com）。
特别鸣谢 🎁
- 感谢 favicon.io，为示例站点上使用的 favicon 提供了快速简便的创建方式。
- 感谢 Pexels，为示例站点提供了那些精彩的免费库存照片。
许可协议
Jan Raasch 的 Hugo 产品发布主题基于 CC BY 4.0 许可协议。
署名
使用此主题进行您的项目时，请保留原始的署名链接。
更多权限
如果您想在不署名的情况下使用此主题，请查看 MORE_PERMISSIONS.md 文件，获取超出本许可证范围的权限。
