利用Jekyll在gitcafe上搭建Material Design风格的个人博客

做好后大概是这个样子滴:
利用Jekyll在gitcafe上搭建Material Design风格的个人博客_第1张图片

利用Jekyll在gitcafe上搭建Material Design风格的个人博客_第2张图片

利用Jekyll在gitcafe上搭建Material Design风格的个人博客_第3张图片

可以直接参考我的线上Blog demo: Jekyll-Materiallize,有兴趣的朋友可以继续往下看了

前期准备

  1. 安装ruby。(mac用户请跳过)
  2. 安装Jekyll,(windows用户看过来windows特供文档,虽然你们经受了种种考验,但做人最重要的就是开心,不要轻言放弃)
  3. 注册Gitcafe账号(已有账号的请跳过)

动手

  1. 新建与用户名/组织名相同的专案(已有专案的请跳过),如下图:
    利用Jekyll在gitcafe上搭建Material Design风格的个人博客_第4张图片

  2. 打开命令行工具(windows用户请用Gitbash),找到一个你喜欢的目录,我们将在这个目录下面见证一切,执行如下命令:

    git clone --single-branch https://github.com/leftstick/jekyll-materiallize 
    cd 
    git remote set-url origin [email protected]:/.git
    git checkout -b gitcafe-pages
    
  3. 选择喜欢的editor修改Jekyll属性

  4. 打开_config.yml,找到如下参数,并修改成自己的内容即可:

    title : Jekyll Materiallize
    tagline: Site Tagline
    lang: en
    footerDetail: true
    author :
      name : Name Lastname
      avatar : false
      introduction : "A brief introduction should be placed here, in order to make the author known well to the reader"
      email : [email protected]
      github : username
      twitter : username
      gitcafe: username
      weibo : weiboID
      facebook : username
    
    production_url : http://username.github.io
    

参数详解

title 博客名
tagline 权当是副标题吧
lang 多语言控制,支持enzh。默认是en
footerDetail 详细页脚,true显示,false关闭
author.name 作者,你的大名
author.avatar 头像,false表示使用默认头像
author.introduction 自我介绍
author.email 邮箱
author.github Github用户名
author.twitter twitter用户名
author.gitcafe gitcafe用户名
author.weibo 新浪微博用户ID
author.facebook facebook用户名
production_url 你的博客线上地址,即http://USERNAME.gitcafe.io

至于其他诸如JB.commentsJB.analyticsJB.sharing等配置,可直接参考Blog-Configuration

发布

git add .
git commit -m "blog created"
git push -u origin gitcafe-pages

欣赏

稍等片刻后,打开http://USERNAME>.gitcafe.io即可看到的你的Material Design博客了。

因为缺乏艺术熏陶,可能不够漂亮,欢迎懂设计的朋友多给PR把这个小玩意做的更好

你可能感兴趣的:(material-design,blog,jekyll)