分享学习心得,记录学习笔记
文章:44   访问:119479
今天是:
2020年02月19日 星期三
  >   文章列表   >   文章详情

本博客由熊建编写,转载必须注明地址。 更新时间: 2017/9/23 23:26:31

本教程用到的markdown编辑软件是一个来自武汉的网友自己开发的MarkDown编辑器,很好用,也在Giuhub上开源了,地址在这https://github.com/chenguanzhou/MarkDownEditor

点击进入Github下载这个编辑器

MarkDown一定是个非常好用的工具,具有...此处略去200字等优点,关键是还支持代码高亮**!你还不知道的话可以看这里:我的另一篇博客有讲MarkDown的一些常用功能->传送门

学习编程的同学一定会经常做一些代码的笔记,一个该亮能亮该绿能绿代码笔记工具是必不可少的。特别是要在网上与广大网友交流的时候,更是需要代码都能高亮,“千篇一黑”的代码是不具备可读性的。SO在用了WordPress来发一些我的学习笔记的时候,我也在尝试让我的博客具备这个功能。

我在WordPress插件里面找了一通,没找到比较好用的插件,(可能是不适合我的使用习惯吧)于是我就在网上找有没有好用的MarkDown工具可以协助WordPress完成这个功能。最后找到了这个软件(文章顶部提供了下载入口) MDEDITOR图标

目前我实现了对markdown的显示,但是还是不能实现直接编辑,往后我会继续研究,有新发现我会在这篇文章后面续更。

教程

1.导出md文件
这个软件不仅支持MarkDown编写,还支持导出为html,在软件右上角箭头那里。

2.将导出的文件导入WordPress文章

本以为可以把导出的代码粘贴到WordPress里了,然而生成的html文件是在本页头部定义的样式,而WordPress里面写文章只能读取body里面的部分,上面定义的样式不会生效,这就需要将前面的样式提取出来放到WordPress里面。操作如下:

  1. 先把markdown样式提取出来,也就是导出的html文件的body(不含body)前面所有内容,再讲所有样式前面加"#markdown ",用以区分正常的网页标签,保存为markdown.html.也可以点击这里下载我改好的。->传送门.(打开连接后发现是空白?咳咳,光是样式本身就没有内容嘛,将网页保存下去,或者查看源代码全部拷贝下去)

  2. 每次用这个软件编辑好WordPress之后导出html文件,只需要提取其中的body里面的内容在最外面加一个层标签,写一个专有的ID,为了使导入的样式只针对需要的内容起作用

	<!--在前面加上一个层-->	<div id="markdown">	.....	<!--在最后面加-->	</div>

3.修改WordPress,添加MarkDown的样式

  1. 找到WordPress主题目录: WordPress根目录/wp-content/themes/twentyfifteen(我用的是twentyfifteen主题,其他主题也在这里)/content.php
  2. 在content.php第一行添加如下代码导入markdown的样式文件
<?php 	//WordPressABSPATH为博客根目录	include(ABSPATH.'/markdown/markdown.html');?>
  1. 将你改的或者下载的我的markdown.html文件放到根目录/markdown/目录里面

完成

以后再写markdown,就用这个软件来写。写好之后导出为html,光要body中间的内容,再在头和尾加一个div标签,复制到WordPress你写的文章里面,发布就好了

友情链接 doywb

2018-2019 Copyright© 米灵尔 小熊 豫ICP备15007436号-1

豫公网安备 41152302000146号