# cd命令介绍    
- `cd` 命令是用于改变当前工作目录的。cd 是 "change directory" 的缩写。

![image.png](/static/img/13ca38e86c05c01a467a3182091577ae.image.webp)



## 基本格式
基本使用格式如下：
```bash
cd [directory]
```
- [directory] 是你想要切换到的目录的路径

**例如:**
1. 切换到名为 Documents 的目录
```bash
cd Documents
```

2. 切换到完整路径的目录
```bash
cd /home/user/Documents
```

## 特殊参数
- cd .. ：切换到上一级目录。
```bash
# 假设你当前的工作目录是 /home/user/Documents

# 使用 `cd ..` 切换到上一级目录
cd ..
# 现在你的工作目录是 /home/user
```

- cd - ：切换到上一次的工作目录。
```bash
# 假设你之前从 /home/user 切换到了 /home/user/Downloads
cd /home/user/Downloads
# 现在你的工作目录是 /home/user/Downloads

# 使用 `cd -` 切换回上一次的工作目录
cd -
# 现在你的工作目录又回到了 /home/user
```

- cd ~ 或者只输入 cd 不带任何参数 ：切换到当前用户的家目录。
```bash
# 使用 `cd ~` 或 `cd` 切换到你的家目录
cd ~
# 或者
cd
# 现在你的工作目录是 /home/user，即你的家目录
```

## 注意
**路径**可以是相对的或者绝对的。
- **相对路径**是相对于当前工作目录的路径，
    ```bash
    # 如果你当前的工作目录是 /home/username 
    # 进入到 Documents 目录
    cd Documents
    ```
- **绝对路径**是从根目录 (/) 开始的完整路径。
    ```bash
    cd /home/username/Documents
    ```
    
# 参考视频
<iframe src="//player.bilibili.com/player.html?aid=488756443&bvid=BV1jN411e7dG&cid=1206962442&p=1&autoplay=0&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:100%;aspect-ratio:16/10;"> </iframe>

每天一个Linux命令 - cd

# 实例代码
```html
<iframe src="//player.bilibili.com/player.html?aid=904454292&bvid=BV1jP4y1v7rL&cid=943848992&p=1&autoplay=0&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:100%;aspect-ratio:16/10;"> </iframe>
```
- 将`aid=904454292&bvid=BV1jP4y1v7rL&cid=943848992&p=1`替换为自己需要分享的视频id





# 前言
写技术博客需要经常参考B站视频, 为了更加方便的分享B站视频链接, 可以在博客文章的Markdown格式中添加B站的嵌入代码; 但默认的B站嵌入式代码有自动播放和默认的显示屏幕大小过小, 需要自己调整。

# 嵌入式代码操作
1. 首先, 选择自己想要分享的视频, 点击分享, 选择嵌入式代码, 点击即可复制
![屏幕截图 2024-04-29 002105.png](/static/img/aea7c6b2d16ef0bd50d43f75150243d7.%C3%A5%C2%B1%C2%8F%C3%A5%C2%B9%C2%95%C3%A6%C2%88%C2%AA%C3%A5%C2%9B%C2%BE%202024-04-29%20002105.webp)

2. 将自己的嵌入式链接直接粘贴到博客Markdown格式文章中。（默认自动播放, 这里我将自动播放关闭）

<iframe src="//player.bilibili.com/player.html?aid=904454292&bvid=BV1jP4y1v7rL&cid=943848992&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

# 改进自己的嵌入式代码, 以适应文章显示
- 最终效果:
<iframe src="//player.bilibili.com/player.html?aid=904454292&bvid=BV1jP4y1v7rL&cid=943848992&p=1&autoplay=0&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:100%;aspect-ratio:16/10;"> </iframe>

- 默认嵌入式代码:
```html
<iframe src="//player.bilibili.com/player.html?aid=904454292&bvid=BV1jP4y1v7rL&cid=943848992&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
```

- 改进后嵌入式代码:
```html
<iframe src="//player.bilibili.com/player.html?aid=904454292&bvid=BV1jP4y1v7rL&cid=943848992&p=1&autoplay=0&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:100%;aspect-ratio:16/10;"> </iframe>
```
- 添加属性说明
    - autoplay=0 关闭自动播放
    - high_quality=1 打开最高画质(未验证)
    - style="width:100%;aspect-ratio:16/10;" 样式设置：width:100%可以实现宽度尺寸自适应屏幕尺寸，aspect-ratio:16/10视频显示尺寸比例为16:10

# **B站嵌入式代码属性说明**
| 属性 | 值 | 描述 |
| --- | --- | --- |
| align | left right top middle bottom | 不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。 |
| frameborder | 10 | 规定是否显示框架周围的边框。 |
| height | pixels% | 规定 iframe 的高度。 |
| longdesc | URL | 规定一个页面，该页面包含了有关iframe 的较长描述。 |
| marginheight | pixels | 定义 iframe的顶部和底部的边距。 |
| marginwidth | pixels | 定义 iframe的左侧和右侧的边距。 |
| name | frame_name | 规定 iframe 的名称。 |
| sandbox | “”allow-formsallow-same-originallow-scriptsallow-top-navigation | 启用一系列对 <_iframe> 中内容的额外限制。 |
| scrolling | yesnoauto | 规定是否在 iframe中显示滚动条。 |
| seamless | seamless | 规定 <_iframe> 看上去像是包含文档的一部分。 |
| src | URL | 规定在 iframe中显示的文档的 URL。 |
| srcdoc | HTML_code | 规定在 <_iframe> 中显示的页面的 HTML 内容。 |
| width | pixels% | 定义 iframe 的宽度。 |


| 参数名 | 参数用途 | 默认值 | 使用方法 |
| --- | --- | --- | --- |
| autoplay | 是否自动播放 | 否 | 1: 开启, 0: 关闭 |
| danmaku | 默认弹幕开关 | 开启 | 1: 开启, 0: 关闭 |
| muted | 是否默认静音 | 否 | 1: 开启, 0: 关闭 |
| hasMuteButton | 一键静音按钮是否显示 | 不显示 | 1: 开启, 0: 关闭 |
| hideCoverInfo | 视频封面下方是否显示播放量弹幕量等信息 | 显示 | 1: 开启, 0: 关闭 |
| hideDanmakuButton | 是否隐藏弹幕按钮 | 不隐藏 | 1: 开启, 0: 关闭 |
| noFullScreenButton | 是否隐藏全屏按钮 | 显示 | 1: 开启, 0: 关闭 |
| fjw | 是否开始记忆播放 | 开启 | 1: 开启, 0: 关闭 |
| t | 默认开始时间 | 0 (单位秒) | 直接填写数值 |

B站嵌入式代码 调整与设置

Markdown语法

# 前言
在使用VanBlog之前我还使用过许多博客系统，例如HexoBlog、 WordPress 博客; 它们优点是个性化内容丰富，可以根据自己的不断定制使其博客变的非常的漂亮、功能十分多样

# VanBlog简介
**VanBlog 是一款简洁实用优雅的高性能个人博客系统。支持 HTTPS 证书全自动按需申请、黑暗模式、支持移动端自适应和评论，内置流量统计与图床，内嵌评论系统，配有完备的、支持黑暗模式、支持移动端、支持一键上传剪切板图片到图床、带有强大的编辑器的后台管理面板。**

- [VanBlog主页](https://vanblog.mereith.com/)
- [VanBlog项目GitHub](https://github.com/Mereithhh/vanblog)
- [VanBlog演示页](https://blog-demo.mereith.com/)   进入后台请点击右上角管理员按钮，账号和密码均为 demo 



![image.png](/static/img/0287f4516189a6b2d02e897142c77638.image.webp)

# 博客搭建

## 前期准备
- 服务器: 这里我购买的为[雨云](https://app.rainyun.com/)2核2G服务器 操作系统为Ubuntu20.04

:::tip{title="提示"}
可以购买香港服务器, 避免了备案的麻烦!!!
:::

![image.png](/static/img/2f77f0923a4a57f46f38b7f026d571fa.image.webp)

![5597d46402ffba4b7ccce83655001ff3.image.webp](/static/img/21a7938aaf2235f96cc4a1d14e96da5a.5597d46402ffba4b7ccce83655001ff3.image.webp)

- 可以购买一个域名便于访问，而且VanBlog内置反向代理, 对于配置域名十分友好 
    - 此技术博客域名是我之前在[Namesilo](https://www.namesilo.com/)上购买的域名
    - 你也可以在雨云上购买域名(https://app.rainyun.com/apps/domain/list/manage)
    - 提供免费的二级域名!!!
    
![image.png](/static/img/d39ecdfbb1062e6772e4493db2d1761a.image.webp)



## 博客搭建
- 你可以运行下方命令，通过脚本一键部署 VanBlog
```bash
curl -L https://vanblog.mereith.com/vanblog.sh -o vanblog.sh && chmod +x vanblog.sh && ./vanblog.sh
```
- 如果未来需要再次运行脚本，可直接运行：
```bash
./vanblog.sh
```

![61ede1fc07bd821a5cb6db6c9cace016.image.webp](/static/img/b3336343656b3204a5f6d0680ee3c48f.61ede1fc07bd821a5cb6db6c9cace016.image.webp)

- 部署 VanBlog 后，请使用浏览器打开 http://<你的域名>/admin/init，并按照指引完成初始化。具体设置项可以参考 [站点配置](https://vanblog.mereith.com/features/config.html)。

# 后续
- 详细配置请查看 [VanBlog快速上手](https://vanblog.mereith.com/guide/get-started.html)

- 希望在搭建完博客后发挥它主要的作用 —— 记录

**长风破浪会有时，直挂云帆济沧海**

cd命令介绍

实例代码

Markdown 简介

前言

VanBlog简介