这几天在github上搭建了博客，但是遇到了这个问题。
本来我是把数据都放在json文件里的，然后。。。我发现这就是在虐待自己，这样写过的人应该都知道，以下是部分代码

这个text对象里就是正文内容，很长很长。。然后就悲剧了！
所以我就又把里面的内容单独放到一个html文件了，向下面这样：

然后就感觉性能也不够好，而且每一篇博文，难道都要新建一个html文件。。汗。。

有没有什么好的解决办法？下面是博客的地址：
https://yuyao1994.github.io/blog

希望有高手能够指点一下。

还有，我的页面除了导航logo外，所有内容都是ajax动态获取的。我的这种写法是不是有问题，
感觉性能有很大的问题！以下附上javascript的源码：

//request方法获取文章内容
$(function(){
function request(title){

var msg="";
$.ajax({
  url: 'text/content.json',
  type: 'GET',
  cache:false,
  dataType: 'json',
  data:"",
})
.done(function(data) { 
  if(title==undefined) {
    var maxNum=data.blog[data.blog.length-1];
    msg+="
"+maxNum.title+"
"+maxNum.time+"
";
    msg+="
";
    $(".content").html(msg); 
    eval("("+maxNum.text+")");
  }else{
    var i=0,j=data.blog.length;
    for(;i
"+charNum.time+"
";
    msg+="
";
    $(".content").html(msg); 
    eval("("+charNum.text+")");
  };
})
.fail(function() {
  $(".content").html("
抱歉，没有找到该篇文章！
");
})

}
request();
//获取最新文章列表
$(function(){
var titleList="";
$.ajax({

url: 'text/content.json',
type: 'get',
cache:false,
dataType: 'json',

})
.done(function(data) {

var num=data.blog.length;
if (num<6) {
  var i,j=data.blog.length-1;
  for(i=j;i>-1;i--){
    titleList+="
"+data.blog[i].title+"--"+data.blog[i].style+""+data.blog[i].time+"
"
  }
  $(".leftNav .newsList").html(titleList);
}else if(num>5){
  var i,j=data.blog.length-1;
  for(i=j;i>(num-6);i--){
    titleList+="
"+data.blog[i].title+"--"+data.blog[i].style+""+data.blog[i].time+"
"
  }
  $(".leftNav .newsList").html(titleList);
};

})
.fail(function() {

$(".leftNav .newsList").html("
获取文章列表失败！
");

})
})
//最新文章列表点击事件
$(".container .leftNav .newsList").delegate("li a","click",function() {

var title=$(this).text();
request(title);

});
//获取分类列表
function styleList(style){

var msg="";
$.ajax({
  url: 'text/content.json',
  type: 'get',
  cache:false,
  dataType: 'json',
})
.done(function(data) {
  var i,j=data.blog.length-1;
  for(i=j;i>-1;i--){
    if (style==data.blog[i].style) {
      msg+="
"+data.blog[i].title+"
"+data.blog[i].profile+"
";
    }; 
  }
  if(msg==""){
    msg+="
本博客"+style+"系列目前没有文章，请看其他系列的文章！
"
  };
  $(".content").html(msg);
})
.fail(function() {
  $(".content").html("
抱歉，获取文章列表失败！
");
})    

}
//styleList列表点击事件
$(".content").delegate('.styleList li a', 'click', function() {

var title=$(this).text();
request(title);

});
//导航按钮点击事件
$(".container .leftNav .btn li").click(function() {

var style=$(this).find('a').text();
styleList(style);

});
})