下载安装插件 在wordpress插件中安装WP Code Prettify. PHP Markdown Extra 下载Extra,并上传安装到wordpress. Code Prettify themes 下载喜欢的样式,放到\wp-content\plugins\wp-code-prettify\css目录中. 修改样式 我使用的是Twenty Twelve样式 编辑style.css文件将.entry-content pre, .comment-content pre 的样式内容剪切到.…
作为码农,blog 里面不贴源代码像什么话,源代码没有高亮显示,那还怎么看!一番调研之后,Crayon Syntax Highlighter 可能是最流行,功能最强大的一款代码高亮插件了. 一.安装 Crayon Syntax Highlighter 在 wordpress 管理后台,通过 插件,输入 Crayon Syntax Highlighter,点击安装就可以了. 二.设置 Crayon Syntax Highlighter 样式 安装完毕之后,对代码高亮的样式进行设置 根据你的喜好设置…
早先Microsotf的Windows Live Writer(WLW)现在已经开源了,并且更名为Open Live Writer,但是现在Windows Live Writer还是可以现在,Open Live Writer相较于WLW官方说删减了一些功能,但是也添加了一些新的功能.对于一般博主来说已经够用了.OLW现在已经成为.NET Foundation的一部分了. 本来Open Live Writer是准备支持插件的,但是目前为止仍不支持插件.在WLW中经常使用的代码高亮插件多数是synt…
在博客园网页里写markdown的时候, 某些特殊内容想加上自定义的css, 于是用<div class="xxx">包裹起来, 但是发现该<div>中的markdown就不再被解析. Python Markdown: Markdown Inside HTML Blocks告诉我应该用<span>而非<div>. 解释见Markdown: Syntax - Inline HTML. 需要注意的有, 其中第2和第4点解释了上面所说的问题.…
序:七牛云存储可以方便的将网站的图片等数据镜像到七牛云存储的空间,直接从云端将数据返回给用户.这样可以大大节省网站的空间,提升网站的访问速度. 真正显示一键实现WordPress博客静态文件CDN加速.下面主要介绍一下WordPress中七牛云存储插件的使用. 一.申请七牛云存储的账号 首先需要申请七牛云存储的账号,申请好后,点击创建空间,选择空间类型为公开空间,提交 二.配置空间 配置空间,点击一键加速网站. 镜像源填写自己网站域名.确认加速. 这里的robots.txt配置文件内容为: #…
wordpress中自带的编辑器实在是功能太简,连插入表格都没有,使用插件的方式太过于麻烦,干脆就直接更换编辑器了,在网上找了一些方法,下文引自http://down.chinaz.com/try/201108/966_1.htm [摘要]Wordpress自带的编辑器很多时候不是很让人满意,有些用惯了Office的人士,对Wordpress默认的编辑器不能习惯的使用,而Wordpress自带强大的插件功能正好可以弥补这一缺陷. Wordpress自带的编辑器很多时候不是很让人满意,有些用惯了O…
在vue组件中加入markdown,模板使用的是webpack 我是这样做的: 因为是npm引入的,所以markdown是遵循CommonJS规范的,需要在webpack.base.conf.js里引入, var webpack = require("webpack") // 在module.exports的最后加入 plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvideP…
vscode中使用markdown vscode 是微软推出一款轻量级的文本编辑工具,类似于sublime,由于其拥有丰富的插件,安装使用也非常简单,所以深受广大程序员的喜爱. markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 印象笔记 是一款具有笔记.写作.日程管理等诸多功能为一体的强大.易用型笔记本,拥有非常丰富的插件,其中比较好用的有印象笔记·剪藏,马克飞象,具体如何使用,请自行查阅相关资料. markdown有许多衍生…
你想过可以在 WordPress 中使用 Laravel 或者任意一种 PHP 框架吗? Corcel 可以帮你实现! 开发网站应用就应该是快捷并有趣的.当然了,每个应用都会有它自己的需求和生命周期. WordPress 是基于 PHP 编写的功能强大的 CMS,你可以使用它非常快的创建你的产品.然而,它并没有遵循最近 PHP 的变化和约定,但是你可以将它与其他类似 Laravel 这样的框架一起使用来平衡这一点. Corcel 我认为 WordPress 的后台管理面板很棒.它有一堆插件,可以…
vscode 是微软推出一款轻量级的文本编辑工具,类似于sublime,由于其拥有丰富的插件,安装使用也非常简单,所以深受广大程序员的喜爱. markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 印象笔记 是一款具有笔记.写作.日程管理等诸多功能为一体的强大.易用型笔记本,拥有非常丰富的插件,其中比较好用的有印象笔记·剪藏,马克飞象,具体如何使用,请自行查阅相关资料. markdown有许多衍生产品,本文主要针对大家比较熟知的印象…
最近项目需要,分析了一下Wordpress的特色图像 Feature Image的上传.保存方式,这一分析觉得Wordpress的数据结构设计还真是有想法. 先简单说一下结论: Wordpress中图像物理文件保存在 wp-content/uploads 目录下,相关信息保存在 wp_posts 表中.post_type 是 attachment,post-mime-type 是 image/png.通过 post_parent 与文章关联. 我原来以为图片信息会有单独的表存放,没想到都放在 w…
iOS开发中的Markdown渲染 BearyChat的消息是全面支持Markdown语法的,所以在开发BearyChat的iOS客户端的时候需要处理Markdown的渲染. 主要是两套实现方案: 直接将Markdown文本转换成NSAttributedString. 先将Markdown文本转换成HTML,再将HTML转换成NSAttributedString. 方案1可用的第三方库有:AttributedMarkdown,这个库是基于C语言的peg-markdown的封装,经过试验发现对Gi…
在网站中使用markdown有两种方式,一种是通过后端(php等)把markdown语法文本转换为html代码,输出到浏览器:另一种是通过javascript代码直接在浏览器中转换. 我在这里使用的是github上的开源库: PHP:https://github.com/SegmentFault/HyperDownJS :https://github.com/SegmentFault/HyperDown.js 我用的是js版本. 在这里使用的JS版本中的Parse.js文件 代码如下: <!DO…
概述 Pandoc中支持扩展修订版本的Markdown语法 使用pandoc中支持的Markdown语法用 -f markdown 使用标准Markdown语法用 -f markdown_strict Pandoc所支持的语法各种对标准Markdown语法的扩展可以通过在格式后以+EXTENSION添加或-EXTENSION去除,如: -f markdown-footnotes 表示识别除了footnotes扩展之外的所有pandoc Markdown语法 -f markdown_strict+…
wordpress中输入两个"--"的时候会识别成一个横杠,如果此时的文章中有代码在,那么其他人在复制粘贴的时候就没法使用,于是乎我寻找了三种有效的方法解决此问题! WordPress中会默认会自动转义一些字符,网络上也称“转换全半角标点符号”或者“代码转义”,WordPress使用了wptexturize函数将纯文本字符转换成格式化的HTML实体.这样会导致代码中所有半角都会转成全角,别人复制此代码的时候没法使用出现错误情况.经过搜集测试,本文列出三种快速有效的解决方案. 一.通过插…
title: 在ubuntu中安装Markdown神器Typora toc: false date: 2018-09-01 17:48:15 categories: methods tags: ubuntu Typora Markdown 在终端中执行以下命令即可: # optional, but recommended sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAE # add Typ…
图像通常是缓慢加载网页的最大原因之一.它们不仅减慢了加载时间,而且还可以占用服务器上的大量空间和资源.仔细选择文件类型并压缩它们有助于降低加载速度,但它们只能在图像质量受损之前进行优化.另一种选择是使用最优化的图像文件类型之一:来自Google的WebP. 什么是WebP WebP是Google专门为网络设计的光栅图像格式.它提供无损和有损压缩,允许网页设计人员以较小的文件大小显示更丰富的图像. WebP有损图像使用预测编码来对图像进行编码.它通过查看相邻像素来预测值来减小文件大小,然后仅对差异…
目录 Django 使用 markdown 插件 1 将 markdown 转化为 html 2 使用 markdown 编辑框 Django 使用 markdown 插件 Python-Markdown 插件 安装 pip install markdown 1 将 markdown 转化为 html models from django.utils import timezone from django.db import models from django.contrib.auth.mod…
markdown 是什么?? 1) 使用marked解析markdown文字 这个就只是解析markdown文字,并不能编辑,倒是可以从数据库中读取markdown文字进行解析,另外代码高亮还要另外解析,用highlight.js npm install marked data() { return { lesson:'', }; }, computed: { compiledMarkdown(){ return Marked(this.lesson, { sanitize: true }) }…
安装命令: composer require ijackua/yii2-lepture-markdown-editor-widget:dev-master 可能会遇到的问题 如果在下载依赖包的过程中出现上面的错误,可以尝试一下在composer.json文件中添加下图中的语句: 在视图中使用Markdown编辑器 依赖包下载好了,那么接下来就可以在视图的表单中使用它了,使用的方法很简单,下面提供一个简单的例子来做参考: <?php use yii\helpers\Html; use yii\wi…
前言 最近在学习使用Markdown语法,尝试使用了"MarkdownEditor"."Sublime Text3"."VSCode"这三种编辑器来学习,其中MarkdownEditor直接下载安装就能使用,因为它就是一种Markdown的编辑器:而在Sublime Text3中使用markdown在上一篇随笔中已经介绍过了.使用了这三种编辑器之后,认为在VSCode中使用markdown体验是最好的,因为相对来说兼容性最好.下面具体介绍在VSC…
如何修复我们会向你介绍,如何在 Linux VPS 上修复 WordPress 中的 HTTP 错误. 下面列出了 WordPress 用户遇到的最常见的 HTTP 错误,我们的建议侧重于如何发现错误原因以及解决方法. 1. 修复在上传图像时出现的 HTTP 错误 如果你在基于 WordPress 的网页中上传图像时出现错误,这也许是因为服务器上 PHP 的配置,例如存储空间不足或者其他配置问题造成的. 用如下命令查找 php 配置文件: php -i | grep php.ini Config…
Element 的文档站是讲Markdown解析成vue组件在页面中渲染出来,转换过程如下图所示: 红框部分势必要对 Markdown 进行特殊的订制,订制过的 Markdown 像下面这样. :::demo 要使用 Radio 组件,只需要设置`v-model`绑定变量,选中意味着变量的值为相应 Radio `label`属性的值,`label`可以是`String`.`Number`或`Boolean`. ```html <template>   <el-radio v-model=…
近期在自己的项目中加入了对 Markdown 语法 的支持,主要用到的是markedjs这个项目.该项目托管在github上,地址为:https://github.com/markedjs/marked/ 项目的安装 下载项目之后,在根目录下执行如下 npm 命令 进行安装 $ npm install 安装完成之后最终项目的目录结构如下 我们看一下根目录下的 package.json 文件,部分内容如下. json有自己的语法格式,可以参考 Json 教程 "scripts": { &…
 第一步: 修改models.py文件下要显示字段的类型为TextField 第二步:运行命令: python manage.py makemigrations 和 python manage.py migrate 第三步:安装markdown 第四步:修改froms.py中的字段类型为Textarea 第五步,在models.py文件中导入 markdown 和 mark_safe 第六步:添加自定义函数转换markdown语法 第七步:复制函数名 get_choice_text_md替换ht…
一.进入wordpress后台,选择工具-导出数据,选择你需要导出的内容.文章等,会下载一个xml文件到本地电脑 二.使用一个名为wordpress-to-markdown的工具 源码地址:wordpress-to-markdown 按照作者的使用说明进行操作: $ git clone https://github.com/ytechie/wordpress-to-markdown.git $ cd wordpress-to-markdown/ $ npm install xml2js to-m…
ngx-markdown 是 Angular2+ 的一个第三方库,它的主要功能是将md文件转换为HTML格式,并且支持语法高亮. GITHUB地址:https://github.com/jfcere/ngx-markdown 安装 1. 安装 ngx-markdown 使用 npm 进行安装,在 `angular`项目目录中执行: npm install ngx-markdown --save 在应用中引入 marked 的支持.引入: "scripts" : [ "../n…
近日在升级wordpress 3.2.1和若干插件的过程中,发现了一个wordpress的错误:Allowed memory size of XXX bytes exhausted Fatal error: Allowed memory size of 25165824 bytes exhausted (tried to allocate 150 bytes) in [Blog root path]/wp-includes/pomo/mo.php on line 206   通过搜索网络和请教牛…
Gravatar头像具有很好的通用性,但是却遭到了无辜的拦截,对于无法加载头像URL,我们在WordPress系统中通过修改默认的URL链接可以达到恢复头像的功能. 修改文件路径为 /wp-includes/pluggable.php      替换文件中部分代码如下: if ( is_ssl() ) { $host = 'https://secure.gravatar.com'; } else { if ( !empty($email) ) $host = 'http://cn.gravata…
WordPress 的插件机制实际上只的就是这个 Hook 了,它中文被翻译成钩子,允许你参与 WordPress 核心的运行,是一个非常棒的东西,下面我们来详细了解一下它.钩子分类 钩子分为两种,一种叫做动作(action),还有一种叫做过滤器(filter).这两种钩子实现原理基本一样,后边会讲到,使用上的区别在于过滤器有返回值,而动作没有. 动作的理念是让你在一种情况或者一个特别的位置执行一些函数,比如发送一封邮件等:过滤器则是让你修改 WordPress 核心需要用到的一个值,然后 Wo…