如题，我比较好奇黑客说、Vditor（Typora貌似用的是H5封装，也算到里面吧）这样的前端Markdown实时渲染编辑是怎么做的

像格式字符的显示与隐藏，实时渲染等等都具体能如何实现呢

包括我还想知道Markdown解析器怎么做会比较好，网上看有人说用re，但我感觉re的功能没那么强大。或者用AST？

好奇实时渲染Markdown编辑器的前端实现

![](https://content.hackertalk.net/pub/V05oQP-zxwa017)

最近更新了win11 22H2

剪视频呢，给我整不会了，还好PR没卡死，保存重启就OK，但我还是没搞懂为什么会这样

以后会不会玩着游戏直接卡死，给我蹦出来个”已阻止应用程序 GTA5 访问图形硬件“、”已阻止应用程序 PUBG 访问图形硬件“之类的……

Windows11 22H2 已阻止应用程序访问图形硬件

喜欢黑客说这个平台了，恨不得一天发十条哈哈 :stuck_out_tongue_closed_eyes: 

这次分享一个由于监测服务器CPU和MEM占用的Python脚本（其实这是一个完整的项目，但是我没动力继续做下去了，把已经做的部分分享出来吧）

依赖库：连接SSH用的**paramiko**

首先是自己写的`ybar.py`，Python的CLI进度条库有不少，但没一个我喜欢的，所以我根据这个项目的需求自己写了一个，倒也不难，理论上这个进度条也能在其它项目里用。

需要注意的方法就一个: **update**，如提供参数则将进度条调整至对应进度，如不提供则默认+1

```python
import time,os,math
class Ybar(object):
    """一个打印进度条的类"""
    def __init__(self, total, first, theme="thin", width="adaptive", show_speed=False, colorful=False, unit="item"):  # 初始化传入总数
        # 分别指定两种不同样式
        # tall样式利用unicode的block区块字符来输出，灵感来源于tqdm库，看起来会更高一点, thin样式利用横杠符号输出，灵感来源于新版本的pip工具，看起来更加纤细
        if theme=="tall":
            self.shape = ['▏', '▎', '▍', '▌', '▋', '▊', '▉', '█']
        elif theme=="thin":
            self.shape = ["━"]
        elif type(theme)==list:
            self.shape=theme
        else:
            self.shape = ["━"]
        # row_num指定了进度条的宽度。对于大多数屏幕和终端而言,30-60基本上不会折行,默认情况下它为 adaptive, 即自适应终端宽度.
        if type(width)==int:
            self.row_num = width
        elif width=="adaptive":
            # 6为百分比宽度,7为空格及其它保留内容宽度
            self.row_num = os.get_terminal_size().columns - self.length(first) - 6 - 7 
            if show_speed:
                self.row_num -= 11
                self.row_num -= len(unit)
        else:
            self.row_num = 50
        self.shape_num = len(self.shape)
        self.now = 0
        self.total = total
        self.first = first
        self.width = width
        self.theme = theme
        self.start_time = time.time()
        self.last_update = time.time()
        self.last_progress = 0
        self.show_speed = show_speed
        self.unit = unit
        self.colorful = colorful

    def human_num(self, size):
        #用于将某数转换为易读的格式
        unit_list = ['', 'K', 'M', 'G', 'T', 'P']
        if size == 0:
            return '0'
        if size >= 0:
            if int(math.log(size, 1024)) < 0:
                return str(size) + unit_list[0]
            elif int(math.log(size, 1024)) > 5:
                return str(round(size / pow(1024, 6), 3)) + unit_list[6]
            else:
                return str(round(size / pow(1024, int(math.log(size, 1024))), 1)) + unit_list[int(math.log(size, 1024))]
        else:
            return size

    #输出速度
    def get_speed(self,n,last_t):
        return self.human_num(n/(time.time()-last_t+0.001))

    #返回带汉字字符串实际长度
    def length(slef,text):
        if text is None:
            return 0
        lenText = len(text)
        lenText_utf8 = len(text.encode('utf-8'))
        # utf-8一个汉字占3个字符，减去原长度就是多出来的2/3，再除以2就是增量，加回去即可
        # 好吧这段注释和代码我在俩月后看已经完全看不懂了，反正能跑就行
        size = int((lenText_utf8 - lenText) / 2 + lenText)
        return size

    #print_next方法要求now参数,若不提供则默认将进度条数值加1,若提供则可以指定进度条显示的进度.
    def update(self, now=-1):
        if now == -1:
            self.now += 1
        else:
            self.now = now

        rate = math.ceil((self.now / self.total) *
                         (self.row_num * self.shape_num))
        head = rate // self.shape_num
        tail = rate % self.shape_num
        info = self.shape[-1] * head
        if tail != 0:
            info += self.shape[tail-1]


        if self.theme=="tall":
            space = (self.row_num-len(info)) * " "
        elif self.theme=="thin":
            space = (self.row_num-len(info)) * ("━")
        else:
            space = (self.row_num-len(info)) * ("━")

        percent = 100 * self.now / self.total
        #指定多彩样式
        if self.colorful==True:
            #下面是利用转义字符来实现多种颜色的输出,当占用率在75%-90%时,进度条为黄色;当占用率大于90%时,进度条为红色
            if 90 > percent > 75:
                info = "\033[1;33m" + info + "\033[0m"
            elif percent >= 90:
                info = "\033[1;31m" + info + "\033[0m"
            else:
                info = "\033[1;32m" + info + "\033[0m"

        info = "\033[1;37m" + info + "\033[0m"

        if self.show_speed==True:
            speed = str(self.get_speed(self.now-self.last_progress,self.last_update))+self.unit+"/s"
        else:
            speed = ""
        
        #进行最终的输出,结尾的空格可以避免一些奇奇怪怪的bug
        if self.theme=="tall":
            full_info = '\33[?25l|%s%s| %.2f%% %s  ' % (info, space, percent, speed)
        elif self.theme=="thin":
            full_info = '\33[?25l %s%s  %.2f%% %s  ' % (info, space, percent, speed)

        print("\r", end='', flush=True)
        print(self.first+full_info, end='', flush=True)
        self.last_update = time.time()
        self.last_progress = self.now
    def finish(self):
        self.update(self.total)
```

show_speed这项功能本来用于展示速度，但这个项目不需要，所以实现的不一定好，后面我有空继续做这个项目再更新。

接下来是主文件`sever.py`

```python
# 获取远程Linux服务器的CPU,MEM占用(当然也可以自己编写代码添加更多信息)
# 制作者:王子文
# 时间：2022年7月8日

# 参考代码:
# 通过SSH连接服务器,并获取CPU和MEM占用率的方法(几乎没有修改)
# https://www.yisu.com/zixun/551980.html

# 进度条类的实现(修改较多,优化代码清晰度,添加注释并添加一些自定义功能,后期会完善以超过tqdm库的自定义程度)
# https://blog.csdn.net/MemoryD/article/details/95378917

# 在Windows终端上进行类清屏操作(实际上是移动光标位置,有小幅度修改,原文没有完整的代码,我对其进行函数包装)
# https://blog.csdn.net/qq_41037945/article/details/104363401

# 输出颜色调整(虽然原文题目是linux,但实测cmd和ps也能用)
# https://www.cnblogs.com/demonxian3/p/8963807.html

# 不用tqdm的原因
# tqdm虽然理论上也可以实现本程序所需要的进度条更新方法(即指定当前进度,也就是可以回退),但得绕个弯子
# tqdm结尾的那串东西(包括当前运行时间,剩余时间)没法去掉,它们对于本项目而言不需要且没有意义

import os
import paramiko
import time
from ybar import Ybar


sshClient = paramiko.SSHClient()
sshClient.set_missing_host_key_policy(paramiko.AutoAddPolicy())
server = "114.51.41.91" # 服务器地址
port = 22     # 端口
user = "user"  # 用户名
password = "good_password" # 密码
sshClient.connect(server, port, user, password)


def getSSHOutput(command):
    stdin, stdout, stderr = sshClient.exec_command(command)
    outs = stdout.readlines()
    return outs


def getCpuInfo(outs):
    for line in outs:
        line = line.lstrip()
        counters = line.split()
        if len(counters) < 5:
            continue
        if counters[0].startswith('cpu'):
            break
    total = 0
    for i in range(1, len(counters)):
        total = total + int(counters[i])
    idle = int(counters[4])
    return {'total': total, 'idle': idle}


def getMemInfo(outs):
    res = {'total': 0, 'free': 0, 'buffers': 0, 'cached': 0}
    index = 0
    for line in outs:
        if(index == 4):
            break
        line = line.lstrip()
        memItem = line.lower().split()
        if memItem[0] == 'memtotal:':
            res['total'] = int(memItem[1])
            index = index + 1
            continue
        elif memItem[0] == 'memfree:':
            res['memfree'] = int(memItem[1])
            index = index + 1
            continue
        elif memItem[0] == 'buffers:':
            res['buffers'] = int(memItem[1])
            index = index + 1
            continue
        elif memItem[0] == 'cached:':
            res['cached'] = int(memItem[1])
            index = index + 1
            continue
    return res


def calcMemUsage(mem_count):
    used = mem_count['total'] - mem_count['free'] - \
        mem_count['buffers'] - mem_count['cached']
    total = mem_count['total']
    return used*100/total


def calcCpuUsage(counters1, counters2):
    idle = counters2['idle'] - counters1['idle']
    total = counters2['total'] - counters1['total']
    return 100 - (idle*100/total)

# 用于实现windows上的清屏
# 不用cls命令的原因:
# 本程序的主循环中有sleep代码,而cls是全屏幕清除,那么在sleep的过程中必然有一段空屏的时间,影响观感
# 移动光标实际上不会清除以前的内容,这样在sleep的过程中,之前的输出还在,整个刷新过程是连续的,不会影响观感
def clear_windows():
    import ctypes
    class COORD(ctypes.Structure):
        _fields_ = [("X", ctypes.c_short), ("Y", ctypes.c_short)]

        def __init__(self, x, y):
            self.X = x
            self.Y = y
    # 把光标移动到左上角
    INIT_POS = COORD(0, 0)
    STD_OUTPUT_HANDLE = -11
    hOut = ctypes.windll.kernel32.GetStdHandle(STD_OUTPUT_HANDLE)
    ctypes.windll.kernel32.SetConsoleCursorPosition(hOut, INIT_POS)
    

pb = Ybar(100, "CPU ",colorful=True)
pb1 = Ybar(100, "MEM ",colorful=True)
os.system("cls")
while True:
    try:
        #在windows上的清屏,注意这里不能用os.system("cls"),因为那样会有一段时间空屏,这个函数是通过移动光标位置实现的.
        clear_windows()
        counters1 = getCpuInfo(getSSHOutput("cat /proc/stat"))
        time.sleep(1)
        counters2 = getCpuInfo(getSSHOutput("cat /proc/stat"))
        pb.update(now=calcCpuUsage(counters1, counters2))
        #隐藏光标,获得更舒适的显示效果(同时通过换行的方式将CPU信息和MEM信息分开)
        print("")
        counters3 = getMemInfo(getSSHOutput("cat /proc/meminfo"))
        pb1.update(now=calcMemUsage(counters3))
    except KeyboardInterrupt:
        break
sshClient.close()
```

好了就这样

Python服务器简单资源监控+自制CLI进度条

两三天前，我在访问[谷歌翻译](https://translate.google.cn)时，发现有概率被引导到下面的页面，多次刷新后能到正确地址

今天，我发现我不论怎么样搞，都不行了。它试图引导我到谷歌翻译的香港(hk)站点，但很显然它在国内是被墙的

![](https://content.hackertalk.net/pub/NeZwPk-x0PZl9n)

此外，我还发现：

1. 我这里的Google DNS时坏时好，有时会无法连接
2. 我这里的www.gstatic.com也无法访问，直接导致Chrome官网无法正常加载

我的翻译插件现在不能用了，访问国外网站以后就得一个词一个词看了……

并且谷歌翻译的地址早就被我的浏览器记忆，原本在地址栏输入trans直接回车就自动补全到谷歌翻译，这早就习惯了，现在…… DeepL对我来说挺好，但它没原来的谷歌翻译快

烦死了……

国内谷歌翻译疑似跑路

在这里搜了一下，没有，所以自己实现一个，做个记录。

```php
function RandomString($len){
    $char_pool="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
    $str = "";
    for($i=0;$i<$len;$i++){
        $str .= $char_pool[mt_rand(0,strlen($char_pool)-1)];
    }
    return $str;
}
//输出长度为10, 包含数字、大小写字母的随机字符串
echo RandomString(10);
```

PHP随机字符串

![](https://image.hackertalk.net/images/c80b478e-ee2c-4287-bfef-23aa92599806)

顺便看了上次申请的 firefly，也通过了～

![](https://image.hackertalk.net/images/fd0fb537-006a-4192-a525-5285aea11f6f)

Photoshop AI 只有桌面版本，Online 版本只支持基本功能，例如移除背景，fierfly 只支持网页版。

获得了 Photoshop 的 Beta 权限，体验一下 AI 工具

改善MySQL性能的建议：

- MySQL具有特定的硬件建议，对于用于生产的服务器来说，应坚持遵循这些硬件建议。
- 关键的生产DBMS应该运行在自己的专用服务器上。
- MySQL包含一系列默认配置，但可能过一段时间后，需要自己去调整内存分配、缓冲区大小等。（为查看当前状态，可以使用`SHOW VARIABLES`和`SHOW STATUS`）
- MySQL是一个多用户多线程的DBMS，即它经常执行多个任务，若其中某个执行缓慢，则所有请求都会执行缓慢。若遇到显著的性能不良，可以使用`SHOW PROCESSLIST`显示所有活动进程，还可以使用`KILL`命令终结某个特定的进程。
- 写同一条SELECT语句有不同的方法，应实验联结、并、子查询等，找出最佳的方法。
- 使用`EXPLAIN`语句让MySQL解释它将如何执行一条SELECT语句。
- 一般来说，存储过程执行得比一条一条地执行其中的各条SQL语句快。
- 应该总使用正确的数据类型。
- 绝不要检索比需求还要多的数据。即不要用`SELECT *`除非你真正需要每个列。
- 在导入数据时，应该关闭自动提交。你可能还能删除索引，然后在导入完成后再重建它们。
- 必须索引数据库以改善数据检索的性能。
- `SELECT`语句中有一系列复杂的`OR`条件时，通过使用多条`SELECT`语句和连接他们的`UNION`语句。
- 对于经常修改的数据列，则在有必要前不要索引它们。
- `LIKE`很慢，一般来说，最好使用`FULLTEXT`。





改善MySQL性能的建议

好久都没在黑客说发帖了，今天转载个证明我还活着[doge]

---

Rust 是由 Mozilla 研究院开发的编程语言。Rust 将底层的性能控制与高级语言的便利性和安全保障结合在了一起。

而 Rust 并不需要一个垃圾回收器或者运行时即可实现这个目的，这使得 Rust 库可以成为一种 C 语言的替代品。

Rust 第一版（0.1 版）发布于 2012 年 1 月，3 年以来一直在紧锣密鼓地迭代。

因为更新太频繁，一般建议使用每夜构建版而不是稳定版，直到最近 1.0 版本的发布。

2015 年 3 月 15 日，Rust 1.0 发布，完美向后兼容，最新的每夜构建版提供了缩短编译时间等新特性。

Rust 采用了持续迭代模型，每 6 周一个发布版。Rust 1.1 beta 版在 1.0 发布时同时发布。

尽管 Rust 相对来说是一门底层语言，它提供了一些常见于高级语言的函数式编程的特性。这让 Rust 不仅高效，并且易用。

```rust

// 这是注释，单行注释...

/* ...这是多行注释 */

///////////////

// 1. 基础   //

///////////////

// 函数 (Functions)

// `i32` 是有符号 32 位整数类型(32-bit signed integers)

fn add2(x: i32, y: i32) -> i32 {

    // 隐式返回 (不要分号)

    x + y

}

// 主函数(Main function)

fn main() {

    // 数字 (Numbers) //

    // 不可变绑定

    let x: i32 = 1;

    // 整形/浮点型数 后缀

    let y: i32 = 13i32;

    let f: f64 = 1.3f64;

    // 类型推导

    // 大部分时间，Rust 编译器会推导变量类型，所以不必把类型显式写出来。

    // 这个教程里面很多地方都显式写了类型，但是只是为了示范。

    // 绝大部分时间可以交给类型推导。

    let implicit_x = 1;

    let implicit_f = 1.3;

    // 算术运算

    let sum = x + y + 13;

    // 可变变量

    let mut mutable = 1;

    mutable = 4;

    mutable += 2;

    // 字符串 (Strings) //

    // 字符串字面量

    let x: &str = "hello world!";

    // 输出

    println!("{} {}", f, x); // 1.3 hello world

    // 一个 `String` – 在堆上分配空间的字符串

    let s: String = "hello world".to_string();

    // 字符串分片(slice) - 另一个字符串的不可变视图

    // 基本上就是指向一个字符串的不可变指针，它不包含字符串里任何内容，只是一个指向某个东西的指针

    // 比如这里就是 `s`

    let s_slice: &str = &s;

    println!("{} {}", s, s_slice); // hello world hello world

    // 数组 (Vectors/arrays) //

    // 长度固定的数组 (array)

    let four_ints: [i32; 4] = [1, 2, 3, 4];

    // 变长数组 (vector)

    let mut vector: Vec<i32> = vec![1, 2, 3, 4];

    vector.push(5);

    // 分片 - 某个数组(vector/array)的不可变视图

    // 和字符串分片基本一样，只不过是针对数组的

    let slice: &[i32] = &vector;

    // 使用 `{:?}` 按调试样式输出

    println!("{:?} {:?}", vector, slice); // [1, 2, 3, 4, 5] [1, 2, 3, 4, 5]

    // 元组 (Tuples) //

    // 元组是固定大小的一组值，可以是不同类型

    let x: (i32, &str, f64) = (1, "hello", 3.4);

    // 解构 `let`

    let (a, b, c) = x;

    println!("{} {} {}", a, b, c); // 1 hello 3.4

    // 索引

    println!("{}", x.1); // hello

    //////////////

    // 2. 类型 (Type)  //

    //////////////

    // 结构体（Sturct)

    struct Point {

        x: i32,

        y: i32,

    }

    let origin: Point = Point { x: 0, y: 0 };

    // 匿名成员结构体，又叫“元组结构体”（‘tuple struct’）

    struct Point2(i32, i32);

    let origin2 = Point2(0, 0);

    // 基础的 C 风格枚举类型（enum）

    enum Direction {

        Left,

        Right,

        Up,

        Down,

    }

    let up = Direction::Up;

    // 有成员的枚举类型

    enum OptionalI32 {

        AnI32(i32),

        Nothing,

    }

    let two: OptionalI32 = OptionalI32::AnI32(2);

    let nothing = OptionalI32::Nothing;

    // 泛型 (Generics) //

    struct Foo<T> { bar: T }

    // 这个在标准库里面有实现，叫 `Option`

    enum Optional<T> {

        SomeVal(T),

        NoVal,

    }

    // 方法 (Methods) //

    impl<T> Foo<T> {

        // 方法需要一个显式的 `self` 参数

        fn get_bar(self) -> T {

            self.bar

        }

    }

    let a_foo = Foo { bar: 1 };

    println!("{}", a_foo.get_bar()); // 1

    // 接口（Traits） （其他语言里叫 interfaces 或 typeclasses） //

    trait Frobnicate<T> {

        fn frobnicate(self) -> Option<T>;

    }

    impl<T> Frobnicate<T> for Foo<T> {

        fn frobnicate(self) -> Option<T> {

            Some(self.bar)

        }

    }

    let another_foo = Foo { bar: 1 };

    println!("{:?}", another_foo.frobnicate()); // Some(1)

    ///////////////////////////////////

    // 3. 模式匹配 (Pattern matching) //

    ///////////////////////////////////

    let foo = OptionalI32::AnI32(1);

    match foo {

        OptionalI32::AnI32(n) => println!("it’s an i32: {}", n),

        OptionalI32::Nothing  => println!("it’s nothing!"),

    }

    // 高级模式匹配

    struct FooBar { x: i32, y: OptionalI32 }

    let bar = FooBar { x: 15, y: OptionalI32::AnI32(32) };

    match bar {

        FooBar { x: 0, y: OptionalI32::AnI32(0) } =>

            println!("The numbers are zero!"),

        FooBar { x: n, y: OptionalI32::AnI32(m) } if n == m =>

            println!("The numbers are the same"),

        FooBar { x: n, y: OptionalI32::AnI32(m) } =>

            println!("Different numbers: {} {}", n, m),

        FooBar { x: _, y: OptionalI32::Nothing } =>

            println!("The second number is Nothing!"),

    }

    ///////////////////////////////

    // 4. 流程控制 (Control flow) //

    ///////////////////////////////

    // `for` 循环

    let array = [1, 2, 3];

    for i in array {

        println!("{}", i);

    }

    // 区间 (Ranges)

    for i in 0u32..10 {

        print!("{} ", i);

    }

    println!("");

    // 输出 `0 1 2 3 4 5 6 7 8 9 `

    // `if`

    if 1 == 1 {

        println!("Maths is working!");

    } else {

        println!("Oh no...");

    }

    // `if` 可以当表达式

    let value = if true {

        "good"

    } else {

        "bad"

    };

    // `while` 循环

    while 1 == 1 {

        println!("The universe is operating normally.");

    }

    // 无限循环

    loop {

        println!("Hello!");

    }

    ////////////////////////////////////////////////

    // 5. 内存安全和指针 (Memory safety & pointers) //

    ////////////////////////////////////////////////

    // 独占指针 (Owned pointer) - 同一时刻只能有一个对象能“拥有”这个指针

    // 意味着 `Box` 离开他的作用域后，会被安全地释放

    let mut mine: Box<i32> = Box::new(3);

    *mine = 5; // 解引用

    // `now_its_mine` 获取了 `mine` 的所有权。换句话说，`mine` 移动 (move) 了

    let mut now_its_mine = mine;

    *now_its_mine += 2;

    println!("{}", now_its_mine); // 7

    // println!("{}", mine); // 编译报错，因为现在 `now_its_mine` 独占那个指针

    // 引用 (Reference) – 引用其他数据的不可变指针

    // 当引用指向某个值，我们称为“借用”这个值，因为是被不可变的借用，所以不能被修改，也不能移动

    // 借用一直持续到生命周期结束，即离开作用域

    let mut var = 4;

    var = 3;

    let ref_var: &i32 = &var;

    println!("{}", var); //不像 `mine`, `var` 还可以继续使用

    println!("{}", *ref_var);

    // var = 5; // 编译报错，因为 `var` 被借用了

    // *ref_var = 6; // 编译报错，因为 `ref_var` 是不可变引用

    // 可变引用 (Mutable reference)

    // 当一个变量被可变地借用时，也不可使用

    let mut var2 = 4;

    let ref_var2: &mut i32 = &mut var2;

    *ref_var2 += 2;

    println!("{}", *ref_var2); // 6

    // var2 = 2; // 编译报错，因为 `var2` 被借用了

}
```

## 更深入的资料

Rust 还有很多很多其他内容 - 这只是 Rust 最基本的功能，帮助你了解 Rust 里面最重要的东西。

如果想深入学习 Rust，可以去读

[The Rust Programming Language](http://doc.rust-lang.org/book/index.html)

或者上 reddit [/r/rust](http://reddit.com/r/rust) 订阅。

同时 irc.mozilla.org 的 #rust 频道上的小伙伴们也非常欢迎新来的朋友。

你可以在这个在线编译器 [Rust playpen](http://play.rust-lang.org) 上尝试 Rust 的一些特性

或者上[官方网站](http://rust-lang.org).

> 原著P1start，使用CC-BY-SA许可

[转载]Rust基本语法速成

刚发现不能给自己点赞了

手搭我的世界基岩版后台网站 LiteloaderBDS - SQLite - Spring Boot - Vue：从零开始构建基于RESTful API 的后台系统；使用 Element-UI Plus 和 Three.js 实现可视化展览界面

网站推荐： https://firewood.news/about ，致敬那些还在写博客的人，独立博客导航站“积薪”正式发布

![](https://image.hackertalk.net/images/0519af7c-4c22-4486-868d-15967d88b122)

独立博客导航站“积薪”正式发布

大厂裁员、经济形势不好，加上 AI 会替代很多脑力劳动，想不出上了三年网课的大学生出路在哪里。

这还是互联网行业，其他行业估计更难过了。