如何做一个网站(五分钟搭建你自己的网站)

seoxin 11-20 16:02 4次浏览

建立自己的网站在几个层面上都是有益的。可以有机会向朋友、家人和潜在的雇主展示你的工作和成就,带来自豪感,并根据自己的喜好自由地构建和塑造自己的网站。

而构建博客页面是一种绝佳的选择,但其有限的功能只能撰写和发布文章。最终,像我一样,你将希望自己的网站成为工作的核心部分。幸运的是,我们生活在一个充满创造力的伟大时代,你可以在几分钟内使用免费工具构建网站。

在这篇文章中,我们将看到如何使用Jekyll站点生成器和GitHub Pages来构建和发布一个不需要编码的简单博客。如果你想了解最终产品,可以查看我的(正在构建中)网站。

Jekyll和GitHub页面

Jekyll是一个简单的静态站点生成器。这意味着它需要纯文本文件,并将它们呈现为一个网站,然后可以通过网络托管服务提供给网站。这项服务的一个选择是GitHub Pages,这是一个免费托管并通过GitHub轻松发布的网站。

使用Jekyll+GitHub页面,你的网站源文件位于GitHub存储库中,该存储库会自动发布到网站上。基本上,Jekyll将存储库中的文本文档转换为网页,然后该网页由GitHub托管。你唯一需要担心的是撰写帖子和编辑一些文本文件。正如Jekyll的设计理念所述:”Jekyll不受约束,让你专注于真正重要的事情:内容。”

你可以在GitHub上按照这个指南设置一个新的空白网站。但是,如果你希望尽可能快地创建一个简单的博客,更好的选择是分叉(fork)(这是一个GitHub术语,意味着复制)Jekyll Now存储库,该存储库已经构建了博客布局并准备发布。

分叉之后,进入你账户下的存储库设置,并将名称更改为username.github.io。

将Jekyll Now存储库分叉并将名称更改为username.github.io

在几分钟内,你将能够在浏览器中导航到username.github.io,并在网络上看到你的新网站!但现在还不属于你,你可以通过几个步骤解决这个问题。

默认的Jekyll Now网站

你可以通过克隆存储库并在你喜欢的文本编辑器中打开它们来本地编辑任何网站文件。然后,当提交并将更改推送到GitHub时,网站将自动更新。但是,我强烈推荐采有在线Prose编辑器,而不是本地编辑器。

Prose编辑器

Prose编辑器可以使你可以更轻松地查看所有文件,快速进行更改,并在保存后立即提交,并将其推送到GitHub。你必须使用GitHub对Prose编辑器进行身份验证,然后才能开始改进你的博客。例如,要开始让网站个性化,请编辑_config.yaml文件:

在Prose编辑器中编辑_config.yaml。 点击保存后,可以在线查看这些更改。

更改配置文件后的网站

写博客帖子

Jekyll中的所有博客文章都是采用Markdown编写的,这是一种轻量级语言,可以转换为HTML或许多其他格式。它非常容易学习,在网络上无处不在,并提供了大量自定义帖子的机会。

你的网站帖子位于_posts /文件夹中,当你在Prose编辑器中编辑和保存文件时,你将能够看到它们出现在你的博客上。遵循命名约定:date-title.md,你的帖子将自动在你的网站上正确显示命名和日期。

在Prose(上图)中编辑Markdown文档并在网站上显示帖子(下图)。

如果你已在Medium平台上发布帖子,则可以使用此Chrome扩展程序或这个命令行工具将这些帖子转换为Markdown。其转换并不完美,但只需进行一些编辑,你就可以快速将作品导出到博客中。这是我写的一篇关于从现有的文章到Markdown的文章,它解决了我发现的几个问题。

走得更远

构建自己网站的好处是你可以控制事物外观的各个方面,并添加想要的任何功能。首先挖掘存储库中的文件并查看Jekyll文档。例如,要更改字体和样式,编辑style.scss文件,并启用帖子评论等功能,请编辑_config.yaml。你甚至可以通过像Hover这样的网络域名注册商购买一个自定义域名,并遵循这个指南。

关于Jekyll的好处是,如果只想专注于写作,可以保留默认值,就将拥有一个干净、可呈现的博客。如果你想要进行更改,那么可以尽可能地进行更改。例如,我在我的about页面中添加了一个实时代码编辑器,以使其更有趣:

编辑的关于页面的实时编码

结论

如果你因为担心时间或成本问题而一直没有创建博客,那么现在是时候开始了。使用GitHub Pages和Jekyll,你可以在五分钟内免费获得自己的博客!

提醒一下,步骤如下:

1.将Jekyll Now存储库分叉到你的GitHub帐户。

2.将repo重命名为username.github.io。你的网站就可以发布。

3.在Prose在线编辑器中更改网站文件并保存以更新网站。通过更改_config.yaml并在_posts/中添加markdown帖子开始使用。

4.通过阅读文档,查看其他网站或只是进行试验,尽可能多地扩展/自定义网站。

对于已经拥有Medium帖子的人来说,这里有一个将他们转移到Markdown的指南。如果你没有这样做,那么这里还有一些关于数据科学项目的帮助文档。最后,自己尝试构建一个网站吧!