使用jekyll搭建网站(本地端:在 Windows 上安装 Jekyll 3)

在 Windows 上安装 Jekyll 3

  • 在 Windows 上安装 Jekyll 3教程
    此教程非常详细只需对应教程跟着安装即可,配置jekyll的windows本地环境
    可参考廖老师的教程(此为配置Ruby环境,内附windows环境配置教程)
    还有此篇快速在 Windows 上搭建 Jekyll 开发环境
  • 简单来说配置Jekyll环境需要进行如下步骤
    • 安装 Ruby
    • 安装 DevKit
    • 安装 Jekyll
    • 启动 Jekyll
    • 故障诊断

在本地端新建主题并更换主题

安装完环境之后进行本地端的测试

  • 学习jekyll基本的命令行用法

  • 打开Windows powershell


  • 查看jekyll版本号!

jekyll -v

  • 确保 bundler gem 已经正确安装
bundle -v
  • 新建一个jekyll博客
Jekyll new you_bolg

这里的you_bolg是你想要创建的项目名字,可以自己取



创建成功
  • 运行jekyll
    运行之前你需要先进入你创建的博客目录。(创建的文件夹在哪里,就cd进入哪里)
cd  you_bolg

现在你可以试着运行一下你这个新建的bolg

jekyll s

运行后会出现一个url,访问这个url就可以看到你所创建的blog

http://127.0.0.1:4000/

更换 minimal-mistakes 主题

  • minimal-mistakes主题github仓库
    根据快速入门指南中的基于Rudy的方法进行实践
  1. 将以下内容添加到您的Gemfile:
gem "minimal-mistakes-jekyll"

找到Gemfile文件并加入以上代码


  1. 按下ctrl+c终止正在运行的jekyll网站
  2. 通过运行以下Bundler命令获取和更新捆绑的gem :
bundle
  1. 设置theme在项目的jekyll中_config.yml文件:
theme: minimal-mistakes-jekyll

修改jekyll项目中_config.yml文件里面的主题,改为minimal-mistakes-jekyll


  1. 更新主题运行bundle update
    如果不进行这一步的话,再次部署仍然不会转变主题,只有更新主题才能让jekyll使用我们需要的主题
bundle update
  1. 修改Code Page后运行jekyll
    如果直接运行jekyll服务的话会出现以下情况
    报错

    因为没有进行编码所以就会导致报错,然后参考https://segmentfault.com/a/1190000016029558?utm_source=tag-newest
    进行编码
chcp 65001
bundle exec jekyll serve


然后再次访问http://127.0.0.1:4000/
实验成功

就会发现主题更换成功!
祝大家实践成功!

也可参考使用jekyll搭建网站在gitee和github上面部署jekyll网站

你可能感兴趣的:(使用jekyll搭建网站(本地端:在 Windows 上安装 Jekyll 3))