文章内容格式样板


本样板是为了给本站后续文章内容格式做参考用的,涉及图片、音乐、视频、提示等基本经常要用到的内容格式。

一、创建分割线

  • 在文章开头加一条分割线以示正文与文章标题、作者、收录等信息的分割,分割线上下各空一行。

  • 使用以下方法创建分割线:

    • _ _ _:3个连续的下划线

    • - - -:3个连续的减号

    • * * *:3个连续的星号

二、Markdown基本用法

技巧
以下所有基本用法均可组合使用

  • 加粗:

    **这是一段加粗的文本**快捷键Ctrl+B

    呈现的输出效果如下:

    这是一段加粗的文本


  • 倾斜:

    *这是一段倾斜的文本*快捷键Ctrl+I

    呈现的输出效果如下:

    这是一段倾斜的文本


  • 删除:

    ~~这是一段要被删除的文本~~快捷键Alt+Shift+5

    呈现的输出效果如下:

    这是一段要被删除的文本


  • 引用:

    > 这是一段被引用的文本

    呈现的输出效果如下:

    这是一段被引用的文本


  • 下划线:

    <u>这是一段有下划线的文本</u>快捷键Ctrl+U

    呈现的输出效果如下:

    这是一段有下划线的文本


  • 行内代码:

    `包装行内代码

    1
    
    `这是一段行内代码`

    呈现的输出效果如下:

    这是一段行内代码


  • 代码块:

    使用 “围栏” ``` 来生成一段带有语言属性的代码块

    1
    2
    3
    4
    
     ```Markdown
     这是第一行代码块111
     这是第二行代码块222222
     这是第三行代码块333333333

    呈现的输出效果如下:

    1
    2
    3
    
     这是第一行代码块111
     这是第二行代码块222222
     这是第三行代码块333333333

三、提示横幅

注意
一个 注意 横幅
摘要
一个 摘要 横幅
信息
一个 信息 横幅
技巧
一个 技巧 横幅
成功
一个 成功 横幅
问题
一个 问题 横幅
警告
一个 警告 横幅
失败
一个 失败 横幅
危险
一个 危险 横幅
Bug
一个 Bug 横幅
示例
一个 示例 横幅
引用
一个 引用 横幅

四、插入图片

  • 文章中所用的本地图片存放在staticposts-images文件夹中

  • 使用以下方法在文章中图片:

    1
    
    {{< figure src="/posts-images/文章内容格式样板-1.jpg" title="沙漠-蓝天" >}}

    呈现的输出效果如下:

    沙漠-蓝天

五、插入在线音乐

  • 使用以下方法在文章中插入在线歌单(只支持网易云音乐):

    1
    2
    3
    
      {{< music auto="https://music.163.com/playlist?id=351925" >}}
      或者
     {{< music "https://music.163.com/playlist?id=351925" >}}

    呈现的输出效果如下:

六、插入在线视频

  • 使用以下方法在文章中插入在线视频(支持Bilibili、Vimeo、Yoube):

    1
    
      {{< bilibili BV1Eq4y1f7gR >}}

    呈现的输出效果如下:

張磊 微信微信
0%