Hugo系列(3.2) - LoveIt主题美化与博客功能增强 · 第三章

雨临Lewis 发布于 2021-05-29, 更新于 2022-03-03, 收录于 Hugo系列

前言

本博客使用的是Hugo的LoveIt主题，本文也是基于该主题而写的，不过Hugo的美化步骤应该大同小异，版本如下：

1
2
3
hugo: v0.74.2/extended windows/amd64 BuildDate: unknown

LoveIt: v0.2.10

请注意，本文的所有功能都离不开两个新增加的文件：_custom.scss和custom.js，部分功能还需要jquery，在第一章中会提及如何引入。

另外本文篇幅太长，阅读体验不好，将其进行分章如下：

Hugo系列(3.1) - LoveIt主题美化与博客功能增强 · 第二章

雨临Lewis 发布于 2021-05-29, 更新于 2022-12-20, 收录于 Hugo系列

前言

本博客使用的是Hugo的LoveIt主题，本文也是基于该主题而写的，不过Hugo的美化步骤应该大同小异，版本如下：

1
2
3
hugo: v0.74.2/extended windows/amd64 BuildDate: unknown

LoveIt: v0.2.10

请注意，本文的所有功能都离不开两个新增加的文件：_custom.scss和custom.js，部分功能还需要jquery，在第一章中会提及如何引入。

另外本文篇幅太长，阅读体验不好，将其进行分章如下：

Java - 泛型

雨临Lewis 发布于 2021-05-24, 更新于 2021-05-24, 收录于 Java

泛型（Generic）

泛型：把类型明确的工作推迟到创建对象或调用方法时再明确的特殊类型。

参数化类型：把类型当作参数来传递，这意味着参数化类型不能是基本数据类型，需要用对应的包装类来代替。

PlantUML - 类图

雨临Lewis 发布于 2021-05-14, 更新于 2021-05-14, 收录于杂谈

PlantUML

PlantUML是一个开源项目，可以用来快速生成各种UML图，官方文档：https://plantuml.com/zh/

可以通过官方提供的工具在线生成对应的类图，本文只介绍PlantUML类图的部分常用语法。

Spring Data JPA/Hibernate问题汇总

雨临Lewis 发布于 2021-04-01, 更新于 2022-03-16, 收录于 Spring

前言

本文基于如下版本的JPA和Hibernate：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-starter-data-jpa</artifactId>
  <version>2.4.0</version>
</dependency>

<dependency>
  <groupId>org.hibernate</groupId>
  <artifactId>hibernate-core</artifactId>
  <version>5.4.23.Final</version>
</dependency>

JPA本身提供的Repository功能比较简单，遇到一些复杂的查询无法胜任，这时可以使用第三方的增强库，比如Jinq或者QueryDSL。

docsify快速入门

雨临Lewis 发布于 2021-03-01, 更新于 2023-04-14, 收录于 Blog

docsify

根据官方说法，docsify是一个神奇的文档网站生成工具，也可以把它当做一个简易版的静态站点诸如Hexo、Hugo等。当然，它是专门针对文档的，忽然想到了程序员深恶痛绝的就是写API文档……

docsify特性很多，最吸引我的是全文搜索、主题简洁好看、无需构建的纯静态站点。这意味着可以很简单地把写完的文档直接扔到Pages服务上，比如GitHub Pages、Coding Pages等等。

fonts.googleapis.com访问太慢导致站点加载很慢

雨临Lewis 发布于 2021-02-20, 更新于 2021-03-02, 收录于杂谈

前言

有些网站需要加载谷歌字体，由于网络问题或者某些问题，fonts.googleapis.com访问太慢会导致站点加载很慢。虽然最后能看到网站，但实际上谷歌字体依然加载失败了，这个体验就非常差劲了。

分享一些有趣的代码注释

雨临Lewis 发布于 2021-02-19, 更新于 2021-02-19, 收录于杂谈

代马

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
                               _(\_/) 
                             ,((((^`\
                            ((((  (6 \ 
                          ,((((( ,    \
      ,,,_              ,(((((  /"._  ,`,
     ((((\\ ,...       ,((((   /    `-.-'
     )))  ;'    `"'"'""((((   (      
    (((  /            (((      \
     )) |                      |
    ((  |        .       '     |
    ))  \     _ '      `t   ,.')
    (   |   y;- -,-""'"-.\   \/  
    )   / ./  ) /         `\  \
       |./   ( (           / /'
       ||     \\          //'|
       ||      \\       _//'||
       ||       ))     |_/  ||
       \_\     |_/          ||
       `'"                  \_\
                            `'" 

分享一些有趣的前端图形和页面

雨临Lewis 发布于 2021-02-18, 更新于 2021-02-19, 收录于前端

css绘制三角形

在盒子模型中border也占据了宽高，对于下面的样式：

1
2
3
4
5
6
7
#div1{
    width: 100px;
    height: 100px;
    border-style: solid;
    border-width: 100px 100px 100px 100px;
    border-color: red forestgreen blue cyan;
}

PostgreSQL - 字符串函数汇总

雨临Lewis 发布于 2021-02-18, 更新于 2022-03-06, 收录于 PostgreSQL

前言

本文基于PostgreSQL 12.6版本，不同版本的函数可能存在差异。

拼接字符串

||是字符串连接操作符，在拼接字符串时要求前两个操作数至少有一个是字符串类型，不然会报错。如下：

1
2
3
select 'a' || 1;
select 2 || 'a' || 1;
select 2 || 44 || 'a' || 1; --Error

雨临Lewis的博客

前言

前言

泛型（Generic）

PlantUML

前言

docsify

前言

代马

css绘制三角形

前言

拼接字符串