WordPress日记——集成markdown

最新推荐文章于 2025-07-20 14:10:18 发布

原创最新推荐文章于 2025-07-20 14:10:18 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#wordpress #博客 #markdown #javascript

本文介绍如何在WordPress中集成Markdown，通过简单几步即可实现。包括下载所需文件、修改主题目录下的functions.php文件等内容，使得用户能在WordPress后台使用Markdown语法撰写博客。

现在wordpress几乎是每个有个人博客的标配
而写博客当然要用markdown
其实在wordpress集成markdown也是非常简单的

1.下载marked.js和makemarkdown.js到 ~\wp-content{你的主题目录}\js\ 目录下

2.到 ~\wp-content{你的主题目录}\functions.php里添加如下代码

// 增加 markdown 功能到后台编辑器
add_action( 'admin_menu', 'create_markdown' );
add_action( 'save_post', 'save_markdown', 10, 2 );

function create_markdown() {
    add_meta_box( 'markdown_box', 'Markdown', 'markdown_html', 'post', 'normal', 'high' );
}

function markdown_html( $object, $box ) { ?>
        <textarea name="markdown" id="markdown" 
cols="60" oninput ="markdownEditorChanged()" 
rows="50" style="width: 100%; height:100%">
            <?php echo htmlspecialchars (get_post_meta( $object->ID, 'markdown', true )); ?>
        </textarea>
<?php }
function save_markdown( $post_id, $post ) {
    if ( !current_user_can( 'edit_post', $post_id ) )
        return $post_id;

    $meta_value = get_post_meta( $post_id, 'markdown', true );
    $new_meta_value = $_POST['markdown'];

    if ( $new_meta_value && '' == $meta_value )
        add_post_meta( $post_id, 'markdown', $new_meta_value, true );

    elseif ( $new_meta_value != $meta_value )
        update_post_meta( $post_id, 'markdown', $new_meta_value );

    elseif ( '' == $new_meta_value && $meta_value )
        delete_post_meta( $post_id, 'markdown', $meta_value );
}


function markdown_script() {
    wp_enqueue_script('markdown', get_template_directory_uri() . '/js/marked.js' );
    wp_enqueue_script('makemarkdown', get_template_directory_uri() . '/js/makemarkdown.js');
}

add_action( 'admin_enqueue_scripts', 'markdown_script');