Kronos Kronos
首页
导航站
  • 前端文章

    • HTML
    • CSS
  • 学习笔记

    • 《JavaScript》
    • 《ES6 教程》
    • 《Vue》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • 《MUI》
    • 小程序笔记
  • Nodejs
  • C#
  • 数据库
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Kronos

纵有疾风起,人生不言弃
首页
导航站
  • 前端文章

    • HTML
    • CSS
  • 学习笔记

    • 《JavaScript》
    • 《ES6 教程》
    • 《Vue》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • 《MUI》
    • 小程序笔记
  • Nodejs
  • C#
  • 数据库
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 技术文档

  • GitHub技巧

  • 博客搭建

    • 解决百度无法收录搭建在GitHub上的个人博客的问题
    • 使用Gitalk实现静态博客无后台评论系统
    • GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床
    • 写作技巧
      • 文本高亮
      • 代码高亮
      • 信息框容器
    • 网站部署
    • Twkioo 评论系统配置谷歌邮箱
  • 技术
  • 博客搭建
Kronos
2023-12-06
目录

写作技巧

# 文本高亮

使用 <mark> 标签或者 `` 让文本高亮。

<mark> 标签我经常用于文字的突出,如果是一段字符串,我是用的是 `` 包裹起来。

`Vdoing`是一款简洁高效的 <mark>知识管理&博客</mark> 主题
1

Vdoing是一款简洁高效的 知识管理&博客 主题

# 代码高亮

突出代码块的某些行,使用 {行数-行数}、{行数,行数} 格式,如

输入:

``` js {2,5-7,13}
return {
      // 数据
      options,
      activeKey,
      sourceLabels,
      sourceForm,
      addForm,
      addRules,
      sourceRules,
      // 函数
      displayRender,
      submitProdoce,
      onAddClose,
    };
```
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

输出:


 


 
 
 





 


return {
    // 数据
    options,
    activeKey,
    sourceLabels,
    sourceForm,
    addForm,
    addRules,
    sourceRules,
    // 函数
    displayRender,
    submitProdoce,
    onAddClose,
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
  • 行数区间: 例如 {5-8}, {3-10}, {10-17}
  • 多个单行: 例如 {4,7,9}
  • 行数区间与多个单行: 例如 {4,7-13,16,23-27,40}

# 信息框容器

以下一些内容是 Vdoing 主题提供,并非官方提供。

输入:

::: tip
这是一条提示
:::

::: warning
这是一条注意
:::

::: danger
这是一条警告
:::

::: note
这是笔记容器,主题自带,官方没有
:::

::: tip 我的自定义标题
自定义标题的提示框
:::
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

输出:

提示

这是一条提示

注意

这是一条注意

警告

这是一条警告

笔记

这是笔记容器,主题自带,官方没有

我的自定义标题

自定义标题的提示框

如果想要折叠的容器,如下:也可以自定义标题

::: details
这是一个详情块,在 IE / Edge 中不生效
```js
console.log('这是一个详情块')
```
:::
1
2
3
4
5
6
点击查看

这是一个详情块,在 IE / Edge 中不生效

console.log('这是一个详情块')
1
编辑 (opens new window)
上次更新: 2024/11/27, 05:34:36
GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床
网站部署

← GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床 网站部署→

最近更新
01
使用 API 调用训练后的 DeepSeek
02-10
02
DeepSeek本地训练
02-08
03
DeepSeek本地部署
02-08
更多文章>
Theme by Vdoing | Copyright © 2023-2025 Kronos | 豫ICP备2021038004号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式