Markdown代码高亮使用介绍

代码高亮包下载地址

CSS

JavaScript

HTML

<div class="myhead">
    <div id="top">
        <span class="bogey_tx">
            <a href="https://bogey.wodemo.net" style="display:block"><img src="https://bogey.wodemo.net/entry/437413/20170411/0152137dc318938e2fda2378e5fde6b8/bogeyicon.png" width="40px"></a>
        </span>
        <div class="webname">BOGEY</div>
        <span class="menu"></span>
        <div class="notifaction-bg">
            <a href="https://s.wodemo.net/notification"></a>
        </div>
    </div>
    <!-- 新菜单栏 -->
    <div class="munu_zg" style="display: none"></div>
    <div class="munu_right" style="width: 0px">
        <ul class="ul_box">
            <li>
                <!-- 搜索 -->
                <div class="search">
                    <div class="selarch_box">
                        <form action="/search">
                            <input type="text" name="q" class="search_test" maxlength="28" value="请输入你想搜索的关键词吧..." onfocus="if(this.value == '请输入你想搜索的关键词吧...'){this.value = ''}" onblur="if(this.value == ''){ this.value = '请输入你想搜索的关键词吧...'}">
                        <span class="sel_sc"></span>
                        <select name="all" class="search_sel">
                            <option value="0">本站</option>
                            <option value="1">全站</option>
                        </select>
                        <input type="submit" class="search_btn" value="搜索">
                        </form>
                    </div>
                </div>
                <!-- 搜索 end-->
            </li>
            <li>
                <span class="ul_box_title">分类</span>
                <ul class="ul_sub fenlei" style="display:block">
                </ul>
            </li>
            <li>
                <span class="ul_box_title">管理员工具</span>
                <ul class="ul_sub">
                    <li><a href="https://s.wodemo.net/admin" target="_blank">Dock</a></li>
                    <li><a href="https://s.wodemo.net/admin/site/compose" target="_blank">撰文</a></li>
                    <li><a href="https://s.wodemo.net/admin/site/category" target="_blank">分类</a></li>
                    <li><a href="https://s.wodemo.net/admin/site" target="_blank">站点</a></li>
                    <li><a href="https://s.wodemo.net/admin/site/skins?site_id=12321" target="_blank">皮肤</a>
                    <li><a href="https://s.wodemo.net/admin/stats" target="_blank">统计</a>
                </ul>
            </li>
<!--            
            <li>
                <span class="ul_box_title">互动</span>
                <ul class="ul_sub">
                    <li><a href="#" target="_blank">在线留言</a></li>
                    <li><a href="#" target="_blank">友情链接</a></li>
                    <li><a href="#" target="_blank">关于我们</a></li>
                </ul>
            </li>
-->
        </ul>
    </div>
    <!-- 新菜单栏 end -->
</div>
<div class="back_top">▲</div>

撰文模板

<!-- Markdown代码高亮 -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

<div id="my-entry-whole">
    <div id="my-entry-title">{wo.entry.title}</div>
    <div id="my-entry-time" timestamp="{wo.entry.creation.timestamp}">
        {wo.entry.creation.datestr}
    </div>
    <div id="my-entry-main">
        {wo.entry.main}
    </div>
</div>
{wo.entry.prevnext}
{wo.entry.comments}
{wo.site.backtohome}

首页模板

{wo.site.htmlhead}
<div id="mycategories" style="display:none;">
    {wo.site.categories}
</div>
{wo.site.entries}
{wo.site.prevnext}

首页列表单行的模板

<a href="{wo.entry.url}" target="_blank">{wo.entry.title}</a><span>{wo.entry.creation.datestr.ymd}</span>