## 简介

有时候废弃的系统盘不需要了，想要DIY成移动硬盘，连上Windows后发现有些原系统的 `恢复分区` 不能通过Windows的磁盘管理界面删除。本文教你在Windows中如何删除恢复分区。

> 前排提示：**操作不当可能造成数据丢失、系统故障等严重后果，建议非专业人士不要自行操作！！！**



## 完全清理磁盘

完全清理磁盘后，所有分区和数据将一并删除，当然也能起到删除 `恢复分区` 的作用。

**请注意，格式化会删除磁盘上的所有数据，因此在执行此操作之前，请确保你已经备份了重要的数据。以下是使用diskpart命令格式化磁盘的步骤：**

1. 打开命令提示符 `CMD` （以管理员身份运行）；
2. 输入 `diskpart` 并按回车（打开 `diskpart` 管理工具）；
3. 输入 `list disk` 以显示所有连接的磁盘，并找到要格式化的磁盘号，**一般0是系统盘！！！**；
4. 输入 `select disk X` （X是要格式化的磁盘号）；
5. 输入 `clean` 来清除磁盘上的所有分区和卷；
6. 输入 `create partition primary` 来创建一个新的主分区；
7. 输入 `format fs=ntfs quick` 来进行快速格式化；（或者使用 `format fs=fat32 quick` ，具体格式根据你的需求而定，至于区别可自行了解，这里推荐更新的 `ntfs` 格式）
8. 输入 `exit` 来退出 `diskpart` 。

经过以上操作，到磁盘管理中可以发现，移动硬盘已经完全格式化并重新分配为一个大分区，如果想要重新分区可以自行通过界面操作。

## 删除分区

与以上完全格式化逻辑类似，都是使用命令行，但删除指定分区：

1. 打开命令提示符（以管理员身份运行）；
2. 输入 `diskpart` 并按回车；
3. 输入 `list disk` 来显示所有连接的磁盘，找到移动硬盘的磁盘号；
4. 输入 `select disk X` （X是你的移动硬盘的磁盘号）；
5. 输入 `list partition` 来显示所有分区；
6. 使用 `select partition Y` （Y是要删除的分区号）选择要删除的分区；
7. 输入 `delete partition override` 来删除选定的分区。

WIndows如何删除移动硬盘的恢复分区

```javascript
import { marked } from 'marked'
import { markedEmoji } from 'marked-emoji'
import { Octokit } from '@octokit/rest'

const showMarkdown = () => {
  let downDiv = document.getElementById('markdown-container')
  while (downDiv === null) {
    downDiv = document.getElementById('markdown-container')
  }
  emojiOptions().then((options) => {
    // emoji配置
    marked.use(markedEmoji(options))
    // 转html
    downDiv.innerHTML = marked.parse(pageStore.data, { emoji: true })
  })
  pageStore.loading = false
}

const emojiOptions = async () => {
  const octokit = new Octokit()
// Get all the emojis available to use on GitHub.
  const res = await octokit.rest.emojis.get()
  const emojis = res.data

  return {
    emojis,
    unicode: false
  }
}

```

记一次Marked的使用

## 简介

现在 `Markdown` 编辑文本越来越主流，很多系统希望集成 Markdown 编辑器，编辑Markdown后，自然少不了渲染的事，但是渲染往往各自平台不同。如果你不知道选择哪家的渲染效果，又没有过多的特效要求，可以使用 GithubAPI 快速实现 Markdown 渲染。

本文就教会你如何使用 GithubAPI 渲染 Markdown。



## Github API

Github提供了很多其平台的开放API，并配有完整的文档：[GitHub REST API documentation](https://docs.github.com/en/rest?apiVersion=2022-11-28)，其中有 Markdown 相关的接口：[markdown](https://docs.github.com/en/rest/markdown/markdown?apiVersion=2022-11-28#render-a-markdown-document)，使用该接口可以将 `Markdown` 文本内容转换为 `Html`文本内容，当然是Github风格的。

文档中有接口详细的参数说明和相应示例代码，详情可自行查阅文档，本文推荐使用官方API工具 [Octokit](https://www.npmjs.com/package/octokit)。

> Octokit是一个适用于`Browsers`、`Node.js` 和 `Deno` 的全包 `GitHub SDK`，可通过 Npm 直接引用。

以Node项目为例，使用以下命令可以快速安装最新版 `Octokit`

```shell
# npm
npm install octokit
# yarn
yarn add octokit
```

安装成功后即可使用：
> 注意：`YOUR-TOKEN` 处可以设置一个你的Github Token，该接口使用的Token无需任何权限；不设置也可以调用接口，但是有频率限制。

```javascript
import { Octokit } from '@octokit/rest'
// Octokit.js
// https://github.com/octokit/core.js#readme
const octokit = new Octokit({
  auth: 'YOUR-TOKEN'
})

await octokit.request('POST /markdown', {
  // 要转换的Markdown文本
  text: 'Hello **world**',
  headers: {
    'X-GitHub-Api-Version': '2022-11-28'
  }
})
```

调用成功后的返回数据如下，其中`data`即转换结果：
```json
{
    "status": 200,
    "url": "https://api.github.com/markdown",
    "headers": {
        "cache-control": "public, max-age=60, s-maxage=60",
        "content-type": "text/html;charset=utf-8",
        "etag": "xxx",
        "x-github-media-type": "github.v3; format=json",
        "x-github-request-id": "xxx",
        "x-ratelimit-limit": "60",
        "x-ratelimit-remaining": "48",
        "x-ratelimit-reset": "xxx",
        "x-ratelimit-resource": "core",
        "x-ratelimit-used": "12"
    },
    "data": "<p>Hello <strong>world</strong></p>"
}
```

## 样式渲染

通过以上 API 将 Markdown 转换为 Html 后，你还需要有相应的CSS样式，才能后将Html内容渲染为和Github一样的页面，这里推荐一个CSS仓库：[github-markdown-css](https://github.com/sindresorhus/github-markdown-css)。

使用该仓库的CSS，可以将HTML渲染为和Github一样的页面效果。

使用发放也很简单：
1. CDN引用该CSS（`或者将CSS下载到本地后引入项目中`）；
2. 将对应的HTML父容器设置一个class：`markdown-body`。

## Vue3完整示例

```html
<template>
  <div id="markdown-container" class="markdown-body"></div>
</template>

<script setup type="ts">
// 引用 css
import 'https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.5.1/github-markdown.min.css'

import { onMounted } from 'vue'
import { GITHUB_API_TOKEN } from '@/stores/store.ts'
// 引用Octokit
import { Octokit } from '@octokit/rest'

// github api client
const octokit = new Octokit({
  auto: GITHUB_API_TOKEN
})
// 显示Markdown内容
const showMarkdown = () => {
  let downDiv = document.getElementById('markdown-container')
  // 小心这里不要死循环哦
  while (downDiv === null) {
    downDiv = document.getElementById('markdown-container')
  }

  octokit.request('POST /markdown', {
    text: 'Hello **world**'
  }).then((res) => {
    console.log(res)
    downDiv.innerHTML = res.data
  })
}

onMounted(() => {
  showMarkdown()
})

</script>

<style scoped>
</style>

```
## 赞助请求

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


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

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

使用github RESTful API快速将markdown渲染为html

## 简介

本文用于记录Java语言常用的一些排序方法，主要为Java原生方法。



## 包装类型

### List

- 正序

```java
// 用户实体List
List<User> list;
// 按照 userId 正序排序
list.sort(Comparator.comparing(Incident::getUserId));
```

- 倒叙

```java
// 用户实体List
List<User> list;
// 按照 userId 倒叙排序
list.sort(Comparator.comparing(Incident::getUserId).reversed());
```

## 基础类型

### Integer

> 以下示例均以 `Integer` 演示，其他类型数字不再提供示例。

#### 正序

- 正序1：Collections

```java
// 年份数字集合
List<Integer> years;
// 1
Collections.sort(years);
```

- 正序2：JDK8

```java
// 年份数字集合
List<Integer> years;
// 2
list.sort(Comparator.naturalOrder());
```

- 正序3：Stream API（java8）

```java
// 年份数字集合
List<Integer> years;
// 3
list = list.stream()
           .sorted()
           .collect(Collectors.toList());
```

- 正序4：JDK8-特定类型

```java
// 年份数字集合
List<Integer> years;
// 4 Integer类型示例
list.sort(Comparator.comparingInt(o -> o));
```

- 正序5：JDK8：自定义

```java
// 年份数字集合
List<Integer> years;
// 5： i1-i2 > 0则交换位置，所以是正序
list.sort((i1, i2) -> i1 - i2);
```

- 正序6：冒泡排序

```java
List<Integer> years;
int n = years.length;

/** 冒泡正序排序 **/

// 外层循环控制比较的轮数
for (int i = 0; i < n - 1; i++) {
    // 内层循环进行相邻元素的比较和交换
    for (int j = 0; j < n - i - 1; j++) {
        if (years[j] > years[j + 1]) {
            // 交换相邻元素
            int temp = years[j];
            years[j] = years[j + 1];
            years[j + 1] = temp;
        }
    }
}
```

#### 倒叙

> 倒叙只给出一个示例，其他参考正序做修改即可。

```java
// 年份数字集合
List<Integer> years;
// 倒叙排序
years.sort(Collections.reverseOrder());
```

### String

> `String` 类型正常排序与 `Integer` 没有什么大区别，参考修改即可，下面给出一些特殊需求排序：

#### 长度排序

```java
List<String> list;
list.sort(Comparator.comparing(String::length));
```

#### 复杂中文排序

> 普通中文与普通字符串排序一样，一些特殊中文、字符可能用得到该方法

```java
List<String> chineseList = Arrays.asList("张三", "李四", "王五", "赵六");

// 使用 Collator 进行排序，特殊使用请自行摸索
Collator collator = Collator.getInstance();
Collections.sort(chineseList, collator);
```

## 数组

### 正序

- 方式1

```java
Integer[] array = {64, 34, 25, 12, 22, 11, 90};
Arrays.sort(array);
```

- 方式2：冒泡

```java
Integer[] array = {64, 34, 25, 12, 22, 11, 90};
int n = array.length;

// 外层循环控制比较的轮数
for (int i = 0; i < n - 1; i++) {
    // 内层循环进行相邻元素的比较和交换
    for (int j = 0; j < n - i - 1; j++) {
        if (array[j] > array[j + 1]) {
            // 交换相邻元素
            int temp = array[j];
            array[j] = array[j + 1];
            array[j + 1] = temp;
        }
    }
}
```

### 倒叙

- 方式1

```java
Integer[] array = {64, 34, 25, 12, 22, 11, 90};
Arrays.sort(array, Collections.reverseOrder());
```

- 方式2：冒泡

```java
Integer[] array = {64, 34, 25, 12, 22, 11, 90};
int n = array.length;

// 外层循环控制比较的轮数
for (int i = 0; i < n - 1; i++) {
    // 内层循环进行相邻元素的比较和交换
    for (int j = 0; j < n - i - 1; j++) {
        if (array[j] < array[j + 1]) {
            // 交换相邻元素
            int temp = array[j];
            array[j] = array[j + 1];
            array[j + 1] = temp;
        }
    }
}
```

## 拓展

### 数组与List互相转换

```java
Integer[] array = {64, 34, 25, 12, 22, 11, 90};
// 数组转List
List<Integer> list = Arrays.asList(array);
// List转数组
array = list.toArray(new Integer[0]);
```

Java排序方法记录

## 简介

一些老项目因为不为人知的原因，出现报错：
```console
Error: You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize({ 'lib/mappings.wasm': ... }) before using SourceMapConsumer
```

找到一个临时解决方案：运行项目时设置环境变量`NODE_OPTIONS=--openssl-legacy-provider`。

Windows环境为例，修改运行脚本：

```bash
# 原来
# react-scripts start
# 修改后
set NODE_OPTIONS=--openssl-legacy-provider && react-scripts start
```

PS：上面的修改在 `package.json` 中进行即可。如：

- 原来报错的 `package.json` ：
```json
{
  "scripts": {
    "dev": "react-scripts start"
  }
}
```

- 修改后的  `package.json` ：
```json
{
  "scripts": {
    "dev": "set NODE_OPTIONS=--openssl-legacy-provider && react-scripts start"
  }
}
```






参考：https://github.com/parcel-bundler/parcel/issues/8005#issuecomment-1120149358



## 赞助请求V3

**建站因为热爱，生活需要Money，请屏幕前的大佬动动您发财的小手，点击一次以示鼓励，祝您生活愉快！**


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

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

Node项目报错解决 Error: You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize({ 'lib/mappings.wasm': ... }) before using SourceMapConsumer

twitter:card

twitter:title

twitter:site

twitter:image

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

twitter:description

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