博客园

• 博客园内嵌入bilibili视频

• iframe嵌入网页的用法

• 博客园中插入视、音频、网页

• 博客园表情

• 面板娘 💨项目地址

• 在线检测UA

• markdown图片调整

  • //调整大小
    <img style="width:多少px;height:多少px" src="图片链接"  alt="图片描述" align=center />
    

  • //图片居中
    <center>
    ...
    </center>
    

• markdown运用<details>折叠标签

  • //一般用法
    <details>
    <summary><外显描述文字></summary>
    <隐藏内容>
    </details>
    

    <外显描述文字>

    <隐藏内容>
    
    

  • //高亮代码折叠
    <details>
    <summary><外显描述文字></summary>
    <pre><code> 
        <隐藏代码>
    </code></pre>    
    </details>
    

    <外显描述文字>

     
        <隐藏代码>
    

    
    

  • //非高亮代码折叠
    <details>
      <summary><外显描述文字></summary>
      <pre>
      <blockcode> 
         <折叠代码块并通过blockcode标签使代码无法高亮>
      </blockcode>
      </pre>
    </details>
    

    <外显描述文字>

       
         <折叠代码块并通过blockcode标签使代码无法高亮>
      
      

    
    

• 复选框

  • <input type="checkbox">
    示例：

• html简易播放器

  • <audio id="audio" controls="" preload="none">
          <source id="mp3" src="<mp3资源地址>">
    </audio>
    

    示例：