建站知识
首页 > 网站建设 > 建站知识 > 实战:五分钟即可建立自己的网站!

实战:五分钟即可建立自己的网站!

发布时间:2021-03-13    来源:广州网站优化公司     浏览次数:

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

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

在本文中,我们将看到如何使用Jekyll网站生成器和GitHub Pages来构建和发布不需要编码的简单博客。如果您想了解最终产品,可以访问我(正在建设中的)网站。

Jekyll和GitHub页面

Jekyll是一个简单的静态站点生成器。这意味着它将获取纯文本文件并将其显示为网站,然后可以通过网络托管服务将其提供给该网站。这项服务的一种选择是GitHub Pages,它是一个免费托管的网站网站搭建,可以通过GitHub轻松发布。

使用Jekyll + GitHub页面,您的网站源文件位于GitHub存储库中,它将自动在网站上发布。基本上,Jekyll将存储库中的文本文档转换为网页,然后由GitHub托管。您唯一需要担心的就是编写帖子和编辑一些文本文件。正如Jekyll的设计理念所言:“ Jekyll不受限制,可让您专注于真正重要的内容:”。

您可以按照本指南在GitHub上建立新的空白网站。但是,如果您想尽快创建一个简单的博客,更好的选择是派生(这是一个GitHub术语,意为复制)Jekyll Now存储库,该存储库已经构建了博客布局并准备发布。

在派生之后,转到您帐户下的存储库设置,并将名称更改为username.github.io。

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

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

默认的Jekyll Now网站

您可以在本地编辑任何网站文件,方法是克隆存储库并在您喜欢的文本编辑器中将其打开。然后,当您提交更改并将其推送到GitHub时,该网站将自动更新。但是,我强烈建议您使用在线散文编辑器,而不要使用本地编辑器。

Prose编辑器

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

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

更改配置文件后的网站

写博客文章

Jekyll中的所有博客文章均以Markdown编写,Markdown是一种轻量级语言,可以转换为HTML或许多其他格式。它很容易学习,在网络上无处不在,并且提供了很多机会来定制您的帖子。

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

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

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

走得更远

建立自己的网站的优点是,您可以控制事物外观的各个方面并添加所需的任何功能。首先,挖掘存储库中的文件并查看Jekyll文档。例如广州SEO公司,要更改字体和样式,编辑style.scss文件并启用帖子注释和其他功能,请编辑_config.yaml。您甚至可以通过Hover这样的在线域名注册商购买自定义域名,然后按照本指南进行操作。

Jekyll的好处是,如果您只想专注于写作,则可以保留默认值,并且您将拥有一个干净整洁的博客。如果要进行更改,则可以进行尽可能多的更改。例如,我在“关于”页面上添加了一个实时代码编辑器,以使其更加有趣:

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

结论

如果您因为担心时间或成本而没有开始写博客,那么现在是时候开始了。使用GitHub Pages和Jekyll,您可以在五分钟内免费获得博客!

提醒一下,步骤如下:

1.将Jekyll Now存储库分支到您的GitHub帐户。

2.将存储库重命名为username.github.io。您的网站可以发布。

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

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

对于那些已经拥有中级职位的人,这里是将其转移到Markdown的指南。如果您还没有这样做,则有一些有关数据科学项目的帮助文档。最后,尝试自己建立一个网站!

上一篇:网页设计和制作的基本步骤是什么? _Internet_IT /计算机_专业信息

下一篇:网站建设冯超:如何建立一个优秀的营销移动网站?

返回顶部

售前客服QQ

售后客服QQ

加微信交谈

加微信交谈

x