## 简介

一个简单的例子，如果以后需要用，可以来这找来看看。（`TypeScript`环境）

万一以后需要用到，可以来这里找找，CV（`Ctrl C + Ctrl V`）编程大法好。



## package.json

- 引入依赖：`npm install vditor`，本文编写时最新版是 `3.9.8`。

```json
  "dependencies": {
    "vditor": "3.9.8",
  },
```

## main.ts

- 引入样式

```typescript
import "vditor/src/assets/less/index.less"
```

## 使用

- 创建编辑器并配置一些东西

```html
<script setup lang="ts">
import Vditor from 'vditor'
import { onMounted } from 'vue'
let vditor: Vditor;

onMounted(() => {
  vditor = new Vditor('vditor', {
    // 规定编辑器总高度，如果不设置，高度将自适应，页面比较难看
    // 需要根据实际情况自己修改它
    height: 500,
    width: '100%',
    lang: 'zh_CN',
    mode: 'sv',
    toolbarConfig: {
      pin: true,
    },
    cache: {
      enable: false,
    },
    after: () => {
      // 编辑器启动后，直接插入一段`Hello`，正式使用视情况修改
      vditor.setValue('hello, Vditor + Vue!')
    },
  })
})
</script>

<template>
  
  <div id="vditor">
  </div>
</template>

<style scoped>
</style>

```

一个vue3引入Vditor的例子

## 简介

一些 `yarn` 操作会报错：

```sh
error Error: certificate has expired
    at TLSSocket.onConnectSecure (node:_tls_wrap:1540:34)
    at TLSSocket.emit (node:events:513:28)
    at TLSSocket._finishInit (node:_tls_wrap:959:8)
    at ssl.onhandshakedone (node:_tls_wrap:743:12)
info Visit https://yarnpkg.com/en/docs/cli/create for documentation about this command.
```



## 临时解决

- 关闭 `ssl`

```sh
yarn config set strict-ssl false
```
## 其他

查看 `yarn` 配置：

- 运行：`yarn config list` 可以看到如下信息

```sh
yarn config v1.22.21
info yarn config
{
  'version-tag-prefix': 'v',
  'version-git-tag': true,
  'version-commit-hooks': true,
  'version-git-sign': false,
  'version-git-message': 'v%s',
  'init-version': '1.0.0',
  'init-license': 'MIT',
  'save-prefix': '^',
  'bin-links': true,
  'ignore-scripts': false,
  'ignore-optional': false,
  registry: 'https://registry.npm.taobao.org/',
  'strict-ssl': true,
  'user-agent': 'yarn/1.22.21 npm/? node/v18.14.0 win32 x64',
  lastUpdateCheck: 1706248207836
}
info npm config
{
  registry: 'https://registry.npm.taobao.org/',
  python: 'C:\\Users\\xxhu1\\.windows-build-tools\\python27\\python.exe',
  'strict-ssl': false
}
```

## 长期解决

**感谢网友评论解答！！！**

出现该问题的原因事淘宝镜像原地址 2024年1月22日 已过期，需要设置新的镜像：
```sh
yarn config set registry https://registry.npmmirror.com
```

yarn 报错 certificate has expired

## 简介

要将 **Python** 脚本（例如`main.py`）构建为可执行文件，你可以使用工具如 `PyInstaller` 或 `cx_Freeze` 。这些工具可以将 Python 脚本打包成可执行文件，使得在没有安装 Python 解释器的系统上也能运行。



## PyInstaller

以下是使用 PyInstaller 的简要步骤：

1. 安装 PyInstaller：

打开命令行终端，运行以下命令安装 PyInstaller：

```sh
pip install pyinstaller
```

2. 使用 PyInstaller 构建可执行文件：

在命令行中，切换到包含你的 txt2wav.py 脚本的目录，然后运行以下命令：

```sh
pyinstaller --onefile txt2wav.py
```

这将在dist目录中创建一个可执行文件，文件名通常是 `main.exe`（在Windows上）或 `main`（在Linux和macOS上）。

3. 运行可执行文件：

打包完成后，双击即可执行

## 提示

请记住，`PyInstaller` 将打包所有依赖项，生成的可执行文件可能会比较大。如果你想更详细地配置打包过程，可以查看 `PyInstaller` 的文档：`PyInstaller Documentation`。


`PyInstaller` 打包生成的可执行文件 (`exe`) 是独立的可执行文件，理论上可以在没有 Python 环境的电脑上运行。这就是 `PyInstaller` 的目标之一，即使在没有 `Python` 解释器的系统上，用户也能够运行你的应用程序。

当你使用 `PyInstaller` 打包时，它会将 `Python` 解释器和你的脚本/应用程序的依赖项一起打包到一个可执行文件中。这使得你的应用程序可以在没有 `Python` 安装的情况下独立运行。

另外，`cx_Freeze` 是另一个可用于构建可执行文件的工具，你可以根据自己的需求选择适合的工具。

Python将程序简单打包为exe

> 副标题：**直播启程：自律、学习、推广，希望能够一步步迈向成功**

我的B站直播间：https://live.bilibili.com/30886597

## 引言

在当今数字化时代，互联网为我们提供了广阔的舞台，而直播成为了一种直观、实时的传播方式。通过直播，可以分享生活、学到新知识，甚至将兴趣变成事业。本文将详细介绍我即将开始的直播计划，包括直播内容、设备准备以及目标设定，希望这能帮助我在这个充满机遇和挑战的领域中取得成功。

### 现在的我

今天是2024年1月22日，我大学本科(`18线二本`)毕业于2019年7月，总的来说在济南已经从事 `Java后端` 岗位 **4.5年** 了，虽然时间不算短，但工作内容大多是码农搬砖。现在正赶上互联网行业的深冬，AI 层出不穷，大大降低了程序员的门槛，不得不说让老码农倍感压力啊。`PS：离职原因就不多说了。。。`

写这篇文章时，我已经辞职一个多月了，这一个月里没有专注于找工作，而是散心、瞎玩。当然这一个月里也不只是玩，同时每天也在不停的思考人生的下一步该如何走。其实我特别想做独立开发，但奈何个人能力欠缺太多。回去找工作继续搬砖？**行业寒冬愈演愈烈，重复搬砖枯燥无味，领导上司PUA战神**，实在是不想重回地狱啊！！！

昨天晚上辗转反侧，突然蹦出来了直播的想法，通过直播：自律、学习、独立开发，越想越心动！心动不如行动，下面是我现阶段能想到的一些规划：


<div class="article-ads"></div>



## 规划

### 直播内容概述

我计划的直播内容涵盖了工作、学习和生活三个方面，展现了一个全面而真实的我。以下是我计划的直播内容主要点：
- 按工作时间直播：通过在工作日按照固定的时间进行直播，希望能建立一个稳定的直播节奏，使观众更容易记住我的直播时间。
- 制定明确计划：每天晚上睡前制定第二天的计划，第二天进行直播完成。
- 学习+个人兴趣+生活：我将直播内容划分为学习、个人兴趣（建站工作）和生活三个板块，使直播更加多元化。

### 直播设备准备

要确保直播质量和效果，我已经准备了一些设备，包括：

- 计算机：现有一台主机，暂时足以满足基本需求，确保性能流畅，不卡顿。
- 显示器：两台显示器提高工作效率（其中一台需要一段时间后取来）。
- 音视频设备：麦克风和摄像头，确保必要时能够输出声音和画面。
- 网络：确保网络稳定。
- 课程表软件：暂时没有找到很好的免费工具，计划使用新版Outlook的日历。
- 录屏和剪辑：偶尔发布一些视频吸引流量，录频和剪辑软件必不可少，暂时选用开源软件 `obs` 和 `shotcut` 。


<div class="article-ads"></div>

### 直播目的和期望

明确直播的目的和期望是取得成功的关键。我计划的直播目标大致为：

- 自律：通过早睡早起的生活习惯，建立自己的自律性，以更好地规划和执行计划。
- 学习：保持坚持学习，通过直播分享学到的新知识，激发自己和观众的学习兴趣。
- 推广：利用直播平台推广一些自用产品，包括 simbot、网站、论坛和公众号，提高知名度和用户粘性。
- 运营：尝试运营、推销、宣传等，通过直播培养与观众的互动技能。
- 经济收益：希望通过直播带来一定收入，维持生活成本。
- 其他：现在社会浮躁之气过重，希望通过这次经历能降低自己内心的浮躁，为社会融入一份宁静的气息。

### 学习计划

学习是直播内容的核心，我希望通过直播的同时，能够深入学习计算机相关知识，包括但不限于：

- 计算机基础：建立坚实的计算机基础，为后续深入学习打下基础。
- C语言：了解编程的基础语言，培养编程思维。
- 计算机网络：深入了解网络原理，为Web开发和运维打下基础。
- Java、Python、Golang：学习多种编程语言，拓宽技术栈，提高解决问题的灵活性。
- Web历史、JavaScript、HTML5+CSS3+ES6：深入学习Web开发相关知识，包括前端和后端技术，为建站工作提供支持。

欢迎关注我的B站直播间：https://live.bilibili.com/30886597 ，万分感谢！

> PS：虽然我已经从事了4年多的开发，但是对底层原理还是一知半解，所以希望通过本次直播学习，重新回顾一下大学知识，并加深对计算机尤其底层原理的理解。


<div class="article-ads"></div>

## 一些担心

### 性格内向

内向一直是我性格的一部分，对于很多人来说，我是那个不善言辞的人。直播，对我而言，仿佛是走上舞台，将自己的一切暴露在众目睽睽之下。我知道，对于了解我的人来说，这一点并不新鲜，但对我而言，这是一个挑战。

在直播的时候，我可能时常感到紧张，怕自己表达不清楚，怕无法与观众建立深刻的连接。每一次按下直播按钮，都像是一场小小的勇气考验。但我也明白，正是通过这样的挑战，我才能够逐渐超越自己，发现更广阔的可能性。

### 经济压力

全职直播意味着离开了传统的工作模式，也就意味着没有了固定的薪水。这个未知的经济前景是我最大的担忧之一。如果直播一直没有起色，我是否能够坚持下去，度过这段可能持续较长的没有收入的日子呢？

这种不确定性让我感到焦虑。我知道直播行业竞争激烈，成功需要时间，而我是否能够在这漫漫长路上坚持，心里没有底。


<div class="article-ads"></div>

## 总结

通过这份详细的直播计划，我已经为自己制定了大致的目标和学习计划，准备好了相应的设备。在直播的过程中，要注重与观众的互动，及时回应他们的问题和建议。保持持续学习的态度，坚持每天的直播，相信我将在这个数字化时代的舞台上，迈向自己的成功之路。

总之，直播是一场对内向和不确定性的冒险，我相信，只有直面它们，一定能够迈向成功的道路。或许，正是在担忧中，我将发现更坚强的自己。

欢迎关注我的B站直播间：https://live.bilibili.com/30886597 ，万分感谢！

## 赞助请求

 **建站不易，以下是一个广告，还请动动您的小拇指，点击一次以示鼓励，谢谢！**


<div class="article-ads"></div>

> 就目前的访问量，即便每个访客都点一次广告，收入也不足以支付运营成本，`如果看不到广告，可能是网络原因或被拦截了，那就算了吧。祝你生活愉快~~`

菜鸟程序员裸辞想要全职直播！

## 简介

> 原帖：[stackoverflow: kswapd0-is-taking-a-lot-of-cpu](https://askubuntu.com/questions/259739/kswapd0-is-taking-a-lot-of-cpu)

- 以前：在几年以前，计算机配置普遍偏低，对于游戏玩家来说，可能经常出现了这个问题，导致电脑直接卡死，但现在用于游戏的计算机配置一般比较高，不会出现该问题。

- 现在：游戏玩家可能比较少见这个问题了，但对于现在的互联网垃圾佬来说，可能变得比较常见这个问题了。对于低配置的VPS虚拟服务器来说，尤其是内存配置比较低的服务器，可能经常出现该问题。

当 `kswapd0` 进程 `99.9%` 的 `CPU` 时，导致系统卡死，这到底时怎么回事呢？通过上面的例子，你大概也能猜到了，简单来说那就是 **内存不足！**

更详细的解释请往下看：



## 详解

进程 `kswapd0` 是管理虚拟内存的进程。您的机器应该有 `RAM`、`SWAP` 以及 `HDD/SSD` 上的 `EXT4`。`ext4` 是存储所有内容的地方，访问它总是比 `RAM` 慢。`RAM` 就像是程序快速访问信息的中途运行空间。大多数计算机至少有`4GB RAM`，在正常情况下已经足够了。然而，在玩游戏时，您的 `RAM` 空间可能会不足，这就是 `SWAP` 发挥作用的地方。

`SWAP` 是一个假 `RAM`，位于 `HDD/SSD` 上 `EXT4` 旁边。它的访问速度比 `EXT4` 快，但比实际 `RAM` 慢得多。当内存不足时，`kswapd0` 会将您不使用/不像其他程序那样频繁使用的程序移动到 `SWAP`，这会导致这些进程出现极大的延迟。如果您的游戏需要 `5GB RAM`，则至少需要 `1GB` 内存用于交换。这意味着当它尝试访问该信息时，必须等待更长的时间才能获取。


<div class="article-ads"></div>

## 如何解决？

整个过程导致 `CPU` 使用率极高，在 `SWAP` 和 `RAM` 之间移动信息并同时处理信息请求。如何解决这个问题？

1. 告诉 `kswapd0` 仅当 `RAM` 完全耗尽时才将内容移至 `SWAP`。这是解决 `SWAP` 问题的最有效的方法。运行：
> ```sh
> echo vm.swappiness=0 | sudo tee -a /etc/sysctl.conf
> ```
> 其中`0`是应该使用 `SWAP` 的剩余百分比100（当 `RAM` 剩余 0% 时，`SWAP` 将开始接收数据）。您也可以根据自己的喜好编辑 `/etc/sysctl.conf`，而不是每次使用 `gedit` 或 `nano` 或其他任何方式都将此命令添加到其末尾，但请务必使用 `sudo`，该文件是 `root` 拥有的。重新启动即可设置！

2. 减少其他进程对 `RAM` 的消耗或在运行高内存程序时关闭其他程序。这就是为什么大多数游戏会告诉您在玩之前关闭所有其他窗口，或者安装也会执行相同的操作。文件同步服务之类的东西往往会占用大量内存。

3. 购买更多内存。安装 `RAM` 并不像听起来那么难。小隔间上的一两个螺丝（如果您使用的是笔记本电脑），然后轻轻一按即可。只要确保您购买的是正确的类型即可！

4. `CPU` 的较低进程与 `RAM` 的处理非常相似。这将有助于 `RAM` 到 `SWAP` 突发的顺利进行。

这是你能做的最好的事情了。其他人可能会说完全禁用交换，但这很危险，我不建议这样做。如果存在内存泄漏或运行的应用程序过多，可能会导致整个系统冻结。只要意识到 `SWAP` 是 `RAM` 的故障保护装置即可。它绝对不如 RAM 快或高效，但它比 `Window` 的 `Pagefile` 更好！（达到同样的目的）

> PS：如果您有兴趣了解有关 `SWAP` 的更多信息，请[参阅此处](https://help.ubuntu.com/community/SwapFaq#What_is_swappiness_and_how_do_I_change_it.3F)。

kswapd0 以 99.9% 的 CPU 利用率运行，但实际上根本不进行交换
对我来说，这种情况有时会发生在 Ubuntu 14.04 上，内核为 3.19.0-50-generic（及更早版本），在 VMware 虚拟机中运行。我不知道是什么让它出现，但它是在空闲时间出现的。


<div class="article-ads"></div>

## 虚拟机案例

`Ubuntu` 虚拟机好像比较常见这个问题，对我来说，一般是由于运行了一些占用内存较高的程序，导致内存不足，然后使 `kswapd0` 占用了极高的 `CPU`，此时你的虚拟机可能处于极度卡断甚至卡死的状态。

### top指令显示

```bash
top - 12:32:49 up  1:07,  2 users,  load average: 37.44, 34.58, 23.84
Tasks: 131 total,   1 running, 129 sleeping,   1 stopped,   0 zombie
%Cpu(s):  0.1 us, 92.7 sy,  0.0 ni,  0.0 id,  6.7 wa,  0.0 hi,  0.4 si,  0.1 st
MiB Mem :    949.7 total,     63.8 free,    822.6 used,     63.4 buff/cache
MiB Swap:      0.0 total,      0.0 free,      0.0 used.     17.3 avail Mem 

    PID USER      PR  NI    VIRT    RES    SHR S  %CPU  %MEM     TIME+ COMMAND 
     42 root      20   0       0      0      0 S  99.9   0.0  10:33.85 kswapd0 
   1662 root      20   0   51.9g 318704    128 D   1.1  32.8   0:40.20 node 
   2418 root      20   0  926288 226560    128 S   0.9  23.3   0:06.01 esbuild 
```
### 临时解决方案

重新启动虚拟机（服务器）可以暂时解决问题。当然希望你没有设置那个很吃内存的程序开机自启。。。否则你就要赶在服务器卡死之前连上并停止那个程序了。。。

> 最简单的方法时直接在云服务商控制台重启虚拟机。

按照 serverfault 上的答案（当使用交换时，kswapd 通常使用 100% CPU），我的系统上有相同的设置：

```sh
# cat /proc/sys/vm/swappiness
60
# cat /proc/sys/vm/vfs_cache_pressure
100
# cat /sys/kernel/mm/transparent_hugepage/enabled
[always] madvise never
```

`echo 1 > /proc/sys/vm/drop_caches` 该解决方案实际上以 `root` 用户身份运行：

```sh
# cat /proc/sys/vm/drop_caches
0
# echo 1 > /proc/sys/vm/drop_caches
# cat /proc/sys/vm/drop_caches
1
```
或者，正如theTuxRacer所指出的（谢谢！），如果您没有以 root 身份登录，请使用以下命令：
```
echo 1 | sudo tee /proc/sys/vm/drop_caches
```


<div class="article-ads"></div>

### 永久解决方案（待找到）？

但由于实际原因尚不清楚，而且我在网上也没有找到任何合适的解释，所以这不是一个永久的解决方案。事实上，所选择的答案可能是永久的解决方案。我只是想添加此内容以供将来参考，因为重新启动肯定不是最好的解决方案。

另一种解决方案可能是将 `THP` 设置为 或 `madvice`（never请参阅poige对他的答案的评论，`How do I edit “/sys/kernel/mm/transparent_hugepage/enabled”` 以及引用的关于禁用透明大页 (THP) 的MongoDB 手册）

### 计划任务

我已将以下批处理设置为 cron 作业作为“永久”解决方案：
```sh
#!/bin/bash
# Rev 2: Use ps instead of top

## run as cron, thus no $PATH, thus need to define all absolute paths
cpu=$(/usr/bin/printf %.0f $(/bin/ps -o pcpu= -C kswapd0))

[[ -n $cpu ]] \
&& (( $cpu >= 90 )) \
&& echo 1 > /proc/sys/vm/drop_caches \
&& echo "$$ $0: cache dropped (kswapd0 %CPU=$cpu)" >&2 \
&& exit 1

exit 0
```
`root@localhost:~# crontab -e` 从 `with` 调用
```sh
# m h  dom mon dow   command
  * *  *   *   *     /bin/bash /path/to/batch/drop_caches.sh >> /var/log/syslog 2>&1
```
注意：上面的 `cron` 作业脚本已被修改以包含 `Fredrik Erlandsson` 的建议：一种更简单、更有效的方法来确定 `kswapd0` 的 `CPU` 使用情况。谢谢！

## 赞助请求

 **建站不易，以下是一个广告，还请动动您的小拇指，点击一次以示鼓励，谢谢！**


<div class="article-ads"></div>

> 就目前的访问量，即便每个访客都点一次广告，收入也不足以支付运营成本，`如果看不到广告，可能是网络原因或被拦截了，那就算了吧。祝你生活愉快~~`

kswapd0占用100%CPU

twitter:card

twitter:title

twitter:site

twitter:image

努力做一只帅气、有才、豁达的老狗！

twitter:description

程序员,笔记,Bug记录,编程技术,AI,Java,Node,Golang,个人博客,资源分享,月上老狗,dingdangdog