<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>{$tkd.title|parseTPL}</title>
<meta name="keywords" content="{$tkd.keywords|parseTPL}" />
<meta name="description" content="{$tkd.description|parsetpl}" />
<meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="wap-font-scale" content="no" />
<link href="/skin/css/mc.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/skin/js/jquery.min.js"></script>
<script type="text/javascript" src="/skin/js/jquery.cookie.js"></script>
<script src="/skin/js/mc.js" type="text/javascript"></script>
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="applicable-device" content="mobile"/>
<meta name="MobileOptimized" content="width"/>
<meta name="HandheldFriendly" content="true"/>
</head>
<body class="readbg" id="readbg">
<div class="wrapper font-large" id="wrapper">
<div class="read-top">
<h1 class="title">{$novel.name} {$chapter.name}</h1>
</div>
<div class="content">
<div class="nr_page">
<table cellpadding="0" cellspacing="0" class="" style="">
<tr>
<td class="prev"><a id="pb_prev" href = "{$chapter.preinfo.url}" title = "上一章 {$chapter.preinfo.name}">上一章</a></td>
<td class="mulu"><a href="/">首页</a></td>
<td class="mulu"><a id="pb_mulu" href="{$url.dir}">目录</a></td>
<td class="next"><a id="pb_next" href = "{$chapter.nextinfo.url}" title = "下一章 {$chapter.nextinfo.name}">下一章</a></td>
</tr>
</table>
</div>
<div class="articleinfo clearfix">
<span class="xialas">换源：</span>
<div id="xiala">
<div class="xiala_con">
<div class="d_out" onmouseout="this.className='d_out'" onmouseover="this.className='d_over'">
<div class="d_menu" onclick="$('#changsource > div ').show();">{$chapter.sitename} ↓</div>
</div>
</div>
</div>
<div class="toolbar clearfix">
<div class="option theme">
<div class="theme-area theme-default" id="theme2">
<div class="ptm-btn theme-bg"></div>
</div>
</div>
<a href="javascript:;" class="pattern menu-moon" id="mode"></a>
<a href="javascript:;" class="aminus font_dec" id="font_dec"></a>
<a href="javascript:;" class="aadd font_inc" id="font_inc"></a>
</div>
</div>
<div id="articlecon" class="articlecon">
{$chapter.content|br2p}
</div>
<script>eweq_rqssdf();</script>
<div class=" nr_page">
<table cellpadding="0" cellspacing="0">
<tr>
<td class="prev"><a id="pb_prev" href="{$chapter.preinfo.url}">上一章</a></td>
<td class="mulu"><a href="{$url.addmark}">书签</a></td>
<td class="mulu"><a id="pb_mulu" href="{$url.info}">目录</a></td>
<td class="next"><a id="pb_next" href="{$chapter.nextinfo.url}">下一章</a></td>
</tr>
</table>
</div>
<script>cccrrr2();</script>
<br/>
<div class="lm">推荐阅读：{block method="novellist" name="list" sort="monthvisit" num=10}
{section loop=$list}
<a href="{$loop.url.info}">{$loop.novel.name}</a>{/section}
</div>
<div class="lm">最新更新：{block method="novellist" name="list" sort="lastupdate" num=20 cachetime=120}
{section loop=$list}
<a href="{$loop.url.info}">{$loop.novel.name}</a>{/section}
</div>
<div id="foot" class="foot">
<a href="/" title="笔趣阁">笔趣阁</a> <a href="/user/mark/index.html">我的书架</a> <a href="/user/history/index.html">浏览历史</a>
<div style="display:none"></div>
</div>
<div id="changsource" class="changsource ">
<div class="over s_event"></div>
<div class="ptm-card d_list s_event">
<div class="ptm-card-header ptm-clearfix">
<div class="ptm-pull-left">本章换源阅读</div>
<div class="close ptm-pull-right" onclick="$('#changsource > div ').hide();">X</div>
</div>
<div class="ptm-card-content">
<ul class="pt-card pt-card-6">
<li class="cur">
<div class="pt-novel">
<div class="pt-num ptm-pull-right"><a href="" title="{$novel.name} {$chapter.sitename}">{$chapter.sitename}</a></div>
<span class="pt-name"><a href="" class="ptm-text-grey" target="_self" title="{$novel.name} {$chapter.sitename} {$chapter.name}">{$chapter.name}</a></span>
</div>
</li>
{loop=$chapter.samelist}
<li>
<div class="pt-novel">
<div class="pt-num ptm-pull-right"><a rel="nofollow" href="{$loop.url}" title="{$novel.name} {$loop.name} {$chapter.name}">{$loop.name}</a></div>
<span class="pt-name"><a rel="nofollow" href="{$loop.url}" class="ptm-text-grey" target="_self" title="{$novel.name} {$loop.name} {$chapter.name}">{$chapter.name}</a></span>
</div>
</li>
{/loop}
</ul>
</div>
</div>
</div>
</div>
<div class="footer">
<p>本站系基于互联网搜索引擎技术为您提供信息检索服务。</p>
</div>
</div>
<div style="display:none">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?95b9d9dda434a13a09b0634ea5243780";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<script type="text/javascript">
$(function(){
$('#changsource .close').on('click', function(){
$('#changsource > div ').hide();
});
});
</script>
<script>sdsq_bqweom();</script>
</body>
</html>
这是阅读页的HTML代码。如何实现按照文章字数自动增加分页呢？