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

建立自己的网站在几个层面上是有益的 。你可以有机会向朋友、家人和潜在雇主展示自己的工作和成果 , 带来自豪感 , 根据自己的喜好自由构建和塑造自己的网站 。
建立博客页面是一个极好的选择 , 但其功能有限 , 只能写文章和发表文章 。最终 , 你会像我一样 , 希望你的网站成为你工作的核心部分 。幸运的是 , 我们生活在一个充满创造力的伟大时代 , 你可以在几分钟内使用免费工具建立网站 。
在本文中 , 我们将看到如何使用Jekyll站点生成器和GitHub页面来构建和发布一个简单的博客 , 而无需编码 。如果你想知道最终的产品 , 你可以查看我的网站(正在建设中) 。
Jekyll和GitHub页面
Jekyll是一个简单的静态站点生成器 。这意味着它需要纯文本文件 , 并将它们作为网站呈现 , 然后可以通过网络托管服务提供给网站 。这项服务的一个选项是GitHub Pages , 这是一个免费托管的网站 , 可以通过GitHub轻松发布 。
使用Jekyll+GitHub页面 , 您的网站源文件位于GitHub存储库中 , 它将自动发布到网站 。基本上 , Jekyll将存储库中的文本文档转换成网页 , 然后由GitHub托管 。你唯一需要担心的是写帖子和编辑一些文本文件 。正如Jekyll的设计哲学所说:“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文件:
在散文编辑器中编辑_config.yaml 。单击“保存”在线查看这些更改 。
更改配置文件后的网站
写一篇博文
Jekyll中的所有博客帖子都是用Markdown编写的 , 这是一种轻量级语言 , 可以转换为HTML或许多其他格式 。它非常容易学习 , 在互联网上无处不在 , 并且提供了大量定制帖子的机会 。
您的网站帖子位于_ posts/文件夹中 。当您在散文编辑器中编辑和保存文件时 , 您将能够看到它们出现在您的博客上 。遵循命名惯例:date-title.md你的帖子会自动在你的网站上正确显示名字和日期 。
用散文编辑Markdown文档(上图) , 并在网站上显示帖子(下图) 。
【5分钟教你做网站的三个步骤 怎么做自己的网站】如果你在Medium平台上发布了帖子 , 你可以使用这个Chrome扩展或者这个命令行工具将这些帖子转换成Markdown 。转换并不完美 , 但通过一些编辑 , 您可以快速将您的作品导出到您的博客 。这是我写的一篇从现有文章到Markdown的文章 , 解决了我发现的几个问题 。
更进一步
自己建网站的好处是可以控制事物外观的方方面面 , 可以添加任何想要的功能 。首先 , 挖掘存储库中的文件并查看Jekyll文档 。比如改变字体和样式 , 编辑style.scss文件 , 启用post comments , edit _ config.yaml , 你甚至可以通过Hover这样的网络域名注册商购买自定义域名 , 按照这个指南操作 。
关于Jekyll的好处是 , 如果你只是想专注于写作 , 你可以保留默认值 , 你会有一个干净的 , 像样的博客 。想改就改 , 能改多少改多少 。例如 , 我在我的“关于”页面中添加了一个实时代码编辑器 , 使它更有趣:


推荐阅读