中第1部分在这个系列中,我介绍了使用今天可用的一些很棒的工具和平台来开源博客。我还分享了自己的设置,以便您可以看到结束结束的内容。
我不久,我会提供您自己需要使用自己的博客网站所需的一切详细演练。
|
本地博客开发
首先,我们需要通过安装几个依赖项来为博客站点设置我们的本地开发环境。
|
第2部分部署计划
接下来…
|
已经安装了Visual Studio代码或Git?- >在继续本指南之前更新到最新版本。
|
第1步 - 安装Visual Studio代码
|
第2步 - 安装git
|
确保选择Visual Studio代码为Git的默认编辑器
第3步 - 安装Ruby / Jekyll
|
下载并运行Ruby + Devkit 2.6.x(x64)安装程序
在安装向导期间接受所有默认值。
在安装向导期间接受所有默认值。
单击“完成”。
在击中ENTER继续之前,请务必在第1号码中键入。
如果一切顺利,您应该看到一个屏幕,说安装了MSYS2。随意关闭它。
我们需要使用以下cmdlet安装Jekyll和Bundler RubyGems:$ Gem安装Jekyll Bundler
如果您遇到问题,请尝试从上面的步骤2开始重新安装Ruby + Devkit。
第4步 - 使用社区主题 - 最小错误
我们希望今天博客 - 不是下周或一个月后。那么让我们克隆/叉子
对我们本地开发环境的现有Jekyll主题。然后,我们可以修改它以满足我们的需求,而不会重新发明轮子!
顺便一提!默认的Jekyll主题是最小并且似乎很快就可以快速证明概念。由于与其他主题相比,我不建议与它一起生活。您可以通过从vscode终端执行以下cmdlet来检查:
$ jekyll新的my-awesome - 网站
$ cd my-awesome - 网站
$ Bundle Exec Jekyll服务
成功的服务后 - 浏览http:// localhost:4000将显示像这样的主页。
Jekyll默认主题(最小值)
目前我正在使用最小的错误迈克尔玫瑰是因为它适合我的需求,因为迈克尔的有用文档可用 - 例如退房https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/
最小的错误主题开始最快的方法是git clone.
或者git fork.
以下GitHub存储库之一。
让我们来看看这是如何与之合作的远程主题。
尝试从vscode终端执行以下cmdlet:
$ CD C:/
$ git clone https://github.com/mmistakes/mm-github-pages-starter
$ CD mm-github-pages-starter /
$ Bundle Exec Jekyll服务
成功的服务后 - 浏览http:// localhost:4000将显示像这样的主页。
Jekyll社区主题(MMistakes)
打开新创建的文件夹C:\ mm-github-pages-starter
从vsode访问以下站点结构。
MMistakes网站结构
这是你上面所看到的崩溃。在此处将在此处发生大部分更改,因此很重要。
|
下一步
|
搭档
我们已经完成了我们的开源博客依赖关系的安装到我们本地的开发环境,并克隆/服务了Jekyll主题。
第2部分部署计划完成!
恭喜迈出了这一点!
加入我第3部分
在这个系列中,我们将看到博客与github和github页面一起生活。