依稀记得之前访问喵神的博客很有feel
感谢喵神git上的提供的主题Vno-Jekyll
创建代码仓库(你的用户名).github.io
将主题Vno-Jekyll下载到本地,解压到刚刚的代码仓库目录下,可以把文件夹里的文件都删了。
 gem install jekyll
进入到(你的用户名).github.io目录
执行bundle install
如果出现提示:
-bash: bundle: command not found
就先安装bundle(执行sudo gem install bundle)
开启Jekyll环境bundle exec jekyll serve,看见下面输出代表开启成功。
在写文章的时候,在终端执行bundle exec jekyll serve,开启Jekyll本地环境,可以一边写博文,一边刷新http://127.0.0.1:4000/地址查看实时效果。写完提交git,就完事啦。
用git电脑终端将这些代码都上传到git代码仓库
绑定个人域名
创建CNAME文件
评论功能
登录Disqus网站注册一个账号
  1. 点击Setting图标,选择Add disqus to site
  2. 点击Start Using Engage
  3. 设置自己的Disqus的URL
  4. 设置根目录下_config.yml文件的disqus的URL
# Comment comment: disqus: joeliu
写文章
一篇文章就是一个文件
放在_posts文件夹里
命名要按YYYY-MM-DD-文章标题.md这种格式来
书写格式
文章的开头,我们需要先设置头信息。头信息需要根据YAML的格式写在两行三虚线之间。
--- layout: post title: 这个是标题 date: 2016-04-16 11:11:11.000000000 +09:00 tags: Jekyll Github ---
date:发布文章的时间。(后面的一串零零零好像不能省)
layout 用post.html。page.html模板比post.html模板少了更早的文章和评论模块。
tags:标签,一篇文章可以设置多个标签,使用空格分割。
其它的变量可以在Jekyll网站上查看。
主题细节修改
博客名、描述、跳转链接的修改的主要文件路径是在根目录下的文件:_config.yml
头像和背景存放路径:代码仓库根目录->assets->image,直接替换文件就好了,不过要保持文件名一样。
Markdown Engine: 用于将Makrdown语法的文本转换成html文件或者输出
  • Github支持的Markdown engine: kramdown(default), redcarpet
  • jekyll支持的Markdown engine:kramdown(default), redcarpet
参考:
http://cenalulu.github.io/ 这个站也不错

用Jekyll搭建的Github Pages个人博客实践2的更多相关文章

  1. 使用Jekyll搭建免费的Github Pages个人博客

    一.Git 1.Git概述 Git is a free and open source distributed version control system designed to handle ev ...

  2. 使用vuepress搭建GitHub pages静态博客页面

    vuepress官网 vuepress是尤大开发来写文档的静态页面.可以用Markdown 语法,并且也可以使用vue模块化的方式开发页面. vuepress-theme-reco 是另外的开发者开发 ...

  3. 使用github pages创建博客

      参考:http://wenku.baidu.com/link?url=hi0nlkIp17HnQQpCkUr3KacZOOVGMOYKYbWzjX_HKJZNZpiRxfGPLuwvUydOVxe ...

  4. Mac上搭建基于Github的Hexo博客

    Mac 上搭建基于Github的hexo博客 博客地址:往事亦如风的博客 hexo官方文档 本来想搭一个自己的博客,但是因为服务器真心买不起,所以就使用gitpages搭建一个免费的博客. 环境配置 ...

  5. 让搭建在 Github Pages 上的 Hexo 博客可以被 Google 搜索到

    title: 让搭建在Github Pages上的Hexo博客可以被Google搜索到 date: 2019-05-30 23:35:44 tags: 配置 --- 准备工作 搭建好的博客 npm & ...

  6. 用Jekyll在github上写博客——《搭建一个免费的,无限流量的Blog》的注脚

    本来打算买域名,买空间,用wordpress写博客的.后来问了一个师兄,他说他是用github的空间,用Jekyll写博客,说很多人都这么做.于是我就研究了一下. 比较有价值的文章有这么几篇: htt ...

  7. 使用 GitHub, Jekyll 打造自己的免费独立博客

    使用 GitHub, Jekyll 打造自己的免费独立博客 GitHub是一个代码托管网站,现在很多开源项目都放在GitHub上. 利用GitHub,可以让全球各地的程序员们一起协作开发.GitHub ...

  8. 用Jekyll在github上写博客

    用Jekyll在github上写博客——<搭建一个免费的,无限流量的Blog>的注脚 本来打算买域名,买空间,用wordpress写博客的.后来问了一个师兄,他说他是用github的空间, ...

  9. 上一周,小白的我试着搭建了两个个人博客:在github和openshift上

    上一周,突发奇想,想搭建个自己的博客. 由于是突发奇想,自然想先找免费的试试手.仔细搜索下,选定了目标Openshift和Github. Openshift 安装WordPress OpenShift ...

随机推荐

  1. [CF617E]XOR and Favorite Number/[CQOI2018]异或序列

    题目大意: 给定一个长度为$n(n\leq10^5)$的数列$A$和数$k$$(A_i,k\leq10^6)$.$m$组询问,每次询问区间$[l,r]$中有多少对$i,j(l\leq i\leq j\ ...

  2. 1.14(java学习笔记)数组

    假如我们需要用到1000个相同类型的数据,肯定不可能创建1000个变量, 这样既不方便,也不直观,也不便于我们使用.这时就需要用到数组. 一.数组的声明与使用 public class Array { ...

  3. 八. 输入输出(IO)操作3.面向字符的输出流

    面向字符的输出流都是类 Writer 的子类,其类层次结构如图 10-5 所示. 图10-5 Writer的类层次结构图 表 10-3 列出了 Writer 的主要子类及说明. 表 10-3 Writ ...

  4. Android之9图的制作

    .9.PNG确实是标准的PNG格式,只是在最外面一圈额外增加1px的边框,这个1px的边框就是用来定义图片中可扩展的和静态不变的区域.特别说明,left和top边框中交叉部分是可拉伸部分,未选中部分是 ...

  5. Microsoft SQL Server Version List [sqlserver 7.0-------sql server 2016]

    http://sqlserverbuilds.blogspot.jp/   What version of SQL Server do I have? This unofficial build ch ...

  6. nginx服务器设置path_info模式

    1.find / -name nginx.conf找到nginx配置文件 2. ## The default server#server { listen 80; #填写自己的域名 server_na ...

  7. x-pack破解并安装

    声明:本文仅作为学习交流,请勿用于商业用途,否则后果自负.如需使用黄金或白金版X-Pack请购买正版. 1. 安装x-pack 具体安装过程参照:http://www.cnblogs.com/shao ...

  8. 5.全局异常捕捉【从零开始学Spring Boot】

    在一个项目中的异常我们我们都会统一进行处理的,那么如何进行统一进行处理呢? 新建一个类GlobalDefaultExceptionHandler, 在class注解上@ControllerAdvice ...

  9. 系统重装 Windows_VHD_辅助处理工具说明文档2

    创建一个原始安装的VHD文件 如果采用原始安装的方式,则在WIN7的原始光盘中将install.wim这个文件提取到一个文件夹中备用.如果采用Ghost安装的方式,则将Ghost备份文件提取出来(.G ...

  10. Android学习(十九)Dialog对话框

    一.什么是Dialog对话框 对话框是当前页面中弹出的一个小窗口,用于显示重要的提示信息,提示用户输入信息,确认信息,或者显示某种状态,如下载进度,退出提示等等.用户需要与对话框进行交互,才能回到原窗 ...