lenesaile.com

lenesaile.com

这是我的自由职业网站，由 Eleventy 构建，建立在 Eleventy Excellent starter 的基础上。它支持三种语言并使用我最新的工作流程。

总有机碳

• lenesaile.com
  • 总有机碳
  • 执照
  • 致谢和致谢

执照

这是我的个人网站。我使用了很多比我聪明的人想出的代码片段，所以将我的代码也开源是正确的。请随意在您自己的项目中使用本网站的部分代码，但请不要完全复制该页面，因为它并不是一个模板。

致谢和致谢

安迪·贝尔

我喜欢使用 Andy 的 CSS 方法 CUBE，与他共同创作的 Every Layout 解决方案齐头并进。作为自定义实用程序类的创建者，他最近发布了一种将 Tailwind CSS 合并到他的方法中的方法。这个工作流程已内置到我的网站中，实际上是我发现它以来正在构建的所有网站。我在 2020 年通过他的（现在免费）课程学会了如何使用 Eleventy。

• https://buildexcellentwebsit.es/
• https://cube.fyi/
• https://learneleventyfromscratch.com/

海顿·皮克林

海登太棒了

• https://every-layout.dev/
• https://inclusive-components.design/

扎克·莱瑟曼

扎克正在开发Eleventy，一个天才！

• https://www.11ty.dev/
• https://www.zachleat.com/

瑞安·穆里根

Ryan 想出了用于突出显示文本的滚动触发器，我在这个网站上无耻地使用了它。

• https://codepen.io/hexagoncircle/pen/gOPMwvd

奥利弗·舍恩多夫

奥利弗是一位类型专家。他撰写了《Pimp my Type Newsletter》，我在其中发现了我用于该网站的字体。

• https://pimpmytype.com/outfit/
• https://pimpmytype.com/category/fontfriday/

巴勃罗·斯坦利

巴勃罗是该网站头像的创建者。他的手绘插图库 Open Peeps 非常棒。

• https://www.openpeeps.com/

埃克雷姆·埃尔马斯

我正在使用 Ekrems 手绘图标集。

斯蒂芬妮·埃克斯

Stephanie 为 Eleventy 和现代 CSS 提供了大量资源。

• https://smolcss.dev/
• https://moderncss.dev/

马克斯·博克和西亚·卡拉马莱戈斯

我按照 Max 和 Sia 的教程在这个网站上实现了 Webmentions。

• https://sia.codes/posts/webmentions-eleventy-in-deep/max
• https://mxb.dev/blog/using-webmentions-on-static-sites/

伯纳德·尼詹休斯

开放图形图像是自动生成的：首先为每个帖子创建一个 SVG，然后将其转换为 JPEG。我通过伯纳德的文章学会了如何做到这一点。

• https://bnijenhuis.nl/notes/automatically-generate-open-graph-images-in-eleventy/

亚历山大·霍夫汉尼斯扬

我喜欢结构和清晰度。 Aleksandr 以堪称典范的方式做到了这一点，这就是为什么我在他的个人网站上构建了 Eleventy.js 的结构。我使用的301重定向解决方案来自他的博客。

• https://github.com/AleksandrHovhannisyan
• https://www.aleksandrhovhannisyan.com/blog/eleventy-netlify-redirects/

亚当·阿盖尔

主题切换来自他的 GUI 挑战之一。

• https://github.com/argyleink/gui-challenges

顺风

• https://tailwindcss.com/

哈里·罗伯茨

哈里·罗伯茨教会了我很多关于如何使网站更快的知识。我head的严格秩序是他想出来的。

• https://csswizardry.com/