-
Notifications
You must be signed in to change notification settings - Fork 0
/
content.json
1 lines (1 loc) · 54.5 KB
/
content.json
1
{"meta":{"title":"Awei的博客","subtitle":"","description":"","author":"Awei","url":"http://example.com","root":"/"},"pages":[{"title":"","date":"2022-10-11T14:28:51.611Z","updated":"2022-10-11T14:28:51.611Z","comments":true,"path":"about/index.html","permalink":"http://example.com/about/index.html","excerpt":"","text":"下面写关于自己的内容"},{"title":"","date":"2022-10-20T08:25:12.869Z","updated":"2022-10-20T08:25:12.869Z","comments":true,"path":"friends/index.html","permalink":"http://example.com/friends/index.html","excerpt":"layout: friends # 必须title: 我的朋友们 # 可选，这是友链页的标题 这里写友链上方的内容。","text":"layout: friends # 必须title: 我的朋友们 # 可选，这是友链页的标题 这里写友链上方的内容。 这里可以写友链页面下方的文字备注，例如自己的友链规范、示例等。"},{"title":"所有分类","date":"2022-10-11T14:26:08.817Z","updated":"2022-10-11T14:26:08.817Z","comments":true,"path":"categories/index.html","permalink":"http://example.com/categories/index.html","excerpt":"","text":""},{"title":"","date":"2022-10-11T14:26:27.901Z","updated":"2022-10-11T14:26:27.900Z","comments":true,"path":"tags/index.html","permalink":"http://example.com/tags/index.html","excerpt":"","text":"layout: tagindex: truetitle: 所有标签"}],"posts":[{"title":"关于重启我CTF学习之旅这件事","slug":"关于重启我CTF学习之旅这件事","date":"2023-04-12T09:00:00.000Z","updated":"2023-04-12T09:05:17.390Z","comments":true,"path":"2023/04/12/关于重启我CTF学习之旅这件事/","link":"","permalink":"http://example.com/2023/04/12/%E5%85%B3%E4%BA%8E%E9%87%8D%E5%90%AF%E6%88%91CTF%E5%AD%A6%E4%B9%A0%E4%B9%8B%E6%97%85%E8%BF%99%E4%BB%B6%E4%BA%8B/","excerpt":"","text":"#关于重启我CTF学习之旅这件事 大一刚入学时，我热血澎湃，想要努力学好C语言，python，成功通过红岩考核，积极参见CTF比赛。 结果半学期过去了，想了想自己之前都干了些什么？答案是 nothing 我tm摆了半学期了，舍友摆带着我摆，我摆带着舍友摆，tmd跟左脚踩右脚升天一样形成永动。 难道我会一直这样下去么？ 不！是时候做出改变了！ 我这博客前面完全都是在 洗稿 搬运别人的文章，而现在是时候开始经营了。 已经明确web安全就是我的目标了，那就一直走，不要半途而废。","categories":[],"tags":[]},{"title":"如何搭建博客？","slug":"如何搭建博客？","date":"2022-10-23T06:49:12.000Z","updated":"2022-10-23T07:39:46.352Z","comments":true,"path":"2022/10/23/如何搭建博客？/","link":"","permalink":"http://example.com/2022/10/23/%E5%A6%82%E4%BD%95%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%EF%BC%9F/","excerpt":"","text":"如何搭建博客？你不觉得拥有一个属于自己的博客是一件很酷的事吗？作为一名理工男我觉得这太酷了，很符合我对黑客生活的想象，科技并带着神秘。 你是否想拥有属于自己的博客？你是否无奈与自己不会写网站而烦恼？ 不要担心，本系列教程将会实现你白嫖的愿望，连服务器都不需要买，就算没有任何编程基础也可以学会的搭建博客教程 下面来看看这些好看的个人博客： http://hysj.cc/ https://www.laijiahao.cn/ https://handawei236.github.io/ 上面的博客是否让你心动了吗？那我就来分享下自己的博客搭建历程，望能助你一臂之力。 起初我最先看的b站大佬CodeSheep 的教学视频，并按照他的步骤做下去。但后来就碰到了困难，比如 【手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo】 【精准空降到 18:10】 https://www.bilibili.com/video/BV1Yb411a7ty?share_source=copy_web&vd_source=22fd5600ac1ebae67f6771b8ae0755ba&t=1090 该时间段中的master已被main取代（这也给了我一个启示，以后搜索东西最好先搜索最近时间的，图中的教程已经是2019年的了） 而且该大佬使用的是mac系统创建的博客，相对于使用Windows系统创建博客的步骤和代码有一点差别。 所以我转而参考了B站另一位大佬Mrhuanhao的教程 时间相对上个视频比较长，但内容更加详细！ 以下就是该大佬的博客文章中的教程（原地址https://www.laijiahao.cn/posts/a1047ed6/） 文章作者: 赖佳豪 文章链接: https://www.laijiahao.cn/posts/a1047ed6/ 版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Huanhao’s blog！ 【基础重制篇】搭建hexo博客（一）发表于2022-06-29|更新于2022-08-21|hexo 字数总计:3.3k|阅读时长:10分钟|阅读量:39 你是否想拥有属于自己的博客？你是否无奈与自己不会写网站而烦恼？ 不要担心，本系列教程将会实现你白嫖的愿望，连服务器都不需要买，就算没有任何编程基础也可以学会的搭建博客教程 下面来看看这些好看的个人博客： http://fech.in/ https://xaoxuu.com/ https://nexmoe.com/ https://sakura.hojun.cn/ 以上的博客你是否都心动了呢？我想说的是，它们都是由hexo搭建的，等你学完了基础和进阶篇，上面展示的博客你都可以实现，就让我们一步步来吧！ 这是一个系列教程，有基础篇和进阶篇，让我们看看这两个教程实现的效果 【基础篇】 学会安装相应需要的依赖软件 学会更换主题 学会基本的站点配置 知道怎么生成文章并编辑 上传你的博客并拥有一个可以访问的地址 进阶篇 学会用markdown基本语法编写你的文章 学会如何搭建一个免费的图床并使用 学会进一步配置主题并了解所有主题的基本功能 拥有自己的域名并绑定 使用一些插件让自己博客更完美 备份 搭建之前的准备安装nodejs 下载地址： http://nodejs.cn/download/ 选择windows安装包.msi安装 运行安装包，我们默认选择c盘 在这里选择Add to PATH然后点Next继续就行了 安装Git 下载地址：https://git-scm.com/ 点这里即可下载最新版本，如果你的下载速度比较慢可以选择下面的链接下载 https://www.lanzous.com/i9s7tib 运行安装包，选择合适的安装位置，然后点Next 后面的安装步骤全部只要点Next就行了，不需要我们多余配置 Snipaste_2020-02-29_09-02-25.png 验证nodejs是否安装配置成功我们安装完Git后，在桌面右键会有Git Bash Here，我们直接点开 Snipaste_2020-02-29_09-05-54.png 会出来一个终端，我们分别执行下面的命令 123SHELLnode -vnpm -v 如果输出了版本号，那么证明配置成功，如果没有版本号，请重新安装nodejs（检查是否勾选Add to Path），或者手动为nodejs添加环境变量 image 安装cnpm在git bash里面执行下面的命令 12SHELLnpm install -g cnpm --registry=https://registry.npm.taobao.org 检查cnpm是否安装成功 执行 12SHELLcnpm -v 如果输出版本号就是安装成功了 安装hexo和初始化博客安装hexo在git bash执行下面的命令安装hexo 12SHELLcnpm install hexo-cli -g 初始化博客选择一个文件夹，然后右键打开git bash 例如：我在F盘新建了一个blog文件夹，就在blog文件夹下打开git bash image 然后这里会显示你当前目录 image 然后执行 12SHELLhexo init 到Install dependencies的时候你可能会卡住，这是大多数人基本都会遇到的 我们只需要在这里的时候结束命令，按Ctrl + c就可以结束命令 image 然后执行下面这个命令，就可以使用国内的镜像为你完成博客的初始化工作 12PLAINTEXT$ cnpm install 其他方法： git clone https://e.coding.net/huanhao/hexoblog.git cnpm install 然后继续下面的步骤 等待命令完成后，就完成了初始化，现在就可以预览我们的博客了 执行下面这个命令 123注意：请不要结束命令或者关闭终端PLAINTEXThexo s image 然后会出来一段http开头的网址，我们复制下来然后在浏览器打开 就会出现这么一个页面了 image 更换主题你是否觉得上面的默认主题有点不好看呢？现在教你如何替换主题 hexo的所有主题都在下面这个地址： https://hexo.io/themes/ 你可能会在这个地址看到很多好看的主题，但是我们要慢慢来，有些主题的配置难度还是很高的 我们要找一个功能齐全，配置简单的主题练练手 就是这个新手入门hexo必备的Next主题 预览效果：https://theme-next.org/ 项目地址：https://github.com/theme-next/hexo-theme-next 配置文档：https://theme-next.org/docs/getting-started/ 如你所见，其实每个主题都会包含这个三个东西 预览效果 项目地址 配置文档 点击主题的图片可以打开预览地址，点击主题的标题可以打开项目地址 配置文档我们需要自己去项目地址找，大多数主题的项目地址都是英文，大家可以开翻译找一下 image 如何下载主题方法1打开主题的项目地址后，点击Clone or download 然后复制https开头的地址 image 然后在你的博客文件夹下面打开git bash 执行： 12SHELLgit clone 复制的地址 themes/主题名字 如图： image 现在给你解释一下这个命令 git clone 代表克隆，后面接上一串下载地址，最后面的themes/next是把文件夹下载到主题目录下，并把主题文件命名为next 方法2如果你觉得比较麻烦，还有第二个办法 打开主题项目地址，然后点击Clone or download，然后点击Download ZIP 这样可以下载主题文件压缩包，前提是你已经登入了github（没有账号的，请自己注册一下） image 然后解压压缩包，把文件夹放在博客目录下的themes目录，并把文件夹命名为主题的名字 image 修改配置文件在博客的目录下有一个叫_config.yml的文件 将它打开 image 找到themes这一行，然后将主题名字修改为next image 这样的话，主题就成功更换了 预览主题在博客目录打开git bash 执行 12PLAINTEXThexo s 还是会出现一段浏览地址，我们在浏览器打开就行了 image 注意：有些主题你更换之后是暂时无法预览的，因为有的主题还需要安装它需要的依赖，这一般都会在主题的文档里面提到，只有安装它的依赖之后才可以正常预览，这里暂时不做说明，会在hexo教程进阶篇说到 配置主题这里不会做详细的配置介绍，在进阶篇会完整说明 我们需要认识两个文件 站点配置文件 指的是博客根目录下的_config.yml image 主题配置文件 指的是某个主题下的_config.yml 它们的名字都叫_config.yml但是你不能弄混淆 image 在我们看主题文档配置的时候，是必须要分清这两个概念的，不然会报错 我们先来几个基本的配置 设置语言在Next主题的文档里面提到了如何更换语言 image 它要求我们更改的是站点配置文件，并且给出了代码示范 我们打开站点配置文件 按照要求，将language的配置改成zh-CN，然后保存文件 image 其他设置现在再来尝试一个 Next主题里面有个Scheme选项，可以更改主题的外观 根据要求，我们需要更改的是主题配置文件 image 打开主题配置文件，我们尝试scheme改成双栏，也就是需要修改成Pisces image 现在已经修改过两个配置了，为了检验是否修改成功，我们需要预览一下主题 在博客根目录下执行 12PLAINTEXThexo s 然后打开链接 image 可以看到都设置成功了 因为这个主题的主题文档是英文的，所以可能配置起来不太方便，我这里有一个中文的 是别人翻译的，不过现在不是最新版本的翻译 http://theme-next.iissnan.com/ 如果你有能力，可以自己挑一个主题进行简单配置，在进阶篇中会使用其他主题为你展示更详细的配置教程 生成文章的编辑工具在博客根目录下面执行： 12SHELL$ hexo new "文章链接" 例如：你想创建一个名为”我的第一个博客“的文章 可以执行： 12SHELL$ hexo new "my-first-blog" 文章链接建议是英文，然后会显示你的文章生成的目录，每次生成的文章都固定在你的博客根目录下面的source/_posts下 image 可以看到是一个后缀为.md的文件，这个其实是一个markdown文件，如果你不知道markdown是什么，在进阶篇会告诉你，就算你不会markdown，你可以暂时把这个当成txt文件 我建议你安装Typora编辑.md文件 https://www.typora.io/ 按照目录打开my-firsy-blog.md文件，可以看到一个横线上面有一段信息 这里面是存放你博客信息的地方 image title 文章标题 date 文章日期 tag 文章标签 （暂时不说明如何配置，进阶篇会讲到） 然后这时候你可以修改文章标题，并且在横线下面输入你文章的内容 image 保存之后，你可以在博客根目录打开git bash 执行 12PLAINTEXT$ hexo s 记得：预览博客都是这个命令 image 部署你的博客现在我们的博客都是只能本地预览，如何将我们的上传到一个地方，然后通过域名访问呢？ 你可能觉得需要一个服务器再买个域名绑定，我可以告诉你都不需要 下面介绍两种部署方法 先来个对比 github： 国外网站，是英文 访问速度较慢 不需要实名认证 域名形式可以自定义 coding： 国内的平台，网站是中文 访问速度快 部署网站需要实名认证，只需要填写身份证号即可 域名是随机给的，所以很长而且不能自定义 如果你有自己的域名，github和coding都可以绑定域名 我们暂时不能直接上传，需要进行一些配置，如下： 接下来需要我们创建一个git秘钥 打开git bash（不要求在哪个目录） 执行： “这里面是你的邮箱” 不管出现什么信息，你只需要回车就可以了 12SHELL$ ssh-keygen -t rsa -C “your_email@youremail.com“ 然后执行 12SHELL$ cat ~/.ssh/id_rsa.pub 会输出你的秘钥，我们复制输出信息就行了 然后点击头像，打开个人设置–选择SSH公钥–新增公钥 image 然后将你复制的秘钥粘贴进去，记得勾选永久有效 image 然后打开git bash 执行： 12SHELL$ ssh -T git@git.coding.net 会提示你下面这个，输入yes回车就行了 12PLAINTEXTAre you sure you want to continue connecting (yes/no/[fingerprint])? 接下来打开你的项目选择SSH，然后复制右边git开头的地址 image 打开站点配置文件 修改deploy信息 12345SHELLdeploy: type: git repo: 你复制的地址 branch: master 例如： image 在博客根目录下打开git bash 分别执行下面的命令： yourname是你的名字 youremail是你的邮箱 123SHELL$ git config --global user.name "yourname"$ git config --global user.email "youremail" 然后安装上传插件 12SHELLcnpm install hexo-deployer-git --save github部署创建一个仓库 image 仓库名必须是用户名 + .github.io 然后勾选初始化README image 我们暂时不能直接上传，需要进行一些配置，如下： 接下来需要我们创建一个git秘钥 打开git bash（不要求在哪个目录） 执行： “这里面是你的邮箱” 不管出现什么信息，你只需要回车就可以了 12SHELL$ ssh-keygen -t rsa -C “your_email@youremail.com“ 然后执行 12SHELL$ cat ~/.ssh/id_rsa.pub 会输出你的秘钥，我们复制输出信息就行了 然后点击头像，点击Settings–SSH·····–New SSH Key image 粘贴你复制的秘钥 image 然后打开git bash 执行： 12SHELL$ ssh -T git@github.com 会提示你下面这个，输入yes回车就行了 12PLAINTEXTAre you sure you want to continue connecting (yes/no/[fingerprint])? 打开项目，点击绿色按钮，点击Use SSH image 复制git开头的地址 image 打开站点配置文件 修改deploy信息 12345SHELLdeploy: type: git repo: 你复制的地址 branch: master 例如： image 在博客根目录下打开git bash 分别执行下面的命令： yourname是你的名字 youremail是你的邮箱 123SHELL$ git config --global user.name "yourname"$ git config --global user.email "youremail" 然后安装上传插件 12SHELLcnpm install hexo-deployer-git --save 上传 以上的配置完成之后，就可以上传了 在博客根目录下打开git bash，执行下面的命令就可以上传了 12SHELLhexo g -d image 然后打开项目，点击Settings image 往下滑找到Github pages 点击none 选择master branch image 之后你会得到一个地址，这个就是你的网站地址了 image 现在你就可以去访问这个网址，这个网址将是你的博客网址，如果对地址不满意，进阶版会教到如何更换域名 文章作者: 赖佳豪 文章链接: https://www.laijiahao.cn/posts/a1047ed6/ 版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Huanhao’s blog！","categories":[],"tags":[]},{"title":"如何搭建B站图床并在typora和hexo中使用","slug":"examination","date":"2022-10-21T07:04:34.000Z","updated":"2022-10-21T12:55:49.208Z","comments":true,"path":"2022/10/21/examination/","link":"","permalink":"http://example.com/2022/10/21/examination/","excerpt":"","text":"这几天在为如何搭一个属于自己的图床而烦恼 在网上搜了很多东西，看着七牛，腾讯云，宝塔等众多选择的从眼前闪过还是犯了选择困难症 但忽然瞅见b站图床四个词顿时就来了兴趣。B站也许会倒闭，但绝不会变质 没想到叔叔还能以这种方式帮助我们，所以我满怀期待的试了试，没想到还是碰到了问题。想薅叔叔的羊毛？，没门！ 特别提醒由于b站有防盗链的设置，你可以复制来自B站图床的图片地址去浏览器里单独搜索浏览图片，但把该图片转移到其他网站会404. 但只要思想不滑坡，办法总比困难多，以下是官方的解决方法。 404解决方案全站图片使用在html的head标签中设置如下标志，那么全站资源引用都不会携带referrer 1<meta name="referrer" content="no-referrer"> 新窗口打开主要设置rel=”noreferrer”，使用window.open打开的话是会默认携带referrer的，第一次还是会403 1<a rel="noreferrer" target="_blank"></a> 我个人在github上的index.html中将该代码添加到了第四行 然而不知道为什么从本地上传博客文件到github后，该文件会被初始化第四行的代码会消失，目前正在研究这一情况。所以现在我写完博客上传后就会去该文件检查这行代码，缺少的话就重新补上。 关于B站图床的正式搭建和设置来自B站up主：执笔看墨花开 视频链接： 【Typora+B站，无敌的高速图床，且高度自定义图片参数，只需要两步】 https://www.bilibili.com/video/BV13K4y197j7?share_source=copy_web&vd_source=22fd5600ac1ebae67f6771b8ae0755ba typora-plugin-bilibili哔哩哔哩图片上传, Typora插件，实现图片粘贴即可上传到哔哩哔哩，并替换链接 用Go重写，产物缩小5倍体积，点击下载即可 之前的 插件下载 Windows Mac Linux 项目地址(求颗Star呀)typora-plugin-bilibili typora免费版下载 Windows windows x64 国内OSS镜像下载 Mac 感谢License Certificate for JetBrains All Products Pack 开发文档开发文档 直接使用 上一步根据自己的系统下载相应的包 获取SESSDATA: 登录哔哩哔哩→F12打开控制台→Application→Cookies→SESSDATA 进入Typora设置，选择图像Tab，插入图片时选择上传图片，然后将插件的绝对路径填入命令。如下地方，例如 1234 # Mac、Linux/Users/xxx/bilibili/typora-plugin-bilibili-macos token=你的SESSDATA# WindowsD:\\Downloads\\typora-plugin-bilibili-win.exe token=你的SESSDATA 其中很重要的后面的 token=你的SESSDATA ,没有这句的话，无法上传成功，如果发现上传失败，那应该就是SESSDATA过期了，需要手动更新 MacOS 特别的 Macos 平台的都是需要授权该可执行文件的 M1芯片的Mac，需要执行以下命令 1chmod a+x ./ 文件名 非M1芯片的，设置打开方式为终端打开，尝试打开时会提示无权限，然后去系统偏好设置->通用，点击允许 Windows 填入下载的exe文件的完整路径 演示 2021-05-17.17.05.09.mov http://i0.hdslb.com/bfs/album/34bc7b5a1bd591a1b682fec4593345e4a9e3bfe9.png 404解决方案全站图片使用在html的head标签中设置如下标志，那么全站资源引用都不会携带referrer 1<meta name="referrer" content="no-referrer"> 新窗口打开主要设置rel=”noreferrer”，使用window.open打开的话是会默认携带referrer的，第一次还是会403 1<a rel="noreferrer" target="_blank"></a> 图片参数格式：(图像原链接)@(\\d+[whsepqoc]_?)*(.(|webp|gif|png|jpg|jpeg))?$ w:[1, 9223372036854775807] (width，图像宽度) h:[1, 9223372036854775807] (height，图像高度) s:[1, 9223372036854775807] (作用未知) e:[0,2] (resize，0:保留比例取其小，1:保留比例取其大，2:不保留原比例，不与c混用) p:[1,1000] (默认100，放大倍数，不与c混用) q:[1,100] (quality，默认75，图像质量) o:[0,1] (作用未知) c:[0,1] (clip，0:默认，1:裁剪) webp,png,jpeg,gif(不加则保留原格式) 不区分大小写，相同的参数后面覆盖前面 计算后的实际wh不能大于原wh，否则wh参数失效 相似推荐哔哩哔哩图床-Chrome插件 提供粘贴图片上传到哔哩哔哩，并进行记录管理 以及B站up主冰喵喵喵喵喵所做的笔记 ：https://www.yuque.com/docs/share/c29bcbee-b95e-4340-b874-b354108660c4?# Typora上传到bilibili图床的方法 Typora上传到bilibili图床 我们可能都遇到过这样的问题，把md文件发给朋友后，对方看不到你文件中的图片，只能看到图片的地址。 如果想让对方顺利地看到图片，可能需要导成PDF或者Word形式， 但这样的话，原本小巧的md文件的体积会迅速膨胀几百倍，无法体现md文件小巧轻便的优势。 如何解决这个问题呢？让文件小巧的同时对方也可以顺利看到图片。 我找了很多办法，大家普遍的办法是选择上传图片，上传到GitHub服务器等，但这种办法对一些同学来说，图片加载很慢。或许可以上传gitee？但现在gitee公开的仓库需要审查，很不方便。而且很多教程有点含糊不清，很难复制成功，我就自己写一个。 依照这个思路，我找到了一个将图片上传bilibili服务器的办法，免费，白嫖，而且快！ 有PicGo（App）和 Custom Command 两种办法 首先去GitHub下载一下相关的应用程序 https://github.com/xlzy520/typora-plugin-bilibili 点插件下载即可，下载成功后，是一个叫做main.exe的可执行文件，可以移动这个文件的位置（后续会使用，很重要）。 这里我把他移动到typora同级目录了 接着先讲一下Custom Command的方法 打开偏好设置 左边菜单栏选择图像，右边选上传图片，上传服务选择Custom Command 在下面的命令这一栏中，输入刚刚下载的main.exe的路径 这里直接复制文件地址即可，记得删除左右两边的双引号 随后空一格，输入 token= 等于号右边的内容是SESSDATA码 网页端打开b站，登录自己的账号，然后按Fn+F12(或者是F12) 会出现这样 的窗口，在上面那一栏点存储 左边选这个b站的网址， 右边往下翻，可以看到SESSDATA，右边377开头的那一段，就是SESSDATA码 点复制，然后去掉双引号，只留下这一串代码 token=后面就填这一段代码 F:\\Typora\\main.exe token=377c0c3f%2C1662985154%2C73ee7*31 差不多是这样的格式 点验证图片上传选项， 看到验证成功，即可。 PicGo(App)使用办法 先点下载，等待应用下载完毕 把这个路径填上去。 打开应用 点左边的插件设置，直接在搜索框中输入bilibili 安装 打开图床设置，点bilibili图床，把SESSDATA码复制进去，点确定即可 验证图片上传选项 左上角格式->图像->上传所以本地图片 验证成功啦，接下来就可以给朋友分享md文件，不用担心对方看不到图片了! 感谢你能看到这，由于本人水平有限，如果在这些过程中遇到了问题导致不能成功上传，或者对哪些步骤有疑问，可以与我联系。 联系方式：guo23188@qq.com 我的b站主页：https://space.bilibili.com/487294924 下次再见！","categories":[],"tags":[]},{"title":"关于我如何应用volantis主题一事","slug":"关于我如何应用volantis主题一事","date":"2022-10-20T15:42:09.000Z","updated":"2022-10-21T08:00:07.751Z","comments":true,"path":"2022/10/20/关于我如何应用volantis主题一事/","link":"","permalink":"http://example.com/2022/10/20/%E5%85%B3%E4%BA%8E%E6%88%91%E5%A6%82%E4%BD%95%E5%BA%94%E7%94%A8volantis%E4%B8%BB%E9%A2%98%E4%B8%80%E4%BA%8B/","excerpt":"","text":"特别感谢赖佳豪大佬 多亏了他的文章指导才能顺利换上这一主题 在此声明以下文章转载自 文章作者: 赖佳豪 文章链接: https://www.laijiahao.cn/posts/75a5de1e/ 以下是他的文章内容 Hexo主题进阶发表于2022-08-01|更新于2022-09-08 字数总计:2.3k|阅读时长:8分钟|阅读量:189 本篇文章将带领你配置一个心仪的主题 ps：不是所有的主题设置都是一样的，但也存在普遍性 本文章将会使用比较复杂的Volantis主题，从而达到较高的普遍性，通过配置这种复杂的主题，让大家可以适应几乎所有主题 前言主题演示网站：https://volantis.js.org/ 主题的github地址：https://github.com/volantis-x/hexo-theme-volantis/ 主题配置文档：https://volantis.js.org/v5/getting-started/ ps：所有的主题都会包含上面提到的三个部分，即主题的演示网站、github地址、配置文档 hexo的所有主题都可以在官网找到：Themes | Hexo，点击图片就可以查看主题的演示网站，点击主题名字就可以进入主题的github地址 [ jh5hlT.png 先给大家看看Volantis主题的最终展示图片[ j4FF1K.png jh5fpV.png j4ksRP.png 为什么要使用volantis做演示（可能有点私货） 我很早就使用这个主题了，那时候还不叫这个名字，作者更新的很快，作者也积极回答你的问题 有丰富的标签样式，十分美观（其他主题没有） jho3ad.md.png jhIOEj.pngjhIj5n.png 我只展示三种样式给你，这个主题包含28个样式，我展示的只有冰山一角 再次强调一遍，只有volantis主题才有这些样式，其他主题就算有也很少 jhIqbQ.png 可自定义黑暗和白天模式 可自定义右键菜单 其他的特点就不过多展开，希望大家自己去探索 0. 基础的配置_config.yml在基础篇教程里面我们曾提过这个部分，但现在我会重新告诉你必要的配置有哪些 站点标题 12PLAINTEXTtitle: my blog 站点图标站点图标指的是标签页上的图标 jh7sg0.png 一般会在主题配置文件里面配置，但volantis是在站点配置文件配置，大家只要浏览一下主题配置文件就知道了 我们在站点配置文件下，加上一下一段即可 favicon: 这里是图标链接 更多图标可以到阿里巴巴的图标库里面下载：https://www.iconfont.cn/ 站点作者 12PLAINTEXTauthor: 作者名 站点描述 12PLAINTEXTdescription: '站点的描述' jhjpxs.png 上传设置这里不做演示，请看基础篇教程 1. 创建主题配置文件我默认你已经下载好了volantis，并且已经把主题修改成了volantis 注意：目前最新版的hexo支持在博客根目录下面创建主题配置文件 只需要在博客根目录的 _config.yml 文件旁边新建一个文件： _config.volantis.yml ，这个文件中的配置信息优先级高于主题文件夹中的配置文件。 这样的好处就是不用担心因为主题配置文件过长导致频繁报错 后文如果没有特别强调，提到的主题配置文件都默认是根目录的 _config.volantis.yml jhbnFH.png 2. 查看是否有额外插件当你兴致勃勃地执行hexo s 然后出现了空白，或者乱码 大部分情况是因为缺少了一些插件，这时候只需要仔细查看主题文档，看看有没有漏装插件 3. 导航栏的设置所有的主题都会有导航栏设置，volantis的配置直接在主题配置文件加入下面字段即可 12345678910111213141516171819202122232425262728PLAINTEXT# 注意事项：建议规范全站路径 URL 最后带一个 "/" 例如 "about/"navbar: visiable: auto # always, auto logo: # choose [img] or [icon + title] img: volantis-static/media/org.volantis/blog/Logo-NavBar@3x.png # https://fastly.jsdelivr.net/gh/volantis-x/cdn-org/blog/Logo-NavBar@3x.png icon: title: menu: - name: 主页 icon: fa-solid fa-rss url: / - name: 分类 icon: fa-solid fa-folder-open url: categories/ - name: 标签 icon: fa-solid fa-tags url: tags/ - name: 归档 icon: fa-solid fa-archive url: archives/ - name: 友链 icon: fa-solid fa-link url: friends/ - name: 关于 icon: fa-solid fa-info-circle url: about/ search: Search... # Search bar placeholder 同时volantis支持菜单嵌套，也就是二级菜单，这里不做演示，请大家自己去文档探索 jhjmRJ.md.png 常见问题：想修改导航栏的图标怎么办？几乎所有主题都使用了font awesome的图标，如果你想更换图标，访问官网即可 Font Awesome : https://fontawesome.com/icons/ 点击想要的图标，然后注意绿色部分的字体，复制下来 [ j4pdV1.md.png \\2. 粘贴到icon这个地方即可 如果预览的时候，发现图标是空白的，换一个就行了 j4pUbR.png 效果 j4Fl1f.md.png 4. 创建基础的四个页面当我们配置好了主题的导航栏，打开某一个页面时，你会发现一片空白 所有的主题都包含分类-标签-友链-关于四个页面，但它们默认是不存在的 这四个页面都存在于博客根目录下的source文件夹当中，与_posts在一起 jhvNkT.png 4.1如何创建只需要执行以下几个命令即可创建 12345SHELLhexo new page categorieshexo new page tgashexo new page friendshexo new page about 4.2 写入基本内容尽管现在你已经可以访问，但页面仍然空白，因为我们没有写入font-matter，接下来教你写入 你无需担心太过复杂，只需要跟着复制粘贴即可 4.2.1 分类页面复制下面内容到source/categories/index.md 1234567PLAINTEXT---layout: categoryindex: truetitle: 所有分类--- 4.2.2标签页面123456PLAINTEXT--- layout: tag index: true title: 所有标签 --- 友链页面和关于页面是比较特殊的两个页面，不同主题配置存在差异 本文展示的是volantis的配置，如果你要使用其他主题，请不要仿照文本的友链和关于设置 其次，友链页面最特殊，通常每个主题都会有自己的专属样式和配置，请参照主题文档 4.2.3友链页面1234567891011PLAINTEXT--- layout: friends # 必须 title: 我的朋友们 # 可选，这是友链页的标题 --- 这里写友链上方的内容。 <!-- more --> 这里可以写友链页面下方的文字备注，例如自己的友链规范、示例等。 然后在source目录下创建_data文件夹，在_data目录下创建文件`friends.yml 写入以下内容 12345678910111213141516PLAINTEXT- group: # 分组标题 description: # 分组描述 items: - title: # 名称 avatar: # 头像 url: # 链接 screenshot: # 截图 keywords: # 关键词 description: # 描述 - title: # 名称 avatar: # 头像 url: # 链接 screenshot: # 截图 keywords: # 关键词 description: # 描述 效果[ j4SGnA.md.png ](https://imgtu.com/i/j4SGnA) 4.2.4关于页面123456789101112PLAINTEXT--- layout: docs seo_title: 关于 bottom_meta: false sidebar: [] twikoo: placeholder: 有什么想对我说的呢？ --- 下面写关于自己的内容 在编写fontmatter的过程中，要注意格式，否则会报错 5. 页脚的设置将页面滑到最下面，这个位置就是网站的页脚，通常来展示一些网站的基本情况 j4Cf9f.md.png 在主题配置文件中插入以下内容（具体内容自己修改） 1234567891011121314PLAINTEXTsite_footer: # layout of footer: [aplayer, social, license, info, copyright] layout: [aplayer, social, license, info, copyright] social: - icon: fas fa-rss url: atom.xml - icon: fas fa-envelope url: mailto:me@2077780946@qq.com - icon: fab fa-github url: https://github.com/kjhuanhao - icon: fas fa-headphones-alt url: https://music.163.com/#/user/home?id=63035382 copyright: '[Copyright © 2021-2022 xxxxxx](/)' 其中，aplayer 播放器需要在主题配置文件当中加入以下内容 12345678910111213141516171819202122PLAINTEXTplugins: # APlayer is only available in mainland China. # APlayer config: https://github.com/metowolf/MetingJS aplayer: enable: true js: aplayer: https://unpkg.com/aplayer@1.10/dist/APlayer.min.js meting: https://unpkg.com/meting@2.0/dist/Meting.min.js # Required server: netease # netease, tencent, kugou, xiami, baidu type: playlist # song, playlist, album, search, artist id: 歌曲、歌单ID（只支持网易云） # song id / playlist id / album id / search keyword # Optional fixed: false # enable fixed mode theme: '#1BCDFC' # main color autoplay: false # audio autoplay order: list # player play order, values: 'list', 'random' loop: all # player loop play, values: 'all', 'one', 'none' volume: 0.7 list_max_height: 320px # list max height list_folded: true 效果 j4Ch38.md.png 6. 封面图+封面信息 j4P5Px.md.png 推荐你到一些壁纸网站找封面图，注意下载后记得压缩图片否则会极大拖慢网站速度 壁纸网站安利：https://wallhaven.cc/ 免费压缩图片：https://www.picdiet.com/zh-cn 在主题配置文件中插入以下内容（具体内容自己修改） 1234567891011121314151617181920212223242526272829PLAINTEXTcover: height_scheme: full # full, half layout_scheme: dock # blank (留白), search (搜索), dock (坞), featured (精选), focus (焦点) display: home: true archive: true others: false # can be written in front-matter 'cover: true' background: https://s1.ax1x.com/2022/07/15/j4Pgr4.jpg #这是背景图片 title: '进阶版演示站点' subtitle: '' search: A Wonderful Theme for Hexo # search bar placeholder #下面的icon和img二选一，icon使用fontawesome图标，img则使用图标外链 features: - name: 文档 icon: fa-solid fa-book img: # url: https://volantis.js.org/v5/theme-settings/ - name: 源码 icon: fa-solid fa-code img: # url: https://github.com/volantis-x/hexo-theme-volantis/ - name: 帮助 icon: fa-solid fa-question img: # url: https://volantis.js.org/faqs/ - name: 打赏UP icon: fa-solid fa-dollar url: https://s1.ax1x.com/2022/07/15/j4pl5V.png 效果 j4FF1K.png 总结恭喜你跟着教程来到了这里，这只是教程的一半，后面我们会介绍主题其他的配置还有丰富的hexo插件等等 文章作者: 赖佳豪 文章链接: https://www.laijiahao.cn/posts/75a5de1e/ 版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Huanhao’s blog！","categories":[],"tags":[]},{"title":"markdown教程","slug":"markdown教程","date":"2022-10-17T16:48:34.000Z","updated":"2022-10-17T16:50:13.737Z","comments":true,"path":"2022/10/18/markdown教程/","link":"","permalink":"http://example.com/2022/10/18/markdown%E6%95%99%E7%A8%8B/","excerpt":"","text":"MarkDown教程—————-from B站up主 你的乖女儿不乖Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息(我最经常就是拿来写记笔记、写个人博客)。视频的文档都会放在这个博客里面。博客里显示可能跟视频不一样是因为浏览器解析的问题，相信你自己电脑里的typora就好～ Typora 编辑器选择使用 Typora 编辑器来讲解 Markdown 的语法，Typora 支持 MacOS 、Windows、Linux 平台，且包含多种主题，编辑后直接渲染出效果。 支持导出HTML、PDF、Word、图片等多种类型文件。 Typora 官网进行下载：https://typora.io/ 编辑器的偏好设置(懒人设置)Typora版本0.9.9.36.2 (4901) 更改主题只要能换主题的地方我基本都要换- -。这里换成vue。（这里只是看习惯这个皮肤了！可以不换！！！） 其他设置 MarkDown基本语法正式开始语法部分～ 标题12345678# 标题名字（井号的个数代表标题的级数）# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题####### 最多支持六级标题 段落段落没有特殊的格式，直接用一个空行来表示重新开始一个段落。 文字斜体1这是用来 *斜体* 的 _文本_ 这是用来 斜体 的 文本 加粗1这是用来 **加粗** 的 __文本__ 这是用来 加粗 的 文本 斜体+加粗1这是用来 ***斜体+加粗*** 的 ___文本___ 这是用来 斜体+加粗 的 文本 删除线1这就是 ~~删除线~~ (使用波浪号) 这就是 删除线 (使用波浪号) 下划线下划线是HTML语法 下划线 下划线(快捷键command+u，视频中所有的快捷键都是针对Mac系统，其他系统可自行查找) 分隔线可以在一行中使用三个或更多的 *、- 或 _ 来添加分隔线 123***------___ 扩展语法的说明部分渲染器可能不支持该效果，若不在意跨软件性可以使用（意思就是换了个别的支持markdown语法的地方敲字，某些样式可能识别不出来） 高亮（需勾选扩展语法）1这是用来 ==高亮== 的文本 这是用来 ==高亮== 的文本 下标（需勾选扩展语法）12水 H~2~O 双氧水 H~2~O~2~ 水 H2O 双氧水 H2O2 上标（需勾选扩展语法）12面积 m^2^ 体积 m^3^ 面积 m^2^体积 m^3^ 表情符号Emoji 支持表情符号，你可以用系统默认的 Emoji 符号。 输入方式 输入 : 将会出现智能提示:smile:😄 直接输入法选入 快捷键后点选： Mac: control+command+space点选 Window:使用 Win键+. 或者Win键+. 点选 不同方式输入的emoji可能最后渲染的会不一样😄，影响不大 1:smile: :laughing: :dizzy_face: :sob: :cold_sweat: :sweat_smile: :cry: :triumph: :heart_eyes: :relaxed: :sunglasses: :weary: :100: :clap: :bell: :gift: :question: :bomb: :heart: :coffee: :cyclone: :bow: :kiss: :pray: :sweat_drops: :hankey: :exclamation: :anger: 😄 😆 😵 😭 😰 😅 😢 😤 😍 ☺ 😎 😩 💯 👏 🔔 🎁 ❓ 💣 ❤ ☕ 🌀 🙇 💋 🙏 💦 💩 ❗ 💢 列表无序列表符号 空格 123* 可以使用 `*` 作为标记+ 也可以使用 `+`- 或者 `-` 可以使用 * 作为标记 也可以使用 + 或者 - 有序列表数字 . 空格 1231. 有序列表以数字和 `.` 开始；3. 数字的序列并不会影响生成的列表序列；4. 但仍然推荐按照自然顺序（1.2.3...）编写。 有序列表以数字和 . 开始； 数字的序列并不会影响生成的列表序列； 但仍然推荐按照自然顺序（1.2.3…）编写 1可以使用：数字\\. 来取消显示为列表（用反斜杠进行转义） 表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行： 1234name | price--- | ---fried chicken | 19cola|5 为了使 Markdown 更清晰，| 和 - 两侧需要至少有一个空格（最左侧和最右侧的 | 外就不需要了）。 name price fried chicken 19 cola 5 为了美观，可以使用空格对齐不同行的单元格，并在左右两侧都使用 | 来标记单元格边界，在表头下方的分隔线标记中加入 :，即可标记下方单元格内容的对齐方式： 1234| name | price || :------------ | :---: || fried chicken | 19 || cola | 32 | name price fried chicken 19 cola 32 ==使用快捷键command+opt+T更方便(段落→表格→插入表格，即可查看快捷键)== 引用开头使用 > 符号 ，然后后面紧跟一个空格符号 1> “后悔创业” “后悔创业” 12> 也可以在引用中>> 使用嵌套的引用 也可以在引用中 使用嵌套的引用 代码代码块代码块中的文本（包括 Markdown 语法）都会显示为原始内容 123```语言名称（也可以不指定）public static void main(String[] args) { } 行内代码也可以通过反引号（``），插入行内代码 1例如 `Markdown` 例如 Markdown 跳转外部跳转–超链接格式为 [link text](link)。 1[帮助文档](https://support.typora.io/Links/#faq) 帮助文档 内部跳转–本文件内跳-Typora支持格式为 [link text](#要去的目的地-标题名称）。 不管标题有几个#，设置链接时只有一个#*，标题里的*空格可以用’-‘代替，开头结尾的空格无所谓。 1[我想跳转](#完结) Open Links in Typora You can use command+click (macOS), or ctrl+click (Linux/Windows) on links in Typora to jump to target headings, or open them in Typora, or open in related apps. 我想跳转 如果不想跳到标题，则可以自定义锚点 12<a href="#anchor">不，你不想跳，你要回去</a><a name="anchor">锚点</a> 自动链接使用 <> 包括的 URL 或邮箱地址会被自动转换为超链接： 123<https://www.baidu.com><123@email.com> https://www.baidu.com 123@email.com 重复链接当在一个文章==重复使用同一个链接（对下面的图片也是一样的适用）==时，我们可以通过变量来设置一个链接，相当于给这个链接起了个名字，方便统一修改，变量赋值在文档引用的下面进行： 123456这个链接用 1 作为网址变量名字 [百度][1]这个链接用 jojo 作为网址变量名字 [JoJo的博客][jojo]然后在文档的结尾为变量赋值（网址） [1]: http://www.baidu.com/ [jojo]: http://jojo-995.gitee.io/ 这个链接用 1 作为网址变量名字 百度这个链接用 jojo 作为网址变量名字 JoJo的博客然后在文档的结尾为变量赋值（网址） 图片1 网上的图片1 本地图片在同一个文件夹里（用相对路径）或者直接拷贝（配合snipaste截屏工具使用效果一级棒）点击下载sinapste 1 利用Markdown画图（需勾选扩展语法）==我觉得这玩意不如直接用processon或Draw.io在线画了然后截截图==（draw.io还有客户端，强烈安利 下面有关的资料除了饼图都可以不用看了，怪我当初太年轻🐶 markdown画图也是轻量级的，功能并不全。 Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库，使用 JS 进行本地渲染，广泛集成于许多 Markdown 编辑器中。（不同的编辑器渲染的可能不一样,也非常有可能直接渲染不出来🐶🐶） 饼图(Pie)12345678pie title 我的身体 "奶茶" : 10 "炸鸡" : 20 "水" : 70pie title 我的身体 "奶茶" : 10 "炸鸡" : 20 "水" : 70 Typora支持mermaid的官方链接 流程图(graph)概述12graph 方向描述 图表中的其他语句... 关键字graph表示一个流程图的开始，同时需要指定该图的方向。 其中“方向描述”为： 用词 含义 TB 从上到下 BT 从下到上 RL 从右到左 LR 从左到右 T = TOP，B = BOTTOM，L = LEFT，R = RIGHT，D = DOWN 最常用的布局方向是TB、LR。 1234567891011121314151617graph TB; A-->B B-->C C-->A graph TB; A-->B B-->C C-->Agraph LR; A-->B B-->C C-->Agraph LR; A-->B B-->C C-->A 流程图常用符号及含义节点形状 表述 说明 含义 id[文字] 矩形节点 表示过程，也就是整个流程中的一个环节 id(文字) 圆角矩形节点 表示开始和结束 id((文字)) 圆形节点 表示连接。为避免流程过长或有交叉，可将流程切开。成对 id{文字} 菱形节点 表示判断、决策 id>文字] 右向旗帜状节点 单向箭头线段：表示流程进行方向 id即为节点的唯一标识，A~F 是当前节点名字，类似于变量名，画图时便于引用 括号内是节点中要显示的文字，默认节点的名字和显示的文字都为A 12345678910111213141516171819202122232425graph TB A B(圆角矩形节点) C[矩形节点] D((圆形节点)) E{菱形节点} F>右向旗帜状节点] graph TB A B(圆角矩形节点) C[矩形节点] D((圆形节点)) E{菱形节点} F>右向旗帜状节点]graph TB begin(出门)--> buy[买炸鸡] buy --> IsRemaining{"还有没有炸鸡？"} IsRemaining -->|有|happy[买完炸鸡开心]--> goBack(回家) IsRemaining --没有--> sad["伤心"]--> goBack graph TB begin(出门)--> buy[买炸鸡] buy --> IsRemaining{"还有没有炸鸡？"} IsRemaining -->|有|happy[买完炸鸡开心]--> goBack(回家) IsRemaining --没有--> sad["伤心"]--> goBack 连线12345678910111213141516171819202122232425262728graph TB A1-->B1 A2---B2 A3--text---B3 A4--text-->B4 A5-.-B5 A6-.->B6 A7-.text.-B7 A8-.text.->B8 A9===B9 A10==>B10 A11==text===B11 A12==text==>B12graph TB A1-->B1 A2---B2 A3--text---B3 A4--text-->B4 A5-.-B5 A6-.->B6 A7-.text.-B7 A8-.text.->B8 A9===B9 A10==>B10 A11==text===B11 A12==text==>B12graph TB A ---B 子图表使用以下语法添加子图表 1234567891011121314151617subgraph 子图表名称 子图表中的描述语句...endgraph TB subgraph 买炸鸡前 begin(出门)--> buy[出门买炸鸡] end buy --> IsRemaining{"还有没有炸鸡？"} IsRemaining --没有--> sad["伤心"]--> goBack(回家) IsRemaining -->|有|happy[买完炸鸡开心]--> goBackgraph TB subgraph 买炸鸡前 begin(出门)--> buy[出门买炸鸡] end buy --> IsRemaining{"还有没有炸鸡？"} IsRemaining --没有--> sad["伤心"]--> goBack(回家) IsRemaining -->|有|happy[买完炸鸡开心]--> goBack 序列图(sequence diagram)概述123sequenceDiagram [参与者1][消息线][参与者2]:消息体 ... sequenceDiagram 为每幅时序图的固定开头 12345678sequenceDiagram Title: 买炸鸡 救救->>炸鸡店小哥: 还有炸鸡吗？ 炸鸡店小哥-->>救救: 没有，要现炸sequenceDiagram Title: 买炸鸡 救救->>炸鸡店小哥: 还有炸鸡吗？ 炸鸡店小哥-->>救救: 没有，要现炸 参与者（participant）传统时序图概念中参与者有角色和类对象之分，但这里我们不做此区分，用参与者表示一切参与交互的事物，可以是人、类对象、系统等形式。中间竖直的线段从上至下表示时间的流逝。 12345sequenceDiagram participant 参与者 1 participant 参与者 2 ... participant 简称 as 参与者 3 #该语法可以在接下来的描述中使用简称来代替参与者 3 participant <参与者名称> 声明参与者，语句次序即为参与者横向排列次序。 消息线 类型 描述 -> 无箭头的实线 –> 无箭头的虚线 ->> 有箭头的实线（主动发出消息） –->> 有箭头的虚线（响应） -x 末端为叉的实线（表示异步） –x 末端为叉的虚线（表示异步） 处理中-激活框从消息接收方的时间线上标记一小段时间，表示对消息进行处理的时间间隔。 在消息线末尾增加 + ，则消息接收者进入当前消息的“处理中”状态；在消息线末尾增加 - ，则消息接收者离开当前消息的“处理中”状态。 1234567891011121314sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 99 ->> seller: 还有炸鸡吗？ seller -->> 99: 没有，要现炸。 99 -x +seller:给我炸！ seller -->> -99: 您的炸鸡好了！sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 99 ->> seller: 还有炸鸡吗？ seller -->> 99: 没有，要现炸。 99 -x +seller:给我炸！ seller -->> -99: 您的炸鸡好了！ 注解（note）语法如下 1Note 位置表述 参与者: 标注文字 其中位置表述可以为 表述 含义 right of 右侧 left of 左侧 over 在当中，可以横跨多个参与者 1234567891011121314151617181920sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 Note over 99,seller : 热爱炸鸡 Note left of 99 : 女 Note right of seller : 男 99 ->> seller: 还有炸鸡吗？ seller -->> 99: 没有，要现炸。 99 -x +seller : 给我炸！ seller -->> -99: 您的炸鸡好了！sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 Note over 99,seller : 热爱炸鸡 Note left of 99 : 女 Note right of seller : 男 99 ->> seller: 还有炸鸡吗？ seller -->> 99: 没有，要现炸。 99 -x +seller : 给我炸！ seller -->> -99: 您的炸鸡好了！ 循环（loop）在条件满足时，重复发出消息序列。（相当于编程语言中的 while 语句。） 123456789101112131415161718192021222324sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 99 ->> seller: 还有炸鸡吗？ seller -->> 99: 没有，要现炸。 99 ->> +seller:给我炸！ loop 三分钟一次 99 ->> seller : 我的炸鸡好了吗？ seller -->> 99 : 正在炸 end seller -->> -99: 您的炸鸡好了！sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 99 ->> seller: 还有炸鸡吗？ seller -->> 99: 没有，要现炸。 99 ->> +seller:给我炸！ loop 三分钟一次 99 ->> seller : 我的炸鸡好了吗？ seller -->> 99 : 正在炸 end seller -->> -99: 您的炸鸡好了！ 选择（alt）在多个条件中作出判断，每个条件将对应不同的消息序列。（相当于 if 及 else if 语句。） 123456789101112131415161718192021222324252627282930sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 99 ->> seller : 现在就多少只炸好的炸鸡？ seller -->> 99 : 可卖的炸鸡数 alt 可卖的炸鸡数 > 3 99 ->> seller : 买三只！ else 1 < 可卖的炸鸡数 < 3 99 ->> seller : 有多少买多少 else 可卖的炸鸡数 < 1 99 ->> seller : 那我明天再来 end seller -->> 99 : 欢迎下次光临sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 99 ->> seller : 现在就多少只炸好的炸鸡？ seller -->> 99 : 可卖的炸鸡数 alt 可卖的炸鸡数 > 3 99 ->> seller : 买三只！ else 1 < 可卖的炸鸡数 < 3 99 ->> seller : 有多少买多少 else 可卖的炸鸡数 < 1 99 ->> seller : 那我明天再来 end seller -->> 99 : 欢迎下次光临 可选（opt）在某条件满足时执行消息序列，否则不执行。相当于单个分支的 if 语句。 1234567891011121314sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 99 ->> seller : 买炸鸡 opt 全都卖完了 seller -->> 99 : 下次再来 endsequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 99 ->> seller : 买炸鸡 opt 全都卖完了 seller -->> 99 : 下次再来 end 并行（Par）将消息序列分成多个片段，这些片段并行执行。 1234567891011121314151617181920212223242526sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 99 ->> seller : 一个炸鸡，一杯可乐！ par 并行执行 seller ->> seller : 装可乐 and seller ->> seller : 炸炸鸡 end seller -->> 99 : 您的炸鸡好了！sequenceDiagram participant 99 as 救救 participant seller as 炸鸡店小哥 99 ->> seller : 一个炸鸡，一杯可乐！ par 并行执行 seller ->> seller : 装可乐 and seller ->> seller : 炸炸鸡 end seller -->> 99 : 您的炸鸡好了！ 甘特图（gantt）12345678910 title 标题dateFormat 日期格式section 部分名任务名:参数一, 参数二, 参数三, 参数四，参数五 //参数一：crit（是否重要，红框框） 或者 不填 //参数二：done（已完成）、active（正在进行） 或者 不填(表示为待完成状态) //参数三：取小名 或者 不填 //参数四：任务开始时间 //参数五：任务结束时间 官方教程 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d section Documentation Describe gantt syntax :active, a1, after des1, 3d Add gantt diagram to demo page :after a1 , 20h Add another diagram to demo page :doc1, after a1 , 48h section Last section Describe gantt syntax :after doc1, 3d Add gantt diagram to demo page :20h Add another diagram to demo page :48hgantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d section Documentation Describe gantt syntax :active, a1, after des1, 3d Add gantt diagram to demo page :after a1 , 20h Add another diagram to demo page :doc1, after a1 , 48h section Last section Describe gantt syntax :after doc1, 3d Add gantt diagram to demo page :20h Add another diagram to demo page :48h 完结","categories":[],"tags":[]},{"title":"我的第一篇博客文章","slug":"我的第一篇博客文章","date":"2022-10-08T16:48:34.000Z","updated":"2022-10-21T12:56:08.966Z","comments":true,"path":"2022/10/09/我的第一篇博客文章/","link":"","permalink":"http://example.com/2022/10/09/%E6%88%91%E7%9A%84%E7%AC%AC%E4%B8%80%E7%AF%87%E5%8D%9A%E5%AE%A2%E6%96%87%E7%AB%A0/","excerpt":"","text":"我的第一篇博客文章 创建属于我的博客来记录我的学习生活 基础分＋80 嘎哈哈哈哈哈哈哈 加油！","categories":[],"tags":[]}],"categories":[],"tags":[]}