糅合Markdown和语法高亮,快速写作技术博客
之前博客在javaeye,不知道触犯了老大哪根神经,不声不响就给封了,现在来到CSDN,又正好赶上改版,好好的博客写完后格式乱七八糟。国内的其他博客商也都好不到哪里去,不知道什么时候就被封,算了,自己动手丰衣足食,自己搞个独立博客吧。
要求:
代码写惯了,觉得可视化编辑器非常不靠谱,写代码花时间,写文档花时间,调格式更得花时间,而且不利于备份。因此要求纯文本,标记语言简单易学,实现代码高亮。
技术选型:
标记语言 Markdown
python封装库 python-markdown2
代码高亮工具 Javascript code prettifier
实现:
1.markdown实现:
import markdown2
content="something"
markdown = markdown2.markdown(content)
字符串content会按照markdown的语法生成相应的html标签,直接输出到页面上即可。
2.Javascript code prettifier使用:
引入js文件和选择的css模板
<script src="prettify.js"></script>
<link rel="stylesheet" href="desert.css" type="text/css" />
函数加载到页面中:
<body οnlοad="prettyPrint(); ">
代码插入:
<div style="width: 40em; display: inline-block"><pre class="prettyprint">
somecode
</pre></div>
python-markdown2中已经实现了代码高亮,无奈语焉不详,而且语法也着实丑陋。本着“quick and dirty”的原则,直接定义<code></code>来包裹想高亮的代码,然后用replace来替换上面的div,pre标签。
实现如此简单~
样例:
源文件:
标题
====前言**目录*** 第一章* 第一节* 第二节
* 第二章
* 第三章第一章
------**第一节**内容内容内容内容内容内容**第二节**<code>
def hello()print "hello"
</code>第二章
------内容内容内容内容内容内容
附有用的网址:
Markdown
语法入门
http://daringfireball.net/projects/markdown/basics
语法参考
http://daringfireball.net/projects/markdown/syntax
练习场,熟练后直接使用这个
http://daringfireball.net/projects/markdown/dingus
代码高亮
Javascript code prettifier
试用入门
http://google-code-prettify.googlecode.com/svn/trunk/README.html
markdown解析程序
https://github.com/trentm/python-markdown2
糅合Markdown和语法高亮,快速写作技术博客相关推荐
- 【新星计划】技术博客写作技巧经验分享
序言 写技术博客需要一定的专业知识和写作技巧,它是一个很好的方式来分享你的经验和知识,同时也是一个展示你的专业能力和建立自己品牌的机会. 以下是一些准备和建议,希望可以帮助你写出有用和有吸引力的技术博 ...
- 手把手带你实现Markdown编辑器语法高亮
如果喜欢不如给个star鼓励一下:ZYMarkdownEditor 什么是正则表达式? iOS开发如何使用正则表达式? 使用正则表达式匹配Markdown 性能劣势? 配合YYTextView实现语法 ...
- 手把手教你写高质量Android技术博客,画图工具,录像工具,Markdown写法
前言 作为程序员,写博客是一件很有意义的事情,可以加深自己对技术的理解,可以结交更多的朋友,记录自己的技术轨迹,而且分享可以让更多的人从中受益,独乐乐不如众乐乐嘛. 但是要写好博客也不是件容易的事,一 ...
- 0. 国内,首套,成体系,技术博客写作专栏发布啦
橡皮擦,一个逗趣的互联网高级网虫,为你带来新职场故事,搬来程序员敲门砖. 作者嘚啵 der 这是一套技术博客写作专栏的概述篇 这篇文章从整体结构上告诉你,这个专栏要干啥 专栏的规划被群友念叨了半年,直 ...
- 用马克飞象+ 印象笔记 快速方便写技术博客方法
快速方便写技术博客方法 我个人原来经常写博客 ,如 http://bluedrum.cublog.cn ,坚持写了好几百篇与嵌入式软件相关的,后来还是放弃的. 主要原因,现有写博客的方式,实在太过于低 ...
- 12. 橡皮擦技术博客写作课,第一版收尾篇,写作也要懂点心理学
欢迎来到橡皮擦的写作课 本文内容:那些博客中的写作心理学 心理学用在写作中 随着不断的写作,橡皮擦发现其实博客写作与产品设计有很多相似的地方,在写作的时候,你可以主动去设计一些"套路&quo ...
- 技术博客(初用markdown)。
技术博客 菜鸟教程在这个网站我学到许多有趣的东西,并且弥补了我之前的一些不足之处. 以下为我学习到的内容 输出不同的三位数 以下为代码和输出结果 *** #include<stdio.h> ...
- 手把手教你搭建个人技术博客,半小时搞定
一.写在前面 我是猿人,一个热爱技术.热爱编程的IT猿.技术是开源的,知识是共享的! 写作是对自己学习的总结和记录,如果您对Java.分布式.微服务.中间件.Spring Boot.Spring Cl ...
- 如何开始写技术博客?
原文链接: https://dsx2016.com/?p=599 选技术平台 既然是博客,首先想到的是wordpress等独立博客,我们可以尝试自己搭建一个,也可以考虑下现有的自媒体平台. 程序员做事 ...
最新文章
- SpringMVC---web.xml的配置
- SpringBoot整合Swagger测试api构建
- c++实现的唯一ID生成器
- maven项目创建过慢解决
- Flowable学习笔记(二、BPMN 2.0-基础 )
- java入门学习_Java入门学习进阶知识点
- C#使用ListView更新数据出现闪烁解决办法
- javascript数组的各种操作
- mysql 允许用户远程_Mysql 允许用户远程操作
- 将SpringBoot的项目打包成war文件
- MTKI 驱动(57)---音频参数含义
- 一文说透WordPress的自定义文章类型
- keras利用flow_from_directoryt自己构建数据集
- PaddlePaddle Transformer encoder 源码解析 v1.7
- 数据挖掘导论——可视化分析实验
- nxlog管理配置linux,IIS服务器配置NXLog进行syslog转发(并解决GMT+8小时时差问题)...
- 计算机遥感毕设选题,遥感硕士毕业论文题目
- 美国人如何看待超自然?
- windows安装cygwin
- 【观察】借道企业微信,销售易打开新一轮增长空间