Web技术游行

发表于 2019年5 月12日星期日下午 11:54:34

也许我写道，我不知道如何创建一个网站，但回头看，我当然已经建立了很多。哦，男孩，涉及的技术种类繁多。

我以为我会对我工作的网站进行编目，并简要回顾一下它们是如何制作的。这是一个证明如何改变网络编程，以及改变事物的速度的证明。

我无法确定合理的排序。我按时间顺序按顺序进行了分组。所涉及的时间范围有很大的重叠，跨越到1995年

WordPress家族

EdaqasKitchen.com – WordPress.org，Python / YAML

对于我的烹饪网站，我希望我更关注内容而不是技术。然而，我不想在我的愿景上妥协。 WordPress符合这个法案 – WordPress是一个简单的CMS的错觉，受到十亿和一种使用/配置/编程方式的破坏。

我设置它时无法找到一个好的主题。我拿了一个基本的，但它有很多问题。我安装了一个附加组件来更改底层PHP，因此现在有一堆自定义代码片段。

配方以YAML文件编码 – 实际上是几个文件和图像，分布在几个目录中。我使用Python代码加载它们并生成HTML输出。然后将此输出粘贴到WordPress编辑器中。创建页面后会有一个 --update 使用该选项的选项 WP-CLI 工具直接更新网站。

配置WordPress是一个巨大的痛苦当我有机会的时候，我会写一些术语和概念的简短介绍。有这么多，你不会轻易发现玩。

Interview.Codes – WordPress.org，Elementor

我最新的网站，我再次选择了WordPress。这似乎是一个不费吹灰之力的步骤，因为我可以在SiteGround上有多个站点 – 我在这里托管这些站点。当我想专注于内容时，我不喜欢做后端管理员。

这次我用WordPress挖了更多的东西，并发现了一种新型的工具：Elementor。我发现这个的原因是由于我喜欢的主题，但最终成为垃圾。许多主题使用Elementor（或类似工具）生成漂亮的布局，然后尝试将其作为主题传递出去。一旦我找到了这个，我删除了主题并使用了一个基本的主题。 Elementor本质上是一个拖放式设计工具。静态页面似乎很棒，这就是我在这个网站上所拥有的。

最终，某些东西会迫使我在这里采用更复杂的解决方案，它总会发生。但就目前而言，它将是静态内容，然后链接到像SkillShare这样的网站。

mortoray.com – WordPress.com，Markdown

Mortoray.com已成为我的主要网站十多年了。当我开始发表技术文章时，我想严格关注写作。我不想要维护另一个站点的开销 – 你会从这个列表中看到我有很多站点。

随着时间的推移，复杂性增加。我发现在本地写Markdown更容易。但这还不够，所以我在Python处理器中添加了扩展。我正在研究下一代，因为我有自己的Mortoray文档语言正在开发中。

关于这项技术几乎没有什么可说的，因为一切都是由WordPress.com管理的。这也意味着我没有足够的定制空间。我想改变布局的各个方面，但如果不升级到昂贵的商业计划，我就无法进一步定制主题，也无法添加插件。这是我为EdaqasKitchen管理托管的动机。

现代静力学

LeafLang.org – Jinja，Foundation，Extended Markdown

去年我告别了我的编程语言，但它的网站仍在那里……现在。

与其他网站不同，这个网站完全是静态的。我使用Jinja模板，但它们在我的机器上处理，我上传HTML结果。 HTML / CSS使用Foundation库。

由于文章代码很重，我使用扩展标记来处理文档。这与我在mortoray.com和dev.to上编写所有编程文章的技术相同。它现在正在被MDL取代。

我很快就会离线，因为我让域名过期了。这对我来说仍然很难过。 🙁

lomi.land

我的按摩和保健公司使用与leaflang.org基本相同的技术，除了这里没有降价。这组文档更有限，而不是技术性的，因此使用Jinja模板的基本HTML工作。

Edaqa.com – Hugo，Python / YAML

奇怪的是，我的个人简历网站是去年新增的。在那之前，我已经在我的其他网站上托管了简历和历史记录。我觉得终于中心化我的个人资料了。

域名edaqa.com在我创建网站之前已经注册了很长时间。我用它来为自己和客户进行实验。也许奇怪，但是，我可以使用我的同名域作为一次性游乐场

我喜欢为内容做静态网站 – 完全适合这个网站。与维护CMS相比，开销更少，无需设置服务器。

为了保持现代感，我尝试了Hugo，而不是我自己酝酿的解决方案。总的来说，我对这个决定很失望。我没有发现雨果提供足够的证据来证明它的合理性。虽然也许没关系，但主题大多是垃圾，妨碍了学习过程。

我从存储在YAML文件中的数据生成一些页面。我讨厌任何类型的重复，所以你经常会发现我使用了多层技术。

BrainBrain转移

BrainBrain是我建立的CMS，具有社交网络风格的前端。这个前端结果是无趣的，但我重新使用了其他几个项目的代码。

EverSystems.eu – 自定义内容管理器（PHP）

这将很快离线，因为我正在关闭公司。我很久没有更新了。

我在这台服务器上使用了我的内容管理系统。被称为BrainBrain，它也拥有自己的域名：BrainBrain.net。最初设计为社交通信平台，增加了更多灵活性以适应我的项目。它是用PHP编写的，有一个用于编辑文章的Web界面。

我对这一切的运作方式一无所知

这是BrainBrain技术堆栈的最后一个动作。

BigTPoker – Haxe，Flash，自定义CMS

这是一个博彩培训网站，有很多游戏。这是我认为应用程序不仅仅是一个静态网站的网站之一，即使有很多静态内容。

我在Haxe编写游戏，编译为Flash。我使用了一些JavaScript将它们与页面集成，感觉就像一个统一的Web应用程序。网络应用程序还没有受到欢迎，这使得它现在变得更具挑战性。

我忘记了如何管理内容，事实证明我也使用了我的BrainBrain CMS。我想知道我花了多少时间开发那件东西。

disemia.com – 定制XSLT变换，迫击炮

我有点为这个领域感到羞耻。它太过时了。然而，这是我最古老的域名，我在电子邮件地址中使用的域名。而旧的，我的意思是老：23年，还在数

多年来，它一直在使用混合技术。我从简单的HTML开始 – 是的，那种甚至没有CSS，因为它还不是一个选项

我转到了Mortar，这是一个Windows的网站工具。我是90年代这个项目的首席开发人员。这是一个很好的工具，但它已经很久了。

在趋势波浪中，我切换到新页面的XSLT。这使用了一些M4来添加功能，然后由Xalan处理。

trostlos.org – 正如上面+ Ruby

我以与disemia.com相同的方式维护我的唱片公司网站。然而，我确实为歌曲添加了一些Ruby脚本和数据库。我在DB中输入了所有演示歌曲和样本，然后使用Ruby为它们生成静态内容。

disemia.com和trostlos.org都是在HostBaby上提供的。虽然，disemia.com后来出现了，因为它曾经在很多地方举办过 – 早在1995年就很难找到托管

在左场

PuzzlePuzzle.net – WebGL，Python Flask，CoffeeScript，Jinja

尝试使用WebGL在浏览器中创建游戏。这是一款动画3D拼图游戏：拼图是一个场景，去中心化在典型的拼图碎片上。我责怪WebGL对其失败的支持。

我使用标准HTML和CSS的Jinja模板编写了页面，包括文本内容和游戏盘点器。

回过头来看，我看到我在CoffeeScript中编写了所有游戏编码，编译成了JavaScript。

我用Python和Flask编写了我的服务器。我仍然喜欢这种组合，因为它在编写和部署方面非常简单。

这是我创建的应用程序最类似的网站。没有静态内容，整个体验都中心化在游戏上。我当然希望我制作了一些截图……我想知道我是否可以让它再次运行。

WellBook.org – BrainBrain，Persephone，PHP

对于朋友，我开发了一个药物跟踪网站。它围绕日历来跟踪药物以及由此产生的情绪和健康状况。这是短暂的，没有获得任何牵引力。

这可能应该在BrainBrain部分下，因为它使用相同的CMS堆栈。然而，重点是应用程序部分，CMS用于编写您自己的个人笔记以及偶尔的更新。

看看这段代码，我看到BrainBrain正在使用Persephone。这是我在很久以前在eCircle上写的一个DB抽象软件。它基于模式和查询描述构建了PHP接口。

Redid – Python，Flask

这个网站是我在慕尼黑UnternehmerTUM举办的闪电演讲“两个月的启动”的重点。这是一个动态的图像托管服务。

它是AWS中托管的基于云的服务之一。我使用了Python和Flask的首选组合。

它本身不是一个“站点”，而只是一个API。它提供HTTP端点，并通过CDN提供图像，但不提供任何静态内容，甚至不提供管理界面。我编写了Python CLI来使用该服务。