WSL Q&A

WSL & VSCode

Python on WSL

Node on WSL

Make WSL Linux Kernel

运行 /etc/pam.d/allowuser 创建登录用户白名单，文件里面写入允许登录的用户名

root 用户登陆，运行命令 vim /etc/pam.d/login

在文件顶部添加下列内容：

1
2

auth  required  pam_listfile.so item=user sense=allow file=/etc/pam.d/allowuser onerr=succeed
auth  required  pam_faillock.so deny=5    unlock_time=600 even_deny_root root_unlock_time=1200 audit silent

root 用户登陆，运行命令 vi /etc/pam.d/sshd

在文件顶部添加下列内容：

1
2

auth  required  pam_listfile.so item=user sense=allow file=/etc/pam.d/allowuser onerr=succeed
auth  required  pam_faillock.so deny=5    unlock_time=600 even_deny_root root_unlock_time=1200 audit silent

ssh 设置

root 用户登陆，运行命令 vi /etc/ssh/sshd_config.d/security.conf 添加以下内容

1
2
3
4
5
6
7
8
9
10

X11Forwarding no
PermitRootLogin no
Port <替换成你的端口>

MaxAuthTries 3
DenyUsers root
AllowUsers <替换成你的用户名>
Protocol 2
ClientAliveInterval 120
ClientAliveCountMax 5

• can update whole directory trees and filesystems
• optionally preserves symbolic links, hard links, file ownership, permissions, devices and times
• requires no special privileges to install
• internal pipelining reduces latency for multiple files
• can use rsh, ssh or direct sockets as the transport
• supports anonymous rsync which is ideal for mirroring

Server

rsyncd.conf

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

usechroot = no
max connections = 20
strict mode = yes
port = 18730
timeout = 600
transfer logging = yes
log format = %t %a %m %f %b
syslog facility = local3
pid file = /path-of-rsync/run/rsyncd.pid
lock file = /path-of-rsync/run/rsync.lock
log file = /path-of-rsync/log/rsyncd.log
[static]
path = /path-to-upload/
ignore errors
read only = no
write only = no
list = no
hosts allow = xx.xx.xx.xx
hosts deny = 0.0.0.0/32
auth users = rsync_static
secrets file = /path-of-rsync/config/rsyncd.secrets

rsyncd.secrets

1

user:pass

start_rsync.sh

1
2
3

#!/bin/bash

rsync --daemon --config /path-of-rsync/config/rsyncd.conf

stop_rsync.sh

1
2
3

#!/bin/bash

pkill rsync

Client

rsyncd.secrets

1

pass

rsync_get.sh

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

#!/bin/bash

RSYNC_HOME=/path-of-rsync
TARGET_PATH=/path-to-download

RSYNC_USER=username

REMOTE_IP=29.149.146.205
REMOTE_PORT=18730

date | tee -a ${RSYNC_HOME}/log/rsync_get.log
echo "------------------------" >> ${RSYNC_HOME}/log/rsync_get.log
echo  ""                        >> ${RSYNC_HOME}/log/rsync_get.log

rsync -avh --delete --progress --password-file=${RSYNC_HOME}/config/rsyncd.secrets rsync://${RSYNC_USER}@${REMOTE_IP}:${REMOTE_PORT}/static ${TARGET_PATH} | tee -a ${RSYNC_HOME}/log/rsync_get.log

echo -e "\n"                    >> ${RSYNC_HOME}/log/rsync_get.log

问题背景

问题分析

不难看出，这实际上就是一个简单的时间计算问题，解决过程分解如下：

• 循环读取每一行，每个循环内做如下事情：
  • 获取时间段
  • 计算每个时间段的时长
  • 计算此行累计时长，写入汇总单元格
• 对所有行的时长进行累加，得到总计时长，写入汇总单元格

如果每行只有一个时间段，那么用 Excel 的公式可以很简单的实现目的；但这个问题中，一个单元格内有多个时间段，需要先对时间段进行分离，对上述过程再进行分解：

• 循环读取每一行，每个循环内做如下事情：
  • 在每个单元格内进行如下操作：
    • 循环读取时间段
    • 计算每个时间段的时长
  • 计算此单元格累计时长，即为此行累计时长
  • 将累计时长写入此行的汇总单元格
• 对所有行的时长进行累加，得到总计时长，写入汇总单元格

这使用公式难以实现；考虑到在 Excel 中，简单起见使用 VBA 宏实现。

代码

根据上一节的分析思路，需要实现几个子功能：

• read_cell 读取单元格内容，输出时间段数据，可以用数组保存
• time_calc 读取数组中的时间段数据，分别计算时长并累计
• write_result 写入数据到单元格
• sum_result 计算总计时长

2023/3/6 23:07 时间关系，今天先贴出全部代码，下次再根据功能分解，详细展开写写。

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

Sub work_calc()
    Dim my_rows As Integer
    Dim my_cols As Integer
    Dim str_temp As String

    Dim read_arr As Variant
    Dim time_arr As Variant
    Dim result_arr As Variant

    my_rows = ActiveSheet.Range("D" & Rows.Count).End(xlUp).Row
    my_cols = UsedRange.Columns.Count

    sum_total = 0

    For index_row = 3 To my_rows
        If Range("I" & index_row).Value <> "" Then
            str_temp = Range("I" & index_row).Value

            read_arr = read_cell(str_temp)

            result_arr = time_calc(read_arr)

            Range("E" & index_row) = sum_result(result_arr)

            sum_total = sum_total + sum_result(result_arr)
        End If
    Next

    Range("E" & my_rows + 1) = sum_total
End Sub

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

Function read_cell(cell_content As String) As Variant

    Dim var_split As Variant

    If InStr(cell_content, Chr(10)) > 0 Then
        var_split = Split(cell_content, Chr(10))
    Else
        var_split = Array(1)
        var_split(0) = cell_content
    End If

    read_cell = var_split

End Function

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

Function time_calc(time_arr As Variant) As Variant
    Dim time_split As Variant
    Dim result() As String
    k = 0

    For i = 0 To (UBound(time_arr) - LBound(time_arr))
        time_split = Split(time_arr(i), "-")
        ReDim Preserve result(0 To k)
        result(k) = Abs(DateDiff("n", TimeValue(time_split(1)), TimeValue(time_split(0))))
        k = k + 1
    Next

    time_calc = result

End Function

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

Function write_result(result_arr As Variant)
    Dim content As String
    content = ""

    For i = 0 To (UBound(result_arr) - LBound(result_arr))

        content = content & "" & CStr(result_arr(i))
        If i < (UBound(result_arr) - LBound(result_arr)) Then
            content = content + Chr(10)
        End If
    Next

    write_result = content

End Function

1
2
3
4
5
6
7
8
9
10
11

Function sum_result(result_arr As Variant)
    sum_temp = 0

    For i = 0 To (UBound(result_arr) - LBound(result_arr))
        sum_temp = sum_temp + result_arr(i)
    Next

    sum_result = sum_temp

End Function

运行结果

代码分析

TODO

HarmonyOS Sans 字体

HarmonyOS 字体是华为发布的可免费商用的字体。其设计上聚焦于功能性、普适性，是一款多语言的无级可变字体，支持简体中文、繁体中文、拉丁、西里尔、希腊、阿拉伯等 5 大书写系统，105 种语言全球化覆盖。

我尝试了一下，在展示效果上，HarmonyOS 字体看上去确实要舒服很多，索性把它设置为了博客的基础字体。实际效果可以参考本博客。

Stellar 主题使用 HarmonyOS 字体

其实，Hexo 博客使用字体的方式都是类似的，通过两个步骤完成：

• 引入字体资源
• 修改主题中的字体设置

其中，对于不同的主题，第二步的设置方式会不一样。但目前，大部分的主题都支持字体的自定义，具体方法可以通过主题的配置文档查看。

引入字体资源

在站点配置文件_config.yml 中，添加如下配置引入字体。

1
2
3
4
5

inject:
  head:
    - <link rel="preconnect" href="https://s1.hdslb.com/" />
    - <link rel="stylesheet" href="//s1.hdslb.com/bfs/static/jinkela/long/font/medium.css" media="all" onload="this.media='all'" />
    - <link rel="stylesheet" href="//s1.hdslb.com/bfs/static/jinkela/long/font/regular.css" media="all" onload="this.media='all'" />

上面的代码会引入 medium 和 regular 两种字重

修改主题的字体设置

修改主题配置文件，找到 style 部分下面的 font-family 配置：

1
2
3
4

style:
  font-family:
    logo: 'HarmonyOS_Regular'
    body: 'HarmonyOS_Regular'

如果喜欢粗一点的字体，可以修改为

1
2
3
4

style:
  font-family:
    logo: 'HarmonyOS_Medium'
    body: 'HarmonyOS_Medium'

两种字重的显示效果对比图如下，本站使用的字重为 medium

使设置生效

完成上述修改后，执行

1

hexo cl & hexo g & hexo s

再访问 localhost:4000 可以查看效果

如何选择字体

• Markdown-it 渲染引擎以及插件配置
  • KaTex 公式设置
  • 复杂的 Markdown 表格
  • 定义文本颜色
  • 复选框、emoji、键盘按键
  • 寻找插件的通用方法

Markdown-it

Hexo 需要使用 Markdown 渲染引擎将 md 文件渲染成 html 文件，Hexo 默认使用 hexo-renderer-marked，可以换成 hexo-renderer-markdown-it。

hexo-renderer-markdown-it 拥有更好的性能，而且可以通过插件扩展功能，如：上标、下标、引用注脚、emoji、KaTex 公式、多维表格等等。

Hexo 中 Markdown-it 的安装与配置

先卸载 Hexo 默认引擎

1

npm un hexo-renderer-marked --save

安装 markdown-it 引擎

1

npm i hexo-renderer-markdown-it --save

在站点配置文件 _config.yml 中增加以下配置，配置信息含义见说明文档。

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

markdown:
  preset: 'default'
  render:
    html: true
    xhtmlOut: true
    breaks: true
    langPrefix: 'language-'
    linkify: true
    typographer: true
    quotes: '“”‘’'
  plugins:
    - 'markdown-it-footnote'
    - 'markdown-it-ins'
    - 'markdown-it-mark'
    - 'markdown-it-sub'
    - 'markdown-it-sup'

上面配置中，plugins 下面的五个插件，是自带的五个插件，下发与实现效果如下：

其他用法，可以参考 markdown-it 的官方效果演示 Demo

KaTex 公式插件安装与配置

KaTeX 是一款轻量化的公式渲染器，拥有比 MathJax 3 更快的效率。

在 markdown-it 中使用 Katex 的用法和配置如下：

安装 markdown-it-katex 插件

1

npm i @traptitech/markdown-it-katex --save

添加配置

在站点配置文件 _config.yml 中增加 markdown-it 的插件配置

1
2
3
4
5
6
7
8

plugins:
  - plugin:
    name: '@traptitech/markdown-it-katex'
    options: # see https://katex.org/docs/options.html
      blockClass: "math-block"
      strict: false
      throwOnError: false
      errorColor: "#cc0000"

用法与效果

1

$E = mc^{2}$

1

${\color{Green}{\underline{P\{a<X\le b\}}}}$

1
2
3
4
5
6
7
8
9
10
11

$${\color{Green}{\underline{P\{a<X\le b\}}}}$$

$$
\begin{equation}
\begin{aligned}
a &= b + c \\
&= d + e + f + g\\
&= h + i
\end{aligned}
\end{equation}
$$

复杂的 Markdown 表格

Markdown 原生只支持最简单的表格，不支持合并单元格表格，通过安装插件支持。

安装 markdown-it-multimd-table 插件

1

npm i markdown-it-multimd-table --save

添加配置

在站点配置文件 _config.yml 中增加 markdown-it 的插件配置

1
2
3
4
5
6
7
8

plugins:
  - plugin:
    name: markdown-it-multimd-table
    enable: true
    options:
      multiline: true
      rowspan: true
      headerless: true

用法与效果

1
2
3
4
5
6
7
8
9

|   Markdown   | Rendered HTML |
|--------------|---------------|
|    *Italic*  | *Italic*      | \
|              |               |
|    - Item 1  | - Item 1      | \
|    - Item 2  | - Item 2      |
|    ```python | ```python       \
|    .1 + .2   | .1 + .2         \
|    ```       | ```           |

*Italic*

- Item 1- Item 2

```python.1 + .2```

.1 + .2

1
2
3
4
5
6
7
8
9
10

Stage | Direct Products | ATP Yields
----: | --------------: | ---------:
Glycolysis | 2 ATP ||
^^ | 2 NADH | 3--5 ATP |
Pyruvaye oxidation | 2 NADH | 5 ATP |
Citric acid cycle | 2 ATP ||
^^ | 6 NADH | 15 ATP |
^^ | 2 FADH2 | 3 ATP |
**30--32** ATP |||
[Net ATP yields per hexose]

1
2
3
4
5
6
7
8
9

|--|--|--|--|--|--|--|--|
|♜|  |♝|♛|♚|♝|♞|♜|
|  |♟|♟|♟|  |♟|♟|♟|
|♟|  |♞|  |  |  |  |  |
|  |♗|  |  |♟|  |  |  |
|  |  |  |  |♙|  |  |  |
|  |  |  |  |  |♘|  |  |
|♙|♙|♙|♙|  |♙|♙|♙|
|♖|♘|♗|♕|♔|  |  |♖|

可以设置文字颜色插件

Markdown 原生不支持对文字设置颜色，通过安装插件支持。

安装 markdown-it-color-text 插件

1

npm i markdown-it-color-text --save

添加插件配置

在站点配置文件 _config.yml 中增加 markdown-it 的插件配置

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

plugins:
  - plugin:
    name: markdown-it-color-text
    options:
      classPrefix: 'md-colorify'
      inlineStyle: true
      customColor:
        primary: '#409EFF'
        success: '#67C23A'
        info: '#909399'
        warning: '#E6A23C'
        error: '#F56C6C'

用法与效果

复选框、emoji 表情、键盘按键

1
2

[ ] 选中 item 1
[x] 未选中 item 2

寻找插件的通用方法

在 https://www.npmjs.com 或 https://www.github.com 以 markdown-it + keyword 为关键字搜索

如 markdown-it + table 搜索 markdown-it 的表格插件

最早接触到 Hexo 框架还是在上大学的时候，当时使用的是 Github Pages 托管的方案，实现起来最简单，不过也有一些问题。最近试了一下通过 Vercel 托管博客页面，上手难度也不高，搭配 Github 仓库还可以实现自动部署。

本文将基于此总结一下 Hexo 博客的几种简单、免费的部署方案。划重点：免费！！！ 毕竟还不知道能写多久、写几篇，就花钱上这个云那个云买一堆 VPS 多少有点浪费。

动态 vs 静态

graph LR  A(Web Site 
 User Interface) -->|Request| B(Application 
 Services)  B -->|Connect| C[(fa:fa-database Data Services)]

如上图，日常我们访问的网站，一般是动态网站，简单来说架构上通常由应用服务和数据服务构成，访问的时候需要从后端请求数据填充到页面上。所以部署的时候需要不仅需要计算资源还需要存储资源，由此可以演变出各种复杂的架构模式。

graph LR  A(Web Site 
 User Interface) -->|Request| B(Static 
 Sources)

但是 Hexo 这类框架生成的静态博客会在部署前完成数据和页面的准备，部署上不依赖数据库，只需要解决静态资源的存储问题就可以，其架构大概如上图。所以在部署 Hexo 静态博客的时候只需要找到地方来存储静态资源就可以。

令人高兴的是目前很多云服务商提供了静态资源的免费托管服务，而对于博客中依赖的公共静态资源（如各种 js、字体等）还可以通过 CDN 来获取，进一步说部署静态博客，可以简单理解为：解决自定义的静态资源的存储问题。

所以，下面提到的各种部署方案，本质上就是选择不同的资源存储位置以及不同的资源提交方式。

Hexo + Github Pages

这种方案的模式如下图：

graph LR  A(Hexo) -->|deploy| B(Github Pages)

代码托管平台

像 Github、Gitlab、Gitee、Coding 这类代码托管平台，都提供了静态页面托管的 Pages 服务，早年间笔者就曾用 Coding 的 Pages 服务搭建了第一个静态博客。

随着近些年政策法规的调整，Gitee 和 Coding 平台的 Pages 服务或实名认证或需要付费，如果绑定自定义域名还需要备案，对于初学或者入门的同学来说门槛稍高。而 Github 和 Gitlab 这类平台仍能提供免费静态网页托管服务，且没有严格的管控，适合新手练手。

Github Pages 操作方式

操作起来很简单，以 Github 为例：

1. 先在 Github 建好仓库
2. 在本地通过 hexo generation 生成页面
3. 使用 hexo deploy 命令推送页面资源到 Github 仓库
4. 然后通过 https://username.github.io/repo_name 形式的 url 访问

一般的，为了使得访问地址简单一点，可以直接将仓库命名为 usename.github.io 这样就能够直接通过 https://username.github.io 来访问。当然了，github page 也是可以绑定独立域名的。

方案优劣

• 优势

  • 操作简单。考虑到玩转 Hexo 的同学大多都有 Github 账号，所以这个方案最大的优势就是，操作实在太方便，几乎是零成本；
  • 版本控制。基于 Github 天然的版本控制，天然具备版本管控、团队协作等特性。

• 劣势

  • 访问速度不稳定。在国内网络环境下访问 github.io ，速度不可控，体验不好；
  • 百度收录难。早在几年前，Github 已经拒绝了百度爬虫的访问。所以如果使用这个方案，你的博客很难被百度爬到，而中文搜索引擎，百度的占有率一家独大，这个问题绕不过去。如果只是自娱自乐，那这一点就不是问题。

Hexo + Github + Vercel

通过上一节的介绍，很自然的会想到，有没有什么办法能够解决 Hexo + Github Pages 方案的劣势，同时还能保留其优点呢。

分析 Hexo + Github Pages 模式

稍微分析一下，Hexo + Github Pages 方案的优势来自于 Github 平台的主要功能：代码托管，这才是人家的‘主业’，静态网页托管只是‘副业’，做做代码文档还可以，让它托管一个要‘做大做强’的静态博客有点强人所难了。

Vercel

这里介绍一个神奇的网站，哦不，一个神奇的站点托管平台：Vercel，。

Vercel 具备以下优势：

• 类似 Github Pages 的托管功能，但是远比后者强大。Vercel 内置了几十种部署模板，包括 Hexo；
• 支持持续集成，可以对接 github 仓库，每次的 push 或者 PR 都可以出发自动发构建和部署；
• Vercel 使用了定制版的 Amazon Global Accelerator，针对国内网络环境的访问有做过针对性优化，还可提供 CDN 加速，访问速度较快；
• Vercel 支持自动配置 https，无需申请和配置 SSL 证书就能让你的博客支持 https；
• 还支持 serverless，不仅支持静态网站，还可以托管动态网站（这个对本文讨论的场景来说用处不大）；
• 更重要的是，这么强还免费！！！下面是它的价格，针对个人免费，每个月提供 100G 流量，对于个人博客足够了。

模式演变

graph LR  A(Hexo) -->|push| B(Github)  B -->|CI/CD| C(Vercel)

显然，Vercel 满足了上面提出的要求，而且给的更多。于是，部署方案演变成了上面的模式。
操作步骤变成了：

1. 先在 Github 建好仓库（也可以在第 3 步的时候再创建）
2. 注册 Vercel 账号（可以使用 Github 的联合登录）
3. 在 Vercel 创建一个应用（这里需要设置一个应用名 Application Name，后面访问的时候用得到），并关联 Github 仓库
4. 在本地通过 hexo generation 生成页面
5. 使用 hexo deploy 命令推送页面资源到 Github 仓库
6. 【 自动触发 】push 代码到 Github 触发 Vercel 应用的自动构建和发布
7. 通过 https://application_name.vercel.app 形式的 url 访问

Vercel 提供的 url 自带了 CDN 加速，同时还提供了绑定自定义域名的设置选项，绑定后可以通过你自己的域名访问。

Hexo + Vercel

介绍了上面两种部署方案，也有人会想到，访问 Github 既然这么慢，可不可以不用它，直接让 Hexo 推送到 Vercel。

Vercel 客户端

当然是可以的！

Vercel 提供了本地客户端，可以直接从本地上传资源文件到 Vercel 服务器，不用借助其他第三方平台，于是部署方案也就变成了下面的模式：

模式再演变

graph LR  A(Hexo) -->|deploy| B(Vercel)

操作步骤如下：

1. 通过 e-mail 注册 Vercel 账号（毕竟都要绕过 GitHub 了，就不用 Github 的联合登录了）
2. 在本地通过 npm install -g vercel 命令安装 vercel 控制台客户端
3. 在本地通过 hexo generation 生成页面
4. 到博客根目录下的 public 页面，执行 vercel --prod --confirm 命令完成部署
5. 通过 https://application_name.vercel.app 形式的 url 访问

绑定自定义域名以及后续的设置与 Hexo + Github + Vercel 方案的后续步骤相同

总结

从上面可以看出，由于需求的变化，部署方案也在随之演变。新的模式往往是为了解决旧的模式的问题，但采用新的模式往往也会引入新的问题。于是在不断的解决问题的过程中，模式也在不断的演变。

还是那句话，合适的才是需要的。