网站优化之使用Free marker静态化网站文章页
博客做出来的时候就想要把一些栏目和文章页都静态化处理，当时没啥时间搞，就一直没去弄。但是最近的工作就是做网站，用cms快速搭出了几个网站，cms搭建网站是真的方便啊 如果没有需要二次开发实现的功能，那基本不需要写后端代码的。而且做出来的还不错，怪不得看很多博主都是用cms搭建的博客。 我是用的FreeCMS，展示层就有用Free Marker来做。 然后就参考这个cms的源码 把自己博客的文章页静态化了下。
原文连接：ZJBLOG
静态化主要是为了提高网页打开的速度，然后还有利于SEO，更容易被搜索引擎识别收录，而且比较稳定和安全。
free marker静态化原理是用模板+数据模型=输出html网页。
freemarker并不关心数据的来源，只是根据模板的内容，将数据模型在模板中显示并输出文件（通常为html，也可以生成其它格式的文本文件）
首先引入jar包
Free marker的jar包和文档
链接：https://pan.baidu.com/s/1GZNvnOT6wbb2S6646c7cSQ 密码：q0af
maven依赖
1
org.freemarker
freemarker
2.3.23
map) throws Exception {
// ①创建配置对象(创建一个Configuration对象，直接new一个对象。构造方法的参数就是freemarker对于的版本号。)
Configuration cfg = new Configuration(Configuration.getVersion());// 注意:这里需要传递一个版本
// ②读取模板文件夹
cfg.setDirectoryForTemplateLoading(new File(templetPath));// 设置要加载的模板文件的路径,这里的templetPath就是模板的路径webapp/templet/
// ③设置模板的编码格式
cfg.setDefaultEncoding("UTF-8");
// ④获取模板对象
Template template = cfg.getTemplate("info.html");// info.html是模板名称
// ⑥将模板和数据模型合并 --> 输出模板,生成文件
// 静态页面路径
File htmlFile = new File(siteInfoPath); //siteInfoPath是静态化生成的html存放的路径，webapp/site/info/2019-11-30(文章日期)/文章id.html(根据自己的需要来设置)
if (!htmlFile.getParentFile().exists()) {
htmlFile.getParentFile().mkdirs(); //文章不存在则创建
}
PrintWriter pw = new PrintWriter(htmlFile);
template.process(map, pw);// 合并 map:数据模型 pw:输出流对象 map中存的是模板文件中需要的数据文章列表等，在模板文件中用${..}获取，可参考free marker文档
pw.close();// 关闭流
}
1
静态化文章页的方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 /** * 静态化文章页 * * @param articleId * @throws IOException */ @RequestMapping({"/toCrea****"}) public String toCreate****(HttpServletRequest request, Long articleId) throws Exception { LOGGER.info("静态化文章方法开始"); //查询要静态化的文章信息 Article article = new Article(); article.setArticleId(articleId); Article articleDetail = articleService.selectByKeyWords(article); //文章发布的时间，用于将静态化的文章网页放在对应时间的文件夹中 String articleTime = Tools.getStrDateTime(articleDetail.getCreationtime(), "yyyy-MM-dd"); // 给文章添加访问路径（发布一篇文章后静态化该文章，静态化时将该文章的静态化后路径添加至数据库） String pageUrl = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/site/info" + articleId + ".html"; articleDetail.setPageUrl(pageUrl); articleService.upArticle(articleDetail); // 创建数据模型(这里使用map类型) --[数据模型可以是List、Map对象 注意:Map类型的key必须是String类型] HashMap map = new HashMap<>();
map.put("contextPathNo", request.getSession().getServletContext().getContextPath());// 项目名称，用于生成后html页面的静态资源调用css，img等
// 文章信息
......//其他信息代码省略。。。
map.put("info", articleDetail);
......
//模板所在的路径
String templetPath = request.getSession().getServletContext().getRealPath("/templet");
//静态化生成的html路径
String siteInfoPath = request.getSession().getServletContext()
.getRealPath("/site/info/" + articleTime + "/" + articleId + ".html");
createHtml(templetPath, siteInfoPath, map);
return "success";
}
模板文件info.html(省略了很多代码，仅作为示例)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
${info.articleTitle }
静态化文章页的方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 /** * 静态化文章页 * * @param articleId * @throws IOException */ @RequestMapping({"/toCrea****"}) public String toCreate****(HttpServletRequest request, Long articleId) throws Exception { LOGGER.info("静态化文章方法开始"); //查询要静态化的文章信息 Article article = new Article(); article.setArticleId(articleId); Article articleDetail = articleService.selectByKeyWords(article); //文章发布的时间，用于将静态化的文章网页放在对应时间的文件夹中 String articleTime = Tools.getStrDateTime(articleDetail.getCreationtime(), "yyyy-MM-dd"); // 给文章添加访问路径（发布一篇文章后静态化该文章，静态化时将该文章的静态化后路径添加至数据库） String pageUrl = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/site/info" + articleId + ".html"; articleDetail.setPageUrl(pageUrl); articleService.upArticle(articleDetail); // 创建数据模型(这里使用map类型) --[数据模型可以是List、Map对象 注意:Map类型的key必须是String类型] HashMap
${info.articleTitle}
发布时间：${info.creationtime?string('yyyy-MM-dd hh:mm') }
编辑：${info.articleAuthor}
阅读：
- ${info.articleDetail }
-
<#list newTimeArticleList as newList>
<#if (newList.articleTitle?length>16)>
- ${newList.articleTitle?substring(0,16)}... <#else>
- ${newList.articleTitle}