用 Jekyll 制作静态网站

用 Jekyll 制作静态网站

原文:https://medium.com/hackernoon/making-a-static-website-with-jekyll-1d39c8c51830

去年的大部分时间,我都忙于学习如何编码。我从 W3Schools 的基础课程开始,然后转向 Codecademy 。虽然我所学的这些教程还没有在任何工作中实现,但我很高兴我把时间投入到了这个领域。我很喜欢它,这绝对是一个相关的事情,至少要知道。当有人在我正在 Medium 上阅读的一篇文章中提到 JavaScript 或 React 时,我会知道(在很大程度上)他们在谈论什么。当 PHP 在一个内容角色的工作描述中被提及时,我会有一些想法,在面试中我需要知道什么。当我与技术人员交流时,我可以跟上他们,甚至用我的技术知识给他们留下深刻印象。所有这些都很重要。

当我有“我想成为一名开发者”的想法时,我实际上做了一个快速的 GitHub 库。下面我来解释一下我是怎么做到的。

该过程

GitHub 是我每天浏览的网站中经常提到的另一个东西,比如黑客新闻。这是我必须知道更多的事情。我很快意识到 GitHub 是你存储代码的地方,向世界展示你的网站或你的产品是如何工作的。GitHub 就是你如何向别人解释什么是开源。这有点像给某人看一首披头士的歌来解释什么是单声道。

我做了进一步的挖掘,发现你可以使用 GitHub Pages 作为主机来制作网站。有一个叫做 Jekyll 的框架显示在它主页的底部,显然这是让你的 GitHub 配置文件运行起来的最简单的方法。我决定用 Jekyll 做点什么会是一个有趣的兼职项目。

首先,我试图通过快速入门指南来学习 Jekyll,但是失败了。然后我做了更多的谷歌搜索,在 Tuts plus 上找到了这个教程系列。对于初学者来说,这是学习 Jekyll 和命令行的完美方式。它需要一个 Envato premium 帐户,但这只需要 10 美元,所以完全值得。

在开始本系列教程之前,我没有意识到的一点是,终端对于开发应用程序和网站来说是多么不可或缺。我学会了如何添加、提交和推送以及cd到本地文件中。在教程本身中,你必须先有一点 HTML 和 CSS 知识,否则你会在中途晕头转向。我对液体标签之类的东西有点困惑,但你可以准确地复制老师正在做的事情,所以这使它变得易于管理。经过几次努力和小小的调整,我终于成功地让网站正常运行。把一个兼职项目 100%完成从来都不容易,所以我对自己的努力很满意。

在过去的几个月里,我意识到我永远不会成为一名开发者。但是我知道编码不是我需要成为专家的技能,它只是我可以谈论和感兴趣的东西,这让我很舒服。这是我可以在就业过程中推销自己的东西,因为这是一种有趣的激情。

黑客中午是黑客如何开始他们的下午。我们是 @AMI 家庭的一员。我们现在接受投稿并乐意讨论广告&赞助机会。

如果你喜欢这个故事,我们推荐你阅读我们的最新科技故事趋势科技故事。直到下一次,不要把世界的现实想当然!


本站为非盈利网站,作品由网友提供上传,如无意中有侵犯您的版权,请联系删除