利用Jekyll在gitcafe上搭建Material Design风格的个人博客
做好后大概是这个样子滴:
可以直接参考我的线上Blog demo: Jekyll-Materiallize,有兴趣的朋友可以继续往下看了
前期准备
- 安装ruby。(mac用户请跳过)
- 安装Jekyll,(windows用户看过来windows特供文档,虽然你们经受了种种考验,但做人最重要的就是开心,不要轻言放弃)
- 注册Gitcafe账号(已有账号的请跳过)
动手
新建与用户名/组织名相同的专案(已有专案的请跳过),如下图:
打开命令行工具(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
选择喜欢的editor修改
Jekyll
属性打开
_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
多语言控制,支持en
,zh
。默认是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.comments
,JB.analytics
,JB.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风格的个人博客相关推荐
- 纯CSS Material Design风格按钮
其实Material Design的扁平化icon按钮,这类型的按钮往往只利用几何色块的变化,就能抓住使用者的眼光,并且从几何形状中明白按钮的含意,这也是Material Design非常强调的设计理 ...
- mac环境下搭建hexo+github pages+next个人博客
GitHub Pages Github Pages 是面向用户.组织和项目开放的公共静态页面搭建托管服务,站点可以免费托管在Github上,你可选择试用Github Pages默认提供的域名githu ...
- 技术人如何利用 github+Jekyll ,搭建一个独立免费的技术博客
上次有人留言说,技术博客是程序员的标配,但据我所知绝大部分技术同学到现在仍然没有自己的技术博客.原因有很多,有的是懒的写,有的是怕写不好,还有的是一直想憋个大招,幻想做到完美再发出来,结果一直胎死腹中 ...
- 利用tinyproxy在Linux上搭建HTTP Proxy Server
之所以需要用到HTTP Proxy Server并不是为了要***,而是为了让没有公网IP地址的内网主机通过有公网IP地址的外网主机访问Internet.举个例子,阿里云ECS在购买时可以不购买公网I ...
- jekyll php,使用Jekyll在Github上搭建个人博客(文章分类索引)
系列文章传送门: 今天又滚出去野了一天,打牌输了,好在输的不多,聊天聊到了以后的路子,不太好走啊... 使用Category分类 一般来说,一个个人博客的文章会分为很多种,比如说有记录生活情感的.技术 ...
- 解决: 利用 Xware 在 centos 上搭建远程下载器
利用 Xware 在 centos 上搭建远程下载器 Xware--迅雷提供的远程下载工具 第一步:在 centos 服务器上搭建 Xware 环境 这点网上已经有不少博客可以参考,所以我这里主要对自 ...
- 打造Material Design风格的TabBar
自从Material Design问世以来, 各种Material Design风格的控件层出不穷, 尤其是google家的几个APP更是将Material Design应用到了极致. 最近在使用go ...
- Go项目(一)、服务器数据拉取和Material Design风格
零.Go项目的github地址:https://github.com/fantianwen/Go 一.前言:因为希望能能够整合现在安卓的围棋app中较好的东西和当下较为流行的App中常见的功能,于是, ...
- Material Design风格登录注册
本文实现了以下功能 完整的代码和样例托管在Github 当接口锁定时,防止后退按钮显示在登录Activity 上. 自定义 ProgressDialog来显示加载的状态. 符合材料设计规范. 悬浮标签 ...
最新文章
- One-hot encoding的不足及改进
- 企业组网为组织带来什么便利性和实用性?—Vecloud微云
- nginx echo 输出 检查配置正确性
- react --- 按需加载组件
- C# 读取根目录的json文件中的某个值
- 如何基于OSS和MTS,快速搭建音视频文件上传服务?
- asm 查看 数据文件 修改 时间_Oracle的ASM介绍及管理
- 爱心的数学函数方程_高中数学中的函数与方程思想
- Asia Yokohama Regional Contest 2018 K题 - Sixth Sense(思维加贪心加二分)
- python打印表格_怎么使用python脚本实现表格打印?
- 浅析JBPM工作流引擎
- linux备份没有vmlinuz,模拟centos6.8系统下initramfs文件和vmlinuz文件损坏恢复
- matlab画圆的命令_matlab画圆命令
- 电脑计算机推荐笔记本电脑,十佳办公笔记本电脑排名,性价比高的笔记本电脑推荐...
- 求急!!谁会写接口测试,拜托了各位大佬,跪求!!我感激不尽,好好报答他
- MGV2000_S905L系列_线刷_通刷固件
- ppt怎么把图片做成翻书效果_怎么把在PPT中插入的图片效果弄成翻书的样子啊?...
- python 100天 pdf 最新版_GitHub - Nolan2018/Python-100-Days: Python - 100天从新手到大师
- Linux下8723be网卡,解决 RTL8723BE 无线网卡不稳定的问题
- 简易图片打像素标签工具
热门文章
- radio设置颜色html,HTML下使用Radio设置选择样式。
- 音频中的采样率和比特率的关系
- 音频属性相关:声道、采样率、采样位数、样本格式、比特率
- Unity TextMeshPro添加中文字体
- Polynomial Round 2022 (Div. 1 + Div. 2, Rated, Prizes!)(A~E)
- DOTA2下载速度较慢解决方法
- Unity3D-牧师与魔鬼游戏分离版
- php上传视频文件代码,PHP视频文件上传完整示例代码
- Java:NoClassDefFoundError:can not initialize class XXX原因
- Docker failed to initialize