You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
8.1 KiB
8.1 KiB
<!DOCTYPE html>
<html lang="en">
<head>
<title>可以使用的markdown — XLua</title>
<meta charset="utf-8">
<meta name="description" content="XLua">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="/xLua/public/css/page.css">
<script src="/xLua/public/js/vue.js"></script>
<script src="/xLua/public/js/jquery.js"></script>
</head>
<body>
<nav class="nav">
<div class="border">
<img src="/xLua/public/images/logo.png" />
<button class="hiden-in-phone">V2.1</button>
<button id="btn-menu" class="hiden-in-pc">菜单</button>
<ul class="nav-link hiden-in-phone">
<!--li>
<form id="search-form">
<input type="text" id="search-query" class="search-query">
</form>
</li!-->
<li><a href="https://github.com/Tencent/xLua" class="nav-link-li">下载项目</a></li>
<li><a href="/xLua/public/v1/guide/use.html" class="nav-link-li">使用案例</a></li>
<li><a href="/xLua/public/v1/guide/version.html" class="nav-link-li">更新记录</a></li>
<li><a href="/xLua/public/v1/guide/contribution.html" class="nav-link-li">贡献指南</li>
<li><a href="/xLua/public/v1/guide/index.html" class="nav-link-li">教程</a></li>
<li><a href="/xLua/public/" class="nav-link-li">首页</a></li>
</ul>
</div>
</nav>
<div id="container" class="container clear">
<section class="sidebar clearfix">
<ul>
<li><h3>基础</h3></li>
<li>
<p><a href="/xLua/public/v1/guide/index.html" class="sidebar-link">介绍</a></p>
</li>
<li>
<p><a href="/xLua/public/v1/guide/version.html" class="sidebar-link">更新记录</a></p>
</li>
<li>
<p><a href="/xLua/public/v1/guide/use.html" class="sidebar-link">商业案例</a></p>
</li>
<li>
<p><a href="/xLua/public/v1/guide/faq.html" class="sidebar-link">FAQ</a></p>
</li>
<li><h3>教程</h3></li>
<li>
<p><a href="/xLua/public/v1/guide/tutorial.html" class="sidebar-link">从零开始</a></p>
</li>
<li>
<p><a href="/xLua/public/v1/guide/configure.html" class="sidebar-link">XLua的配置</a></p>
</li>
<li>
<p><a href="/xLua/public/v1/guide/api.html" class="sidebar-link">C# API</a></p>
</li>
<li>
<p><a href="/xLua/public/v1/guide/crtdel-3rd.html" class="sidebar-link">添加删除第三方库</a></p>
</li>
<li>
<p><a href="/xLua/public/v1/guide/gc-optimization.html" class="sidebar-link">GC优化指南</a></p>
</li>
<li>
<p><a href="/xLua/public/v1/guide/performance-analysis.html" class="sidebar-link">性能分析工具</a></p>
</li>
<li>
<p><a href="/xLua/public/v1/guide/signature.html" class="sidebar-link">数字签名</a></p>
</li>
<li><h3>其他</h3></li>
<li>
<p><a href="/xLua/public/v1/guide/hotfix.html" class="sidebar-link">热标识</a></p>
</li>
<li>
<p><a href="/xLua/public/v1/guide/features.html" class="sidebar-link">特性</a></p>
</li>
</ul>
</section>
<article class="clearfix">
<h2 id="主标题"><a href="#主标题" class="headerlink" title="主标题"></a>主标题</h2><p>title 为标题<br>type 固定为guide宝宝埋的坑<br>order 为左侧导航排序,但是注意,假设0开始是基础的区域,100后是教程的区域,如果你想把文章放到基础区域,那么order必须小于100</p>
<blockquote>
<p>这是小提示框用法</p>
</blockquote>
<p><img src="https://github.com/Tencent/xLua/blob/master/Assets/XLua/Doc/xLua.png" alt="图片用法"></p>
<p>ps:markdown的图片不会调整大小所以如果要使用调整大小的图片应该用:</p>
<p><img width="173" height="57" src="https://github.com/Tencent/xLua/blob/master/Assets/XLua/Doc/xLua.png"></p>
<h3 id="子标题会被索引"><a href="#子标题会被索引" class="headerlink" title="子标题会被索引"></a>子标题会被索引</h3><p>正常的文本内容哈哈哈哈哈<br><code>这是高光内容</code>哈哈哈哈</p>
<h3 id="子标题2"><a href="#子标题2" class="headerlink" title="子标题2"></a>子标题2</h3><p><a href="https://github.com/tencent/xlua">超链接用法</a></p>
<ul>
<li>列表用法</li>
<li>列表用法</li>
<li>列表用法</li>
<li>列表用法</li>
<li>列表用法</li>
</ul>
<p><strong>加粗用法</strong></p>
<p class="tip">大提示框用法</p>
<ol>
<li>有序列表用法</li>
<li>有序列表用法</li>
<li>有序列表用法</li>
</ol>
<p>下面是分割线用法</p>
<hr>
<figure class="highlight csharp"><table><tr><td class="code"><pre><div class="line">这是代码块,支持的代码格式有:csharp ,lua,html, js, bash, css</div></pre></td></tr></table></figure>
<p>下面是列表使用:</p>
<table>
<thead>
<tr>
<th>Helloworld</th>
<th style="text-align:center">Helloworld</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>Helloworld</code></td>
<td style="text-align:center">Helloworld</td>
</tr>
<tr>
<td><code>Helloworld</code></td>
<td style="text-align:center">Helloworld</td>
</tr>
</tbody>
</table>
<div class="footer">
发现错误?想参与编辑?
<a href="https://github.com/Tencent/xLua/tree/master/docs/source/src/readme.md" target="_blank">
在 Github 上编辑此页!
</a>
</div>
</article>
<div class="sub-nav hiden-in-phone">
<dl id="sub-nav">
<dt>本文内容</dt>
<dd v-for="(ele, index) in sub_nav">
<a v-bind:href="ele.href">{{ ele.name }}</a>
</dd>
</dl>
</div>
</div>
<footer>
<div>
<p>© Copyright 2017 Tencent All Rights Reserved</p>
<p>Tencent 2017</p>
</div>
</footer>
<script>
var vm = new Vue({
el : '#container',
data: {
sub_nav : [ ]
},
created:function(){
var obj = [];
$("article h3").each(function(){
obj.push({name : $(this).find("a").attr("title") , href : "#"+$(this).attr("id") });
});
this.sub_nav = obj;
}
});
var isShow = false;
$("nav").on("click","#btn-menu" , function(){
if(!isShow){
if($(document).scrollTop() > $(".sidebar").height() - 100){
$('html, body').animate({scrollTop:0} , 300, "swing",function(){
$(".sidebar").fadeIn();
$(".container").animate({"left" : "15rem"}, 500,"swing");
});
}else{
$(".sidebar").fadeIn();
$(".container").animate({"left" : "15rem"}, 500,"swing");
}
}else{
$(".sidebar").fadeOut();
$(".container").animate({"left" : "0rem"}, 500,"swing");
}
isShow = !isShow;
});
$(".container").on("click" , "article" , function(){
if(isShow){
$(".sidebar").fadeOut();
$(".container").animate({"left" : "0rem"}, 500,"swing");
isShow = false;
}
});
</script>
</body>
</html>