一个超级酷炫的黑屏静态博客
博客专区 > 阿采 的博客 > 博客详情
一个超级酷炫的黑屏静态博客
阿采 发表于1年前
一个超级酷炫的黑屏静态博客
  • 发表于 1年前
  • 阅读 17
  • 收藏 0
  • 点赞 0
  • 评论 3

移动开发云端新模式探索实践 >>>   

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
博文 28
码字总数 20837
评论 (3)
阿采
http://blog.csdn.net/on_1y/article/details/19259435
阿采
https://jekyllrb.com/docs/plugins/
阿采
评论使用duoshuo http://blog.csdn.net/itmyhome1990/article/details/42125375
×
阿采
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: