zl程序教程

6、Markdown 代码

  • GitLab Markdown 代码块复制按钮油猴脚本

    GitLab Markdown 代码块复制按钮油猴脚本

    2022年3月10日 更新:最新版 GitLab 已原生支持 Markdown 代码块复制按钮... GitLab 的 Markdown 文档代码块渲染目前没有代码复制快捷键,要手动选择代码复制才行。所以写了个油猴脚本,在 GitLab 查看 Markdown 里面的代码时,可以方便的点击复制按钮复制里面的代码。未使用脚本效果使用脚本效果点击代码块右上角的复制图标按钮即可直接复制对应代码块中的

    日期 2023-06-12 10:48:40     
  • 【随笔】Markdown 代码块折叠与收起

    【随笔】Markdown 代码块折叠与收起

    前言很多时候,文章里面需要的代码块太长,导致文章显得很是臃肿,在 markdown 写的博客内,可以采用 html 语法扩展代码折叠功能! 代码折叠html 标签:<datails> <summary> 显示的标题 </summary> <p> ------------------ 测试折叠 ------------

    日期 2023-06-12 10:48:40     
  • django 简易博客开发 5 markdown支持、代码高亮、gravatar头像服务

    django 简易博客开发 5 markdown支持、代码高亮、gravatar头像服务

    上一篇博客介绍了comments库使用及ajax支持,现在blog已经具备了基本的功能,但是只能发表文字,不支持富文本编辑。今天我们利用markdown添加富文本支持。 markdown语法说明: http://wowubuntu.com/markdown/ http://markdown.tw/ http://mahua.jser.me/ 推荐第三个,可以直接在线编

    日期 2023-06-12 10:48:40     
  • 一些技术社区关于博客内图片 markdown 源代码的字数统计

    一些技术社区关于博客内图片 markdown 源代码的字数统计

    CSDN: 使用 markdown 语法插入图片或者超链接,链接本身的 url 也作为文章字数被计算了,这样有些不太准确。 infoQ 的字数统计是没有问题的: 华为没有

    日期 2023-06-12 10:48:40     
  • macOS VScode Markdown 自定义补全 代码块

    macOS VScode Markdown 自定义补全 代码块

    自定义补全 代码块 1. 配置自定义补全2. 打开自定义补全3. 有补全提示4. VS Code 常用快捷键参考 1. 配置自定义补全 VSCode 首选项 -> 配置用户代码片段 ->

    日期 2023-06-12 10:48:40     
  • Vue解析markdown字符串,并且将其展示到页面(代码高亮+代码行号显示)

    Vue解析markdown字符串,并且将其展示到页面(代码高亮+代码行号显示)

    Vue解析markdown字符串,并且将其展示到页面(代码高亮+代码行号显示),具体步骤如下: (1) 安装依赖 // marked用于将markdown转换成html cnpm install marked -S // 用于代码高亮显示 cnpm install highlight.js -S /

    日期 2023-06-12 10:48:40     
  • markdown 实现代码折叠效果

    markdown 实现代码折叠效果

    展开:我是一个挑山工,仙人跳 #include int main() { printf("挑山工,快乐加倍"); } 展开:我是一个挑山工,仙人跳 #include int main() { printf("挑山工,快乐加倍"); } 展开:我是一个挑山工,仙人跳 #include int main() { printf("挑山工,快乐加倍");

    日期 2023-06-12 10:48:40     
  • Django 博客开发教程 9 - 支持 Markdown 语法和代码高亮

    Django 博客开发教程 9 - 支持 Markdown 语法和代码高亮

    为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法来书写我们的博文。Markdown 是一种 HTML 文本标记语言,只要遵循它约定的语法格式,Markdown 的渲染器就能够把我们写的文章转换为标准的 HTML 文档,从而让我们的文章呈现更加丰富的格式,例如标题、列表、代码块等等 HTML 元素。由于 Markdown 语法简单直观,不用超过 5 分钟就可以掌握常

    日期 2023-06-12 10:48:40     
  • 博客园 markdown 编辑器中代码缩进间距很大的解决方法

    博客园 markdown 编辑器中代码缩进间距很大的解决方法

    问题背景 产生原因 这是由于代码中使用了 tab 键缩进,博客园的markdown编辑器中如果使用了 tab 键进行缩进,则会出现下图所示的符号。 在不同的编辑器里Tab的长度可能会不一致。这会导致有Tab的代码,用不同的编辑器打开时,格式可能会乱。 博客园的markdown编辑器,使用tab缩进的话,就会明显地看起来间距很大。 解决方法 将代码中的 tab 缩进改为使用 4个空格缩进即可。

    日期 2023-06-12 10:48:40     
  • 博客园修改 markdown 编辑器代码高亮样式、字体、字体大小等

    博客园修改 markdown 编辑器代码高亮样式、字体、字体大小等

    修改主题 博客园首页 -> 管理 -> 设置。 如下图所示,选择自己喜欢的主题即可。同时也可以选择是否显示行号。并且,行内代码的样式也会改变。 注:行号在代码太长自动换行的时候可能会出现格式混乱。解决方法请继续往下看到最后。   修改样式 使用上述方法可以修改主题,但是主题样式可能不美观,比如字体和字体大小等,那如何修改字体以及字体大小等样式呢? 要修改代码样式就必须

    日期 2023-06-12 10:48:40