发表于 | 分类于

本文针对的是 Bootstrap 2，Bootstrap 3 响应式导航请自行搜索。

使用方法

在页面中加入依赖的文件

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-collapse.js"></script>

导航示例代码

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">
 
      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
 
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="#">Project name</a>
 
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </div>
 
    </div>
  </div>
</div>
阅读全文 »

发表于 | 分类于

今天在 linux 主机上安装了 hexo，并按官方文档做了一个最简单的 blog。

npm install n -g
n lst
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo generate
hexo server
阅读全文 »

发表于 | 分类于

WEBrick 遇到 404 错误时，返回错误编码。

问题分析

WEBrick 版本

WEBrick/1.3.1 (Ruby/2.2.6)

WEBrick 返回信息

Content-Type: text/html; charset=ISO-8859-1, text/html; charset=UTF-8

第一个 charset=ISO-8859-1 是 WEBrick 返回的， 第二个 charset=UTF-8 是 404 页面返回的。

引发问题的 WEBrick 相关代码

文件 <Ruby Home>\lib\ruby\2.2.0\webrick\httpresponse.rb

def set_error(ex, backtrace=false)
      case ex
      when HTTPStatus::Status
        @keep_alive = false if HTTPStatus::error?(ex.code)
        self.status = ex.code
      else
        @keep_alive = false
        self.status = HTTPStatus::RC_INTERNAL_SERVER_ERROR
      end
      @header['content-type'] = "text/html; charset=ISO-8859-1"
阅读全文 »

发表于 | 分类于

网站地图分为 txt, html, xml 等格式，本文介绍 xml 格式，名称一般为 sitemap.xml。

示例文件

---
layout: null
title : Sitemap
---
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  {% for post in site.posts %}
    <url>
      <loc>{{site.production_url}}{{ post.url }}</loc>
      {% if post.lastmod == null %}
        <lastmod>{{ post.date | date_to_xmlschema }}</lastmod>
      {% else %}
        <lastmod>{{ post.lastmod | date_to_xmlschema }}</lastmod>
      {% endif %}
      <changefreq>daily</changefreq>
      <priority>1.0</priority>
    </url>
  {% endfor %}
  {% for page in site.pages %}
    {% if page.sitemap != null and page.sitemap != empty %}
      <url>
        <loc>{{site.production_url}}{{ page.url }}</loc>
        <lastmod>{{ page.sitemap.lastmod | date_to_xmlschema }}</lastmod>
        <changefreq>{{ page.sitemap.changefreq }}</changefreq>
        <priority>{{ page.sitemap.priority }}</priority>
       </url>
    {% endif %}
  {% endfor %}
</urlset>
阅读全文 »

发表于 | 分类于

当页面内容不足一屏时，页脚就会跑到屏幕中间去，体验效果不好。

解决方法

html

<body>
    <div class="header">
        页首
    </div>

    <div class="content">
        内容
    </div>

    <div class="footer">
        页脚
    </div>
</body>
阅读全文 »

发表于 | 分类于

导航排序

在页面头信息中添加自定义属性 index

---
layout: page
title: 分类
group: navigation
index: 2
---

排序导航菜单并输出链接

{% assign sorted_pages = site.pages | sort:"index" %}
{% for node in sorted_pages %}
    <a href="{{ BASE_PATH }}{{node.url}}">{{node.title}}</a>
{% endfor %}
阅读全文 »

发表于 | 分类于

如果你的 jekyll 网站放在域名的某个目录下，则可以在 _config.yml 中配置 baseurl 参数，如 baseurl: /blog，则网站的访问地址类似 http://127.0.0.1:4000/blog/，同时要注意模板中 url 拼装问题。

阅读全文 »