博客实现markdown字体高亮

最新推荐文章于 2024-07-02 14:31:38 发布
最新推荐文章于 2024-07-02 14:31:38 发布
阅读量4.1k 收藏
点赞数 1
分类专栏： django 文章标签： django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wukai_std/article/details/53240893
版权
本文介绍了如何在Django项目中结合Markdown和Pygments实现字体高亮和代码高亮显示。首先，通过pip安装Markdown和Pygments模块，然后在Django项目的settings.py中配置静态文件。接着，创建static目录存放样式文件，并在模板中加载markdown过滤器。最后，通过markdown过滤器转换内容并应用Pygments进行代码高亮。
摘要由CSDN通过智能技术生成

字体实现markdown高亮

使用到的工具:python2.7+Django框架+Markdown模块+Pygments模块

Markdown

  • ubuntu下安装pip: sudo apt install pip

  • 安装markdown: sudo pip install markdown

  • 在一级目录即project目录下(与你创建的app同级)创建static目录,并在其中创建image,css,js文件夹,分别用来存放image,css,js文件

  • 修改settings.py设置静态文件,如下:

    STATIC_ROOT = os.path.join(BASE_DIR,'static').replace('\\','/')

STATICFILES_DIRS = (
            ("image",os.path.join(STATIC_ROOT,'image').replace('\\','/')),
            ("css",os.path.join(STATIC_R
最低0.47元/天 解锁文章
Always0nTheWay
关注
专栏目录
【Android -- 写作工具】Markdown 代码高亮
Kevin Learn Android
05-28 5115
Markdown 的代码高亮是对代码块语法的扩展。即通过对代码块进行语法标注，对其在渲染输出时匹配不同的样式。代码高亮模块是 Markdown 的一种扩展语法，通常通过第三方的高亮插件完成支持。
MarkDown 编辑高亮
amihui的博客
06-06 7624
MarkDown 编辑高亮 更多前端工具和笔记博客： https://yaohuihou.github.io/ MarkDown 文档 主要是为了在引入一些代码的时候能够高亮显示，这样界面可以更加友好 没有使用： # 创建一个 markdown 文件 echo '# Hello VuePress' > README.md 使用之后 # 创建一个 markdown 文件 echo '# H...
Vue实现Markdown文件内容显示及代码块高亮
最新发布
我就是我是好孩子的博客
07-02 896
用到的插件有： marked、 highlight.js、 github-markdown-css。如果想要给代码块加上行号，可以参考官网：https://highlightjs.org/开始使用(不要忘记在标签内的 class 写入 markdown-body)根据自定义代码块的标签类添加自己想要的样式。安装highlight.js。
makedown 和代码高亮
阿良
02-01 1257
将 Markdown 格式的文本渲染成标准的 HTML 文档是一个复杂的工作，好在已有好心人帮我们完成了这些工作，我们直接使用即可。首先安装 Markdown，这是一个 Python 第三方库，激活虚拟环境，然后使用命令 pip install markdown 安装即可 将 Markdown 格式的文本渲染成 HTML 文本非常简单，只需调用这个库的 markdown 方法即可。我们书写的博客
【Markdown】 语法高亮
Vinca@的博客
06-24 616
这些语言标记使得在编辑器和查看器中能够正确地进行语法高亮显示，帮助开发者更好地阅读和调试代码。
[csdn markdown]使用摘记一源代码高亮及图片上传和链接
weixin_30840573的博客
03-12 172
本文主要内容是体验csdn markdown的代码块高亮显示和图片链接及上传。 图片上传 上边这是标题行，只需要使用一个#就可以表示，几个表示是几级标题 图片上传 本地图片上传控件 本地图片上传方式 csdn markdown编辑器的整体风格 源代码高亮显示 插入链接 如果想要自动根据标题生成目录，那么就使用[TOC] 标记来表示这里是目录，并且会自...
markdown字体高亮
07-28
要Markdown中实现字体高亮，您可以使用以下方法： 1. 使用反引号（`）将文本包围：将要高亮的文本放在一对反引号中间，例如 `高亮文本`。 2. 使用三个反引号（```）进行代码块高亮：将要高亮的代码块放在一对三个...
markdown字体高亮标红
04-23
在Markdown中，可以使用HTML标签来实现字体的高亮和标红效果。以下是两种常用的方法： 1. 使用`<span>`标签和`style`属性来设置字体的颜色和背景...另外，为了保持文档的可读性，建议不要过度使用字体高亮和标红效果。
手把手带你实现Markdown编辑器语法高亮
LZTuna的博客
12-20 2681
如果喜欢不如给个star鼓励一下：ZYMarkdownEditor什么是正则表达式？ iOS开发如何使用正则表达式？ 使用正则表达式匹配Markdown 性能劣势？ 配合YYTextView实现语法高亮 本文是作者在独立开发一款Markdown编辑器App时所写，读完本文你将可以实现如下效果：什么是正则表达式？ 正则表达式(regular expression)描述了一种字符串匹配的模式，可以用
MARKdown语法与文字高亮
不负此刻努力
09-05 3215
markdown 常用语法和快捷键使用 1. 标题 CSDN markdown快捷键只能实现两级标题设置Ctrl+shift+H # 一级标题 # ## 二级标题 ## ### 三级标题 ### #### 四级标题 #### 一级标题 二级标题 三级标题 四级标题 2.缩近 半方大的空白&ensp;或&#8194; 全方大的空白&emsp;或&#8195; 不断行的空白格&nbsp;或&#160; 效果呈现 仰望天空，脚踏实地   仰望天空，脚踏实地，用两
md文档编写语法
12-21
md文档编写语法 一、标题 语法：#后面跟空格，再加文字 例如： 这是一级标题 这是二级标题 这是三级标题 这是四级标题 二、字体 加粗 语法：在加粗文字左右各加上2个*或者两个_ 例如： 这是加粗的文字 这是加粗的文字 斜体 语法：要倾斜的字体左右分别用*或者_包起来 例如： 这是倾斜的字体 这也是倾斜的字体 斜体加粗 语法：要倾斜加粗的字体左右分别用3个*包起来 例如： 这是斜体加粗的文字 删除线 语法：要删除的文字左右分别使用2个~~包起来 例如： 这是加删除线的文字 三、引用 语法：在需要引用的文字前面加上>即可。引用也可以嵌套，例如两个>>三个>>>…n个 例如： 这是引用的内容 这
markdown解析高亮及mermaid
weixin_44725396的博客
03-25 1450
我平时用typora写记录，完稿后再上传到Mylog，typora支持需要许多的第三方markdown扩展语法，写起来很方便，但是我网站用的是一个python库——*markdown*，将markdown文本转为html，它并不支持第三方语法，目前我比较烦心高亮和mermaid语法的支持，所以花了一点时间给*markdown*库写了两个插件，分别用来解析这两种语法。
【markdown】文字格式（高亮、字体、大小、颜色）
ambitionxzz的博客
02-18 1万+
用markdown时希望效果好看一点~下面是关于文字格式的一点分享 CSDN提供的高亮只有黄色，其他编辑器什么的可能连黄色都没有……比如我之前用的VScode…… 高亮 但是查了半天，只发现给一整行加背景的方法： 把这一行看成一个1*1的表格，给表格加底色 sone 代码为： <table> <tr> //<tr> 和 </tr>根据我的试验...
Markdown编辑器语法之代码高亮、标记和文字颜色
热门推荐
Daci Studio
06-07 2万+
Markdown 通过简单标记语法，使普通文本内容具有一定格式。但它本身不支持修改字体、字号与颜色等功能的。CSDN-markdown 编辑器是其衍生版本，支持基于 PageDown ( Stack Overflow）所使用的编辑器的扩展功能（如表格、脚注、内嵌HTML、内嵌 LaTeX 等等）。 代码语法高亮 书写格式为： language_key if (condition) { retur...
1.#_3 Typora(markdown格式文本编辑器) -- 配置高亮及快捷键
GroupiesM的博客
06-05 6292
Typora配置
20190531_Markdown酷炫的语法高亮效果
养柱
05-31 680
废话不多说 ， 直接上图 ！ 对比参照着写一下 显示不同编程语言风格 显示花样的字体效果
关于『Markdown』:第一弹
自强不息，厚德载物
01-27 241
关于『Markdown』:第一弹
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值