parent
377d9214e3
commit
4c3cdd2eba
29 changed files with 3979 additions and 2 deletions
@ -0,0 +1,46 @@ |
||||
package cc.bnblogs.common; |
||||
|
||||
import lombok.Data; |
||||
import org.springframework.boot.context.properties.ConfigurationProperties; |
||||
import org.springframework.stereotype.Component; |
||||
|
||||
import java.util.List; |
||||
|
||||
/** |
||||
* @author zfp@bnblogs.cc |
||||
* @createTime: 2022/10/19 |
||||
*/ |
||||
@Data |
||||
@Component |
||||
@ConfigurationProperties(prefix = "website") |
||||
public class WebSite { |
||||
// 站点名称
|
||||
private String title; |
||||
// SEO的关键字
|
||||
private List<String> keywords; |
||||
// SEO的站点描述
|
||||
private String description; |
||||
// 站长昵称
|
||||
private String nickname; |
||||
// 站长头像
|
||||
private String avatar; |
||||
// 站长坐标
|
||||
private List<String> address; |
||||
// 站长标签
|
||||
private List<String> tags; |
||||
// 标题栏的一句话描述
|
||||
private String navDesc; |
||||
|
||||
// 社交
|
||||
private String qq; |
||||
|
||||
private String github; |
||||
|
||||
private String sina; |
||||
|
||||
private String mail; |
||||
// 网页页尾部分
|
||||
private String footer; |
||||
// 网站logo
|
||||
private String logo; |
||||
} |
||||
@ -0,0 +1,43 @@ |
||||
package cc.bnblogs.controller; |
||||
|
||||
import org.springframework.stereotype.Controller; |
||||
import org.springframework.web.bind.annotation.GetMapping; |
||||
import org.springframework.web.bind.annotation.PathVariable; |
||||
|
||||
/** |
||||
* @author zfp@bnblogs.cc |
||||
* @createTime: 2022/10/19 |
||||
*/ |
||||
@Controller |
||||
public class IndexController { |
||||
// 前台访问路由
|
||||
@GetMapping("/") |
||||
public String index() { |
||||
return "index"; |
||||
} |
||||
|
||||
@GetMapping("/category") |
||||
public String category() { |
||||
return "category"; |
||||
} |
||||
|
||||
@GetMapping("/list") |
||||
public String list() { |
||||
return "list"; |
||||
} |
||||
|
||||
@GetMapping("/tags") |
||||
public String tags() { |
||||
return "tags"; |
||||
} |
||||
|
||||
@GetMapping("/error") |
||||
public String error() { |
||||
return "error"; |
||||
} |
||||
|
||||
@GetMapping("/{id}.html") |
||||
public String detail(@PathVariable Integer id) { |
||||
return "detail"; |
||||
} |
||||
} |
||||
@ -0,0 +1,778 @@ |
||||
html, body, div, span, applet, object, iframe, |
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
||||
a, abbr, acronym, address, big, cite, code, |
||||
del, dfn, em, img, ins, kbd, q, s, samp, |
||||
small, strike, strong, sub, sup, tt, var, |
||||
b, u, i, center, |
||||
dl, dt, dd, ol, ul, li, |
||||
fieldset, form, label, legend, |
||||
table, caption, tbody, tfoot, thead, tr, th, td, |
||||
article, aside, canvas, details, embed, |
||||
figure, figcaption, footer, header, hgroup, |
||||
menu, nav, output, ruby, section, summary, |
||||
time, mark, audio, video { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 0; |
||||
font-size: 100%; |
||||
font: inherit; |
||||
vertical-align: baseline; |
||||
} |
||||
|
||||
/* HTML5 display-role reset for older browsers */ |
||||
article, aside, details, figcaption, figure, |
||||
footer, header, hgroup, menu, nav, section, main { |
||||
display: block; |
||||
} |
||||
|
||||
body { |
||||
line-height: 1; |
||||
} |
||||
|
||||
ol, ul { |
||||
list-style: none; |
||||
} |
||||
|
||||
blockquote, q { |
||||
quotes: none; |
||||
} |
||||
|
||||
blockquote:before, blockquote:after, |
||||
q:before, q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
|
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
|
||||
/* ------------------------------------- */ |
||||
/* 1. Generic styles ................... */ |
||||
/* ------------------------------------- */ |
||||
html { |
||||
font-size: 62.5%; |
||||
} |
||||
|
||||
body { |
||||
background: #1F222E; |
||||
font-family: "Open Sans", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif; |
||||
color: #000000; |
||||
-webkit-font-smoothing: antialiased; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 1.4rem; |
||||
line-height: 1.8; |
||||
font-weight: 400; |
||||
letter-spacing: 0; |
||||
height: 100%; |
||||
} |
||||
body.flat { |
||||
background: #8471d7; |
||||
} |
||||
body.bubble { |
||||
background: url("../img/background-bubble.jpg") center; |
||||
background-size: cover; |
||||
} |
||||
body.bubble::after { |
||||
content: ''; |
||||
position: absolute; |
||||
z-index: 5; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
background: rgba(31, 34, 46, 0.8); |
||||
} |
||||
|
||||
body, html { |
||||
margin: 0; |
||||
padding: 0; |
||||
-webkit-tap-highlight-color: transparent; |
||||
width: 100%; |
||||
} |
||||
|
||||
body, input, select, textarea { |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
} |
||||
|
||||
a { |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
transition: all 0.3s ease-in-out; |
||||
cursor: pointer; |
||||
text-decoration: none; |
||||
color: #FFFFFF; |
||||
font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif; |
||||
} |
||||
a:hover { |
||||
color: #00af94; |
||||
text-decoration: none !important; |
||||
outline: none !important; |
||||
} |
||||
a:active, a:focus { |
||||
outline: none !important; |
||||
text-decoration: none !important; |
||||
color: #FFFFFF; |
||||
} |
||||
|
||||
button { |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
cursor: pointer; |
||||
} |
||||
button:hover, button:active, button:focus { |
||||
outline: none !important; |
||||
text-decoration: none !important; |
||||
color: #2B2D35; |
||||
} |
||||
|
||||
strong, b { |
||||
font-weight: 700; |
||||
} |
||||
|
||||
em, i { |
||||
font-style: italic; |
||||
} |
||||
|
||||
p { |
||||
font-family: "Open Sans", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif; |
||||
margin: 0; |
||||
font-size: 1.5rem; |
||||
line-height: 1.8; |
||||
color: #d2d6e4; |
||||
font-weight: 400; |
||||
text-align: center; |
||||
} |
||||
p.subtitle { |
||||
margin-bottom: 3rem; |
||||
} |
||||
|
||||
h1, h2, h3, h4, h5, h6 { |
||||
color: #FFFFFF; |
||||
font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif; |
||||
font-weight: 400; |
||||
text-transform: uppercase; |
||||
line-height: 1; |
||||
margin: 0 0 1.5rem 0; |
||||
text-align: center; |
||||
} |
||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { |
||||
color: inherit; |
||||
text-decoration: none; |
||||
} |
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { |
||||
color: inherit; |
||||
} |
||||
|
||||
h1 { |
||||
font-size: 3rem; |
||||
} |
||||
|
||||
h2 { |
||||
font-size: 2rem; |
||||
} |
||||
|
||||
h3 { |
||||
font-size: 1.8rem; |
||||
} |
||||
|
||||
h4 { |
||||
font-size: 1.3rem; |
||||
} |
||||
|
||||
h5 { |
||||
font-size: 1rem; |
||||
} |
||||
|
||||
h6 { |
||||
font-size: 1rem; |
||||
} |
||||
|
||||
sub { |
||||
font-size: 0.8em; |
||||
position: relative; |
||||
top: 0.5em; |
||||
} |
||||
|
||||
sup { |
||||
font-size: 0.8em; |
||||
position: relative; |
||||
top: -0.5em; |
||||
} |
||||
|
||||
.clear { |
||||
clear: both; |
||||
} |
||||
|
||||
.display-none { |
||||
display: none !important; |
||||
} |
||||
|
||||
.align-left { |
||||
text-align: left; |
||||
} |
||||
|
||||
.align-center { |
||||
text-align: center; |
||||
} |
||||
|
||||
.align-right { |
||||
text-align: right; |
||||
} |
||||
|
||||
.index-999 { |
||||
z-index: -999 !important; |
||||
} |
||||
|
||||
.row-no-margin { |
||||
margin: 0; |
||||
} |
||||
|
||||
.no-padding { |
||||
padding: 0; |
||||
} |
||||
|
||||
/* ------------------------------------- */ |
||||
/* 2. Specific design .................. */ |
||||
/* ------------------------------------- */ |
||||
.logo-link { |
||||
position: absolute; |
||||
z-index: 20; |
||||
display: block; |
||||
top: 3rem; |
||||
left: 3rem; |
||||
width: 5rem; |
||||
} |
||||
.logo-link .logo { |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
|
||||
.content { |
||||
height: 100vh; |
||||
overflow: hidden; |
||||
z-index: 10; |
||||
position: relative; |
||||
-webkit-box-align: center; |
||||
-moz-box-align: center; |
||||
box-align: center; |
||||
-webkit-align-items: center; |
||||
-moz-align-items: center; |
||||
-ms-align-items: center; |
||||
-o-align-items: center; |
||||
align-items: center; |
||||
-ms-flex-align: center; |
||||
display: -webkit-box; |
||||
display: -moz-box; |
||||
display: box; |
||||
display: -webkit-flex; |
||||
display: -moz-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-pack: center; |
||||
-moz-box-pack: center; |
||||
box-pack: center; |
||||
-webkit-justify-content: center; |
||||
-moz-justify-content: center; |
||||
-ms-justify-content: center; |
||||
-o-justify-content: center; |
||||
justify-content: center; |
||||
-ms-flex-pack: center; |
||||
} |
||||
.content .content-box { |
||||
width: auto; |
||||
position: relative; |
||||
} |
||||
.content .content-box .big-content { |
||||
position: relative; |
||||
width: 22rem; |
||||
min-height: 22rem; |
||||
margin: 0 auto 3rem; |
||||
} |
||||
.content .content-box .big-content .list-square { |
||||
float: left; |
||||
} |
||||
.content .content-box .big-content .list-line { |
||||
float: left; |
||||
margin-left: 2rem; |
||||
} |
||||
.content .content-box .big-content span.square { |
||||
display: block; |
||||
background: transparent; |
||||
width: 5rem; |
||||
height: 5rem; |
||||
-webkit-border-radius: 0.5rem; |
||||
-moz-border-radius: 0.5rem; |
||||
-ms-border-radius: 0.5rem; |
||||
border-radius: 0.5rem; |
||||
border: 1rem solid #FFFFFF; |
||||
margin-bottom: 1.5rem; |
||||
} |
||||
.content .content-box .big-content span.line { |
||||
display: block; |
||||
background: #FFFFFF; |
||||
width: 15rem; |
||||
height: 1rem; |
||||
-webkit-border-radius: 0.5rem; |
||||
-moz-border-radius: 0.5rem; |
||||
-ms-border-radius: 0.5rem; |
||||
border-radius: 0.5rem; |
||||
margin-bottom: 2.3rem; |
||||
} |
||||
.content .content-box .big-content span.line:nth-child(2) { |
||||
width: 10rem; |
||||
} |
||||
.content .content-box .big-content span.line:nth-child(4) { |
||||
width: 10rem; |
||||
} |
||||
.content .content-box .big-content span.line:nth-child(6) { |
||||
width: 10rem; |
||||
} |
||||
.content .content-box .big-content .lw-icon { |
||||
position: absolute; |
||||
top: 10rem; |
||||
left: 15rem; |
||||
font-size: 10rem; |
||||
color: #00c8aa; |
||||
-webkit-animation: corner 5s infinite; |
||||
-moz-animation: corner 5s infinite; |
||||
animation: corner 5s infinite; |
||||
} |
||||
.content .content-box .big-content .fa-search.color { |
||||
color: #FF0084; |
||||
} |
||||
|
||||
@-webkit-keyframes corner { |
||||
0% { |
||||
-webkit-transform: translate(-2rem, 0); |
||||
-webkit-animation-timing-function: 0, 0.02, 0, 1.01; |
||||
} |
||||
20% { |
||||
-webkit-transform: translate(-15rem, 2rem); |
||||
} |
||||
40% { |
||||
-webkit-transform: translate(-7rem, -7rem); |
||||
animation-timing-function: cubic-bezier(0, 0.02, 0, 1.01); |
||||
} |
||||
60% { |
||||
-webkit-transform: translate(-15rem, -10rem); |
||||
} |
||||
80% { |
||||
-webkit-transform: translate(2rem, -12rem); |
||||
} |
||||
100% { |
||||
-webkit-transform: translate(-2rem, 0); |
||||
} |
||||
} |
||||
@-moz-keyframes corner { |
||||
0% { |
||||
-moz-transform: translate(-2rem, 0); |
||||
-moz-animation-timing-function: 0, 0.02, 0, 1.01; |
||||
} |
||||
20% { |
||||
-moz-transform: translate(-15rem, 2rem); |
||||
} |
||||
40% { |
||||
-moz-transform: translate(-7rem, -7rem); |
||||
animation-timing-function: cubic-bezier(0, 0.02, 0, 1.01); |
||||
} |
||||
60% { |
||||
-moz-transform: translate(-15rem, -10rem); |
||||
} |
||||
80% { |
||||
-moz-transform: translate(2rem, -12rem); |
||||
} |
||||
100% { |
||||
-moz-transform: translate(-2rem, 0); |
||||
} |
||||
} |
||||
@keyframes corner { |
||||
0% { |
||||
-webkit-transform: translate(-2rem, 0); |
||||
-moz-transform: translate(-2rem, 0); |
||||
-ms-transform: translate(-2rem, 0); |
||||
-o-transform: translate(-2rem, 0); |
||||
transform: translate(-2rem, 0); |
||||
-webkit-animation-timing-function: 0, 0.02, 0, 1.01; |
||||
-moz-animation-timing-function: 0, 0.02, 0, 1.01; |
||||
animation-timing-function: 0, 0.02, 0, 1.01; |
||||
} |
||||
20% { |
||||
-webkit-transform: translate(-15rem, 2rem); |
||||
-moz-transform: translate(-15rem, 2rem); |
||||
-ms-transform: translate(-15rem, 2rem); |
||||
-o-transform: translate(-15rem, 2rem); |
||||
transform: translate(-15rem, 2rem); |
||||
} |
||||
40% { |
||||
-webkit-transform: translate(-7rem, -7rem); |
||||
-moz-transform: translate(-7rem, -7rem); |
||||
-ms-transform: translate(-7rem, -7rem); |
||||
-o-transform: translate(-7rem, -7rem); |
||||
transform: translate(-7rem, -7rem); |
||||
animation-timing-function: cubic-bezier(0, 0.02, 0, 1.01); |
||||
} |
||||
60% { |
||||
-webkit-transform: translate(-15rem, -10rem); |
||||
-moz-transform: translate(-15rem, -10rem); |
||||
-ms-transform: translate(-15rem, -10rem); |
||||
-o-transform: translate(-15rem, -10rem); |
||||
transform: translate(-15rem, -10rem); |
||||
} |
||||
80% { |
||||
-webkit-transform: translate(2rem, -12rem); |
||||
-moz-transform: translate(2rem, -12rem); |
||||
-ms-transform: translate(2rem, -12rem); |
||||
-o-transform: translate(2rem, -12rem); |
||||
transform: translate(2rem, -12rem); |
||||
} |
||||
100% { |
||||
-webkit-transform: translate(-2rem, 0); |
||||
-moz-transform: translate(-2rem, 0); |
||||
-ms-transform: translate(-2rem, 0); |
||||
-o-transform: translate(-2rem, 0); |
||||
transform: translate(-2rem, 0); |
||||
} |
||||
} |
||||
footer { |
||||
color: #FFFFFF; |
||||
text-align: center; |
||||
position: absolute; |
||||
z-index: 20; |
||||
padding: 1rem 0; |
||||
bottom: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
} |
||||
footer ul li { |
||||
position: relative; |
||||
display: inline-block; |
||||
padding: 0; |
||||
} |
||||
footer ul li::after { |
||||
content: ''; |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
width: 0.2rem; |
||||
height: 100%; |
||||
-webkit-border-radius: 1rem; |
||||
-moz-border-radius: 1rem; |
||||
-ms-border-radius: 1rem; |
||||
border-radius: 1rem; |
||||
background: #735dd1; |
||||
} |
||||
footer ul li:last-child::after { |
||||
display: none; |
||||
} |
||||
footer ul li a { |
||||
text-transform: uppercase; |
||||
display: block; |
||||
width: 100%; |
||||
height: 100%; |
||||
padding: 0 2rem 0 1.4rem; |
||||
} |
||||
footer ul li a:hover { |
||||
color: #6249cc; |
||||
} |
||||
footer ul li a:hover::after { |
||||
opacity: 1; |
||||
-webkit-transform: translateY(0) translateX(-60%); |
||||
-moz-transform: translateY(0) translateX(-60%); |
||||
-ms-transform: translateY(0) translateX(-60%); |
||||
-o-transform: translateY(0) translateX(-60%); |
||||
transform: translateY(0) translateX(-60%); |
||||
} |
||||
footer ul li a::after { |
||||
position: absolute; |
||||
top: 100%; |
||||
left: 50%; |
||||
width: 40%; |
||||
height: 0.4rem; |
||||
background: rgba(98, 73, 204, 0.4); |
||||
content: ''; |
||||
opacity: 0; |
||||
-webkit-border-radius: 1rem; |
||||
-moz-border-radius: 1rem; |
||||
-ms-border-radius: 1rem; |
||||
border-radius: 1rem; |
||||
-webkit-transform: translateY(1rem) translateX(-60%); |
||||
-moz-transform: translateY(1rem) translateX(-60%); |
||||
-ms-transform: translateY(1rem) translateX(-60%); |
||||
-o-transform: translateY(1rem) translateX(-60%); |
||||
transform: translateY(1rem) translateX(-60%); |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
transition: all 0.3s ease-in-out; |
||||
} |
||||
footer.light ul li::after { |
||||
width: 0.1rem; |
||||
background: rgba(117, 122, 134, 0.2); |
||||
} |
||||
footer.light ul li a { |
||||
color: rgba(255, 255, 255, 0.7); |
||||
} |
||||
footer.light ul li a:hover { |
||||
color: #FFFFFF; |
||||
} |
||||
footer.light ul li a::after { |
||||
background: rgba(255, 255, 255, 0.3); |
||||
} |
||||
|
||||
/* ------------------------------------- */ |
||||
/* 3. Settings for variants ............ */ |
||||
/* ------------------------------------- */ |
||||
/* ------------------------------------- */ |
||||
/* YouTube variant ..................... */ |
||||
/* ------------------------------------- */ |
||||
.mbYTP_wrapper { |
||||
width: 100vw !important; |
||||
min-width: 0 !important; |
||||
left: 0 !important; |
||||
} |
||||
.mbYTP_wrapper::after { |
||||
content: ''; |
||||
position: absolute; |
||||
z-index: 10; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
background: rgba(45, 49, 56, 0.4); |
||||
} |
||||
|
||||
/* ------------------------------------- */ |
||||
/* FLAT variant ........................ */ |
||||
/* ------------------------------------- */ |
||||
#particles-js { |
||||
position: fixed; |
||||
top: 25vh; |
||||
left: 25vw; |
||||
width: 50vw; |
||||
height: 50vh; |
||||
z-index: -10; |
||||
} |
||||
|
||||
/* ------------------------------------- */ |
||||
/* Image variant ....................... */ |
||||
/* ------------------------------------- */ |
||||
.image { |
||||
background: url("../img/image.jpg") center; |
||||
background-size: cover; |
||||
width: 100vw; |
||||
height: 100vh; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: 5; |
||||
-webkit-animation: kenburns 30s infinite; |
||||
-moz-animation: kenburns 30s infinite; |
||||
animation: kenburns 30s infinite; |
||||
} |
||||
.image::after { |
||||
content: ''; |
||||
position: absolute; |
||||
z-index: -5; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
background: rgba(45, 49, 56, 0.4); |
||||
} |
||||
|
||||
@-webkit-keyframes kenburns { |
||||
0% { |
||||
-webkit-transform: scale(1); |
||||
} |
||||
50% { |
||||
-webkit-transform: scale(1.2); |
||||
} |
||||
100% { |
||||
-webkit-transform: scale(1); |
||||
} |
||||
} |
||||
@-moz-keyframes kenburns { |
||||
0% { |
||||
-moz-transform: scale(1); |
||||
} |
||||
50% { |
||||
-moz-transform: scale(1.2); |
||||
} |
||||
100% { |
||||
-moz-transform: scale(1); |
||||
} |
||||
} |
||||
@keyframes kenburns { |
||||
0% { |
||||
-webkit-transform: scale(1); |
||||
-moz-transform: scale(1); |
||||
-ms-transform: scale(1); |
||||
-o-transform: scale(1); |
||||
transform: scale(1); |
||||
} |
||||
50% { |
||||
-webkit-transform: scale(1.2); |
||||
-moz-transform: scale(1.2); |
||||
-ms-transform: scale(1.2); |
||||
-o-transform: scale(1.2); |
||||
transform: scale(1.2); |
||||
} |
||||
100% { |
||||
-webkit-transform: scale(1); |
||||
-moz-transform: scale(1); |
||||
-ms-transform: scale(1); |
||||
-o-transform: scale(1); |
||||
transform: scale(1); |
||||
} |
||||
} |
||||
/* ------------------------------------- */ |
||||
/* Slideshow variant ................... */ |
||||
/* ------------------------------------- */ |
||||
.vegas-overlay { |
||||
opacity: 1; |
||||
background: rgba(45, 49, 56, 0.4); |
||||
} |
||||
|
||||
.vegas-timer-progress { |
||||
background: #6C7A89; |
||||
} |
||||
|
||||
/* ------------------------------------- */ |
||||
/* Bubble variant ...................... */ |
||||
/* ------------------------------------- */ |
||||
#canvasbg, #canvas { |
||||
position: fixed; |
||||
z-index: 10; |
||||
top: 0; |
||||
left: 0; |
||||
background: transparent; |
||||
} |
||||
|
||||
/* ------------------------------------- */ |
||||
/* Mozaïc variant ...................... */ |
||||
/* ------------------------------------- */ |
||||
#dotty { |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
|
||||
/* ------------------------------------- */ |
||||
/* 4. Media Queries .................... */ |
||||
/* ------------------------------------- */ |
||||
/* Notebook devices @media only screen and (max-width: 1200px) */ |
||||
/* Medium Devices, Desktops @media only screen and (max-width: 992px) */ |
||||
/* Small Devices, Tablets @media only screen and (max-width: 768px) */ |
||||
/* Extra Small Devices, Phones @media only screen and (max-width: 480px) */ |
||||
@media only screen and (max-width: 480px) { |
||||
.logo-link { |
||||
position: relative; |
||||
margin: 3rem auto 0; |
||||
width: 5rem; |
||||
display: block; |
||||
top: auto; |
||||
left: auto; |
||||
} |
||||
.logo-link .logo { |
||||
width: 100%; |
||||
max-width: none; |
||||
} |
||||
|
||||
.content { |
||||
height: auto; |
||||
display: block; |
||||
padding: 3rem 0 5rem; |
||||
} |
||||
.content .content-box { |
||||
padding: 0 1rem; |
||||
} |
||||
.content .content-box .big-content { |
||||
-webkit-transform: scale(0.8); |
||||
-moz-transform: scale(0.8); |
||||
-ms-transform: scale(0.8); |
||||
-o-transform: scale(0.8); |
||||
transform: scale(0.8); |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
h1 { |
||||
font-size: 2rem; |
||||
line-height: 1.5; |
||||
} |
||||
|
||||
footer { |
||||
position: relative; |
||||
padding-bottom: 5rem; |
||||
} |
||||
footer ul li { |
||||
width: 100%; |
||||
margin-bottom: 1rem; |
||||
} |
||||
footer ul li::after { |
||||
display: none; |
||||
} |
||||
footer ul li a { |
||||
padding: 0; |
||||
} |
||||
footer ul li a::after { |
||||
display: none; |
||||
} |
||||
|
||||
#particles-js { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100vw; |
||||
height: 100vh; |
||||
} |
||||
} |
||||
/* Only for tablet in landscape mode @media only screen and (max-device-width: 1024px) and (orientation: landscape) */ |
||||
/* Only for phone in landscape mode @media screen and (max-device-width: 667px) and (orientation: landscape) */ |
||||
@media screen and (max-device-width: 667px) and (orientation: landscape) { |
||||
.content { |
||||
height: auto; |
||||
display: block; |
||||
padding: 5rem 0 5rem; |
||||
} |
||||
.content .content-box { |
||||
padding: 0 1rem; |
||||
} |
||||
.content .content-box .big-content { |
||||
-webkit-transform: scale(0.8); |
||||
-moz-transform: scale(0.8); |
||||
-ms-transform: scale(0.8); |
||||
-o-transform: scale(0.8); |
||||
transform: scale(0.8); |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
footer { |
||||
position: relative; |
||||
padding-bottom: 5rem; |
||||
} |
||||
footer ul li { |
||||
width: 100%; |
||||
margin-bottom: 1rem; |
||||
} |
||||
footer ul li::after { |
||||
display: none; |
||||
} |
||||
footer ul li a { |
||||
padding: 0; |
||||
} |
||||
footer ul li a::after { |
||||
display: none; |
||||
} |
||||
|
||||
#particles-js { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100vw; |
||||
height: 100vh; |
||||
} |
||||
} |
||||
@ -0,0 +1,894 @@ |
||||
body { |
||||
background-color: #f3f8fb; |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
|
||||
a { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
h1, h2, h3, h4, h5, h6 { |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
|
||||
nav { |
||||
height: 120px; |
||||
background-color: #fff; |
||||
margin-bottom: 40px; |
||||
} |
||||
|
||||
|
||||
.lw-container { |
||||
width: 1180px; |
||||
max-width: 100%; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
.lw-mr5 { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.lw-posa { |
||||
position: absolute; |
||||
} |
||||
|
||||
.lw-m0 { |
||||
margin: 0; |
||||
} |
||||
|
||||
.lw-posr { |
||||
position: relative; |
||||
} |
||||
|
||||
.lw-fr { |
||||
float: right; |
||||
} |
||||
|
||||
.lw-fl { |
||||
float: left; |
||||
} |
||||
|
||||
nav .lw-container.lw-header { |
||||
height: 80px; |
||||
line-height: 80px; |
||||
text-align: center; |
||||
} |
||||
|
||||
nav .lw-container.lw-header span { |
||||
text-shadow: 0 0 2px #c2005f, 0 0 4px #c2005f, 0 0 4px #c2005f, 0 0 4px #c2005f; |
||||
font-size: 16px; |
||||
color: #eee; |
||||
} |
||||
|
||||
nav .lw-linkme a { |
||||
display: inline-block; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
font-size: 18px; |
||||
text-align: center; |
||||
background-color: #f3f8fb; |
||||
border-radius: 50%; |
||||
margin-right: 10px; |
||||
color: #2c3e50; |
||||
} |
||||
|
||||
nav .lw-linkme a i { |
||||
display: inline-block; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
width: 40px; |
||||
} |
||||
|
||||
nav .lw-linkme a:hover { |
||||
background-color: #c2005f; |
||||
color: #fff; |
||||
} |
||||
|
||||
nav .lw-nav { |
||||
height: 60px; |
||||
background-color: #c2005f; |
||||
border-radius: 20px; |
||||
width: 100%; |
||||
text-align: left; |
||||
padding: 0 30px; |
||||
line-height: 60px; |
||||
} |
||||
|
||||
nav .lw-nav a { |
||||
color: #fff; |
||||
font-size: 16px; |
||||
font-weight: 900; |
||||
padding: 5px 20px; |
||||
} |
||||
|
||||
nav .lw-nav a i { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.lw-phone-header { |
||||
padding: 20px; |
||||
/*text-align: center;*/ |
||||
margin-bottom: 20px; |
||||
background-color: #fff; |
||||
border-bottom: 1px solid #000; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
z-index: 9999; |
||||
} |
||||
|
||||
.lw-phone-header .lw-index { |
||||
color: #2c3e50; |
||||
text-align: left; |
||||
} |
||||
|
||||
.lw-phone-header .lw-index h1 { |
||||
padding: 0; |
||||
margin: 0; |
||||
display: inline-block; |
||||
} |
||||
|
||||
|
||||
.lw-right-list { |
||||
padding-right: 0; |
||||
width: 300px; |
||||
right: 0; |
||||
top: 0; |
||||
} |
||||
|
||||
.lw-phone-header .lw-phone-topbtn { |
||||
font-size: 36px; |
||||
color: #2c3e50; |
||||
} |
||||
|
||||
.lw-phone-header .lw-phone-topbtn.lw-search-show { |
||||
right: 20px; |
||||
} |
||||
|
||||
.lw-phone-header .lw-phone-topbtn.lw-left-show { |
||||
left: 20px; |
||||
} |
||||
|
||||
.lw-right-list .lw-right-item { |
||||
background-color: #fff; |
||||
padding: 15px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.lw-profile .lw-avatar-content { |
||||
height: 100px; |
||||
} |
||||
|
||||
|
||||
.lw-profile .lw-avatar { |
||||
width: 80px; |
||||
height: 80px; |
||||
left: 50%; |
||||
transform: translateX(-50%) translateY(50%); |
||||
border-radius: 50%; |
||||
overflow: hidden; |
||||
border: 2px solid #fff; |
||||
box-shadow: 1px 0 10px #2c3e50; |
||||
|
||||
} |
||||
|
||||
.lw-profile .lw-avatar img { |
||||
height: 100%; |
||||
width: 100%; |
||||
} |
||||
|
||||
.lw-profile .lw-info { |
||||
list-style: none; |
||||
padding: 0; |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.lw-profile .lw-info li { |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.lw-profile .lw-info span { |
||||
color: #c2005f; |
||||
font-weight: bold; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.lw-right-item h4 { |
||||
color: #c2005f; |
||||
} |
||||
|
||||
.lw-right-hot .lw-hot-list { |
||||
list-style: none; |
||||
padding: 0; |
||||
} |
||||
|
||||
.lw-right-hot .lw-hot-list .lw-hot-title { |
||||
width: 170px; |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
} |
||||
|
||||
.lw-right-hot .lw-hot-list li { |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.lw-right-hot .lw-hot-list a { |
||||
margin-top: 10px; |
||||
position: relative; |
||||
padding-left: 110px; |
||||
display: inline-block; |
||||
color: #2c3e50; |
||||
text-decoration: none; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.lw-right-hot .lw-hot-list .lw-hot-img { |
||||
position: absolute; |
||||
left: 0; |
||||
} |
||||
|
||||
.lw-hot-list .lw-hot-img img { |
||||
height: 70px; |
||||
width: 100px; |
||||
} |
||||
|
||||
.lw-right-hot .lw-hot-list .lw-hot-info { |
||||
font-size: 12px; |
||||
font-weight: 100; |
||||
} |
||||
|
||||
.lw-tag-cloud a { |
||||
background-color: #def6ff; |
||||
color: #2c3e50; |
||||
display: inline-block; |
||||
height: 32px; |
||||
text-decoration: none; |
||||
line-height: 32px; |
||||
padding: 0 14px; |
||||
border-radius: 3px; |
||||
margin-top: 10px; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.lw-tag-cloud a:hover { |
||||
background-color: #c2005f !important; |
||||
color: #fff; |
||||
} |
||||
|
||||
.lw-left-list { |
||||
margin-right: 310px; |
||||
padding: 0; |
||||
min-height: 1300px; |
||||
} |
||||
|
||||
.lw-left-list .lw-swiper { |
||||
height: 300px; |
||||
max-width: 100% !important; |
||||
} |
||||
|
||||
.lw-left-list .lw-swiper .swiper-button-next, |
||||
.lw-left-list .lw-swiper .swiper-button-prev { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.lw-left-list .lw-swiper .swiper-pagination-bullet-active { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.lw-swiper a { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
display: block; |
||||
margin-bottom: 10px; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
} |
||||
|
||||
.lw-swiper .lw-banner-info { |
||||
left: 0; |
||||
bottom: 20px; |
||||
padding: 10px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.lw-swiper a h2 { |
||||
font-size: 24px; |
||||
font-weight: normal; |
||||
width: 100%; |
||||
} |
||||
|
||||
.lw-swiper p { |
||||
color: #ffffff; |
||||
font-size: 14px; |
||||
text-align: left; |
||||
width: 100%; |
||||
display: -webkit-box; |
||||
-webkit-line-clamp: 2; |
||||
-webkit-box-orient: vertical; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.lw-article-list { |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.lw-p0 { |
||||
padding: 0; |
||||
} |
||||
|
||||
.lw-article-list .lw-article-item { |
||||
height: 150px; |
||||
background-color: #fff; |
||||
margin: 0 0 20px; |
||||
} |
||||
|
||||
.lw-category-list li { |
||||
margin-bottom: 20px; |
||||
background-color: #fff; |
||||
padding: 10px; |
||||
} |
||||
|
||||
.lw-category-list { |
||||
padding: 0; |
||||
list-style: none; |
||||
} |
||||
|
||||
.lw-tag-list { |
||||
background-color: #fff; |
||||
padding: 10px; |
||||
|
||||
} |
||||
|
||||
.lw-tag-list a { |
||||
color: #2c3e50; |
||||
display: inline-block; |
||||
padding: 5px 15px; |
||||
margin-bottom: 10px; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.lw-tag-list a span { |
||||
font-weight: 100; |
||||
} |
||||
|
||||
.lw-tag-list a span::before { |
||||
content: " ("; |
||||
} |
||||
|
||||
.lw-tag-list a span::after { |
||||
content: ")"; |
||||
} |
||||
|
||||
.lw-category-list a { |
||||
display: block; |
||||
text-decoration: none; |
||||
color: #2c3e50; |
||||
font-weight: 100; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.lw-category-list p { |
||||
margin-top: 10px; |
||||
color: #888; |
||||
font-weight: 100; |
||||
} |
||||
|
||||
.lw-category-list a span { |
||||
color: #ccc; |
||||
} |
||||
|
||||
.lw-category-list .lw-category-update { |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
.lw-article-list .lw-article-item .lw-article-cover { |
||||
overflow: hidden; |
||||
height: 100%; |
||||
width: 200px; |
||||
padding: 0; |
||||
} |
||||
|
||||
.lw-article-item .lw-article-cover img { |
||||
width: 100%; |
||||
height: 100%; |
||||
object-fit: cover; |
||||
display: block; |
||||
} |
||||
|
||||
.lw-article-item .lw-article-info { |
||||
padding: 10px 10px 10px 215px; |
||||
color: #2c3e50; |
||||
} |
||||
|
||||
|
||||
.lw-article-item .lw-article-info a { |
||||
color: #2c3e50; |
||||
text-decoration: none; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
/*display: inline-block;*/ |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.lw-article-item .lw-article-info h2 { |
||||
display: inline-block; |
||||
} |
||||
|
||||
.lw-ml10 { |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.lw-tar { |
||||
text-align: right; |
||||
} |
||||
|
||||
.lw-article-item h2 { |
||||
font-weight: normal; |
||||
font-size: 24px; |
||||
} |
||||
|
||||
.lw-article-item .lw-article-info .lw-category { |
||||
font-size: 18px; |
||||
padding: 4px 10px; |
||||
background-color: #c2005f; |
||||
color: #fff; |
||||
vertical-align: text-bottom; |
||||
margin-right: 2px; |
||||
border-radius: 6px; |
||||
} |
||||
|
||||
.lw-article-item .lw-article-info p { |
||||
color: #86878a; |
||||
} |
||||
|
||||
.lw-article-item .lw-article-info .lw-desc { |
||||
display: -webkit-box; |
||||
|
||||
-webkit-line-clamp: 2; |
||||
-webkit-box-orient: vertical; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.lw-pagenation { |
||||
margin-top: 20px; |
||||
list-style: none; |
||||
padding: 0; |
||||
text-align: center; |
||||
} |
||||
|
||||
.lw-pagenation li { |
||||
display: inline-block; |
||||
} |
||||
|
||||
.lw-pagenation li a { |
||||
color: #86878a; |
||||
background-color: #fff; |
||||
display: inline-block; |
||||
width: 40px; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.lw-pagenation li a:hover { |
||||
background-color: #c2005f; |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.lw-pagenation li .lw-active { |
||||
background-color: #c2005f; |
||||
pointer-events: none!important; |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.lw-friend-link { |
||||
margin-top: 10px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.lw-article-list .lw-article-info h2 { |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
width: 100%; |
||||
} |
||||
|
||||
.lw-text-hidden { |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
} |
||||
|
||||
.lw-article-list .lw-article-more { |
||||
width: 100%; |
||||
} |
||||
|
||||
.lw-friend-link h2 { |
||||
color: #c2005f; |
||||
font-size: 24px; |
||||
} |
||||
|
||||
.lw-friend-link a { |
||||
background-color: #fff; |
||||
display: inline-block; |
||||
padding: 10px 30px; |
||||
margin-top: 20px; |
||||
margin-right: 20px; |
||||
color: #86878a; |
||||
} |
||||
|
||||
.lw-mask { |
||||
display: none; |
||||
position: fixed; |
||||
width: 100%; |
||||
height: 100%; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: 9999999999; |
||||
background-color: rgba(0, 0, 0, .5); |
||||
} |
||||
|
||||
#lw-search-box .lw-search-conetnt { |
||||
position: absolute; |
||||
width: 600px; |
||||
max-width: 100%; |
||||
background-color: #fff; |
||||
left: 50%; |
||||
top: 50%; |
||||
transform: translate(-50%, -50%); |
||||
} |
||||
|
||||
#lw-search-box .lw-search-close { |
||||
top: 10px; |
||||
right: 10px; |
||||
color: #2c3e50; |
||||
font-size: 24px; |
||||
} |
||||
|
||||
#lw-search-box input, |
||||
#lw-search-box button { |
||||
outline: none; |
||||
} |
||||
|
||||
#lw-search-box p { |
||||
padding: 10px 20px 20px; |
||||
margin: 0; |
||||
} |
||||
|
||||
#lw-search-box p a { |
||||
color: #2c3e50; |
||||
border: 1px solid #ddd; |
||||
padding: 5px 20px; |
||||
margin-top: 10px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
#lw-search-box .lw-search-input { |
||||
width: 80%; |
||||
padding: 10px; |
||||
margin: 30px auto 0; |
||||
} |
||||
|
||||
#lw-search-box input { |
||||
width: 100%; |
||||
border: 1px solid #2c3e50; |
||||
height: 30px; |
||||
padding-left: 10px; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
#lw-search-box button { |
||||
background-color: #2c3e50; |
||||
right: 0; |
||||
color: #ffffff; |
||||
border: none; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
} |
||||
|
||||
.lw-crumb { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.lw-crumb a { |
||||
color: #c2005f; |
||||
} |
||||
|
||||
|
||||
.lw-article-title { |
||||
text-align: center; |
||||
background-color: #fff; |
||||
padding: 10px; |
||||
} |
||||
|
||||
.lw-article-title p { |
||||
color: #7d8891; |
||||
} |
||||
|
||||
.lw-comment-box { |
||||
margin-top: 20px; |
||||
background-color: #fff; |
||||
padding: 10px; |
||||
} |
||||
|
||||
.lw-comment-box h2 { |
||||
text-align: center; |
||||
font-weight: normal; |
||||
color: #2c3e50; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.lw-comment-box textarea { |
||||
width: 100%; |
||||
height: 100px; |
||||
line-height: 30px; |
||||
outline: none; |
||||
resize: none; |
||||
border: none; |
||||
background-color: #f2f3f6; |
||||
border-radius: 10px; |
||||
padding: 10px; |
||||
color: #888; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.lw-comment-box .lw-comment-input { |
||||
padding: 0 10px 0 0; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
|
||||
.lw-comment-box input { |
||||
outline: none; |
||||
border: none; |
||||
background-color: #f2f3f6; |
||||
color: #888; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
width: 100%; |
||||
padding-left: 30px; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
.lw-comment-list { |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.lw-comment-list ul { |
||||
list-style: none; |
||||
padding-left: 0; |
||||
} |
||||
|
||||
.lw-comment-list li { |
||||
padding-left: 60px; |
||||
} |
||||
|
||||
|
||||
.lw-comment-list p { |
||||
color: #2c3e50; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.lw-comment-list .lw-comment-info { |
||||
font-size: 14px; |
||||
background-color: #fff; |
||||
padding: 10px; |
||||
position: relative; |
||||
border-radius: 8px; |
||||
} |
||||
|
||||
.lw-comment-list .lw-comment-info::before { |
||||
content: ' '; |
||||
width: 0; |
||||
height: 0; |
||||
border-width: 10px; |
||||
border-style: solid; |
||||
position: absolute; |
||||
top: 0; |
||||
left: -10px; |
||||
border-color: white transparent transparent transparent; |
||||
} |
||||
|
||||
.lw-comment-list span { |
||||
color: #888; |
||||
} |
||||
|
||||
.lw-comment-list a { |
||||
color: #2c3e50; |
||||
} |
||||
|
||||
.lw-comment-list .lw-comment-avatar { |
||||
left: 0; |
||||
top: 0; |
||||
width: 48px; |
||||
height: 48px; |
||||
border-radius: 50%; |
||||
border: 1px solid #ccc; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.lw-comment-list .lw-comment-avatar img { |
||||
height: 100%; |
||||
width: 100%; |
||||
} |
||||
|
||||
.lw-comment-box .lw-comment-input i { |
||||
left: 5px; |
||||
font-size: 16px; |
||||
top: 50%; |
||||
transform: translateY(-50%); |
||||
} |
||||
|
||||
.lw-article-title h1 { |
||||
margin-bottom: 20px; |
||||
font-size: 24px; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
.lw-article-title p a { |
||||
color: #7d8891; |
||||
} |
||||
|
||||
.lw-article .lw-article-content { |
||||
color: #2c3e50; |
||||
padding: 10px; |
||||
background-color: #fff; |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.lw-article-title p a::after { |
||||
content: ", "; |
||||
} |
||||
|
||||
.lw-article .lw-article-right { |
||||
padding: 10px; |
||||
background-color: #fff; |
||||
margin-top: 20px; |
||||
list-style: none; |
||||
color: #888; |
||||
} |
||||
|
||||
.lw-article .lw-article-right a { |
||||
color: #888; |
||||
} |
||||
|
||||
.lw-article .lw-article-right svg { |
||||
height: 24px; |
||||
width: 24px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.lw-article .lw-article-right span { |
||||
display: inline-block; |
||||
height: 24px; |
||||
line-height: 24px; |
||||
} |
||||
|
||||
|
||||
footer { |
||||
color: #86878a; |
||||
text-align: center; |
||||
margin-top: 10px; |
||||
background-color: #fff; |
||||
} |
||||
|
||||
footer p { |
||||
padding: 10px 10px 0; |
||||
} |
||||
|
||||
#lw-phone-menu { |
||||
width: 500px; |
||||
max-width: 100%; |
||||
background-color: #fff; |
||||
height: 100vh; |
||||
position: fixed; |
||||
top: 80px; |
||||
left: 0; |
||||
z-index: 999999; |
||||
} |
||||
|
||||
#lw-phone-menu .lw-user-avatar { |
||||
height: 200px; |
||||
border-bottom: 1px solid #eeeeee; |
||||
} |
||||
|
||||
#lw-phone-menu .lw-user-avatar .lw-avatar { |
||||
left: 50%; |
||||
bottom: 0; |
||||
transform: translateX(-50%) translateY(50%); |
||||
width: 150px; |
||||
height: 150px; |
||||
border-radius: 50%; |
||||
border: 4px solid #fff; |
||||
overflow: hidden; |
||||
box-shadow: 1px 1px 10px 1px #000; |
||||
} |
||||
|
||||
#lw-phone-menu .lw-user-avatar .lw-avatar img { |
||||
height: 100%; |
||||
width: 100%; |
||||
} |
||||
|
||||
#lw-phone-menu .lw-user-more { |
||||
list-style: none; |
||||
margin-top: 100px; |
||||
font-size: 16px; |
||||
color: #2c3e50; |
||||
} |
||||
|
||||
#lw-phone-menu .lw-user-more span { |
||||
color: #c2005f; |
||||
font-weight: bold; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
@media (min-width: 1800px) { |
||||
.lw-md-hidden { |
||||
display: none !important; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 1200px) and (max-width: 1799px) { |
||||
.lw-md-hidden, |
||||
.lw-bg-show { |
||||
display: none !important; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) and (max-width: 1199px) { |
||||
.lw-friend-link, |
||||
.lw-main { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.lw-left-list { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.lw-md-show, |
||||
.lw-bg-show { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) { |
||||
.lw-friend-link, |
||||
.lw-main { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.lw-left-list { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.lw-md-show, |
||||
.lw-bg-show { |
||||
display: none !important; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 767px) { |
||||
.lw-article-item .lw-article-info { |
||||
padding-left: 10px; |
||||
} |
||||
|
||||
.lw-friend-link, |
||||
.lw-main { |
||||
padding: 20px; |
||||
} |
||||
|
||||
.lw-left-list { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.lw-xs-hidden, |
||||
.lw-md-show, |
||||
.lw-bg-show { |
||||
display: none !important; |
||||
} |
||||
} |
||||
|
After Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 814 KiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 949 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 248 KiB |
|
After Width: | Height: | Size: 455 KiB |
|
After Width: | Height: | Size: 203 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
@ -0,0 +1,19 @@ |
||||
$(function () { |
||||
let colors = ["#f2fbf2", "#def6ff", "#f8f3fe", "#fff7f0", "#fff2f3"] |
||||
$(".lw-tag-cloud a,.lw-tag-list a").each((index, element) => { |
||||
$(element).css("background-color", randomArr(colors)); |
||||
}) |
||||
|
||||
|
||||
$("#lw-search-box .lw-search-close").on('click', function () { |
||||
$("#lw-search-box").hide() |
||||
}) |
||||
|
||||
$(".lw-search-btn").on('click', function () { |
||||
$("#lw-search-box").show() |
||||
}) |
||||
|
||||
function randomArr(arr) { |
||||
return arr[parseInt(Math.random() * arr.length, 10)] |
||||
} |
||||
}) |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,289 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>Title</title> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
||||
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --> |
||||
<link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap.min.css"> |
||||
<!-- 可选的 Bootstrap 主题文件（一般不用引入） --> |
||||
<link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap-theme.min.css"> |
||||
<link rel="stylesheet" href="/static/plugin/font-awesome/css/font-awesome.min.css"> |
||||
<!-- 自定义css文件 --> |
||||
<link rel="stylesheet" href="/static/css/style.css"> |
||||
</head> |
||||
<body> |
||||
<nav class="lw-md-show"> |
||||
<div class="lw-container lw-header lw-posr "> |
||||
<div class="lw-logo lw-fl"> |
||||
<a href="/"> |
||||
<img src="/static/image/logo.png" alt="冷文的个人博客"> |
||||
</a> |
||||
</div> |
||||
<span>让崇拜从这里开始，用代码做点好玩的事件，让每一天都变的充实起来!</span> |
||||
<div class="lw-fr lw-linkme"> |
||||
<a href="#"><i class="fa fa-qq" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-wechat" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-weibo" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a> |
||||
</div> |
||||
<div class="lw-nav lw-posa"> |
||||
<a href="/"><i class="fa fa-home" aria-hidden="true"></i>首页</a> |
||||
<a href="#">技术分享</a> |
||||
<a href="#">闲言碎语</a> |
||||
<a href="#">个人随笔</a> |
||||
<a href="#"><i class="fa fa-users" aria-hidden="true"></i>友情链接</a> |
||||
<a href="#"><i class="fa fa-user" aria-hidden="true"></i>关于我</a> |
||||
<a href="#"><i class="fa fa-edit" aria-hidden="true"></i>留言板</a> |
||||
<a href="javascript:void(0)" class="lw-fr lw-search-btn" style="padding: 0;"> |
||||
<i class="fa fa-search" aria-hidden="true"></i> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</nav> |
||||
<div class="lw-md-hidden lw-phone-header"> |
||||
<a href="javascript:void(0)" class="lw-posa lw-phone-topbtn lw-search-show lw-search-btn"><i |
||||
class="fa fa-search"></i></a> |
||||
<a class="lw-index" href="/"><h1>冷文学习者</h1></a> |
||||
</div> |
||||
<div class="lw-md-hidden" style="height: 100px;"></div> |
||||
|
||||
|
||||
<div class="lw-container lw-main lw-posr"> |
||||
<div class="lw-left-list"> |
||||
<ol class="breadcrumb lw-crumb"> |
||||
<li><a href="/">首页</a></li> |
||||
<li class="active">分类大全</li> |
||||
</ol> |
||||
<ul class="lw-category-list"> |
||||
<li> |
||||
<a href=""><i class="fa fa-folder lw-mr5"></i>emlog相关 <span>(Total 5 Articles)</span></a> |
||||
<p>与emlog相关的主题及插件，也有少部分相关教程...</p> |
||||
<p class="lw-category-update">最后更新: 2021-12-20</p> |
||||
</li> |
||||
<li> |
||||
<a href=""><i class="fa fa-folder lw-mr5"></i>typecho相关 <span>(Total 5 Articles)</span></a> |
||||
<p>与typecho相关的主题及插件，同时也有不少我自己在用typecho时的心得以及技巧...</p> |
||||
<p class="lw-category-update">最后更新: 2021-12-20</p> |
||||
</li> |
||||
<li> |
||||
<a href=""><i class="fa fa-folder lw-mr5"></i> 网站相关 <span>(Total 5 Articles)</span></a> |
||||
<p>有一些网站源码和建站技巧，也有一些前端相关的知识，博主也还有学习中...</p> |
||||
<p class="lw-category-update">最后更新: 2021-12-20</p> |
||||
</li> |
||||
<li> |
||||
<a href=""><i class="fa fa-folder lw-mr5"></i> Linux学习 <span>(Total 5 Articles)</span></a> |
||||
<p>Linux常用命令的学习笔记，也有一些开发生产环境的搭建...</p> |
||||
<p class="lw-category-update">最后更新: 2021-12-20</p> |
||||
</li> |
||||
<li> |
||||
<a href=""><i class="fa fa-folder lw-mr5"></i> Mac相关 <span>(Total 5 Articles)</span></a> |
||||
<p>因为大部分情况下我用的都是MacBook，所有在使用Mac方面有不少的心得体会...</p> |
||||
<p class="lw-category-update">最后更新: 2021-12-20</p> |
||||
</li> |
||||
<li> |
||||
<a href=""><i class="fa fa-folder lw-mr5"></i> Freewind相关 <span>(Total 5 Articles)</span></a> |
||||
<p>这里就有我一直维护的typecho主题Freewind啦，里面有每次更新的内容及功能介绍、下载地址...</p> |
||||
<p class="lw-category-update">最后更新: 2021-12-20</p> |
||||
</li> |
||||
<li> |
||||
<a href=""><i class="fa fa-folder lw-mr5"></i> 个人随笔 <span>(Total 5 Articles)</span></a> |
||||
<p>除了写技术贴当然也要写一些文章记录一下心情和日常...</p> |
||||
<p class="lw-category-update">最后更新: 2021-12-20</p> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-list lw-md-show lw-posa"> |
||||
<div class="lw-right-item lw-profile"> |
||||
<div class="lw-avatar-content lw-posr" |
||||
style="background-image:url(/static/image/5-120601094K3-50.gif);"> |
||||
<div class="lw-avatar lw-posa"> |
||||
<img src="/static/image/avatar.jpeg" alt=""> |
||||
</div> |
||||
</div> |
||||
<ul class="lw-info"> |
||||
<li><span>博主</span>Mr丶冷文</li> |
||||
<li><span>坐标</span>北京 昌平</li> |
||||
<li><span>标签</span>Java、Web设计、Python、大数据、爬虫</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-item lw-right-hot"> |
||||
<h4><i class="fa fa-fire lw-mr5" aria-hidden="true"></i>热门文章</h4> |
||||
<ul class="lw-hot-list"> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-danger lw-posa">1</span> |
||||
<img src="/static/image/1.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Freewind主题编辑器展示</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 65580 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-warning lw-posa">2</span> |
||||
<img src="/static/image/2.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Conda虚拟环境使用</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 56283 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-info lw-posa">3</span> |
||||
<img src="/static/image/3.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">纯 CSS 图片碎裂动画教程</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 52213 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-default lw-posa">4</span> |
||||
<img src="/static/image/4.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Spring Boot 3.0 M1 发布</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 23132 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-default lw-posa">5</span> |
||||
<img src="/static/image/5.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">异步上传文件显示进度条</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 12322 </p> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-item lw-tag-cloud"> |
||||
<h4><i class="fa fa-tags lw-mr5" aria-hidden="true"></i>标签云</h4> |
||||
|
||||
<a href="https://www.kevinlu98.cn/tag/freewind/" title="freewind"> |
||||
freewind</a> |
||||
<a href="https://www.kevinlu98.cn/tag/typecho/" title="typecho"> |
||||
typecho</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%8F%92%E4%BB%B6/" title="插件"> |
||||
插件</a> |
||||
<a href="https://www.kevinlu98.cn/tag/emlog/" title="emlog"> |
||||
emlog</a> |
||||
<a href="https://www.kevinlu98.cn/tag/java/" title="java"> |
||||
java</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E4%B8%BB%E9%A2%98/" title="主题"> |
||||
主题</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%87%AA%E7%94%B1%E4%B9%8B%E9%A3%8E/" title="自由之风"> |
||||
自由之风</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%9B%BE%E5%BA%8A/" title="图床"> |
||||
图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%86%B7%E6%96%87%E5%9B%BE%E5%BA%8A/" title="冷文图床"> |
||||
冷文图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/markdown/" title="markdown"> |
||||
markdown</a> |
||||
<a href="https://www.kevinlu98.cn/tag/gitee/" title="gitee"> |
||||
gitee</a> |
||||
<a href="https://www.kevinlu98.cn/tag/springboot/" title="springboot"> |
||||
springboot</a> |
||||
<a href="https://www.kevinlu98.cn/tag/linux/" title="linux"> |
||||
linux</a> |
||||
<a href="https://www.kevinlu98.cn/tag/mac/" title="mac"> |
||||
mac</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%AD%A6%E4%B9%A0/" title="学习"> |
||||
学习</a> |
||||
<a href="https://www.kevinlu98.cn/tag/python/" title="python"> |
||||
python</a> |
||||
<a href="https://www.kevinlu98.cn/tag/conda/" title="conda"> |
||||
conda</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%9B%B8%E5%86%8C/" title="相册"> |
||||
相册</a> |
||||
<a href="https://www.kevinlu98.cn/tag/jsDelivr/" title="jsDelivr"> |
||||
jsDelivr</a> |
||||
<a href="https://www.kevinlu98.cn/tag/cdn/" title="cdn"> |
||||
cdn</a> |
||||
<a href="https://www.kevinlu98.cn/tag/codemirror/" title="codemirror"> |
||||
codemirror</a> |
||||
<a href="https://www.kevinlu98.cn/tag/freedom/" title="freedom"> |
||||
freedom</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%85%BE%E8%AE%AFcos/" title="腾讯cos"> |
||||
腾讯cos</a> |
||||
<a href="https://www.kevinlu98.cn/tag/cos/" title="cos"> |
||||
cos</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%A7%81%E4%BA%BA%E5%9B%BE%E5%BA%8A/" title="私人图床"> |
||||
私人图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%AC%A2%E8%BF%8E%E9%A1%B5/" title="欢迎页"> |
||||
欢迎页</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C/" title="登录注册"> |
||||
登录注册</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%95%99%E7%A8%8B%E4%B8%8B%E8%BD%BD/" title="教程下载"> |
||||
教程下载</a> |
||||
<a href="https://www.kevinlu98.cn/tag/itjc8/" title="itjc8"> |
||||
itjc8</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%99%9A%E6%8B%9F%E6%9C%BA/" title="虚拟机"> |
||||
虚拟机</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="lw-friend-link"> |
||||
<div class="lw-container"> |
||||
<h2>友情链接</h2> |
||||
<a href="">冷文学习者</a> |
||||
<a href="">冷文博客</a> |
||||
<a href="">冷文聊编程</a> |
||||
<a href="">GetHub</a> |
||||
<a href="">CSDN</a> |
||||
<a href="">百度一下</a> |
||||
<a href="">新浪微博</a> |
||||
<a href="">谷歌搜索</a> |
||||
<a href="">知乎</a> |
||||
<a href="">掘金</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<footer> |
||||
<p>冷文学习者 版权所有 <span class="lw-mr5"></span>Copyright © www.kevinlu98.cn All Rights Reserved.</p> |
||||
<p>备案号：陕ICP备19024566-1号 京公网安备 11011402012109号</p> |
||||
</footer> |
||||
|
||||
<div class="lw-mask" id="lw-search-box"> |
||||
<div class="lw-search-conetnt"> |
||||
<a href="javascript:void(0)" class="lw-search-close lw-posa"><i class="fa fa-close"></i></a> |
||||
<div class="lw-search-input lw-posr"> |
||||
<form action="" method="post"> |
||||
<input type="text" placeholder="请输入搜索关键字..."> |
||||
<button class="lw-posa"><i class="fa fa-search lw-mr5"></i>搜索</button> |
||||
</form> |
||||
</div> |
||||
<p>推荐关键字： |
||||
<a href="javascript:void (0)">独立下载</a> |
||||
<a href="javascript:void (0)">评论通知</a> |
||||
<a href="javascript:void (0)">点赞</a> |
||||
<a href="javascript:void (0)">非插件</a> |
||||
<a href="javascript:void (0)">tp5</a> |
||||
<a href="javascript:void (0)">ajax</a> |
||||
<a href="javascript:void (0)">json</a> |
||||
<a href="javascript:void (0)">IO模型</a> |
||||
<a href="javascript:void (0)">跨域</a> |
||||
<a href="javascript:void (0)">javascript</a> |
||||
<a href="javascript:void (0)">springboot</a> |
||||
<a href="javascript:void (0)">视频剪辑</a> |
||||
<a href="javascript:void (0)">后期</a> |
||||
<a href="javascript:void (0)">个人随笔</a> |
||||
</p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="/static/plugin/jquery/jquery-3.5.1.min.js"></script> |
||||
<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> |
||||
<script src="/static/plugin/bootstrap/js/bootstrap.min.js"></script> |
||||
<script src="/static/js/main.js"></script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,247 @@ |
||||
<!DOCTYPE html> |
||||
<html xmlns:th="http://www.thymeleaf.org" lang="en"> |
||||
<head th:fragment="header(title,link,style)"> |
||||
<meta charset="UTF-8"> |
||||
<title th:replace="${title}">Title</title> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
||||
<meta name="description" th:content="${@webSite.description}"> |
||||
<meta name="keywords" th:content="${T(java.lang.String).join(',',@webSite.keywords)}"> |
||||
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --> |
||||
<link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap.min.css"> |
||||
<!-- 可选的 Bootstrap 主题文件（一般不用引入） --> |
||||
<link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap-theme.min.css"> |
||||
<link rel="stylesheet" href="/static/plugin/font-awesome/css/font-awesome.min.css"> |
||||
<th:block th:replace="${style}"></th:block> |
||||
<!-- 自定义css文件 --> |
||||
<link rel="stylesheet" href="/static/css/style.css"> |
||||
<th:block th:replace="${link}"></th:block> |
||||
</head> |
||||
<body> |
||||
<th:block th:fragment="nav"> |
||||
<nav class="lw-md-show"> |
||||
<div class="lw-container lw-header lw-posr "> |
||||
<div class="lw-logo lw-fl"> |
||||
<a href="/"> |
||||
<img th:src="${@webSite.logo eq null or @webSite.logo.length() <= 0}? '/static/image/logo.png': ${@webSite.logo}" |
||||
alt="Barney's Blog" |
||||
style="width: 70px;height: 70px;" |
||||
> |
||||
</a> |
||||
</div> |
||||
<span th:text="${@webSite.getDescription()}" style="font-size: 30px"></span> |
||||
<div class="lw-fr lw-linkme"> |
||||
<a target="_blank" |
||||
th:href="${T(java.lang.String).format('tencent://message/?uin=%s&Site=&menu=yes',@webSite.qq)}"><i |
||||
class="fa fa-qq" aria-hidden="true"></i></a> |
||||
<a target="_blank" th:href="${@webSite.github}"><i class="fa fa-github" aria-hidden="true"></i></a> |
||||
<a target="_blank" th:href="${@webSite.sina}"><i class="fa fa-weibo" aria-hidden="true"></i></a> |
||||
<a target="_blank" |
||||
th:href="${'http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email='+@webSite.mail}"><i |
||||
class="fa fa-envelope" aria-hidden="true"></i></a> |
||||
</div> |
||||
<div class="lw-nav lw-posa"> |
||||
<a href="/"><i class="fa fa-home" aria-hidden="true"></i>首页</a> |
||||
<a href="#">技术分享</a> |
||||
<a href="#">闲言碎语</a> |
||||
<a href="#">个人随笔</a> |
||||
<a href="#"><i class="fa fa-users" aria-hidden="true"></i>友情链接</a> |
||||
<a href="#"><i class="fa fa-user" aria-hidden="true"></i>关于我</a> |
||||
<a href="#"><i class="fa fa-edit" aria-hidden="true"></i>留言板</a> |
||||
<a href="javascript:void(0)" class="lw-fr lw-search-btn" style="padding: 0;"> |
||||
<i class="fa fa-search" aria-hidden="true"></i> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
|
||||
</nav> |
||||
<div class="lw-md-hidden lw-phone-header"> |
||||
<a href="javascript:void(0)" class="lw-posa lw-phone-topbtn lw-search-show lw-search-btn"><i |
||||
class="fa fa-search"></i></a> |
||||
<a class="lw-index" href="/"><h1>冷文学习者</h1></a> |
||||
</div> |
||||
<div class="lw-md-hidden" style="height: 100px;"></div> |
||||
</th:block> |
||||
<th:block th:fragment="right"> |
||||
<div class="lw-right-item lw-profile"> |
||||
<div class="lw-avatar-content lw-posr" |
||||
style="background-image:url(/static/image/5-120601094K3-50.gif);"> |
||||
<div class="lw-avatar lw-posa"> |
||||
<img th:src="${@webSite.avatar}" src="/static/image/avatar.jpeg" alt=""> |
||||
</div> |
||||
</div> |
||||
<ul class="lw-info"> |
||||
<li><span>博主</span> |
||||
<th:block th:text="${@webSite.nickname}"></th:block> |
||||
</li> |
||||
<li><span>坐标</span> |
||||
<th:block th:text="${T(java.lang.String).join(' ',@webSite.address)}"></th:block> |
||||
</li> |
||||
<li><span>标签</span> |
||||
<th:block th:text="${T(java.lang.String).join('、',@webSite.tags)}"></th:block> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-item lw-right-hot"> |
||||
<h4><i class="fa fa-fire lw-mr5" aria-hidden="true"></i>热门文章</h4> |
||||
<ul class="lw-hot-list"> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-danger lw-posa">1</span> |
||||
<img src="/static/image/1.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Freewind主题编辑器展示</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 65580 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-warning lw-posa">2</span> |
||||
<img src="/static/image/2.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Conda虚拟环境使用</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 56283 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-info lw-posa">3</span> |
||||
<img src="/static/image/3.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">纯 CSS 图片碎裂动画教程</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 52213 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-default lw-posa">4</span> |
||||
<img src="/static/image/4.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Spring Boot 3.0 M1 发布</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 23132 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-default lw-posa">5</span> |
||||
<img src="/static/image/5.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">异步上传文件显示进度条</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 12322 </p> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-item lw-tag-cloud"> |
||||
<h4><i class="fa fa-tags lw-mr5" aria-hidden="true"></i>标签云</h4> |
||||
|
||||
<a href="https://www.kevinlu98.cn/tag/freewind/" title="freewind"> |
||||
freewind</a> |
||||
<a href="https://www.kevinlu98.cn/tag/typecho/" title="typecho"> |
||||
typecho</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%8F%92%E4%BB%B6/" title="插件"> |
||||
插件</a> |
||||
<a href="https://www.kevinlu98.cn/tag/emlog/" title="emlog"> |
||||
emlog</a> |
||||
<a href="https://www.kevinlu98.cn/tag/java/" title="java"> |
||||
java</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E4%B8%BB%E9%A2%98/" title="主题"> |
||||
主题</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%87%AA%E7%94%B1%E4%B9%8B%E9%A3%8E/" title="自由之风"> |
||||
自由之风</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%9B%BE%E5%BA%8A/" title="图床"> |
||||
图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%86%B7%E6%96%87%E5%9B%BE%E5%BA%8A/" title="冷文图床"> |
||||
冷文图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/markdown/" title="markdown"> |
||||
markdown</a> |
||||
<a href="https://www.kevinlu98.cn/tag/gitee/" title="gitee"> |
||||
gitee</a> |
||||
<a href="https://www.kevinlu98.cn/tag/springboot/" title="springboot"> |
||||
springboot</a> |
||||
<a href="https://www.kevinlu98.cn/tag/linux/" title="linux"> |
||||
linux</a> |
||||
<a href="https://www.kevinlu98.cn/tag/mac/" title="mac"> |
||||
mac</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%AD%A6%E4%B9%A0/" title="学习"> |
||||
学习</a> |
||||
<a href="https://www.kevinlu98.cn/tag/python/" title="python"> |
||||
python</a> |
||||
<a href="https://www.kevinlu98.cn/tag/conda/" title="conda"> |
||||
conda</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%9B%B8%E5%86%8C/" title="相册"> |
||||
相册</a> |
||||
<a href="https://www.kevinlu98.cn/tag/jsDelivr/" title="jsDelivr"> |
||||
jsDelivr</a> |
||||
<a href="https://www.kevinlu98.cn/tag/cdn/" title="cdn"> |
||||
cdn</a> |
||||
<a href="https://www.kevinlu98.cn/tag/codemirror/" title="codemirror"> |
||||
codemirror</a> |
||||
<a href="https://www.kevinlu98.cn/tag/freedom/" title="freedom"> |
||||
freedom</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%85%BE%E8%AE%AFcos/" title="腾讯cos"> |
||||
腾讯cos</a> |
||||
<a href="https://www.kevinlu98.cn/tag/cos/" title="cos"> |
||||
cos</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%A7%81%E4%BA%BA%E5%9B%BE%E5%BA%8A/" title="私人图床"> |
||||
私人图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%AC%A2%E8%BF%8E%E9%A1%B5/" title="欢迎页"> |
||||
欢迎页</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C/" title="登录注册"> |
||||
登录注册</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%95%99%E7%A8%8B%E4%B8%8B%E8%BD%BD/" title="教程下载"> |
||||
教程下载</a> |
||||
<a href="https://www.kevinlu98.cn/tag/itjc8/" title="itjc8"> |
||||
itjc8</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%99%9A%E6%8B%9F%E6%9C%BA/" title="虚拟机"> |
||||
虚拟机</a> |
||||
</div> |
||||
</th:block> |
||||
<th:block th:fragment="footer"> |
||||
<div class="lw-friend-link"> |
||||
<div class="lw-container"> |
||||
<h2>友情链接</h2> |
||||
<a href="https://hugo.bnblogs.cc">Barney's Blog</a> |
||||
<a href="https://zhihu.com">知乎</a> |
||||
</div> |
||||
</div> |
||||
<footer th:utext="${@webSite.footer}"></footer> |
||||
<div class="lw-mask" id="lw-search-box"> |
||||
<div class="lw-search-conetnt"> |
||||
<a href="javascript:void(0)" class="lw-search-close lw-posa"><i class="fa fa-close"></i></a> |
||||
<div class="lw-search-input lw-posr"> |
||||
<form action="" method="post"> |
||||
<input type="text" placeholder="请输入搜索关键字..."> |
||||
<button class="lw-posa"><i class="fa fa-search lw-mr5"></i>搜索</button> |
||||
</form> |
||||
</div> |
||||
<p>推荐关键字： |
||||
<a href="javascript:void (0)">独立下载</a> |
||||
<a href="javascript:void (0)">评论通知</a> |
||||
<a href="javascript:void (0)">点赞</a> |
||||
<a href="javascript:void (0)">非插件</a> |
||||
<a href="javascript:void (0)">tp5</a> |
||||
<a href="javascript:void (0)">ajax</a> |
||||
<a href="javascript:void (0)">json</a> |
||||
<a href="javascript:void (0)">IO模型</a> |
||||
<a href="javascript:void (0)">跨域</a> |
||||
<a href="javascript:void (0)">javascript</a> |
||||
<a href="javascript:void (0)">springboot</a> |
||||
<a href="javascript:void (0)">视频剪辑</a> |
||||
<a href="javascript:void (0)">后期</a> |
||||
<a href="javascript:void (0)">个人随笔</a> |
||||
</p> |
||||
</div> |
||||
</div> |
||||
<script src="/static/plugin/jquery/jquery-3.5.1.min.js"></script> |
||||
<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> |
||||
<script src="/static/plugin/bootstrap/js/bootstrap.min.js"></script> |
||||
<script src="/static/plugin/swiper-bundle/swiper-bundle.min.js"></script> |
||||
<script src="/static/js/main.js"></script> |
||||
</th:block> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,654 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>Title</title> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
||||
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --> |
||||
<link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap.min.css"> |
||||
<!-- 可选的 Bootstrap 主题文件（一般不用引入） --> |
||||
<link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap-theme.min.css"> |
||||
<link rel="stylesheet" href="/static/plugin/font-awesome/css/font-awesome.min.css"> |
||||
<!-- 自定义css文件 --> |
||||
<link rel="stylesheet" href="/static/css/style.css"> |
||||
</head> |
||||
<body> |
||||
<nav class="lw-md-show"> |
||||
<div class="lw-container lw-header lw-posr "> |
||||
<div class="lw-logo lw-fl"> |
||||
<a href="/"> |
||||
<img src="/static/image/logo.png" alt="冷文的个人博客"> |
||||
</a> |
||||
</div> |
||||
<span>让崇拜从这里开始，用代码做点好玩的事件，让每一天都变的充实起来!</span> |
||||
<div class="lw-fr lw-linkme"> |
||||
<a href="#"><i class="fa fa-qq" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-wechat" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-weibo" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a> |
||||
</div> |
||||
<div class="lw-nav lw-posa"> |
||||
<a href="/"><i class="fa fa-home" aria-hidden="true"></i>首页</a> |
||||
<a href="#">技术分享</a> |
||||
<a href="#">闲言碎语</a> |
||||
<a href="#">个人随笔</a> |
||||
<a href="#"><i class="fa fa-users" aria-hidden="true"></i>友情链接</a> |
||||
<a href="#"><i class="fa fa-user" aria-hidden="true"></i>关于我</a> |
||||
<a href="#"><i class="fa fa-edit" aria-hidden="true"></i>留言板</a> |
||||
<a href="javascript:void(0)" class="lw-fr lw-search-btn" style="padding: 0;"> |
||||
<i class="fa fa-search" aria-hidden="true"></i> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</nav> |
||||
<div class="lw-md-hidden lw-phone-header"> |
||||
<a href="javascript:void(0)" class="lw-posa lw-phone-topbtn lw-search-show lw-search-btn"><i |
||||
class="fa fa-search"></i></a> |
||||
<a class="lw-index" href="/"><h1>冷文学习者</h1></a> |
||||
</div> |
||||
<div class="lw-md-hidden" style="height: 100px;"></div> |
||||
|
||||
<div class="lw-container lw-main lw-posr"> |
||||
<div class="lw-left-list"> |
||||
<div class="lw-article-list"> |
||||
<ol class="breadcrumb lw-crumb"> |
||||
<li><a href="/">首页</a></li> |
||||
<li><a href="/">Freewind相关</a></li> |
||||
<li class="active">正文</li> |
||||
</ol> |
||||
<div class="lw-article"> |
||||
<div class="lw-article-title"> |
||||
<h1>Freewind主题编辑器展示</h1> |
||||
<p> |
||||
<i class="fa fa-clock-o lw-mr5"></i>2022-09-28 12:00 |
||||
<i class="fa fa-eye lw-mr5 lw-ml10"></i>11283 |
||||
<i class="fa fa-comment lw-ml10 lw-mr5"></i>9382 |
||||
<i class="fa fa-folder lw-ml10 lw-mr5"></i> <a href="">Freewind相关</a> |
||||
<i class="fa fa-tags lw-ml10 lw-mr5"></i> <a href="">markdown</a><a href="">freewind</a><a |
||||
href="">codemirror</a> |
||||
</p> |
||||
</div> |
||||
<div class="lw-article-content"> |
||||
前言 |
||||
Freewind主题终于迎来了1.4的更新，同时也有了自己的编辑器，编辑器基于 |
||||
codemirror这款开源产品进行开发，同时也将编辑器抽出了一个项目，大家有兴趣可以参考 |
||||
|
||||
markdown之外的支持https://imagebed-1252410096.cos.ap-nanjing.myqcloud.com/2057/1e863a92e3cf418e930649d8067b73df.jpg |
||||
Codemirror官方文档：传送门 |
||||
|
||||
编辑器地址：Github |
||||
|
||||
MD之外的功能展示 |
||||
提示 |
||||
我是一个成功提示 |
||||
|
||||
我是一个失败提示 |
||||
|
||||
我是一个信息提示 |
||||
|
||||
我是一个警告提示 |
||||
消息 |
||||
我是一个成功消息 |
||||
我是一个成功消息 |
||||
我是一个成功消息 |
||||
我是一个成功消息 |
||||
我是一个失败消息 |
||||
我是一个失败消息 |
||||
我是一个失败消息 |
||||
我是一个失败消息 |
||||
我是一个信息消息 |
||||
我是一个信息消息 |
||||
我是一个信息消息 |
||||
我是一个信息消息 |
||||
|
||||
我是一个警告消息 |
||||
我是一个警告消息 |
||||
我是一个警告消息 |
||||
我是一个警告消息 |
||||
Tab栏 |
||||
tab栏1tab栏2tab栏3 |
||||
内容1 |
||||
彩色分割线 |
||||
颜色可以自定义 |
||||
|
||||
|
||||
分组卡片 |
||||
分组1分组1内容 |
||||
分组2分组2内容 |
||||
跳转按钮组 |
||||
图标可改，采用 font-awesome |
||||
正常按钮 |
||||
|
||||
成功按钮 |
||||
|
||||
失败按钮 |
||||
|
||||
信息按钮 |
||||
|
||||
警告按钮 |
||||
|
||||
B站视频 |
||||
|
||||
|
||||
音乐 |
||||
支持单曲与歌单模式 |
||||
|
||||
Girl - Alexander 23 |
||||
作词 : Alexander 23 |
||||
|
||||
作曲 : Alexander 23 |
||||
|
||||
Hey, I know we just met but... (尽管有些生疏) |
||||
|
||||
Girl, tell me all of your secrets (女孩请你对我敞开心扉) |
||||
|
||||
From the darkest to the deepest, uh (在黑暗的最深处) |
||||
|
||||
I would love to know what's underneath those curls (有多少奥秘藏在卷发之下) |
||||
|
||||
I've got 21 questions (21个问题已经待命) |
||||
|
||||
How could someone of your essence,uh (像你这样的人) |
||||
|
||||
End up in my arms (怎么会进入我的怀抱) |
||||
|
||||
I'm not gonna lie to you, I'm a little suspicious (撒谎不是我本意，多疑在作怪) |
||||
|
||||
Are you really mine or are you someone else's missus? (你是否归属于我？) |
||||
|
||||
This feels way too good to be true and when that's the instance (若为一例，身心愉悦) |
||||
|
||||
It usually is, usually is, is, is (当然是通常一例) |
||||
|
||||
Girl, tell me all of your secrets (请对我敞开心扉) |
||||
|
||||
From the darkest to the deepest, uh (不论黑暗与沉沦) |
||||
|
||||
I would love to know what's underneath those curls (我想探寻卷发下的奥秘) |
||||
|
||||
I've got 21 questions (想来21个连环发问) |
||||
|
||||
How could someone of your essence, uh (别让你的真命天子看到) |
||||
|
||||
End up in my arms (倒在我怀里的你) |
||||
|
||||
You left me a voicemail, didn't know I had a voicemail (迷糊的你发来语音，以为我不知道) |
||||
|
||||
Now I listen to it when I wanna hear your voice, girl (现在我沦陷在你的甜蜜中) |
||||
|
||||
You're my favorite type of smoke that I have ever inhaled (沉沦在你的温柔乡) |
||||
|
||||
You know you're a star, know you're a star, star, star (你是璀璨明星) |
||||
|
||||
Girl, tell me all of your secrets (对我敞开心扉吧) |
||||
|
||||
From the darkest to the deepest, uh (即便阴暗也好) |
||||
|
||||
I would love to know what's underneath those curls (让我探寻你的秘密花园) |
||||
|
||||
I've got 21 questions (发起真心提问) |
||||
|
||||
How could someone of your essence, uh (我是你的真命天子) |
||||
|
||||
End up in my arms (这个在臂弯中的你) |
||||
|
||||
Baby, bring the beat back in (宝贝 把节奏找回来) |
||||
|
||||
Girl, girl, girl, girl... (女孩) |
||||
|
||||
End up in my- (沦陷在我的怀抱) |
||||
|
||||
|
||||
Way Down - MØ |
||||
作词 : Karen Marie Ørsted/Ajay Bhattacharyya/Cara Salimando/A.s. Govere/Letter Mbulu/Caiphus Semenya |
||||
|
||||
作曲 : Karen Marie Ørsted/Ajay Bhattacharyya/Cara Salimando/A.s. Govere/Letter Mbulu/Caiphus Semenya |
||||
|
||||
All of the day, all of the night (一整天 一整夜) |
||||
|
||||
Flashing through the headlight (光亮一闪而过) |
||||
|
||||
Lights in the sky and I'm gonna die (天上霓虹 我如临天堂) |
||||
|
||||
And I'm gonna be alright (mhmm) (但我会安然无恙的) |
||||
|
||||
And I hear it like a call from the wild (我仿佛听见野性的呼唤) |
||||
|
||||
And I keep putting coal on the fire (我持续不断往火中加炭) |
||||
|
||||
If I'm gonna lose my mind (如果我将失去理智) |
||||
|
||||
Tell 'em I'ma do it stylin' (告诉他们我要按我的方式来) |
||||
|
||||
Ooh, la la, ooh |
||||
|
||||
I just wanna get ****** up with my baby (我只想和我的宝贝胡作非为) |
||||
|
||||
Ooh, la la, ooh |
||||
|
||||
Tell 'em not to worry about me (告诉他们不要担心我) |
||||
|
||||
I'm on my way down (我正不断沉沦呢) |
||||
|
||||
Ooh, la la, ooh |
||||
|
||||
I just wanna get ****** up with my baby (我只想和我的宝贝胡作非为) |
||||
|
||||
Ooh, la la, ooh |
||||
|
||||
Catch me on the bottom, oh (来欲望的谷底抓我啊) |
||||
|
||||
'Cause I'm on my way down (我正不断沉沦呢) |
||||
|
||||
On my way down, on my way down (一路向下 直指谷底) |
||||
|
||||
Time is up, time is up (时间到了 是时候了) |
||||
|
||||
Time is up, time is up (时间到了 是时候了) |
||||
|
||||
Catch me on the bottom, oh (来欲望的谷底抓我啊) |
||||
|
||||
'Cause I'm on my way down (我正不断沉沦呢) |
||||
|
||||
California (加利福尼亚) |
||||
|
||||
All of my life, been trying to find the little bit of paradise (穷尽一生 寻找天堂的一丝一缕) |
||||
|
||||
So I'm gonna play a video game (所以我要玩点刺激的电子游戏) |
||||
|
||||
I've never been a socialite (我从来都不是什么社会名流) |
||||
|
||||
I'm just waiting for the stars to align (我只是在等待天赐良机) |
||||
|
||||
Yeah, waiting for the stars to align (是啊 等待天赐良机) |
||||
|
||||
If I'm gonna lose my mind (如果我将失去理智) |
||||
|
||||
Tell 'em I'ma do it stylin' (告诉他们我要按我的方式来) |
||||
|
||||
Ooh, la la, ooh |
||||
|
||||
I just wanna get ****** up with my baby (baby) (我只想和我的宝贝胡作非为) |
||||
|
||||
Ooh, la la, ooh |
||||
|
||||
Tell 'em not to worry about me (告诉他们不要担心我) |
||||
|
||||
I'm on my way down (on my way down) (我正不断沉沦呢) |
||||
|
||||
Ooh, la la, ooh |
||||
|
||||
I just wanna get ****** up with my baby (baby) (我只想和我的宝贝胡作非为) |
||||
|
||||
Ooh, la la, ooh |
||||
|
||||
Catch me on the bottom, oh (来欲望的谷底抓我啊) |
||||
|
||||
'Cause I'm on my way down (我正不断沉沦呢) |
||||
|
||||
On my way down, on my way down (一路向下 直指谷底) |
||||
|
||||
Time is up, time is up (时间到了 是时候了) |
||||
|
||||
Time is up, time is up (时间到了 是时候了) |
||||
|
||||
Time is up, time is up (时间到了 是时候了) |
||||
|
||||
Catch me on the bottom, oh (来欲望的谷底抓我啊) |
||||
|
||||
'Cause I'm on my way down (我正不断沉沦呢) |
||||
|
||||
I'm, I'm on my way (一路向下) |
||||
|
||||
I'm, I'm on my way down (我正不断沉沦呢) |
||||
|
||||
I'm, I'm on my way (一路向下) |
||||
|
||||
We should be together when we go down (我们应该抓紧彼此 当陷于深渊之时) |
||||
|
||||
I'm, I'm on my way (一路向下) |
||||
|
||||
I'm, I'm on my way down (我正不断沉沦呢) |
||||
|
||||
I'm, I'm on my way (一路向下) |
||||
|
||||
Catch me on the bottom, oh (来欲望的谷底抓我啊) |
||||
|
||||
'Cause I'm on my way down (我正不断沉沦呢) |
||||
|
||||
On my way down (一路向下 直指谷底) |
||||
|
||||
Time is up, time is up (时间到了 是时候了) |
||||
|
||||
Catch me on the bottom, oh (来欲望的谷底抓我啊) |
||||
|
||||
'Cause I'm on my way down (我正不断沉沦呢) |
||||
|
||||
California, where your dreams will come true (加利福尼亚 你梦想成真之地) |
||||
</div> |
||||
<ul class="lw-article-right"> |
||||
<li> |
||||
<svg t="1664366825703" class="icon" viewBox="0 0 1024 1024" version="1.1" |
||||
xmlns="http://www.w3.org/2000/svg" p-id="919" width="200" height="200"> |
||||
<path d="M512 512m-448 0a448 448 0 1 0 896 0 448 448 0 1 0-896 0Z" fill="#FB3A83" |
||||
p-id="920"></path> |
||||
<path d="M676.5 701c-9 0-16.6-6.3-18.1-15-1.1-6-2.5-11.6-4.2-16.7l-0.1-0.2-0.1-0.2c-9.1-31.5-29.1-59-56.6-78-26.2 13.2-55.6 20.1-85.3 20.1-29.8 0-59.2-7-85.5-20.2-27.6 19-47.7 46.5-56.8 78.1-0.2 0.7-2.1 7.9-4.8 18.5-2 8.1-9.3 13.7-17.8 13.7h-10.7c-4.8 0-9.4-2-12.5-5.6-3.1-3.5-4.6-8.2-4-12.8 8.1-60.2 46.2-113.1 101.7-141.5l5.4-2.8 5.1 3.4c23.5 15.9 51.1 24.3 79.8 24.3 28.7 0 56.2-8.4 79.7-24.2l5.1-3.4 5.4 2.8c55.4 28.4 93.4 81.3 101.5 141.4 0.6 4.6-0.8 9.3-4 12.8s-7.7 5.6-12.5 5.6h-10.7zM512.2 526.3c-74.5 0-135-60-135-133.6S437.7 259 512.2 259s135 60 135 133.6c0 73.7-60.5 133.7-135 133.7z m0-222.4c-49.6 0-89.9 39.8-89.9 88.8s40.3 88.8 89.9 88.8c49.6 0 89.9-39.8 89.9-88.8s-40.3-88.8-89.9-88.8z" |
||||
fill="#FFFFFF" p-id="921"></path> |
||||
</svg> |
||||
<span>版权所属: <a href="https://kevinlu98.cn/">冷文学习者</a></span> |
||||
</li> |
||||
<li> |
||||
<svg t="1664366893739" class="icon" viewBox="0 0 1024 1024" version="1.1" |
||||
xmlns="http://www.w3.org/2000/svg" p-id="1067" width="200" height="200"> |
||||
<path d="M512 512m-448 0a448 448 0 1 0 896 0 448 448 0 1 0-896 0Z" fill="#FA5151" |
||||
p-id="1068"></path> |
||||
<path d="M610.2 324c22.6 20.5 33.8 49 33.8 85.2 0 26.6-7.5 50.2-22.4 70.7-5.6 6.9-22.2 22.4-49.6 46.5-12.5 10.5-21.8 21.4-27.8 32.6-7.7 12.9-11.5 27.8-11.5 44.7v13.9h-49v-13.9c0-20.1 3.8-37.7 11.5-52.6 7.3-17.3 27.6-40.7 61-70.1 8.1-8.1 14.9-15.3 20.5-21.8 11.7-15.3 17.5-31.2 17.5-47.7 0-24.2-6.6-42.9-19.9-56.2-14.1-14.1-34.1-21.2-59.8-21.2-29.8 0-52.2 9.9-67.1 29.6-12.9 17.3-19.3 40.5-19.3 69.5h-48.4c0-41.9 11.9-75.7 35.7-101.5 25-26.6 58.8-39.9 101.5-39.9 39.7 0.2 70.7 10.9 93.3 32.2z m-75.5 346.4c6.8 6.9 10.3 15.3 10.3 25.4 0 10.5-3.4 19.1-10.3 26-7.7 6.9-16.3 10.3-26 10.3-10.5 0-19.1-3.4-26-10.3-7.3-7.3-10.9-15.9-10.9-26 0-10.5 3.6-18.9 10.9-25.4 6.4-6.8 15.1-10.3 26-10.3 10.4 0 19.1 3.4 26 10.3z" |
||||
fill="#FFFFFF" p-id="1069"></path> |
||||
</svg> |
||||
<span>本文链接: <a href="https://kevinlu98.cn/archives/101.html">https://kevinlu98.cn/archives/101.html</a></span> |
||||
</li> |
||||
<li> |
||||
<svg t="1664366925081" class="icon" viewBox="0 0 1024 1024" version="1.1" |
||||
xmlns="http://www.w3.org/2000/svg" p-id="1215" width="200" height="200"> |
||||
<path d="M800.3 205.1L534.8 116c-16-5.4-33.3-5.3-49.2 0.2l-264.5 92.3c-29.3 10-49 37.5-49.1 68.4l1.7 265.4c0.7 81 31.1 158.9 85.6 218.9 25 27.7 56.9 51.5 97.8 72.7l144 74.6c9 4.7 19.7 4.6 28.7-0.2L672.5 832c40.4-21.6 72.2-45.7 96.9-73.8 53.6-60.6 83-138.9 82.6-219.8l-1.7-265.6c-0.5-30.9-20.5-58.1-50-67.7z" |
||||
fill="#FFC300" p-id="1216"></path> |
||||
<path d="M512 597c-13.9 0-25.2-11.3-25.2-25.2V345.2c0-13.9 11.3-25.2 25.2-25.2 13.9 0 25.2 11.3 25.2 25.2v226.6c0 13.9-11.3 25.2-25.2 25.2z" |
||||
fill="#FFFFFF" p-id="1217"></path> |
||||
<path d="M512 674.1m-29.9 0a29.9 29.9 0 1 0 59.8 0 29.9 29.9 0 1 0-59.8 0Z" fill="#FFFFFF" |
||||
p-id="1218"></path> |
||||
</svg> |
||||
<span>协议授权: <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》</a></span> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-comment-box row lw-m0"> |
||||
<h2>评论(6)</h2> |
||||
<form action=""> |
||||
<div class="col-md-12 lw-p0" style="padding-right: 10px;"> |
||||
<textarea placeholder="请输入你的评论..."></textarea> |
||||
</div> |
||||
<div class="col-md-4 col-xs-12 lw-comment-input lw-posr"> |
||||
<input type="text" placeholder="请输入昵称..."> |
||||
<i class="fa fa-user lw-comment-input lw-posa"></i> |
||||
</div> |
||||
<div class="col-md-4 col-xs-12 lw-comment-input lw-posr"> |
||||
<input type="email" placeholder="请输入电子邮件..."> |
||||
<i class="fa fa-envelope lw-posa"></i> |
||||
</div> |
||||
<div class="col-md-4 col-xs-12 lw-comment-input lw-posr"> |
||||
<input type="url" placeholder="请输入主页地址..."> |
||||
<i class="fa fa-link fa-link lw-posa"></i> |
||||
</div> |
||||
|
||||
</form> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="lw-comment-list"> |
||||
<ul> |
||||
<li class="lw-posr"> |
||||
<div class="lw-comment-avatar lw-posa"> |
||||
<img src="https://kevinlu98.cn/freecdn-1.4/image/avatar/22.png" alt=""> |
||||
</div> |
||||
<div class="lw-comment-content"> |
||||
<p><b>xpboy</b> <span>2022-06-03 18:32</span> <a href="">回复</a></p> |
||||
<p class="lw-comment-info"> |
||||
已经解决，问题是后台的的永久链接--重写功能，一定要开启成功，我是开启没有成功，但是可以使用，部分功能受限，如点赞、登录、注册等。我是windows |
||||
iis，添加web.config放到网站根目录就可以了，希望踩坑的朋友注意了。具体的web.config伪静态规则代码，可以联系我免费提供哦 |
||||
qq24985536，希望帮助到大家</p> |
||||
</div> |
||||
<ul> |
||||
<li class="lw-posr"> |
||||
<div class="lw-comment-avatar lw-posa"> |
||||
<img src="https://q1.qlogo.cn/g?b=qq&nk=1518228633&s=100" alt=""> |
||||
</div> |
||||
<div class="lw-comment-content"> |
||||
<p><b>VOODOO</b> <span>2022-09-28 19:53</span> <a href="">回复</a></p> |
||||
<p class="lw-comment-info"> |
||||
@xpboy |
||||
<br> |
||||
谢谢</p> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li class="lw-posr"> |
||||
<div class="lw-comment-avatar lw-posa"> |
||||
<img src="https://q1.qlogo.cn/g?b=qq&nk=68159424&s=100" alt=""> |
||||
</div> |
||||
<div class="lw-comment-content"> |
||||
<p><b>anle</b> <span>2022-06-03 18:32</span> <a href="">回复</a></p> |
||||
<p class="lw-comment-info"> |
||||
您好～我是俺没偷前端的运营，关注了您在分享的技术文章，觉得您的这套模板很棒，我们诚挚邀请您加入俺没偷前端CP主计划。完整福利和详细介绍请见：https://anlenotes.com/cp |
||||
我们会给作者提供包括流量、创作分成等， 我们诚挚的邀请您并期待您的加入~</p> |
||||
</div> |
||||
</li> |
||||
<li class="lw-posr"> |
||||
<div class="lw-comment-avatar lw-posa"> |
||||
<img src="https://q1.qlogo.cn/g?b=qq&nk=602314742&s=100" alt=""> |
||||
</div> |
||||
<div class="lw-comment-content"> |
||||
<p><b>王伟忘记使自己快乐</b> <span>2022-06-03 18:32</span> <a href="">回复</a></p> |
||||
<p class="lw-comment-info"> |
||||
你好，请问一下，搭建的网页，在本地访问一点问题都没有，通过互联网域名访问，打开很慢，而且显示不正常，电脑手机都是一样的，是什么问题呢</p> |
||||
</div> |
||||
</li> |
||||
<li class="lw-posr"> |
||||
<div class="lw-comment-avatar lw-posa"> |
||||
<img src="https://q1.qlogo.cn/g?b=qq&nk=545431&s=100" alt=""> |
||||
</div> |
||||
<div class="lw-comment-content"> |
||||
<p><b>小布丁</b> <span>2022-06-03 18:32</span> <a href="">回复</a></p> |
||||
<p class="lw-comment-info"> |
||||
为什么启用这个主题 后，评论用不了了，报错。</p> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
|
||||
<ul class="lw-pagenation"> |
||||
<li><a href="">首页</a></li> |
||||
<li><a href="">1</a></li> |
||||
<li><a href="">2</a></li> |
||||
<li><a href="">3</a></li> |
||||
<li><a href="">4</a></li> |
||||
<li><a href="">5</a></li> |
||||
<li><a href="">尾页</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-list lw-md-show lw-posa"> |
||||
<div class="lw-right-item lw-profile"> |
||||
<div class="lw-avatar-content lw-posr" |
||||
style="background-image:url(/static/image/5-120601094K3-50.gif);"> |
||||
<div class="lw-avatar lw-posa"> |
||||
<img src="/static/image/avatar.jpeg" alt=""> |
||||
</div> |
||||
</div> |
||||
<ul class="lw-info"> |
||||
<li><span>博主</span>Mr丶冷文</li> |
||||
<li><span>坐标</span>北京 昌平</li> |
||||
<li><span>标签</span>Java、Web设计、Python、大数据、爬虫</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-item lw-right-hot"> |
||||
<h4><i class="fa fa-fire lw-mr5" aria-hidden="true"></i>热门文章</h4> |
||||
<ul class="lw-hot-list"> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-danger lw-posa">1</span> |
||||
<img src="/static/image/1.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Freewind主题编辑器展示</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 65580 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-warning lw-posa">2</span> |
||||
<img src="/static/image/2.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Conda虚拟环境使用</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 56283 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-info lw-posa">3</span> |
||||
<img src="/static/image/3.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">纯 CSS 图片碎裂动画教程</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 52213 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-default lw-posa">4</span> |
||||
<img src="/static/image/4.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Spring Boot 3.0 M1 发布</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 23132 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-default lw-posa">5</span> |
||||
<img src="/static/image/5.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">异步上传文件显示进度条</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 12322 </p> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-item lw-tag-cloud"> |
||||
<h4><i class="fa fa-tags lw-mr5" aria-hidden="true"></i>标签云</h4> |
||||
|
||||
<a href="https://www.kevinlu98.cn/tag/freewind/" title="freewind"> |
||||
freewind</a> |
||||
<a href="https://www.kevinlu98.cn/tag/typecho/" title="typecho"> |
||||
typecho</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%8F%92%E4%BB%B6/" title="插件"> |
||||
插件</a> |
||||
<a href="https://www.kevinlu98.cn/tag/emlog/" title="emlog"> |
||||
emlog</a> |
||||
<a href="https://www.kevinlu98.cn/tag/java/" title="java"> |
||||
java</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E4%B8%BB%E9%A2%98/" title="主题"> |
||||
主题</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%87%AA%E7%94%B1%E4%B9%8B%E9%A3%8E/" title="自由之风"> |
||||
自由之风</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%9B%BE%E5%BA%8A/" title="图床"> |
||||
图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%86%B7%E6%96%87%E5%9B%BE%E5%BA%8A/" title="冷文图床"> |
||||
冷文图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/markdown/" title="markdown"> |
||||
markdown</a> |
||||
<a href="https://www.kevinlu98.cn/tag/gitee/" title="gitee"> |
||||
gitee</a> |
||||
<a href="https://www.kevinlu98.cn/tag/springboot/" title="springboot"> |
||||
springboot</a> |
||||
<a href="https://www.kevinlu98.cn/tag/linux/" title="linux"> |
||||
linux</a> |
||||
<a href="https://www.kevinlu98.cn/tag/mac/" title="mac"> |
||||
mac</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%AD%A6%E4%B9%A0/" title="学习"> |
||||
学习</a> |
||||
<a href="https://www.kevinlu98.cn/tag/python/" title="python"> |
||||
python</a> |
||||
<a href="https://www.kevinlu98.cn/tag/conda/" title="conda"> |
||||
conda</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%9B%B8%E5%86%8C/" title="相册"> |
||||
相册</a> |
||||
<a href="https://www.kevinlu98.cn/tag/jsDelivr/" title="jsDelivr"> |
||||
jsDelivr</a> |
||||
<a href="https://www.kevinlu98.cn/tag/cdn/" title="cdn"> |
||||
cdn</a> |
||||
<a href="https://www.kevinlu98.cn/tag/codemirror/" title="codemirror"> |
||||
codemirror</a> |
||||
<a href="https://www.kevinlu98.cn/tag/freedom/" title="freedom"> |
||||
freedom</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%85%BE%E8%AE%AFcos/" title="腾讯cos"> |
||||
腾讯cos</a> |
||||
<a href="https://www.kevinlu98.cn/tag/cos/" title="cos"> |
||||
cos</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%A7%81%E4%BA%BA%E5%9B%BE%E5%BA%8A/" title="私人图床"> |
||||
私人图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%AC%A2%E8%BF%8E%E9%A1%B5/" title="欢迎页"> |
||||
欢迎页</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C/" title="登录注册"> |
||||
登录注册</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%95%99%E7%A8%8B%E4%B8%8B%E8%BD%BD/" title="教程下载"> |
||||
教程下载</a> |
||||
<a href="https://www.kevinlu98.cn/tag/itjc8/" title="itjc8"> |
||||
itjc8</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%99%9A%E6%8B%9F%E6%9C%BA/" title="虚拟机"> |
||||
虚拟机</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="lw-friend-link"> |
||||
<div class="lw-container"> |
||||
<h2>友情链接</h2> |
||||
<a href="">冷文学习者</a> |
||||
<a href="">冷文博客</a> |
||||
<a href="">冷文聊编程</a> |
||||
<a href="">GetHub</a> |
||||
<a href="">CSDN</a> |
||||
<a href="">百度一下</a> |
||||
<a href="">新浪微博</a> |
||||
<a href="">谷歌搜索</a> |
||||
<a href="">知乎</a> |
||||
<a href="">掘金</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<footer> |
||||
<p>冷文学习者 版权所有 <span class="lw-mr5"></span>Copyright © www.kevinlu98.cn All Rights Reserved.</p> |
||||
<p>备案号：陕ICP备19024566-1号 京公网安备 11011402012109号</p> |
||||
</footer> |
||||
|
||||
<div class="lw-mask" id="lw-search-box"> |
||||
<div class="lw-search-conetnt"> |
||||
<a href="javascript:void(0)" class="lw-search-close lw-posa"><i class="fa fa-close"></i></a> |
||||
<div class="lw-search-input lw-posr"> |
||||
<form action="" method="post"> |
||||
<input type="text" placeholder="请输入搜索关键字..."> |
||||
<button class="lw-posa"><i class="fa fa-search lw-mr5"></i>搜索</button> |
||||
</form> |
||||
</div> |
||||
<p>推荐关键字： |
||||
<a href="javascript:void (0)">独立下载</a> |
||||
<a href="javascript:void (0)">评论通知</a> |
||||
<a href="javascript:void (0)">点赞</a> |
||||
<a href="javascript:void (0)">非插件</a> |
||||
<a href="javascript:void (0)">tp5</a> |
||||
<a href="javascript:void (0)">ajax</a> |
||||
<a href="javascript:void (0)">json</a> |
||||
<a href="javascript:void (0)">IO模型</a> |
||||
<a href="javascript:void (0)">跨域</a> |
||||
<a href="javascript:void (0)">javascript</a> |
||||
<a href="javascript:void (0)">springboot</a> |
||||
<a href="javascript:void (0)">视频剪辑</a> |
||||
<a href="javascript:void (0)">后期</a> |
||||
<a href="javascript:void (0)">个人随笔</a> |
||||
</p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="/static/plugin/jquery/jquery-3.5.1.min.js"></script> |
||||
<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> |
||||
<script src="/static/plugin/bootstrap/js/bootstrap.min.js"></script> |
||||
<script src="/static/js/main.js"></script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,209 @@ |
||||
<!DOCTYPE html> |
||||
<html xmlns:th="http://www.thymeleaf.org" lang="en"> |
||||
<head th:replace="common::header(~{::title},~{::link},~{::style})"> |
||||
<title th:text="${'首页 - ' + @webSite.title}"></title> |
||||
|
||||
<link rel="stylesheet" href="/static/plugin/swiper-bundle/swiper-bundle.min.css"> |
||||
<!-- 自定义css文件 --> |
||||
<link rel="stylesheet" href="/static/css/style.css"> |
||||
<style> |
||||
.swiper-slide { |
||||
text-align: center; |
||||
font-size: 18px; |
||||
background: #fff; |
||||
|
||||
/* Center slide text vertically */ |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: -webkit-flex; |
||||
display: flex; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
-webkit-justify-content: center; |
||||
justify-content: center; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
-webkit-align-items: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.swiper-slide img { |
||||
display: block; |
||||
width: 100%; |
||||
height: 100%; |
||||
object-fit: cover; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<th:block th:include="common::nav"></th:block> |
||||
|
||||
<div class="lw-container lw-main lw-posr"> |
||||
<div class="lw-left-list"> |
||||
<div class="swiper mySwiper lw-swiper"> |
||||
<div class="swiper-wrapper"> |
||||
<div class="swiper-slide lw-posr"> |
||||
<img src="/static/image/banner/1.jpg" alt="" srcset=""> |
||||
<div class="lw-banner-info lw-posa"> |
||||
<a href="#"><h2 class="lw-text-hidden"><span class="label label-danger lw-mr5">站长推荐</span>Freewind |
||||
一一typecho主题 |
||||
</h2></a> |
||||
<p>仅700多k的体积，拥有相册、说说、时间轴、友链、更换配色等功能，了解更多请移步至官网查看...</p> |
||||
</div> |
||||
</div> |
||||
<div class="swiper-slide lw-posr"> |
||||
<img src="/static/image/banner/2.jpg" alt="" srcset=""> |
||||
<div class="lw-banner-info lw-posa"> |
||||
<a href="#"><h2 class="lw-text-hidden"><span class="label label-danger lw-mr5">站长推荐</span>Freewind主题编辑器功能 |
||||
</h2></a> |
||||
<p>Freewind主题终于迎来了1.4的更新，同时也有了自己的编辑器，编辑器基于 |
||||
codemirror这款开源产品进行开发，同时也将编辑器抽出了一个项目，大家有兴趣可以参考...</p> |
||||
</div> |
||||
</div> |
||||
<div class="swiper-slide lw-posr"> |
||||
<img src="/static/image/banner/3.jpg" alt="" srcset=""> |
||||
<div class="lw-banner-info lw-posa"> |
||||
<a href="#"><h2 class="lw-text-hidden"><span class="label label-danger lw-mr5">站长推荐</span>冷文图床(腾讯COS)-个人版 |
||||
</h2></a> |
||||
<p>一款基于腾讯COS的图床源码，采用java编写，有部署教程...</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="swiper-button-next"></div> |
||||
<div class="swiper-button-prev"></div> |
||||
<div class="swiper-pagination"></div> |
||||
</div> |
||||
<div class="lw-article-list"> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/1.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2> |
||||
<a class="lw-xs-hidden" href=""><span class="lw-category">Python相关</span></a> |
||||
<a href="">Conda虚拟环境使用Conda虚拟环境使用Conda虚拟环境使用</a> |
||||
</h2> |
||||
<p class="lw-desc">Conda虚拟环境使用查看虚拟环境conda env list创建虚拟环境conda create -n |
||||
[venvname]将[venvnConda虚拟环境使用查看虚拟环境conda env list创建虚拟环境conda create -n |
||||
[venvname]将[venvnConda虚拟环境使用查看虚拟环境conda env list创建虚拟环境conda create -n |
||||
[venvname]将[venvn...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 |
||||
12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/2.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2> |
||||
<a class="lw-xs-hidden" href=""><span class="lw-category">个人随笔</span></a> |
||||
<a href=""> 关于我这些年的经历</a></h2> |
||||
<p class="lw-desc"> |
||||
人这一辈子那么有限，作为一个普通人，也许我穷极一生也不会有什么大的成就可以让外人为我写下一个传记。但是我可以用自己的手记录下我这一生，吃过的...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 |
||||
12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/3.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2><a class="lw-xs-hidden" href=""><span class="lw-category">技术学习</span></a> |
||||
<a href=""> Spring Boot 3.0 M1 发布</a></h2> |
||||
<p class="lw-desc">Spring Boot 3.0 M1 发布Spring Boot 3.0.0-M1Spring Boot |
||||
近日发布了第一个里程碑版本：Spr...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 |
||||
12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/4.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2><a class="lw-xs-hidden" href=""><span class="lw-category">技术学习</span></a> |
||||
<a href=""> 异步上传文件显示进度条</a></h2> |
||||
<p class="lw-desc"> |
||||
异步上传文件显示进度条问题我们在写网站时难免会遇到需要上传文件的场景，但当上传大文件时比如5个G的文件直接用表单直接提交文件会出现页面卡顿、...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 |
||||
12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/5.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2><a class="lw-xs-hidden" href=""><span class="lw-category">技术学习</span></a> |
||||
<a href=""> 纯 CSS 图片碎裂动画教程</a></h2> |
||||
<p class="lw-desc"> |
||||
纯CSS图片碎裂动画教程前言最近看到一篇文章是关于css做图片销毁图片效果的，觉得不错，就给大家翻译过来分享一下，原文地址：传送门文章开始，...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 |
||||
12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/1.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2><a class="lw-xs-hidden" href=""><span class="lw-category">Typecho相关</span></a> |
||||
<a href=""> Typecho设置多域名</a></h2> |
||||
<p class="lw-desc"> |
||||
Typecho设置多域名前言typecho后台只能设置一个域名，但我们通常一个站点会有两域名(一个带www,一个不带的)，比如我在后台设置了...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 |
||||
12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
</div> |
||||
<ul class="lw-pagenation"> |
||||
<li><a href="">首页</a></li> |
||||
<li><a href="" class="lw-active">1</a></li> |
||||
<li><a href="">2</a></li> |
||||
<li><a href="">3</a></li> |
||||
<li><a href="">4</a></li> |
||||
<li><a href="">5</a></li> |
||||
<li><a href="">尾页</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-list lw-md-show lw-posa"> |
||||
<th:block th:replace="common::right"></th:block> |
||||
</div> |
||||
</div> |
||||
|
||||
<th:block th:include="common::footer"></th:block> |
||||
|
||||
<script> |
||||
$(function () { |
||||
new Swiper(".mySwiper", { |
||||
cssMode: true, |
||||
navigation: { |
||||
nextEl: ".swiper-button-next", |
||||
prevEl: ".swiper-button-prev", |
||||
}, |
||||
pagination: { |
||||
el: ".swiper-pagination", |
||||
}, |
||||
mousewheel: true, |
||||
keyboard: true, |
||||
loop: true, |
||||
autoplay: true |
||||
}); |
||||
}) |
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,352 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>Title</title> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
||||
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --> |
||||
<link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap.min.css"> |
||||
<!-- 可选的 Bootstrap 主题文件（一般不用引入） --> |
||||
<link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap-theme.min.css"> |
||||
<link rel="stylesheet" href="/static/plugin/font-awesome/css/font-awesome.min.css"> |
||||
<!-- 自定义css文件 --> |
||||
<link rel="stylesheet" href="/static/css/style.css"> |
||||
</head> |
||||
<body> |
||||
<nav class="lw-md-show"> |
||||
<div class="lw-container lw-header lw-posr "> |
||||
<div class="lw-logo lw-fl"> |
||||
<a href="/"> |
||||
<img src="/static/image/logo.png" alt="冷文的个人博客"> |
||||
</a> |
||||
</div> |
||||
<span>让崇拜从这里开始，用代码做点好玩的事件，让每一天都变的充实起来!</span> |
||||
<div class="lw-fr lw-linkme"> |
||||
<a href="#"><i class="fa fa-qq" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-wechat" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-weibo" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a> |
||||
</div> |
||||
<div class="lw-nav lw-posa"> |
||||
<a href="/"><i class="fa fa-home" aria-hidden="true"></i>首页</a> |
||||
<a href="#">技术分享</a> |
||||
<a href="#">闲言碎语</a> |
||||
<a href="#">个人随笔</a> |
||||
<a href="#"><i class="fa fa-users" aria-hidden="true"></i>友情链接</a> |
||||
<a href="#"><i class="fa fa-user" aria-hidden="true"></i>关于我</a> |
||||
<a href="#"><i class="fa fa-edit" aria-hidden="true"></i>留言板</a> |
||||
<a href="javascript:void(0)" class="lw-fr lw-search-btn" style="padding: 0;"> |
||||
<i class="fa fa-search" aria-hidden="true"></i> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</nav> |
||||
<div class="lw-md-hidden lw-phone-header"> |
||||
<a href="javascript:void(0)" class="lw-posa lw-phone-topbtn lw-search-show lw-search-btn"><i |
||||
class="fa fa-search"></i></a> |
||||
<a class="lw-index" href="/"><h1>冷文学习者</h1></a> |
||||
</div> |
||||
<div class="lw-md-hidden" style="height: 100px;"></div> |
||||
|
||||
|
||||
<div class="lw-container lw-main lw-posr"> |
||||
<div class="lw-left-list"> |
||||
<ol class="breadcrumb lw-crumb"> |
||||
<li><a href="/">首页</a></li> |
||||
<li class="active">Freewind相关</li> |
||||
</ol> |
||||
<div class="lw-article-list"> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/1.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2> |
||||
<a class="lw-xs-hidden" href=""><span class="lw-category">Python相关</span></a> |
||||
<a href="">Conda虚拟环境使用Conda虚拟环境使用Conda虚拟环境使用</a> |
||||
</h2> |
||||
<p class="lw-desc">Conda虚拟环境使用查看虚拟环境conda env list创建虚拟环境conda create -n |
||||
[venvname]将[venvnConda虚拟环境使用查看虚拟环境conda env list创建虚拟环境conda create -n |
||||
[venvname]将[venvnConda虚拟环境使用查看虚拟环境conda env list创建虚拟环境conda create -n |
||||
[venvname]将[venvn...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/2.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2> |
||||
<a class="lw-xs-hidden" href=""><span class="lw-category">个人随笔</span></a> |
||||
<a href=""> 关于我这些年的经历</a></h2> |
||||
<p class="lw-desc"> |
||||
人这一辈子那么有限，作为一个普通人，也许我穷极一生也不会有什么大的成就可以让外人为我写下一个传记。但是我可以用自己的手记录下我这一生，吃过的...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/3.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2><a class="lw-xs-hidden" href=""><span class="lw-category">技术学习</span></a> |
||||
<a href=""> Spring Boot 3.0 M1 发布</a></h2> |
||||
<p class="lw-desc">Spring Boot 3.0 M1 发布Spring Boot 3.0.0-M1Spring Boot |
||||
近日发布了第一个里程碑版本：Spr...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/4.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2> <a class="lw-xs-hidden" href=""><span class="lw-category">技术学习</span></a> |
||||
<a href=""> 异步上传文件显示进度条</a></h2> |
||||
<p class="lw-desc"> |
||||
异步上传文件显示进度条问题我们在写网站时难免会遇到需要上传文件的场景，但当上传大文件时比如5个G的文件直接用表单直接提交文件会出现页面卡顿、...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/5.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2> <a class="lw-xs-hidden" href=""><span class="lw-category">技术学习</span></a> |
||||
<a href=""> 纯 CSS 图片碎裂动画教程</a></h2> |
||||
<p class="lw-desc"> |
||||
纯CSS图片碎裂动画教程前言最近看到一篇文章是关于css做图片销毁图片效果的，觉得不错，就给大家翻译过来分享一下，原文地址：传送门文章开始，...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
<article class="lw-article-item lw-posr"> |
||||
<div class="lw-article-cover lw-posa lw-xs-hidden"> |
||||
<img src="/static/image/1.jpg" alt=""> |
||||
</div> |
||||
<div class="lw-article-info"> |
||||
<h2> <a class="lw-xs-hidden" href=""><span class="lw-category">Typecho相关</span></a> |
||||
<a href=""> Typecho设置多域名</a></h2> |
||||
<p class="lw-desc"> |
||||
Typecho设置多域名前言typecho后台只能设置一个域名，但我们通常一个站点会有两域名(一个带www,一个不带的)，比如我在后台设置了...</p> |
||||
<p class="lw-text-hidden lw-article-more"><i class="fa-regular fa-calendar-days lw-mr5"></i>2022-09-28 12:00 <i |
||||
class="fa-solid fa-eye lw-mr5 lw-ml10"></i> |
||||
11283<i class="fa-solid fa-comment lw-ml10 lw-mr5"></i>9382</p> |
||||
</div> |
||||
</article> |
||||
</div> |
||||
<ul class="lw-pagenation"> |
||||
<li><a href="">首页</a></li> |
||||
<li><a href="">1</a></li> |
||||
<li><a href="">2</a></li> |
||||
<li><a href="">3</a></li> |
||||
<li><a href="">4</a></li> |
||||
<li><a href="">5</a></li> |
||||
<li><a href="">尾页</a></li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-list lw-md-show lw-posa"> |
||||
<div class="lw-right-item lw-profile"> |
||||
<div class="lw-avatar-content lw-posr" |
||||
style="background-image:url(/static/image/5-120601094K3-50.gif);"> |
||||
<div class="lw-avatar lw-posa"> |
||||
<img src="/static/image/avatar.jpeg" alt=""> |
||||
</div> |
||||
</div> |
||||
<ul class="lw-info"> |
||||
<li><span>博主</span>Mr丶冷文</li> |
||||
<li><span>坐标</span>北京 昌平</li> |
||||
<li><span>标签</span>Java、Web设计、Python、大数据、爬虫</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-item lw-right-hot"> |
||||
<h4><i class="fa fa-fire lw-mr5" aria-hidden="true"></i>热门文章</h4> |
||||
<ul class="lw-hot-list"> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-danger lw-posa">1</span> |
||||
<img src="/static/image/1.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Freewind主题编辑器展示</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 65580 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-warning lw-posa">2</span> |
||||
<img src="/static/image/2.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Conda虚拟环境使用</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 56283 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-info lw-posa">3</span> |
||||
<img src="/static/image/3.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">纯 CSS 图片碎裂动画教程</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 52213 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-default lw-posa">4</span> |
||||
<img src="/static/image/4.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Spring Boot 3.0 M1 发布</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 23132 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-default lw-posa">5</span> |
||||
<img src="/static/image/5.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">异步上传文件显示进度条</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 12322 </p> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-item lw-tag-cloud"> |
||||
<h4><i class="fa fa-tags lw-mr5" aria-hidden="true"></i>标签云</h4> |
||||
|
||||
<a href="https://www.kevinlu98.cn/tag/freewind/" title="freewind"> |
||||
freewind</a> |
||||
<a href="https://www.kevinlu98.cn/tag/typecho/" title="typecho"> |
||||
typecho</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%8F%92%E4%BB%B6/" title="插件"> |
||||
插件</a> |
||||
<a href="https://www.kevinlu98.cn/tag/emlog/" title="emlog"> |
||||
emlog</a> |
||||
<a href="https://www.kevinlu98.cn/tag/java/" title="java"> |
||||
java</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E4%B8%BB%E9%A2%98/" title="主题"> |
||||
主题</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%87%AA%E7%94%B1%E4%B9%8B%E9%A3%8E/" title="自由之风"> |
||||
自由之风</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%9B%BE%E5%BA%8A/" title="图床"> |
||||
图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%86%B7%E6%96%87%E5%9B%BE%E5%BA%8A/" title="冷文图床"> |
||||
冷文图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/markdown/" title="markdown"> |
||||
markdown</a> |
||||
<a href="https://www.kevinlu98.cn/tag/gitee/" title="gitee"> |
||||
gitee</a> |
||||
<a href="https://www.kevinlu98.cn/tag/springboot/" title="springboot"> |
||||
springboot</a> |
||||
<a href="https://www.kevinlu98.cn/tag/linux/" title="linux"> |
||||
linux</a> |
||||
<a href="https://www.kevinlu98.cn/tag/mac/" title="mac"> |
||||
mac</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%AD%A6%E4%B9%A0/" title="学习"> |
||||
学习</a> |
||||
<a href="https://www.kevinlu98.cn/tag/python/" title="python"> |
||||
python</a> |
||||
<a href="https://www.kevinlu98.cn/tag/conda/" title="conda"> |
||||
conda</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%9B%B8%E5%86%8C/" title="相册"> |
||||
相册</a> |
||||
<a href="https://www.kevinlu98.cn/tag/jsDelivr/" title="jsDelivr"> |
||||
jsDelivr</a> |
||||
<a href="https://www.kevinlu98.cn/tag/cdn/" title="cdn"> |
||||
cdn</a> |
||||
<a href="https://www.kevinlu98.cn/tag/codemirror/" title="codemirror"> |
||||
codemirror</a> |
||||
<a href="https://www.kevinlu98.cn/tag/freedom/" title="freedom"> |
||||
freedom</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%85%BE%E8%AE%AFcos/" title="腾讯cos"> |
||||
腾讯cos</a> |
||||
<a href="https://www.kevinlu98.cn/tag/cos/" title="cos"> |
||||
cos</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%A7%81%E4%BA%BA%E5%9B%BE%E5%BA%8A/" title="私人图床"> |
||||
私人图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%AC%A2%E8%BF%8E%E9%A1%B5/" title="欢迎页"> |
||||
欢迎页</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C/" title="登录注册"> |
||||
登录注册</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%95%99%E7%A8%8B%E4%B8%8B%E8%BD%BD/" title="教程下载"> |
||||
教程下载</a> |
||||
<a href="https://www.kevinlu98.cn/tag/itjc8/" title="itjc8"> |
||||
itjc8</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%99%9A%E6%8B%9F%E6%9C%BA/" title="虚拟机"> |
||||
虚拟机</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="lw-friend-link"> |
||||
<div class="lw-container"> |
||||
<h2>友情链接</h2> |
||||
<a href="">冷文学习者</a> |
||||
<a href="">冷文博客</a> |
||||
<a href="">冷文聊编程</a> |
||||
<a href="">GetHub</a> |
||||
<a href="">CSDN</a> |
||||
<a href="">百度一下</a> |
||||
<a href="">新浪微博</a> |
||||
<a href="">谷歌搜索</a> |
||||
<a href="">知乎</a> |
||||
<a href="">掘金</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<footer> |
||||
<p>冷文学习者 版权所有 <span class="lw-mr5"></span>Copyright © www.kevinlu98.cn All Rights Reserved.</p> |
||||
<p>备案号：陕ICP备19024566-1号 京公网安备 11011402012109号</p> |
||||
</footer> |
||||
|
||||
<div class="lw-mask" id="lw-search-box"> |
||||
<div class="lw-search-conetnt"> |
||||
<a href="javascript:void(0)" class="lw-search-close lw-posa"><i class="fa fa-close"></i></a> |
||||
<div class="lw-search-input lw-posr"> |
||||
<form action="" method="post"> |
||||
<input type="text" placeholder="请输入搜索关键字..."> |
||||
<button class="lw-posa"><i class="fa fa-search lw-mr5"></i>搜索</button> |
||||
</form> |
||||
</div> |
||||
<p>推荐关键字： |
||||
<a href="javascript:void (0)">独立下载</a> |
||||
<a href="javascript:void (0)">评论通知</a> |
||||
<a href="javascript:void (0)">点赞</a> |
||||
<a href="javascript:void (0)">非插件</a> |
||||
<a href="javascript:void (0)">tp5</a> |
||||
<a href="javascript:void (0)">ajax</a> |
||||
<a href="javascript:void (0)">json</a> |
||||
<a href="javascript:void (0)">IO模型</a> |
||||
<a href="javascript:void (0)">跨域</a> |
||||
<a href="javascript:void (0)">javascript</a> |
||||
<a href="javascript:void (0)">springboot</a> |
||||
<a href="javascript:void (0)">视频剪辑</a> |
||||
<a href="javascript:void (0)">后期</a> |
||||
<a href="javascript:void (0)">个人随笔</a> |
||||
</p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="/static/plugin/jquery/jquery-3.5.1.min.js"></script> |
||||
<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> |
||||
<script src="/static/plugin/bootstrap/js/bootstrap.min.js"></script> |
||||
<script src="/static/js/main.js"></script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,315 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>Title</title> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
||||
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --> |
||||
<link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap.min.css"> |
||||
<!-- 可选的 Bootstrap 主题文件（一般不用引入） --> |
||||
<link rel="stylesheet" href="/static/plugin/bootstrap/css/bootstrap-theme.min.css"> |
||||
<link rel="stylesheet" href="/static/plugin/font-awesome/css/font-awesome.min.css"> |
||||
<!-- 自定义css文件 --> |
||||
<link rel="stylesheet" href="/static/css/style.css"> |
||||
</head> |
||||
<body> |
||||
<nav class="lw-md-show"> |
||||
<div class="lw-container lw-header lw-posr "> |
||||
<div class="lw-logo lw-fl"> |
||||
<a href="/"> |
||||
<img src="/static/image/logo.png" alt="冷文的个人博客"> |
||||
</a> |
||||
</div> |
||||
<span>让崇拜从这里开始，用代码做点好玩的事件，让每一天都变的充实起来!</span> |
||||
<div class="lw-fr lw-linkme"> |
||||
<a href="#"><i class="fa fa-qq" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-wechat" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-weibo" aria-hidden="true"></i></a> |
||||
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a> |
||||
</div> |
||||
<div class="lw-nav lw-posa"> |
||||
<a href="/"><i class="fa fa-home" aria-hidden="true"></i>首页</a> |
||||
<a href="#">技术分享</a> |
||||
<a href="#">闲言碎语</a> |
||||
<a href="#">个人随笔</a> |
||||
<a href="#"><i class="fa fa-users" aria-hidden="true"></i>友情链接</a> |
||||
<a href="#"><i class="fa fa-user" aria-hidden="true"></i>关于我</a> |
||||
<a href="#"><i class="fa fa-edit" aria-hidden="true"></i>留言板</a> |
||||
<a href="javascript:void(0)" class="lw-fr lw-search-btn" style="padding: 0;"> |
||||
<i class="fa fa-search" aria-hidden="true"></i> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</nav> |
||||
<div class="lw-md-hidden lw-phone-header"> |
||||
<a href="javascript:void(0)" class="lw-posa lw-phone-topbtn lw-search-show lw-search-btn"><i |
||||
class="fa fa-search"></i></a> |
||||
<a class="lw-index" href="/"><h1>冷文学习者</h1></a> |
||||
</div> |
||||
<div class="lw-md-hidden" style="height: 100px;"></div> |
||||
|
||||
|
||||
<div class="lw-container lw-main lw-posr"> |
||||
<div class="lw-left-list"> |
||||
<ol class="breadcrumb lw-crumb"> |
||||
<li><a href="/">首页</a></li> |
||||
<li class="active">标签云</li> |
||||
</ol> |
||||
<div class="lw-tag-list"> |
||||
<a href="https://www.kevinlu98.cn/tag/freewind/" title="freewind"> |
||||
freewind <span>12</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/typecho/" title="typecho"> |
||||
typecho<span>31</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%8F%92%E4%BB%B6/" title="插件"> |
||||
插件<span>32</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/emlog/" title="emlog"> |
||||
emlog<span>15</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/java/" title="java"> |
||||
java<span>2</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E4%B8%BB%E9%A2%98/" title="主题"> |
||||
主题<span>99</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%87%AA%E7%94%B1%E4%B9%8B%E9%A3%8E/" title="自由之风"> |
||||
自由之风<span>128</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%9B%BE%E5%BA%8A/" title="图床"> |
||||
图床<span>24</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%86%B7%E6%96%87%E5%9B%BE%E5%BA%8A/" title="冷文图床"> |
||||
冷文图床<span>64</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/markdown/" title="markdown"> |
||||
markdown<span>98</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/gitee/" title="gitee"> |
||||
gitee<span>44</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/springboot/" title="springboot"> |
||||
springboot<span>32</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/linux/" title="linux"> |
||||
linux<span>62</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/mac/" title="mac"> |
||||
mac<span>1</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%AD%A6%E4%B9%A0/" title="学习"> |
||||
学习<span>2</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/python/" title="python"> |
||||
python<span>10</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/conda/" title="conda"> |
||||
conda<span>9</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%9B%B8%E5%86%8C/" title="相册"> |
||||
相册<span>18</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/jsDelivr/" title="jsDelivr"> |
||||
jsDelivr<span>7</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/cdn/" title="cdn"> |
||||
cdn<span>25</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/codemirror/" title="codemirror"> |
||||
codemirror<span>1</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/freedom/" title="freedom"> |
||||
freedom<span>9</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%85%BE%E8%AE%AFcos/" title="腾讯cos"> |
||||
腾讯cos<span>23</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/cos/" title="cos"> |
||||
cos<span>2</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%A7%81%E4%BA%BA%E5%9B%BE%E5%BA%8A/" title="私人图床"> |
||||
私人图床<span>29</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%AC%A2%E8%BF%8E%E9%A1%B5/" title="欢迎页"> |
||||
欢迎页<span>45</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C/" title="登录注册"> |
||||
登录注册<span>34</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%95%99%E7%A8%8B%E4%B8%8B%E8%BD%BD/" title="教程下载"> |
||||
教程下载<span>2</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/itjc8/" title="itjc8"> |
||||
itjc8<span>5</span></a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%99%9A%E6%8B%9F%E6%9C%BA/" title="虚拟机"> |
||||
虚拟机<span>1</span></a> |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="lw-right-list lw-md-show lw-posa"> |
||||
<div class="lw-right-item lw-profile"> |
||||
<div class="lw-avatar-content lw-posr" |
||||
style="background-image:url(/static/image/5-120601094K3-50.gif);"> |
||||
<div class="lw-avatar lw-posa"> |
||||
<img src="/static/image/avatar.jpeg" alt=""> |
||||
</div> |
||||
</div> |
||||
<ul class="lw-info"> |
||||
<li><span>博主</span>Mr丶冷文</li> |
||||
<li><span>坐标</span>北京 昌平</li> |
||||
<li><span>标签</span>Java、Web设计、Python、大数据、爬虫</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-item lw-right-hot"> |
||||
<h4><i class="fa fa-fire lw-mr5" aria-hidden="true"></i>热门文章</h4> |
||||
<ul class="lw-hot-list"> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-danger lw-posa">1</span> |
||||
<img src="/static/image/1.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Freewind主题编辑器展示</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 65580 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-warning lw-posa">2</span> |
||||
<img src="/static/image/2.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Conda虚拟环境使用</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 56283 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-info lw-posa">3</span> |
||||
<img src="/static/image/3.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">纯 CSS 图片碎裂动画教程</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 52213 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-default lw-posa">4</span> |
||||
<img src="/static/image/4.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">Spring Boot 3.0 M1 发布</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 23132 </p> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="#"> |
||||
<div class="lw-hot-img"> |
||||
<span class="label label-default lw-posa">5</span> |
||||
<img src="/static/image/5.jpg" alt=""> |
||||
</div> |
||||
<p class="lw-hot-title">异步上传文件显示进度条</p> |
||||
<p class="lw-hot-info"><i class="fa-solid fa-fire-flame-curved"></i> 12322 </p> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="lw-right-item lw-tag-cloud"> |
||||
<h4><i class="fa fa-tags lw-mr5" aria-hidden="true"></i>标签云</h4> |
||||
|
||||
<a href="https://www.kevinlu98.cn/tag/freewind/" title="freewind"> |
||||
freewind</a> |
||||
<a href="https://www.kevinlu98.cn/tag/typecho/" title="typecho"> |
||||
typecho</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%8F%92%E4%BB%B6/" title="插件"> |
||||
插件</a> |
||||
<a href="https://www.kevinlu98.cn/tag/emlog/" title="emlog"> |
||||
emlog</a> |
||||
<a href="https://www.kevinlu98.cn/tag/java/" title="java"> |
||||
java</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E4%B8%BB%E9%A2%98/" title="主题"> |
||||
主题</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%87%AA%E7%94%B1%E4%B9%8B%E9%A3%8E/" title="自由之风"> |
||||
自由之风</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%9B%BE%E5%BA%8A/" title="图床"> |
||||
图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%86%B7%E6%96%87%E5%9B%BE%E5%BA%8A/" title="冷文图床"> |
||||
冷文图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/markdown/" title="markdown"> |
||||
markdown</a> |
||||
<a href="https://www.kevinlu98.cn/tag/gitee/" title="gitee"> |
||||
gitee</a> |
||||
<a href="https://www.kevinlu98.cn/tag/springboot/" title="springboot"> |
||||
springboot</a> |
||||
<a href="https://www.kevinlu98.cn/tag/linux/" title="linux"> |
||||
linux</a> |
||||
<a href="https://www.kevinlu98.cn/tag/mac/" title="mac"> |
||||
mac</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E5%AD%A6%E4%B9%A0/" title="学习"> |
||||
学习</a> |
||||
<a href="https://www.kevinlu98.cn/tag/python/" title="python"> |
||||
python</a> |
||||
<a href="https://www.kevinlu98.cn/tag/conda/" title="conda"> |
||||
conda</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%9B%B8%E5%86%8C/" title="相册"> |
||||
相册</a> |
||||
<a href="https://www.kevinlu98.cn/tag/jsDelivr/" title="jsDelivr"> |
||||
jsDelivr</a> |
||||
<a href="https://www.kevinlu98.cn/tag/cdn/" title="cdn"> |
||||
cdn</a> |
||||
<a href="https://www.kevinlu98.cn/tag/codemirror/" title="codemirror"> |
||||
codemirror</a> |
||||
<a href="https://www.kevinlu98.cn/tag/freedom/" title="freedom"> |
||||
freedom</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%85%BE%E8%AE%AFcos/" title="腾讯cos"> |
||||
腾讯cos</a> |
||||
<a href="https://www.kevinlu98.cn/tag/cos/" title="cos"> |
||||
cos</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%A7%81%E4%BA%BA%E5%9B%BE%E5%BA%8A/" title="私人图床"> |
||||
私人图床</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%AC%A2%E8%BF%8E%E9%A1%B5/" title="欢迎页"> |
||||
欢迎页</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C/" title="登录注册"> |
||||
登录注册</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E6%95%99%E7%A8%8B%E4%B8%8B%E8%BD%BD/" title="教程下载"> |
||||
教程下载</a> |
||||
<a href="https://www.kevinlu98.cn/tag/itjc8/" title="itjc8"> |
||||
itjc8</a> |
||||
<a href="https://www.kevinlu98.cn/tag/%E8%99%9A%E6%8B%9F%E6%9C%BA/" title="虚拟机"> |
||||
虚拟机</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="lw-friend-link"> |
||||
<div class="lw-container"> |
||||
<h2>友情链接</h2> |
||||
<a href="">冷文学习者</a> |
||||
<a href="">冷文博客</a> |
||||
<a href="">冷文聊编程</a> |
||||
<a href="">GetHub</a> |
||||
<a href="">CSDN</a> |
||||
<a href="">百度一下</a> |
||||
<a href="">新浪微博</a> |
||||
<a href="">谷歌搜索</a> |
||||
<a href="">知乎</a> |
||||
<a href="">掘金</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<footer> |
||||
<p>冷文学习者 版权所有 <span class="lw-mr5"></span>Copyright © www.kevinlu98.cn All Rights Reserved.</p> |
||||
<p>备案号：陕ICP备19024566-1号 京公网安备 11011402012109号</p> |
||||
</footer> |
||||
|
||||
<div class="lw-mask" id="lw-search-box"> |
||||
<div class="lw-search-conetnt"> |
||||
<a href="javascript:void(0)" class="lw-search-close lw-posa"><i class="fa fa-close"></i></a> |
||||
<div class="lw-search-input lw-posr"> |
||||
<form action="" method="post"> |
||||
<input type="text" placeholder="请输入搜索关键字..."> |
||||
<button class="lw-posa"><i class="fa fa-search lw-mr5"></i>搜索</button> |
||||
</form> |
||||
</div> |
||||
<p>推荐关键字： |
||||
<a href="javascript:void (0)">独立下载</a> |
||||
<a href="javascript:void (0)">评论通知</a> |
||||
<a href="javascript:void (0)">点赞</a> |
||||
<a href="javascript:void (0)">非插件</a> |
||||
<a href="javascript:void (0)">tp5</a> |
||||
<a href="javascript:void (0)">ajax</a> |
||||
<a href="javascript:void (0)">json</a> |
||||
<a href="javascript:void (0)">IO模型</a> |
||||
<a href="javascript:void (0)">跨域</a> |
||||
<a href="javascript:void (0)">javascript</a> |
||||
<a href="javascript:void (0)">springboot</a> |
||||
<a href="javascript:void (0)">视频剪辑</a> |
||||
<a href="javascript:void (0)">后期</a> |
||||
<a href="javascript:void (0)">个人随笔</a> |
||||
</p> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="/static/plugin/jquery/jquery-3.5.1.min.js"></script> |
||||
<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> |
||||
<script src="/static/plugin/bootstrap/js/bootstrap.min.js"></script> |
||||
<script src="/static/js/main.js"></script> |
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue