g

丘海东

读书写字 热爱生活 ⌚️📖️🖋️🏀️🚲️🚉️🎼️🍵️🏞️📷️

RVM用法

原文
列出可用的ruby版本以安装类型：

1

rvm list known

然后从已知的列表中安装，输入：

1

rvm install VERSION_NUMBER

然后使用你已经安装的ruby版本：

1

rvm use VERSION_NUMBER

你可以使一个特定的ruby版本成为你的默认系统版本：

1

rvm use VERSION_NUMBER --default

要删除gem版本，保持gemsets：

1

rvm uninstall VERSION_NUMBER

删除ruby等：

1

rvm remove VERSION_NUMBER

要了解你的ruby环境以及它们的安装位置/别名：

1

rvm info

You Can Use the Sass-convert Command to Automatically Fix Most cases---Ruby 不同版本

octopress-2.0，ruby-2.3.1，ubuntu20.04，可以运行（修改这里后）
octopress-2.0，ruby-2.5.9，ubuntu20.04，可以运行（修改这里后）
octopress-2.0，ruby-2.6.9，ubuntu20.04，可以运行（修改这里后）
octopress-3.0，ruby-2.5.9，ubuntu20.04，可以运行（無需修改）
octopress-3.0，ruby-2.6.9，ubuntu20.04，可以运行（無需修改）

換了版本要重新安裝octopress3.0：

1

gem install octopress

octopress-2.0-3.0，ruby-3.1.1，ubuntu20.04，都無法运行。

原网页
百度缓存网页

I just installed and Compass & Sass as described here.

I got the following warning when I ran compass watch for the first time. What exactly does it mean? What should I do to fix it, do I need to do anything?

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

$ (master) compass watch
>>> Compass is watching for changes. Press Ctrl-C to Stop.
DEPRECATION WARNING on line 87 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_deprecated-support.scss: #{} interpolation near operators will be simplified
in a future version of Sass. To preserve the current behavior, use quotes:

  unquote('"$moz-"#{$experimental-support-for-mozilla} "$webkit-"#{$experimental-support-for-webkit} "$opera-"#{$experimental-support-for-opera} "$microsoft-"#{$experimental-support-for-microsoft} "$khtml-"#{$experimental-support-for-khtml}')

You can use the sass-convert command to automatically fix most cases.

DEPRECATION WARNING on line 92 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_deprecated-support.scss: #{} interpolation near operators will be simplified
in a future version of Sass. To preserve the current behavior, use quotes:

  unquote('"$ie6-"#{$legacy-support-for-ie6} "$ie7-"#{$legacy-support-for-ie7} "$ie8-"#{$legacy-support-for-ie8}')

You can use the sass-convert command to automatically fix most cases.

    write css/styles.css

1 Answer :

To fix the error message, just change the line 87 from your “_deprecated-support.scss” file to this:

1
2
3
4
5
6
7
8
9
10
11

// A debug tool for checking browser support
@mixin debug-support-matrix($experimental: true, $ie: true) {
@debug '#{"$moz-"}$experimental-support-for-mozilla'
             '#{"$webkit-"}$experimental-support-for-webkit'
             '#{"$opera-"}$experimental-support-for-opera'
             '#{"$microsoft-"}$experimental-support-for-microsoft'
             '#{"$khtml-"}$experimental-support-for-khtml';
@debug '#{"$ie6-"}$legacy-support-for-ie6'
             '#{"$ie7-"}$legacy-support-for-ie7'
             '#{"$ie8-"}$legacy-support-for-ie8';
}

The file can be found at your /home/dong/.rvm/gems/ruby-2.3.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_deprecated-support.scss

人生无常，广西飞机失事

2022年3月21日下午，一架飞机在广西梧州滕县失事，132人，惨烈。
飞行数据显示，MU5735航班从昆明机场起飞后，一直在约8869米高度进行巡航。下午2点19分，飞机突然从巡航高度下降，同时飞行速度从约每小时845公里开始下降。机头垂直向下，2点21分，MU5735航班丢失ADS-B雷达信号，同地面失联。
人生无常，真的是，你永远不知道明天和意外谁先到来。
生死面前，都是小事。
珍惜。

Kex_exchange_identification: Read: Connection Reset by Peer

有時會出現標題的錯誤，ssh無法連接服務器，試過網上的幾種方法都不行，其實是國內網絡經常封鎖github，過段時間就好了。
update:

1. 收到邮件：

GitGuardian检测到您的GitHub帐户中暴露了以下OpenSSH私钥。
GitGuardian has detected the following OpenSSH Private Key exposed within your GitHub account.
新建key即可。

2. 如果把SSH key上传到仓库，会提示安全验证：

1
2
3
4
5
6
7
8
9
10
11

ERROR: We're doing an SSH key audit.
Reason: unverified automatically (private key found in a public repository)
Please visit https://github.com/settings/keys/********
to approve this key so we know it's safe.

Fingerprint:
SHA256:***********************************************

fatal: 无法读取远程仓库。

请确认您有正确的访问权限并且仓库存在。

Back to Top返回頂部按鈕

教程1
教程2

实现返回按钮功能

首先创建source/javascripts/top.js，添加如下代码实现滑动返回顶部效果:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

function goTop(acceleration, time)
{
        acceleration = acceleration || 1;  //加速度
        time = time || 16;  //时间间隔 (毫秒)

        var x1 = 0;
        var y1 = 0;
        var x2 = 0;
        var y2 = 0;
        var x3 = 0;
        var y3 = 0;

        if (document.documentElement)
        {
                x1 = document.documentElement.scrollLeft || 0;
                y1 = document.documentElement.scrollTop || 0;
        }
        if (document.body)
        {
                x2 = document.body.scrollLeft || 0;
                y2 = document.body.scrollTop || 0;
        }
        var x3 = window.scrollX || 0;
        var y3 = window.scrollY || 0;

        // 滚动条到页面顶部的水平距离
        var x = Math.max(x1, Math.max(x2, x3));
        // 滚动条到页面顶部的垂直距离
        var y = Math.max(y1, Math.max(y2, y3));

        // 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
        var speed = 1 + acceleration;
        window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));

        // 如果距离不为零, 继续调用迭代本函数
        if(x > 0 || y > 0)
        {
                var invokeFunction = "goTop(" + acceleration + ", " + time + ")";
                window.setTimeout(invokeFunction, time);
        }
}

自定义返回按钮格式

创建source/_includes/custom/totop.html，设置返回顶部按钮样式和位置
其中的width、height、right、bottom为图片在网页中的位置，可根据图片大小自行设定，示例代码如下：

1
2
3
4
5
6

<!--返回顶部开始-->
<div id="full" style="width:30px; height:30px; position:fixed; right:13px; bottom:13px; z-index:100; text-align:center; background-color:transparent; cursor:pointer;">
<a href="#" onclick="goTop();return false;"><img src="/images/top.png" border=0 alt="返回顶部"></a>
</div>
<script src="/javascripts/top.js" type="text/javascript"></script>
<!--返回顶部结束-->

选择按钮图片

找到自己喜爱的返回按钮图片，命名为top.png后添加到source/images目录中（或修改totop.html中图片的路径），文件名和totop.html中的一致就可以了，可以自己命名。

然后把totop.html 引入到文件中，考虑到进到具体每一篇blog里面也有这个功能，我们把这个文件在foot.html中引入，修改:octopress/source/_includes/custom/footer.html，添加一行：
octopress/source/_includes/custom/footer.html

1

  {\% include custom/totop.html \%}  //记得去除两个\号

bug提醒：如果post文件中有上面这一行代码（没有\号），blog网站首页和这篇博文页，会有返回按钮图片错误

Read on 阅读全文

如果正文太长，不希望在首页直接显示完整内容，可以在适当的位置加上一句<!--more-->，后面的内容就会被按钮Read on→所替代，点击阅读全文。

添加tags，導航欄，側邊欄

参考1

下载

首先到 https://github.com/robbyedwards/octopress-tag-pages 和 https://github.com/robbyedwards/octopress-tag-cloud 下载这两个项目的代码。

octopress-tag-pages

把里面的文件复制到相应位置，之前已有的文件，看代码，把需要的代码加上去，.md文件先不用管

octopress-tag-cloud

1 . 将 octopress-tag-cloud\plugins 路径里面的 tag_cloud.rb 文件复制到 octopress\plugins\ 文件夹里面。

2 . 将下面的代码复制到 octopress\source\_includes\custom\asides\tags.html。（这个文件需要自己新建。） 注意： 去掉 % 前面的反斜杠\。

1
2
3
4
5
6

<section>
  <h1>Tags</h1>
  <ul id="tag-cloud">
    {\% tag_cloud font-size: 120-160%, limit: 20 \%}
  </ul>
</section>

解释：

tag_cloud 的参数中， font-size 指定 tag 的大小范围；limit 限定 20 个 tag 。

3 . 在 octopress\_config.yml 中的 default_asides 中添加 custom/asides/tags.html，注意相应的位置。

1

default_asides: [custom/asides/tags.html, .....]

博文写标签：

1

tags: [tag1, tag2, tag3]

rake generate 出现问题：

Alt text

1

  Liquid Exception: comparison of Array with Array failed in _layouts/page.html

解决

octopress\plugins\tag_cloud.rb 第74行:

1
2
3
4
5
6

if @limit > 0 and @sort != 'rand'
    # sort the tag pairs by frequency in descending order
    weighted.sort! { |a,b| b[1] <=> a[1] }
    # then slice off the top @limit tag pairs
    weighted = weighted[0,@limit]
end

weighted = weighted[0,@limit] 应该是取指定数目的标签。如果标签数量少于 @limit ，会报错。

修改第74行为:

1

  if @limit > 0 and @sort != 'rand' and @limit < weighted.length

修改第95行为:

1

    if @limit > 0 and @limit < weighted.length

rake generate ，不再出现错误

出现另一警告：

Alt text

rake preview ，标签云成功添加:

Alt text

解决 Build Warning: Layout 'nil' requested in tags/标签名/atom.xml does not exist. 警告问题

将 octopress\source\_includes\custom\tag_feed.xml 文件里面 nil 改为 null ：

1
2
3

---
layout: null
---

搞定

加速Octopress2.0，太慢了

原博

清理没用的服务

以下修改均修改_config.yml,以下可以根据自己的需要进行去除。

去除Disqus评论
打开文件找到Disqus Comments，按照下面在每一行前面加#注释掉即可

1
2
3

# Disqus Comments
#disqus_short_name: 
#disqus_show_comment_count: true

去掉Github仓库展示

1
2
3
4
5

# Github repositories
#github_user: 
#github_repo_count: 
#github_show_profile_link: true
#github_skip_forks: true

去除Twitter按钮
去除Google+相关
去除Pinboard服务
去除Delicious评论，去除后可能没有评论系统
去除Facebook Like

替换快速的请求资源

其实，真正解决加速的重要环节可能是这里，因为Octopress很多依赖于Google的库和资源。

解决Google Analytics巨慢的问题

对于使用Google Analytics来说，加在ga.js这个文件简直是要命的慢，这里我使用自己存放在七牛CDN上的js. http://droidyue-tools.qiniudn.com/ga.js 已验证，完全可以正常收集数据。
参考如下，修改source/_includes/google_analytics.html

1
2
3
4
5
6
7
8

 _gaq.push(['_trackPageview']);

 (function() {
 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 ga.src='http://droidyue-tools.qiniudn.com/ga.js';
 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();
   </script>

解决fonts.googleapis.com蜗牛慢

这里我们使用数字公司提供的Google Fonts大陆解决方案，使用fonts.useso.com替换fonts.googleapis.com。
修改文件/source/_includes/custom/head.html

1
2
3

 <!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.useso.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.useso.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">

解决ajax.googleapis.com慢的问题

修改source/_includes/head.html

1
2
3

<script src="//ajax.useso.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="./javascripts/lib/jquery.min.js"%3E%3C/script%3E'))</script>
<script src="/javascripts/octopress.js" type="text/javascript"></script>

總結

导致网站慢的原因其实是加载Google的资源，当然我们不能怨Google.经过测试，使用数字公司的解决方法之后，国内国外访问速度都是可以的。这里还是推荐以下数字公司的这个解决方案http://libs.useso.com/