
对我以前的文章“推,漂洗,重复……”的评论使我想到您可能想知道如何构建和部署此博客。
该网站(如果您在规范位置阅读此博客文章)是刚孵出的。 我意识到我使用了某些人可能不熟悉的东西……。
尽管一切仍在进行中,但启动和运行的繁重工作已经完成,我想我可以为您提供一些有关如何制作的见解。
- 数字阅读:美好未来
- 多样性是瑞典“不同”儿童读物的重点出版商:Olika
- 音频如何增加对数字新闻发布的参与度
- Kwanza Osajyefo在“黑色”中创造了一个只有黑人拥有超级大国的世界。 续集“白”是关于美国发现后发生的事情。
- 您的KindleScout广告活动已结束,并且您的书尚未选择出版
在本文中,我们将发现如何获得一个由GitHub存储库引导的静态网站或博客,如何用cobalt.rs填充,在netlify上进行部署,使用您自己的域,对其进行DNS管理以及通过Let’s Encrypt使用SSL / TLS( https!)。 还包括有关通过updown.io进行状态监视的最终说明。
听起来很令人兴奋? 然后继续阅读。 当心长时间的阅读,它可能不是您的典型指南,它更像是一段旅程。
黑暗笼罩着深处
零步是要建立网站或博客的原因,但我认为您已经找到了自己的理由,也迫不及待地想将您的想法发布到全世界。
因此,特别是精通技术的人们喜欢构建或运行自己的东西。 托管博客的中间部分以及在您自己的服务器上运行的内容可能正在使用某些托管服务,而不依赖托管提供商的软件。 诸如WordPress之类的工具很酷,我记得它们对初学者来说也相当友好,对技术程度较差的人也是如此,但是-不管您的实际背景和知识如何,您都可能得出结论,您确实想探索该领域。拥有更多的构建和运行方面。 您可能不需要完整的软件,甚至可能需要更少甚至没有动态功能(这使得它更安全地抵御黑客攻击),或者您不满意它们提供的功能。 但是,许多开发人员也尝试过从头开始编写自己的CMS或博客引擎,但最终还是放弃了这个想法或将其替换为更好的项目。 我一直想构建这样的软件,但是对继续开发失去了兴趣或动力。 静态站点通常可以很好地满足我的目的。
您所有的基地都属于我们
无论如何,我迷失了自己的思想,但您想阅读指南,而不是我的历史和推理。 至少我可以将其保存以备将来使用。
因此,第一件事是: 我想在哪里存储数据(内容和网站内容)以及要使用哪个工具来构建和管理?
如今,GitHub存储库似乎是最喜欢的选择。 您可以使用替代服务,甚至可以完全使用另一个版本控制系统。 Git非常受欢迎,当您遇到困难时,会发现很多帮助。

由于我们要建立一个静态站点,因此我们需要一个工具来帮助我们。 当然,您可以手动编写和维护所有内容,但是您会因此而筋疲力尽。
发电机,发电机,发电机!
因此自然会存在大量的静态站点生成器,因为很多人都感到相同。 他们中的许多人创建了应用程序来帮助我们。
我选择钴是因为我想更多地学习和使用Rust。 如果您不太喜欢这种冒险,那么以下工具也可以做到: Jekyll,Hugo,OctoPress,Gatsby,Middleman等…… (查看https://www.staticgen.com/以获得更完整的列表)可用的静态网站生成器)。 Jekyll很特别,因为GitHub Pages也支持它,这将是部署静态站点的另一种选择。

在刚克隆且可能仍然很空的存储库中,运行诸如cobalt init (或任何您的工具要求)之类的操作,并开始从零散创建网站的繁重工作。 由于布局和设计是一个永无止境的故事,因此您已经可以花费数小时和数天的时间来构建站点。 但是还需要编写页面和帖子,这也将花费一些时间。
当然,您可以轻松开始。 从一开始就不一定是完美的像素。 看一看,到处似乎有些粗糙和前卫(取决于何时可以找到本文)。
无论如何,我们假设您已经学习了一些有关Web设计和写作的课程。 因此,不要忘记提交更改并将其推送到GitHub存储库。 经常做。 您的计算机现在可以存储所有内容,但从长远来看并不可靠,而且您也不想部署计算机。 构建家庭服务器是一个完全不同的故事。
因此,您构建,编写,推送了。 现在我们来看看2018年的美好时刻:让它自动发布您的网站并将其展示给全世界!
像热一样发布
我发现netlify的原因仅在于我们在工作中使用和支持它(内容丰富),并且通过对本文的谷歌搜索,我发现了一些资源(如果您对此感兴趣):
由于我不是从内容支持的方法开始的,所以我不会更深入地研究它。 现在,我将广告留给我们的布道者。 🙂
最初我真的以为GitHub Pages已经可以了,但是netlify附带了一些我不想错过的电池,最大的一个是基于Let’s Encrypt的SSL / TLS证书,因此我可以一直获取https ,而不必考虑将来的更新。 如果您不仅拥有自己的域,而且还可以通过以下方式对其进行配置,则可以使netlify管理您的DNS设置,效果最好(我认为,建议这样做是为了更好地使用子域内容并在它们之间实施https;可以在您的DNS中完成此操作提供者,但是,让我们尝试一下,看看netlify如何处理它。

另一个很酷的功能是,您可以使用GitHub的pull请求(通常是分支)来进行预览部署。 因此,您不仅可以在本地计算机上检查所做的更改,还可以让其他人查看更改的外观(对团队和协作非常有用)。 实际上,我在此博客文章中使用了此工具,因此我可以测试此机会。 另一个微小的好处是,您可以使用在线验证器(例如https://validator.w3.org/nu/用于HTML)并在问题进入生产站点之前对其进行修复。 听起来不错,对吗?
嘿,netlify的人们,当您偶然阅读此内容时,您可以 为我的广告活动 向 我的PayPal帐户 捐款一点 。
即使没有域名,设置netlify也非常容易。 将其指向您的存储库,然后定义应运行的(受支持的)工具。 由于cobalt尚未被广泛使用,因此我已经将生成的站点与存储库一起提供,因此我只需要告诉netlify即可使用哪个文件夹。 如果您要阅读全部手册并手工制作页面,情况也将如此。
Netlify提供了更多的东西,我还没有使用过。 您应该自己发现它们的功能。 拆分测试对于有客户的站点以及您尝试将其拖到CTA(号召性用语)可能会很有趣。 如果您想获得反馈或收集其他数据,则表单处理可能会很好。
嘿,作者,你要去哪里?
抱歉。 您想知道使用netlify部署站点有多困难。
好吧,我必须让你失望。 设置仓库,分支和可选配置后,您就完成了。 您可以手动触发部署,也可以将更改推送到先前配置的分支。 您等待几秒钟(第一次部署可能会花费一些时间),然后检查站点是否已启动并正在运行。
我的意思是真的,它是如此简单,以至于Netlify的任何操作方法都比其界面中的逐步指导更为复杂和冗长。 试试看。
如果您真的很困惑,那么他们的帮助页面应该可以完成其余工作。 netlify的文档中提供了我想使用和尝试的所有功能。 最后,部署静态站点应该没那么神奇。
Vertrauen ist gut,Kontrolle ist besser
我知道没有什么能带来完美的100%正常运行时间。 通常没关系。 更好的是,您会收到通知。 当然是独立的。 虽然您可以使用pingdom等知名服务,但我使用updown.io,它不是免费的,但是通过初始注册,您将获得足够的积分来长时间监控单个网站。 如果您认为这确实不值得,请改用另一种正常运行时间监视解决方案。
我喜欢updown的原因是,它们提供了一个简单的状态页面,您可以通过自己控制的子域来公开该页面。 对于此博客,您可以在https://status.markentier.tech/下进行检查:

这就是我今天要做的。
我希望本文对您中的任何人都有用。 如果您想提供反馈,有疑问或建议,通常可以在Twitter上找到我:https://twitter.com/asaaki-很快见! 👋🏽