我们在上一篇《剑鱼论坛主题(模板)制作之JavaScript的使用》中介绍了剑鱼主题里面怎么使用JavaScript文件,由于JavaScript代码要在做主题的时候重新书写的话,对于一部分主题制作者可能会有些难度,同时做主题也不需要所有东西都重新写,实际上剑鱼主题的JavaScript文件是可以直接拿来用的,这样就可以省去自己写JavaScript代码的烦恼。
我们前面的教程中都是以剑鱼论坛的默认主题为案例来介绍的,为了更适合给主题制作人员做参考,这里提供了一个名为“simple”的主题,在附件里面,可以下载使用。
这个“simple”主题是以默认主题为基础进行修改的,但是做了一些额外的处理,以适应您参考和使用,下面我们来介绍一下这个主题。
首先“simple”主题使用了线框区分不同的页面部分,这样可以让您能够更清晰地看到每个页面区域的边界,这个主题是用来给您做参考的,所以这样的简化处理可能会相对好一些。
其次,这个“simple”主题的JavaScript文件做了一些改动,多了一个名为“gethtml.js”的文件,如下图所示:
上图红色框内的文件就是相对默认主题增加的js文件,这个文件是从“post.js”文件里面提取了部分代码存成单独文件的,实际上这个改动跟默认主题的效果和作用是相同的。单独提取这个文件的目的就是为了方便您制作主题,现在您在制作主题的时候,只需要完全复制“jianyu.js”和“post.js”两个文件到您自己主题的对应目录下面,需要修改的仅仅只有“gethtml.js”文件。我们下面来看一下这个“gethtml.js”文件的内容:
“gethtml.js”文件里面就是一个名为“gethtml”的函数,这个函数的作用是生成评论后的页面元素,里面就是HTML的拼接,实现起来很简单,您照着原样写就可以了。当然,修改这个文件的前提是您需要修改评论后的返回内容样式,如果您不需要修改这个样式的话,那么您可以完全复制这个文件,无需改动直接使用即可。
附件下载后解压,可能会嵌套多个“simple”目录,找到最内层的“simple”目录复制到主题文件夹里面即可。