唯一的真理

True or False

Octopress样式修改

样式修改

添加或修改控制样式，需编辑sass/custom/_styles.scss，博客的所有颜色控制在/sass/base/_theme.scss中进行设置。定制自己的配色，编辑sass/custom/_colors.scss。查看HSL COLOR PICKER，帮你挑选喜欢的颜色。
修改布局，需要编辑sass/base/_layout.scss，可以修改各部分的宽度等。

添加背景图片

在sass/custom/_styles.scss中添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

html {
        background: #555555 url("/images/lol.jpg");
        //background: #555555;
}

body > div {
        background-image: none;
        //background: #F5F5D5
} //侧边栏

body > div > div { //文章内容
        background-image: none;
        //background: #F5F5D5;
        //background: url("/images/bg.jpg");
}

将背景图片放入source/images/中，修改上述代码中的路径指向想要的图片，即可 更改博客、侧边栏或文章的背景图片。博客使用背景图片后，与Header区不太和谐，所以我在/sass/base/_theme.scss中将header-bg设置成透明色了。

1

$header-bg: hsla(0, 0%, 15%, 0)  !default;

Octopress添加统计

搭建了Octopress发现自己不会js,css以及各类代码，要美化Octopress真的很难，所以只有谷哥，度娘，东找找，西找找,看一些大牛的文章,照搬过来，统一放到自己的博客里面，方便自己看，也方便其他人不需要频繁的在网上各种搜索。

首先可以通过各类搜索引擎将自己的网站放入进去,这样大家在使用这些搜索引擎的时候方便搜索到自己的博客，网站。
http://tool.lusongsong.com/addurl.html
http://urlc.cn/tool/addurl.html

添加关键字

1
2
3
4
5
6
7
8
9
10

---
layout: post
title: "Octopress添加统计"
date: 2013-11-14 14:06
comments: true
categories: Octopress
description: "Octopress添加统计"
tags: [octopress,博客,统计]
keywords: octopress,统计,关键字
---

Octopress最新评论及友情链接

最新评论，热评

这边我使用的是友言，友言提供了很多组件，最新评论，热评等等
我们可以将他们 做成侧边栏进行展示，或在首页文章列表中，显示每篇文章的评论数目
首先登入友言页面，并注册
http://uyan.cc/ 后台管理—>进入—>安装设置—>嵌入组件

创建文件

source/_includes/asides/uyan_hotcmt.html

1
2
3
4
5

<section>
<h1>评论热榜</h1>
<div id="uyan_hotcmt_unit"></div>
<script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js?uid=xxxxxx"></script> <!-- 如果已经过加载此行JS，即可不用重复加载 -->
</section>

Octopress访客地图

Octopress访客地图

效果如我的博客右侧那个精美的3D旋转地球所示，它可以显示访客数量，访客来自的 地域，既有装饰作用，又有统计作用。它也有2D效果版，可以根据自己喜欢进行设置，地址在这里，然后获得代码。
http://www.revolvermaps.com/?target=setup

source/_includes/asides/earth.html

1
2
3
4

<section>
  <h1>访客地图</h1>
        <script type="text/javascript" src="http://jg.revolvermaps.com/2/1.js?i=6mb2spkrv1j&amp;s=220&amp;m=0&amp;v=false&amp;r=false&amp;b=000000&amp;n=false&amp;c=ff0000" async="async"></script>
</section>
返回顶部