g

丘海东

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

Ubuntu 22.04安装Octopress 2.0和3.0

Ubuntu24.04安装
以后重装系统，记得把octopress、haydnyau、ssh2、ssh3文件夹、.gitconfig，打包备份，并上传网盘。
依赖：python2，ruby2.6.9

Octopress 2.0

1
2

git --version
sudo apt install git

然后配置git，把之前的octopress-haydnyau和ssh2-ssh3文件夹和.gitconfig文件复制到主目录，改ssh文件夹名

1

ssh -T git@github.com

ok

1
2
3
4

python2 --version
sudo apt install python2

ruby --version

没有
到rvm官网(下面的命令可能有更新，看官网)

1

gpg2 --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB

提示：

1
2

Command 'gpg2' not found, but can be installed with:
sudo apt install gnupg2
1
2
3
4

sudo apt install gnupg2
gpg2 --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB

curl -sSL https://get.rvm.io | bash -s stable

提示：

1
2

Command 'curl' not found, but can be installed with:
dg不要这样安装sudo apt install curl

注意: 安装新版本的curl

否则会出错

1
2
3
4
5
6
7
8

dong@dong-Ubuntu:~$ curl -V

找不到命令 “curl”，但可以通过以下软件包安装它：
sudo snap install curl  # version 8.1.2, or
dg不要这样安装sudo apt  install curl  # version 7.81.0-1ubuntu1.13
输入 “snap info curl” 以查看更多版本。

dong@dong-Ubuntu:~$ sudo snap install curl

不要下面这个了:

1
2

dg不要这样安装sudo apt install curl
curl -sSL https://get.rvm.io | bash -s stable

提示：

1

curl: (7) Failed to connect to raw.githubusercontent.com port 443 after 28 ms: 拒绝连接

解决：
Failed to connect to raw.githubusercontent.com
到这个网址：https://www.ipaddress.com/，输入：raw.githubusercontent.com，查询，得到IP地址，选择其中一个或多个，修改本地HOSTS：Ubuntu下打开/etc/hosts，添加 IP地址：185.199.108.133 raw.githubusercontent.com，重试，不行就重启再试。

1

curl -sSL https://get.rvm.io | bash -s stable

提示：

1
2
3

* To start using RVM you need to run `source /home/dong/.rvm/scripts/rvm`
    in all your open shell windows, in rare cases you need to reopen all shell windows.
Thanks for installing RVM
1

source /home/dong/.rvm/scripts/rvm

重启命令行

1
2

rvm --version
rvm install 2.6.9

提示错误：

1
2
3
4
5

Error running '__rvm_make -j4',
please read /home/dong/.rvm/log/1649165570_ruby-2.6.9/make.log

There has been an error while running make. Halting the installation.
......

解决：
Error running ‘__rvm_make -j4’ ruby 2.6.9 Ubuntu 22.04 

1
2
3

rvm pkg install openssl
rvm remove 2.6.9
rvm install 2.6.9 -C --with-openssl-dir=$HOME/.rvm/usr
1

ruby --version

记得：终端-首选项-未命名-命令-勾选‘以登陆shell方式运行命令’，重启所有终端

1

rvm use 2.6.9 --default

把 /octopress/Gemfile 文件里的源改回最初的：source "https://rubygems.org/"

1
2

gem install bundler
bundle install

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

1
2

rake generate
......

之后就都是常规操作。

Octopress 3.0

1

cd /haydnyau
1
2

ruby --version
rvm use 2.6.9 --default
1

jekyll --version

确保安装正确
安装好Octopress 2.0之后，其他的依赖都安装好了，只需要：

1

gem install octopress

确保安装正确，成功，曾试过因为系统自带了ruby3.0，导致ruby版本不对，失败的
好了。

张朝阳

看到张朝阳的物理课，查了下。
张朝阳，清华物理系，麻省理工博士，创立搜狐，中国互联网教父，位列中国富豪榜。
年少得志，生活潇洒风流，商海浮沉，抑郁过几年。
2021年末，57岁，讲授物理课，各种深奥晦涩的知识。
很多人三十来岁，已经连初中数学都不记得了。
他还能讲授深奥的物理和数学知识，在讲台上意气风发。
抑郁时，他从佛学明白： 心有所依处。

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网站首页和这篇博文页，会有返回按钮图片错误