高架(11ty)已成为我的静态站点发电机。它的速度,灵活性和未开放的性质使其非常适合各种项目,包括由社区驱动的网站,例如Style Stage,CSS展示,由社区贡献提供支持。这类项目的高度优势包括:闪电制作,模板灵活性,多功能文件创建和渲染,支持多种模板语言(HTML,Markdown,Nunjucks)以及由于其静态HTML输出而引起的高性能。
高架社区驱动站点的成功的关键是它能够从数据源中动态生成页面。本文概述了建立此类网站的重要预编码步骤。
系列概述:
- 准备贡献(当前文章)
- 建立网站(下一篇文章)
建立繁荣的社区网站:主要注意事项
创建一个社区驱动的网站过去很复杂。但是,使用高度和其他现代工具,该过程已大大简化。在邀请贡献者邀请者之前,请考虑以下至关重要的步骤:
1。定义贡献者访问
确定哪些内容贡献者可以修改。对于样式阶段,JSON文件允许贡献者用用于生成其页面的元数据提交拉动请求。您可能还允许上传或多个数据文件进行分类。考虑贡献的范围和您的审查能力,以确保可管理的社区。 GitHub操作可以自动化无效文件的检查。
2。建立明确的准则
定义明确的准则至关重要。这些准则应在github存储库中的CONTRIBUTING.md
文件中记录。当贡献者创建拉动请求或问题时,此文件会自动出现。解决内容许可,作者归因和可接受的内容策略。例如,样式阶段指定了不适当的图像或指南违规的拒绝标准。
3。实施工作流程和自动化
高架处理该站点的构建,但是其他工具(例如Netlify和Github)可以增强贡献过程。 NetLify为每个拉请求创建部署预览,允许贡献者测试其提交和节省维护者的时间。 Github促进了公众的讨论和问责制。有关更频繁的数据更新,请考虑使用IFTTT或Zapier安排定期部署。请注意,此工作流程要求贡献者拥有GitHub帐户。
4。选择通信方法
确定通知贡献者有关更新的重要性。 Style Stage使用每周的新闻通讯(使用NetLify表单,NetLify功能和Buttondown进行管理,如MatthewStröm的文章“使用NetLify forms和NetLify函数来构建电子邮件签名窗口小部件”中所述)。替代方案包括GitHub回购通知或发布。
5。招募和参与贡献者
促进您的项目寻找贡献者。 Style Stage使用Twitter民意调查和“呼吁贡献者”运动,与潜在的贡献者互动,并将其变成项目倡导者。发射直播也有助于引起兴趣。记住要积极与您的社区互动并提供参与的途径。突出显示您的网站内容中的贡献机会。
6。配置存储库设置
确保您的存储库是公开的,并包含基本的“社区健康”文件:
-
README.md
:项目描述。 -
CONTRIBUTING.md
:提交指南。 - 拉请求模板:用于提交的结构化模板。
实施分支保护规则(设置→分支),以在合并到主分支之前需要拉申请审查。
下一步
本文为建立一个高度的社区驱动地点奠定了基础。下一篇文章将深入探讨该代码,创建一个高度的入门项目,您可以适应自己的社区或个人网站。
系列概述:
- 准备贡献(当前文章)
- 建立网站(下一篇文章)
以上是由社区驱动的站点高度:准备捐款的详细内容。更多信息请关注PHP中文网其他相关文章!

@keyframesandCSSTransitionsdifferincomplexity:@keyframesallowsfordetailedanimationsequences,whileCSSTransitionshandlesimplestatechanges.UseCSSTransitionsforhovereffectslikebuttoncolorchanges,and@keyframesforintricateanimationslikerotatingspinners.

我知道,我知道:有大量的内容管理系统选项可用,而我进行了几个测试,但实际上没有一个是一个,y'知道吗?怪异的定价模型,艰难的自定义,有些甚至最终成为整个&

链接CSS文件到HTML可以通过在HTML的部分使用元素实现。1)使用标签链接本地CSS文件。2)多个CSS文件可通过添加多个标签实现。3)外部CSS文件使用绝对URL链接,如。4)确保正确使用文件路径和CSS文件加载顺序,优化性能可使用CSS预处理器合并文件。

选择Flexbox还是Grid取决于布局需求:1)Flexbox适用于一维布局,如导航栏;2)Grid适合二维布局,如杂志式布局。两者在项目中可结合使用,提升布局效果。

包含CSS文件的最佳方法是使用标签在HTML的部分引入外部CSS文件。1.使用标签引入外部CSS文件,如。2.对于小型调整,可以使用内联CSS,但应谨慎使用。3.大型项目可使用CSS预处理器如Sass或Less,通过@import导入其他CSS文件。4.为了性能,应合并CSS文件并使用CDN,同时使用工具如CSSNano进行压缩。

是的,youshouldlearnbothflexboxandgrid.1)flexboxisidealforone-demensional,flexiblelayoutslikenavigationmenus.2)gridexcelstcelsintwo-dimensional,confffferDesignssignssuchasmagagazineLayouts.3)blosebothenHancesSunHanceSlineHancesLayOutflexibilitibilitibilitibilitibilityAnderibilitibilityAndresponScormentilial anderingStruction

重构自己的代码看起来是什么样的?约翰·瑞亚(John Rhea)挑选了他写的一个旧的CSS动画,并介绍了优化它的思维过程。

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

SublimeText3 Linux新版
SublimeText3 Linux最新版

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

记事本++7.3.1
好用且免费的代码编辑器