HelloDjango 第 09 篇：让博客支持 Markdown 语法和代码高亮

作者:HelloGitHub-追梦人物文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法来书写博文.Markdown 是一种 HTML 文本标记语言,只要遵循它约定的语法格式,Markdown 的解析工具就能够把 Markdown 文档转换为标准的 HTML 文档,从而使文章呈现更加丰富的格式,例如标题.列表.代码块等等 HTML 元素.由于 Markdown 语法简单直观,不用超过 5…

写博客常用MarkDown语法

目录前言 1. 制作目录 2. 命令格式: 3. 超链接 4.上标和下标 5.引用 6.分割线 7.给图片添加图注参考前言自己记性不是很好,导致每次写MarkDown文本时总是忘了一些重要的语法,导致排版很low,该醒目的不醒目,当然一些比较简单的语法就不赘述了,主要记录一下别人显示效果美观的语法来增添博客质(bi)量(ge). 1. 制作目录语法: 在需要生成目录的地方添加:**** 目录按照一,二,三级目录排版 #一级目录 ##二级目录 ##三级目录效果: [TOC]…

[技术博客]React Native——HTML页面代码高亮&数学公式解析

问题起源原有博文显示时代码无法高亮,白底黑字的视觉效果不好. 原有博文中无法解析数学公式,导致页面会直接显示数学公式源码. 为了解决这两个问题,尝试了一些方法,最终利用开源类库实现了页面美化. (失败的)尝试方案通过API https://api.cnblogs.com/api/blogposts/博文ID/body 获取到博文的内容. 断点得到内容之后发现是原有markdown形式博文转换后的HTML,比如: <h2 id="github地址">1. GitHub地址…

201771010117—马兴德—实验一软件工程准备—掌握博客中MarkDown的使用以及通读《现代软件工程—构建之法》的总结

实验一软件工程的前期准备工作在前期的准备工作以及老师上课的讲解中,我懂得了"软件=程序+软件工程"这句话的基本含义,以前只是对软件工程有一个很浅显的概念,现在在读了<现代软件工程-构建之法>这本书之后,我已经对自己以前掌握的只是有了更深一步的提升,虽然不是特别懂,但是我会在后续老师讲解的过程中慢慢的消化这些知识,通过阅读老师的博客,我深深发现自己以前对于提问尽然不懂,所谓不懂就是自己不知道某个问题,但是不知道如何更够精确的提出问题的所在,让老师同学们能够为自己答疑解惑,…

Orchard运用 - 为博客启用Markdown编辑器

有时决定你是否使用某一个博客系统,最看重就是如何更简便的写博客,不能让其成为一个负担或别扭费力不讨好的工作. 对此一个好的编辑器就是一个最靓丽的卖点.比如最新的博客系统ghost.org就只定位一个最纯粹的博客系统,默认就支持Markdown编辑语言. 如果你是一个程序员,Markdown应该不陌生.Markdown其实是一种轻量级的标记语言,可以用一些简单语法来表达一些富文本内容,最流行的博客编辑器.以下链接能让你更明了何为Markdown: http://baike.baidu.com/vi…

使用Scribefire在博客中插入语法高亮

效果如下, 文字1 int cool void main() { cout<<"hello world!"<<endl } 文字2 经过一番折腾,终于搞定了博客里面插入语法高亮的问题, 由于最近要在Ubuntu下面干活,一时间找不到顺手的博客软件. 搜索了一下发现Scribefire这个浏览器插件评价不错,于是就决定试试. 不过,这个插件插入语法高亮不是很方便,要自己编辑html文件,具体方法如下, 打开Scribefire,编辑文字想要插入语法高亮时,点击P…

博客用Markdown编辑器插入视频

要展示一些App的效果用或者更方便地展示工具的操作,可以使用视频. 以下有两种方式可以在博客中插入视频第一种此方法适用于插入来源优酷的视频或者你自己录制了视频上传到优酷,这种方法的好处是可以插入时长比较长的视频具体操作: 找到你要插入的优酷视频,点下面的分享会出现如下然后粘贴到你编辑的博客就可以了. 第二种有时候你是想上传手机录频的视频.但是手机视频一般是MP4格式,但是博客的Markdown编辑器只能上传gif格式 Gif图可以直接当作图片在Markdown中使用,所以如果录像工具可…

【Markdown】notepad++ 支持 markdown语法、预览

Notepad++中支持Markdown 最近在学习Markdown语言的使用,很想在XP主机上使用Markdown的离线编辑器,但MarkdownPad.作业部分的离线客户端都不能再XP上运行,需要.Net 4.5 以上版本,可惜一台老主机不支持这个版本的.Net安装.虽然有很多网页版的,但是个人还是喜欢离线版的.恰好看到Notepad++可以支持Markdown语法,并实时预览.首先说明一点,Notepad++内置并不支持Markdown的语法. Markdown语法高亮首先下载Mar…

vim 支持 markdown 语法

/************************************************************************* * vim 支持 markdown 语法 * 说明: * 最近看到github上的readme都是使用markdown标记语言,感觉挺好的,看上去 * 确实可以这么用,主要是查看的时候会比较方便,当然由于个人习惯使用Vim,所以 * 找了个Vim插件来高亮语法. * * 2016-4-27 深圳南山平山村曾剑锋 ****************…

sublime 如何安装插件实现高效输入，如何支持markdown 语法，并实时预览

啊,一直想鼓捣markdown的语法,但是配置什么的有点麻烦.不过用起来的话,真心顺手.无需考虑格式与语法点来点去影响效率, 用心去搬砖,用脚修bug 一.初识 Package Control 首先,安装Package ControlPackage Control 顾名思义是 Sublime Text 的包管理器,其中包含了2,000+ 软件包列表.用于可以自行添加任何GitHub或BitBucket的存储库. 并且在安装后,该管理器会实时保持自动更新的最新状态. Package Cont…

hexo 博客支持PWA和压缩博文

目标网站 https://blog.rmiao.top/ PWA yarn add hexo-offline 然后在root config.yml里新增 # offline config passed to sw-precache. service_worker: maximumFileSizeToCacheInBytes: 5242880 staticFileGlobs: - /**/*.{js,html,css,png,jpg,gif,svg,eot,ttf,woff,woff2} - /l…

软件及博客的markdown支持度的评测

软件 vscode vscode原生支持markdown,但对数学公式的支持不太好,用 $$包含的数学公式不支持换行,而且在数学公式里面不能输入中文 Typora 非常简洁优美的软件,只有预览页,没有代码页,能不用操心格式是否对齐,尤其是列表.支持许多快捷操作,数学公式支持良好.支持生成带大纲的pdf. 网站简书一般般,不支持数学公式.不支持网页div标签,功能相当受限.但支持上传图片,有着还算不错的社区. 作业部落功能很强大,但不支持上传图片,没有社交功能.所以只能当编辑器使用,但有的m…

人生中的第一篇OI博客及博客规划

这是笔者第一次在博客园里发表文章,也同样是第一次来写关于OI的一些想法,此篇的主题是想总体对日后的博客有具体的规划. 首先,笔者创办博客并发表观点于看法的目的是记录自己对于题目或竞赛的观念,主要以题解.比赛技巧.OI模板和一些对OI与人生的想法为主,与诸位读者共同进步. 其次,我所发表的题解的题目来源主要是洛谷与李煜东先生的<算法竞赛进阶指南>中的题目,有时假期集训时会将老师所讲授的其他如POJ.BZOJ.CF上的题目, 鉴于笔者能力有限,有时对于题目的理解并不透彻,但只要一发现错误与纰漏定将…

Typecho博客支持emoji表情设置

介绍大家在typecho博客写文章时,很多人都喜欢使用emoji表情(比如这些图标)但是typecho的数据库类型默认不支持emoji编码,因为Emoji是一种在Unicode位于u1F601-u1F64F区段的字符.这个显然超过了目前常用的UTF-8字符集的编码范围u0000-uFFFF. 在MySQL中,UTF-8只支持最多3个字节,而emoji是4个字节.所以如果你不修改数据库的话,typecho是无法支持Emoji表情的. 当然好消息是utf8mb4其实是完全兼容utf-8,修改后,不…

Ceph相关博客、网站（256篇OpenStack博客）

官网文档: http://docs.ceph.com/docs/master/cephfs/ http://docs.ceph.com/docs/master/cephfs/createfs/ (创建cephfs文件系统) ceph官方中文文档: http://docs.ceph.org.cn/ openstack中的配置: http://docs.ceph.com/docs/master/rbd/rbd-openstack/ 博客等: http://blog.csdn.net/dapao1…

Socket网络编程--FTP客户端（60篇socket博客，而且都比较简单、深入浅出）

已经好久没有写过博客进行分享了.具体原因,在以后说. 这几天在了解FTP协议,准备任务是写一个FTP客户端程序.直接上干货了. 0.了解FTP作用就是一个提供一个文件的共享协议. 1.了解FTP协议 FTP有指令和响应码.FTP 控制帧即指 TELNET 交换信息,包含 TELNET 命令和选项.然而,大多数 FTP 控制帧是简单的 ASCII 文本,可以分为 FTP 命令或 FTP 消息. FTP 消息是对 FTP 命令的响应,它由带有解释文本的应答代码构成. 像这种利用交换信息来进行简单的…

[python][django学习篇][15]博客侧栏--自定义模板标签

我们的博客侧边栏有四项内容:最新文章.归档.分类和标签云. 这些内容相对比较固定,且在各个页面都会显示,如果像文章列表或者文章详情一样,从视图函数中获取然后传递给模板,则每个页面对应的视图函数里都要写一段获取这些内容的代码,这会导致很多重复代码. 更好的解决方案:自定义一个模板标签,然后在每个页面的模板导入自定义的模板标签即可,下面整理出自定义标签的流程: 1 创建自定义模板的文件夹在blog/…

五、Abp vNext 基础篇丨博客聚合功能

介绍业务篇章先从客户端开始写,另外补充一下我给项目起名的时候没多想起的太随意了,结果后面有些地方命名冲突了需要通过手动using不过问题不大. 开工应用层根据第三章分层架构里面讲到的现在我们模型已经创建好了,下一步应该是去Application.Contracts层创建我们的业务接口和Dto. public interface IBlogAppService : IApplicationService { Task<ListResultDto<BlogDto>> GetLis…

第一篇CSDN博客，大家好！

大家好,我是负雪明烛! 我这昵称的来源是喜欢一句很有意蕴的古诗--苍山负雪,明烛天南. 我喜欢这句诗,很多的账号都用了这个"负雪明烛"的昵称,如果大家在其他地方看到叫这个名字的人,那人很可能是我! 说起来了解CSDN也有半点多的时间了,是从我刚开始学java的时候. 为了查找资料,就在百度上搜索,发现CSDN里面的文章都能很好的回答我的问题,而且方便阅读和复制代码,这就注册了CSDN的账号,从此开始了CSDN之旅. 虽然时间不是太久,但是在这期间,我自学了J2SE,又自学了Androi…

MarkWord - 可发布博客的 Markdown编辑器代码开源

因为前一段时间看到 NetAnalyzer 在Windows10系统下UI表现惨不忍睹,所以利用一段时间为了学习一下WPF相关的内容,于是停停写写,用了WPF相关的技术,两个星期做了一个Markdown编辑器,并且集成了:编辑时与网页同步,博客发布,PDF导出等功能.也主要是不忿某款外国软件收费,故有此作. 代码下载地址 https://github.com/Twzy/MarkWord 展示与说明代码同步编辑博客发布代码说明博客发布 MarkWord支持博客园和CSDN博客发布,并且可以…

统一我的博客文章的CSS样式代码

一.前因后果之前写博客的时候也有写一些CSS代码来美化,不过都是凌乱的,每次再写一篇,又得重头来过去想,或者去拷贝原来的CSS设置.由于逻辑性不强,找一个配套的格式出来要花费不少时间. 今天我把部分在写博客文章时的常用格式归纳了一下,按分组进行编写,往后再写容易找很多,也便于后续文章的格式统一. <style><!-- /*div分组,设置div层组标签格式 * _base为基本格式,例如文章整体外部容器 * _sub用于设置文章中某小部分内容 * _border为div添加外框*/…

使用Scribefire在博客中插入语法高亮 II

效果如下, 这是我们在Scribefire中添加的code按钮,单击此按钮,则会出现在codeHere中直接输入代码就可以了. 查看html 可以看到,其中已经添加了<pre>标签. 下面是配置说明: 配置过程参考了这篇文章:linux centos下安装wordpress客户端 ScribeFire 并添加代码高亮功能一楼留给这位大神大神说ScribeFire的编辑器是用的tinymce的API,上文是大神分析的结果所以实际上我们的配置工作就是针对tinymce的API 按照大神的文…

基于 abp vNext 和 .NET Core 开发博客项目 - 数据访问和代码优先

上一篇文章(https://www.cnblogs.com/meowv/p/12909558.html)完善了项目中的代码,接入了Swagger.本篇主要使用Entity Framework Core完成对数据库的访问,以及使用Code-First的方式进行数据迁移,自动创建表结构. 数据访问在.EntityFrameworkCore项目中添加我们的数据访问上下文对象MeowvBlogDbContext,继承自 AbpDbContext<T>.然后重写OnModelCreating方法. O…

第 8 篇：内容支持 Markdown 语法，接口返回包含解析后的 HTML

作者:HelloGitHub-追梦人物在 Django博客教程(第二版) 中,我们给博客内容增加了 Markdown 的支持,博客详情接口应该返回解析后的 HTML 内容. 来回顾一下 Post 模型的代码,Markdown 解析后的 HTML 保存在这几个属性中: class Post(models.Model): # ... @property def toc(self): return self.rich_content.get("toc", "") @pr…

如何在博客中插入jsfiddle的代码

1.进入官网:https://jsfiddle.net/ 可以看到如下界面,顶端的控制按钮包括:保存,运行,代码格式化等: 2.将html.css.js分别写在指定的位置当中,最后一个框result是显示效果的: 3.代码编辑完之后保存,会得到上面所写代码的链接,把这个链接复制下来,后面插入博客就用它 4.在博文中插入以下代码: <iframe style="width: 100%; height: 300px" src=" https://jsfiddle.net/m…

让站点支持MarkDown语法~(转)

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式.Markdown的语法简洁明了.学习容易,而且功能比纯文本更强,因此有很多人用它写博客. 最近开发项目,客户也要求后台加入MarkDown编辑功能,下面就来分享一下关于MarkDown的研究成果. 一.MarkDown简介及其基本语法考虑到有些人之前可能没了解过markdown或者关于markdown的语法已经忘了差不多了,同时也为了自己以后有个参考,所以这里就再把ma…

使用shake.js让你博客支持摇一摇

大家好,又到了随机文章的时间,请使用手机打开演示站点,然后像摇妹子一样摇晃手机,你会发现非常牛逼的事情,炫酷吧.该功能已经集成在Oconnor1.8中.本文主要讲解这货的原理. 首先需要下载shake.js,shake.js github地址,我们只需要里面的shake.js,然后引入. 添加“摇一摇”事件监听 window.addEventListener('shake', shakeEventDidOccur, false); //function to call when shake oc…

WINDOWS操作系统中可以允许最大的线程数（线程栈预留1M空间）（56篇Windows博客值得一看）

WINDOWS操作系统中可以允许最大的线程数默认情况下,一个线程的栈要预留1M的内存空间而一个进程中可用的内存空间只有2G,所以理论上一个进程中最多可以开2048个线程但是内存当然不可能完全拿来作线程的栈,所以实际数目要比这个值要小. 你也可以通过连接时修改默认栈大小,将其改的比较小,这样就可以多开一些线程. 如将默认栈的大小改成512K,这样理论上最多就可以开4096个线程. 即使物理内存再大,一个进程中可以起的线程总要受到2GB这个内存空间的限制. 比方说你的机器装了64GB物理内存,…