文档章节

一个超级酷炫的黑屏静态博客

阿采
 阿采
发布于 2016/12/07 15:34
字数 425
阅读 18
收藏 0

git目录

这个博客有一个好处,不需要依附于apach或者Nginx,只需要使用jekyll ,速度很快。

安装ruby,使用rvm,步骤:(参考)

1: gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3

2: \curl -sSL https://get.rvm.io | bash # install RVM (development version)

3: rvm get head # Make Sure RVM up to date

4: rvm install ruby # will install latest version of ruby

5: rvm list # Listing install rubies will you get versions of ruby which is installed by RVM

6:  rvm use < ruby-version > # for instances ruby-1.9.3-p125

安装博客

mkdir mymmd
cd mymmd 
git init
git clone https://github.com/karloespiritu/BlackDoc.git
ls
cd BlackDoc/

#安装js
gem install execjs
gem install therubyracer
gem install bundler
bundle install
yum install nodejs

gem install jekyll

拉起web服务

jekyll serve --host 'yourhostip'

在浏览器中执行 http://yourhostip:4000,就能打开类似这样的黑屏博客拉 http://karloespiritu.com/blackdoc/

如何在github上维护博客 以前在github上搭建过一个jekyll的博客,把整个目录替换掉,就可以在github上维护一个博客了。 例子:https://github.com/jesseei/jesseei.github.io

如何不使用插件增加category:

  • 这里是列表文本在根目录增加category目录,里面按需要的分类增加不同的文件夹,文件夹里增加index.html文件
---
layout: category
title: MalwareMustDie
category: MalwareMustDie
---
  • 在_layouts目录增加category.html文件
---
layout: page
---
<h2>Posts related to: {{ page.title }}</h2>

{% unless page.content == '' %}
  <p>{{ page.content }}</p>
{% endunless %}

{% unless site.categories.[page.category] | size > 0 %}
  <p>No posts in this category at this time.</p>
{% endunless %}

{% for post in site.categories.[page.category] %}
<div class="post-preview">
    <a href="{{ site.baseurl }}{{ post.url | remove_first: '/'}}">
        <h2 class="post-title">            
            {{ post.title }}
        </h2>
        {% if post.subtitle %}
        <h3 class="post-subtitle">
            {{ post.subtitle }}
        </h3>
        {% endif %}
    </a>
    <p class="post-meta">
      Posted by 
      {% if post.author %}
        {{ post.author }}
      {% else %}
        {{ site.title }}
      {% endif %} 
      on {{ post.date | date: "%B %-d, %Y" }}
    </p>
</div>
<hr>
{% endfor %}
  • 在需要展示分类列表的地方增加如下代码
<h3>Categories</h3>
{% for category in site.categories %}
    <a href="/category/{{ category[0] }}/" style="text-decoration: none;">{{ category | first }}</a><br />
{% endfor %}

© 著作权归作者所有

共有 人打赏支持
阿采
粉丝 4
博文 40
码字总数 20837
作品 0
浦东
后端工程师
加载中

评论(3)

阿采
阿采
评论使用duoshuo http://blog.csdn.net/itmyhome1990/article/details/42125375
阿采
阿采
https://jekyllrb.com/docs/plugins/
阿采
阿采
http://blog.csdn.net/on_1y/article/details/19259435
使用Hexo+Github搭建自己的个人网站、主题集锦

Hexo 官方文档 将纯文本转化为静态网站和博客框架:jekyll 参考网站 快速低成本的搭建一个马马虎虎的博客 Hux Blog一生想做浪漫极客 教你定制Hexo的landscape打造自己的主题 【实用技能】使用...

木易涛
08/01
0
0
使用highlight.js高亮静态页面的语言代码

  显示静态的代码其实html的pre标签基本可以满足需求了,至少不会将换行的文本显示成一堆字符串。 不过能使静态的文本能高亮显示,倒更炫酷一点。其实很简单的,引入highlight.js包,可以使...

zhoujie0111
2015/02/06
0
0
分享5个来自tympanus的超炫图片幻灯效果和教程

日期:2012-4-11 来源:GBin1.com 今天我们将分享来自tympanus的5个超炫的图片幻灯效果。tympanus是一个超酷的前端技术博客,经常发布超酷的前端特效教程,今天小编我给大家推荐五个超酷的幻...

gbin1
2012/04/12
0
0
iOS流布局UICollectionView系列六——将布局从平面应用到空间

iOS流布局UICollectionView系列六——将布局从平面应用到空间 一、引言 前面,我们将布局由线性的瀑布流布局扩展到了圆环布局,这使我们使用UICollectionView的布局思路大大迈进了一步,这次...

珲少
2015/10/28
0
5
博客系统--vmaig_blog

概述 vmaigblog 是一个基于 Django1.6 跟 Bootstrap3 开发的 博客系统 ,实现了一个博客完整的功能。http://vmaig.com 就是基于vmaigblog 搭建的。 功能 文章,分类,专栏的添加,删除,修改。...

billvsme
2015/05/10
2.7K
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

谷歌 Fuchsia 上手体验,将取代Android/win10

在手机市场领域,Google表现很抢眼,毫无疑问,Android 至今在移动操作系统的市场份额占据绝对领先地位,但是 Android 仍然存在不少问题,碎片化问题严重,在平板以及大屏幕设备上表现糟糕,...

linux-tao
28分钟前
1
0
List、Array与ArrayList

数组在内存中是连续存储的,所以它的索引速度很快,而且赋值和修改元素也非常快,比如: string[] s=new string[3];//赋值 s[0]="a"; s[1]="b"; s[2]="c";//修改 s[1]="b1"; 但是数组...

shimmerkaiye
30分钟前
0
0
Linux 的Lnmp环境下为mysql添加环境变量

一.问题 在Linux 安装完Lnmp 环境后 , 连接Mysql 告诉没有这条命令 mysql -uroot -p 命令失效 因为是源码安装的,所以会出现这样的的原因 。集成环境是不会出现的。 其实很简单,只需要给m...

15834278076
32分钟前
3
0
apolloxlua include函数

include函数不是单独使用的函数, 他并不是标准库的一部分, 你可以使用include函数将某个后缀为 .aop的文档包含到你的文档流中。 因为include是单独处理流, 所以不会在主处理流程中有所表示...

钟元OSS
36分钟前
0
0
【转载分享】做一名较真的工程师

近些年与我共事过的同事,一定知道我至今仍有一个较真的性格。我会:指出同事所写代码的不当命名问题(并帮助改进);指出同事所写文档中的逻辑混乱问题(并辅以修订);指出同事所写PPT中乱...

HellerZhang
38分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部