使用Jekyll GitHub VSCode Part1的开源博客

新年伊始，人们又有了加入科技博客社区的新动力。

在这个博客系列中，我将免费分享您需要知道的一切，以便使用开源工具（如变身怪医,GitHub,和Visual Studio代码。

• 第1部分–我为什么使用开源和我的博客设置概述- - - - - -你在这里
• 第2部分-开始一步一步的指导
• 第3部分-保护您的内容，并与GitHub页面上线
• 第4部分-技巧和技巧与杰基尔和Markdown编辑

以下是我的博客工具包的概述:

可以找到一组有用的链接在这里。

为什么开源?

首先让我们谈谈我为什么使用开源，其中一些可能与您自己的目标和需求相关。

零流量，零成本

当创建一个几乎没有内容的新博客网站时零流量我的直觉是把成本降到最低。对于一个收入为零的新网站，我甚至不能证明每月在主机托管或软件授权上花费1美元是合理的。目前我的博客是零成本我的屁股口袋，让我快乐

最大控制，最小努力

作为一名技术人员，我倾向于深入研究解决方案并探索各种可能性，可能会出现问题，但我会在这个过程中了解问题所在和原因。这是我需要的最大的控制过多的内容和交付导致我认为静态网站是一个很好的适合。因为静态网站是最基本的网站类型，它也非常适合新技术博客，这意味着最小努力保持长期。

熟悉的工具

作为我9-5工作的一部分，我已经在使用开源工具，比如Visual Studio代码编写/测试我的。ps1和。azcli脚本GitHub在云中存储/共享我的代码并应用版本控制。所以继续使用熟悉的工具这大大减少了部署和维护我的博客所需的时间。

博客设置概述

本地依赖项

在我的笔记本电脑上安装了以下客户端：

• 红宝石+DevKit- - - - - -2.6.5条
• 变身怪医- - - - - -4.0.0
• Visual Studio代码- - - - - -1.42.0条
• Git- - - - - -2.18.0条

创建内容

我使用Visual Studio代码客户端创建和修改内容。它支持markdown编辑和集成Git. 最大限度地欣赏VSCode预览窗口它允许您查看您的markdown内容的发布形式。

注意：您也可以使用web浏览器中的GitHub通过其图形用户界面创建内容，但是如果不发布内容，则无法预览整个网站。这是我使用Surface Book 2作为本地开发环境的主要原因。

预览网站

在本地创建新内容后，当我想预览整个网站，我将运行这个cmdlet从VSCode的终端:

捆绑执行jekyll服务

这将从我的本地Git存储库自动生成并在http://127.0.0.1:4000

在线出版

我的GitHub账号是a单一存储库和主分支设置博客。您可以使用分支来实现更高级的功能，但是目前我更喜欢保持简单。

注意:为了让GitHub页面自动构建和提供你的博客内容，你的GitHub存储库名称需要有一定的格式:username.github.io

当我对博客站点的本地预览感到满意时，我使用来自VSCode终端的Git提交我的本地更改并将它们推送到我的云端GitHub Repo。

你的典型的命令流程是这样的:

git拉

git提交-am“提交消息”

git推

这里最酷的事情是GitHub页面自动检测到我的repo主分支的变化，并使用Jekyll integration自动构建站点并发布它https://jesseloudon.github.io

正如你所预料的，有一些使用限制与GitHub页面服务相关联，例如软限制为每小时10个版本。作为这项服务的新用户，我还没有遇到这些限制或感受到影响

回顾

在这个博客中，我为您提供了一个工具包为了让你从开源博客开始，总结我走上这条美好道路的原因。

我还为您提供了我的博客设置的鸟瞰图，以及从我的本地笔记本电脑上的内容创建到我的博客文章在线直播的端到端的事件流。

加入我第2部分在这个系列中，我将介绍如何开始使用你自己的博客GitHub页面循序渐进的。

欢呼,杰西