个人博客网站 (3/3) - 插件集成笔记

发布博客页面：

• 编辑器 markdown https://pandao.github.io/editor.md

博客详情页面：

• 内容排版 typo.css、感觉没啥用

• 动画 animate.css https://animate.style/#usage

• 代码高亮 prism https://prismjs.com/

• 目录生成 Tocbot http://tscanlin.github.io/tocbot/ 元素有id才可以生成

• 二维码生成 qrcode.js https://davidshimjs.github.io/qrcodejs/

• 平滑滚动 jquery.scrollTo https://github.com/flesler/jquery.scrollTo

• 滚动侦测 waypoints http://imakewebthings.com/waypoints/

  • 在顶端不显示浏览工具栏

• markdown转化成HTML: github.com/atlassian/commonmark-java

IDEA>用的社区版没有spring initializer

重装参考 https://www.bilibili.com/read/cv13085101?from=articleDetail&spm_id_from=333.976.b_726561645265636f6d6d656e64496e666f.4

引入模块：

• Springboot模块

• web：Tomcat

• Thymeleaf：前端页面集成

• JPA：数据操作

• MySQL

• Aspects：Spring AOP——没有另外添加

  		
              org.aspectj
              aspectjweaver
          
  
          
              org.springframework.boot
              spring-boot-starter-aop
              test
          
  

• DevTools: 开发工具

进行配置：src/main/resources/application.properties

后续和20集一致。

出现的报错是org.yaml.snakeyaml.error.YAMLException: java.nio.charset.MalformedInputException: Input length = 1

原因是IDEA默认的文件编码默认是GBK，这里改下设置

idea编码–file-settings–file Encodings default选项改成UTF-8

IDEA头注释模板设置

File -> settings -> editor -> file and code templates

错误页面可以建在：static/templates下 error目录

随后错误处理具体就是跟着老师走21 22。

前面制作的静态页面导入template和static，注意修改路径，两种方式

1.写成thymeleaf格式每一个改成：th:href="@{/css/new.css}

2.套用thymeleaf模板https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#fragments

以及错误页面美化