怎么做自己的网站 5分钟教你做网站的三个步骤

建立自己的网站在几个层面上都是有益的。你可以有机会向朋友、家人和潜在雇主展示自己的工作和成果,带来自豪感,根据自己的喜好自由构建和塑造自己的网站。建立博客页面是一个极好的选择,但其有限的功能只能是写文章和发表文章。最终,像我一样,你会希望你的网站成为你工作...

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

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

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

Jekyll和GitHub页面

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

使用Jekyll+GitHub页面,您的网站源文件位于GitHub存储库中,它将自动发布到网站。基本上,Jekyll将存储库中的文本文档转换成网页,然后由GitHub托管。你唯一需要担心的是写帖子和编辑一些文本文件。正如哲基尔的设计哲学所说:”Jekyll不受约束,让你专注于真正重要的东西:内容。”

你可以按照这个指南在GitHub上建立一个新的空白色网站。但是,如果您希望尽快创建一个简单的博客,更好的选择是fork(这是一个GitHub术语,意思是***)Jekyll Now repository,它已经构建了博客布局并准备发布。

分叉后,转到您的帐户下的存储库设置,并将名称更改为username.github.io

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

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

默认Jekyll Now网站

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

散文编辑器

散文编辑器可以让你更方便的查看所有文件,快速修改,保存后立即提交,推送到GitHub。在开始改进你的博客之前,你必须用GitHub认证散文编辑器。例如,要开始个性化网站,请编辑_config.yaml文件:

散文编辑器中的Edit _config.yaml。单击“保存”后,您可以在线查看这些更改。

更改配置文件后的网站

写博客文章

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

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

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

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

更进一步

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

关于Jekyll的好处是,如果你只想专注于写作,并能保持默认值,你会有一个干净的,像样的博客。如果你想改变,你可以尽可能地改变。例如,我在我的“关于”页面中添加了一个实时代码编辑器,使它更有趣:

通过以下方式编辑页面的实时编码

结论

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

提醒一下,步骤如下:

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

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

3.在散文在线编辑器中更改网站文件并保存它以更新网站。从更改_config.yaml并在_posts/中添加***rkdown帖子开始。

4.通过阅读文档、查看其他网站或只是尝试,尽可能地扩展/定制网站。

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

本文来自掩于岁月投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/537948.html

打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
() 0
上一篇 05-08
下一篇 05-08

相关推荐

  • 如何导出苹果手机的照片到电脑,方法很简单3个步骤就搞定

    定位器不是存储重要照片的理想位置,这些照片很容易被删除或意外丢失。照片太多也会占用定位器内存,导致存储不足空。如果需要将iPhone中的照片备份到电脑上,可以参考以下信息:Windows用户可以在Aisi助手的帮助下传输照片:1.打开Aisi Assistant的PC端,将iOS设备连接到电脑。

    2023-07-29 11:22:01
    299 0
  • app版本更新的具体流程 手机app升级最新版本的步骤

    众所周知,定位器是由硬件和软件组成的。随着技术的不断进步,硬件规格不断提高,软件也在进行大升级。其中系统部分最吸引大家的眼球。无论是iOS还是Android,系统都在不断“进化”,所以系统推送更新通知其实是一件再正常不过的事情。MIUI 12(来源网络)不过,定位器系统升级

    2023-07-29 07:01:01
    887 0
  • 网站建设的概念是什么,建站流程及步骤

    大家好,欢迎收看边肖的文章。您的支持是边肖最大的动力。如果你喜欢边肖的文章,请给边肖一个赞!每个企业都需要有自己的网站。很多老板觉得建一个网站很难。其实建一个网站并没有那么难。今天,我将一步步教你如何建立自己的网站。第一步:确定网站类型首先,确定网站类型。

    2023-07-29 06:58:01
    938 0
  • 企业建网站的详细步骤(企业为什么要建网站)

    很多企业和个人都想建立一个自己的网站,因为网站是互联网最基础的工具,不仅可以曝光自己的产品,还可以在网站上形成交易,让客户直接购买。而且网站的好处还不止这些,因为这篇文章的主题是教你建网站。网站的好处我就不多说了,还是占字数。我把我的想法逐字逐句打了出来,

    2023-07-29 06:17:02
    966 0

评论列表

联系我们

在线咨询: QQ交谈

邮件:admin@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信