win10上搭建jekyll博客测试环境

2019-10-31   博客教程

目的:使用github和jekylly托管博客,本地端配置一次之后不需要再配置第二次,之后在可以在手机上使用working copy上传md文件到github仓库,一键更新博客。

1. 安装环境

01 下载安装Ruby

  • 下载地址:ruby官网
  • 勾选添加到PATH选项,以便在命令行中使用
  • 勾选安装msys2 ,后面安装gem和jekyll时会用到

02 安装RubyGems

  • 下载zip格式软件包
  • 解压到任意路径
  • 在该路径下,按shift,单击右键,选择打开powershell
  • 输入如下命令安装
ruby setup.rb

03 安装jskyll

gem install jekyll

04 安装jekyll-paginate

gem install jekyll-paginate

05 验证安装完成

jekyll -v
  • 输出版本说明安装完成

2. 测试博客主题

01 下载博客主题

我使用的是这一款:https://github.com/qiubaiying/qiubaiying.github.io

效果: https://huangxuan.me/huxblog-boilerplate/

  • 点击download zip
  • 解压文件夹,删除不需要的内容

02 一些定制项目

修改 _config.yml文件

# Site settings
title: Hux Blog             # 你的博客网站标题
SEOTitle: Hux Blog			# 在后面会详细谈到
description: "Cool Blog"    # 随便说点,描述一下

# SNS settings      
github_username: huxpro     # 你的github账号
weibo_username: huxpro      # 你的微博账号,底部链接会自动更新的。

# Build settings
# paginate: 10              # 一页你准备放几篇文章

Jekyll官方网站还有很多的参数可以调: http://jekyllcn.com/docs/home/

03 开启本地实时预览

切换到仓库所在目录

  • 预览主题
jekyll serve
  • 边修改边预览
jekyll serve --watch

3. working copy管理博客

01 设置一个文章模板

---
layout:     post
title:      "Hello 2015"
subtitle:   "Hello World, Hello Blog"
date:       2015-01-29 12:00:00
author:     "Hux"
header-img: "img/post-bg-2015.jpg"
tags:
    - Life
---

02 写博客

iPhone上可以使用的写作软件有很多,个人推荐bear(界面是真好看),也可以使用1writerdraftsbyword,甚至可以直接使用working copy。