做好后大概是这个样子滴:

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

前期准备

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

动手

  1. 新建与用户名/组织名相同的专案(已有专案的请跳过),如下图:

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

    git clone --single-branch https://github.com/leftstick/jekyll-materiallize <USERNAME>
    cd <USERNAME>
    git remote set-url origin git@gitcafe.com:<USERNAME>/<USERNAME>.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 Lastnameavatar : falseintroduction : "A brief introduction should be placed here, in order to make the author known well to the reader"email : user@email.testgithub : usernametwitter : usernamegitcafe: usernameweibo : weiboIDfacebook : usernameproduction_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把这个小玩意做的更好

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

  1. 纯CSS Material Design风格按钮

    其实Material Design的扁平化icon按钮,这类型的按钮往往只利用几何色块的变化,就能抓住使用者的眼光,并且从几何形状中明白按钮的含意,这也是Material Design非常强调的设计理 ...

  2. mac环境下搭建hexo+github pages+next个人博客

    GitHub Pages Github Pages 是面向用户.组织和项目开放的公共静态页面搭建托管服务,站点可以免费托管在Github上,你可选择试用Github Pages默认提供的域名githu ...

  3. 技术人如何利用 github+Jekyll ,搭建一个独立免费的技术博客

    上次有人留言说,技术博客是程序员的标配,但据我所知绝大部分技术同学到现在仍然没有自己的技术博客.原因有很多,有的是懒的写,有的是怕写不好,还有的是一直想憋个大招,幻想做到完美再发出来,结果一直胎死腹中 ...

  4. 利用tinyproxy在Linux上搭建HTTP Proxy Server

    之所以需要用到HTTP Proxy Server并不是为了要***,而是为了让没有公网IP地址的内网主机通过有公网IP地址的外网主机访问Internet.举个例子,阿里云ECS在购买时可以不购买公网I ...

  5. jekyll php,使用Jekyll在Github上搭建个人博客(文章分类索引)

    系列文章传送门: 今天又滚出去野了一天,打牌输了,好在输的不多,聊天聊到了以后的路子,不太好走啊... 使用Category分类 一般来说,一个个人博客的文章会分为很多种,比如说有记录生活情感的.技术 ...

  6. 解决: 利用 Xware 在 centos 上搭建远程下载器

    利用 Xware 在 centos 上搭建远程下载器 Xware--迅雷提供的远程下载工具 第一步:在 centos 服务器上搭建 Xware 环境 这点网上已经有不少博客可以参考,所以我这里主要对自 ...

  7. 打造Material Design风格的TabBar

    自从Material Design问世以来, 各种Material Design风格的控件层出不穷, 尤其是google家的几个APP更是将Material Design应用到了极致. 最近在使用go ...

  8. Go项目(一)、服务器数据拉取和Material Design风格

    零.Go项目的github地址:https://github.com/fantianwen/Go 一.前言:因为希望能能够整合现在安卓的围棋app中较好的东西和当下较为流行的App中常见的功能,于是, ...

  9. Material Design风格登录注册

    本文实现了以下功能 完整的代码和样例托管在Github 当接口锁定时,防止后退按钮显示在登录Activity 上. 自定义 ProgressDialog来显示加载的状态. 符合材料设计规范. 悬浮标签 ...

最新文章

  1. One-hot encoding的不足及改进
  2. 企业组网为组织带来什么便利性和实用性?—Vecloud微云
  3. nginx echo 输出 检查配置正确性
  4. react --- 按需加载组件
  5. C# 读取根目录的json文件中的某个值
  6. 如何基于OSS和MTS,快速搭建音视频文件上传服务?
  7. asm 查看 数据文件 修改 时间_Oracle的ASM介绍及管理
  8. 爱心的数学函数方程_高中数学中的函数与方程思想
  9. Asia Yokohama Regional Contest 2018 K题 - Sixth Sense(思维加贪心加二分)
  10. python打印表格_怎么使用python脚本实现表格打印?
  11. 浅析JBPM工作流引擎
  12. linux备份没有vmlinuz,模拟centos6.8系统下initramfs文件和vmlinuz文件损坏恢复
  13. matlab画圆的命令_matlab画圆命令
  14. 电脑计算机推荐笔记本电脑,十佳办公笔记本电脑排名,性价比高的笔记本电脑推荐...
  15. 求急!!谁会写接口测试,拜托了各位大佬,跪求!!我感激不尽,好好报答他
  16. MGV2000_S905L系列_线刷_通刷固件
  17. ppt怎么把图片做成翻书效果_怎么把在PPT中插入的图片效果弄成翻书的样子啊?...
  18. python 100天 pdf 最新版_GitHub - Nolan2018/Python-100-Days: Python - 100天从新手到大师
  19. Linux下8723be网卡,解决 RTL8723BE 无线网卡不稳定的问题
  20. 简易图片打像素标签工具

热门文章

  1. radio设置颜色html,HTML下使用Radio设置选择样式。
  2. 音频中的采样率和比特率的关系
  3. 音频属性相关:声道、采样率、采样位数、样本格式、比特率
  4. Unity TextMeshPro添加中文字体
  5. Polynomial Round 2022 (Div. 1 + Div. 2, Rated, Prizes!)(A~E)
  6. DOTA2下载速度较慢解决方法
  7. Unity3D-牧师与魔鬼游戏分离版
  8. php上传视频文件代码,PHP视频文件上传完整示例代码
  9. Java:NoClassDefFoundError:can not initialize class XXX原因
  10. Docker failed to initialize