This commit is contained in:
WuLiZeng 2021-02-19 16:12:18 +08:00
parent 7a751d3778
commit 985927b677
9 changed files with 471 additions and 4363 deletions

View File

@ -15,4 +15,41 @@
| | ,' \ \ / | , / ; | .' `--'' | , .-./| , /
`----' `----' ---`-' `---' `--`---' ---`-'
:: Bei Zhai :: (v1.0)
```
```
### 插件集成
[一言 hitokoto](https://hitokoto.cn/)
[编辑器 Markdown](https://pandao.github.io/editor.md/)
[内容排版 typo.css](https://github.com/sofish/typo.css)
[动画 animate.css](https://daneden.github.io/animate.css/)
[代码高亮 prism](https://github.com/PrismJS/prism)
[目录生成 Tocbot](https://tscanlin.github.io/tocbot/)
[滚动侦测 waypoints](http://imakewebthings.com/waypoints/)
[平滑滚动 jquery.scrollTo](https://github.com/flesler/jquery.scrollTo)
[二维码生成 qrcode.js](https://davidshimjs.github.io/qrcodejs/)
### **技术组合**
* 后端Spring Boot + JPA + thymeleaf模板
* 数据库MySQL
* 前端UISemantic UI框架
### **🧑🏼‍💻工具与环境**
* IDEA
* Maven 3
* JDK 8
### 👀截图
![](/Users/zhouhailin/idea-code/beizhai/doc/img.png)

BIN
doc/img.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

File diff suppressed because it is too large Load Diff

View File

@ -3,6 +3,9 @@ index.email=2230432084@qq.com
index.qq=2230432084
index.describe=尽情的享用这条生命,让它尽兴,让它乘风而来,兴灭而逝。我愿生命如诗。写诗与否不重要,重要的是将自己的人生变成诗,让自己的人生充满诗意。
about.infor=北斋,折腾在 0 和 1 世界,一个终身学习者,誓将学习无限循环. 希望结识可以共同成长的小伙伴.
#友情链接
friend.name.one=吴李曾
friend.url.one=https:www.wulinzeng.vip

View File

@ -18,7 +18,7 @@
<nav th:fragment="menu(n)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small">
<div class="ui container">
<div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">Blog</h2>
<h2 class="ui teal header item">BeiZhai</h2>
<a href="#" th:href="@{/}" class="m-item item m-mobile-hide" th:classappend="${n==1} ? 'active'"><i
class="mini home icon"></i>首页</a>
<a href="#" th:href="@{/types/-1}" class="m-item item m-mobile-hide" th:classappend="${n==2} ? 'active'"><i
@ -100,13 +100,13 @@
<script id="ribbon" size="150" alpha='0.3' zIndex="-2"
src="https://cdn.jsdelivr.net/gh/unluckynike/blogimg/images/js/coloured-ribbon.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/gh/unluckynike/blogimg/images/js/Snow.js"></script>-->
<!-- <script type="text/javascript">-->
<!-- //只在桌面版网页启用特效-->
<!-- var windowWidth = $(window).width();-->
<!-- if (windowWidth > 768) {-->
<!-- document.write('<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/unluckynike/blogimg/images/js/sakura.js"><\/script>');-->
<!-- }-->
<!-- </script>-->
<script type="text/javascript">
//只在桌面版网页启用特效
var windowWidth = $(window).width();
if (windowWidth > 768) {
document.write('<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/unluckynike/blogimg/images/js/sakura.js"><\/script>');
}
</script>
</th:block>

View File

@ -32,8 +32,7 @@
<div class="ui header">关于我</div>
</div>
<div class="ui attached segment">
<p class="m-text">北斋,折腾在 0 和 1 世界,一个终身学习者,誓将学习无限循环. 希望结识可以共同成长的小伙伴.</p>
<p class="m-text">热爱编程,喜欢折腾,正在探索高效学习编程技术的方法...</p>
<p class="m-text" th:text="#{about.infor}"></p>
</div>
<div class="ui attached segment">
<div class="ui orange basic left pointing label">编程</div>
@ -52,8 +51,9 @@
</div>
<div class="ui bottom attached segment">
<a href="#" class="ui circular icon button"><i class="github icon"></i></a>
<a href="#" class="ui wechat circular icon button"><i class="weixin icon"></i></a>
<a href="#" class="ui qq circular icon button" data-content="865729312" data-position="bottom center"><i class="qq icon"></i></a>
<a href="#" class="ui wechat circular icon button"><i class="twitter icon"></i></a>
<a href="#" class="ui wechat circular icon button"><i class="facebook icon"></i></a>
<a href="#" class="ui qq circular icon button" data-position="bottom center"><i class="qq icon"></i></a>
</div>
<div class="ui wechat-qr flowing popup transition hidden">

View File

@ -3,6 +3,9 @@ index.email=2230432084@qq.com
index.qq=2230432084
index.describe=尽情的享用这条生命,让它尽兴,让它乘风而来,兴灭而逝。我愿生命如诗。写诗与否不重要,重要的是将自己的人生变成诗,让自己的人生充满诗意。
about.infor=北斋,折腾在 0 和 1 世界,一个终身学习者,誓将学习无限循环. 希望结识可以共同成长的小伙伴.
#友情链接
friend.name.one=吴李曾
friend.url.one=https:www.wulinzeng.vip

View File

@ -18,7 +18,7 @@
<nav th:fragment="menu(n)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small">
<div class="ui container">
<div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">Blog</h2>
<h2 class="ui teal header item">BeiZhai</h2>
<a href="#" th:href="@{/}" class="m-item item m-mobile-hide" th:classappend="${n==1} ? 'active'"><i
class="mini home icon"></i>首页</a>
<a href="#" th:href="@{/types/-1}" class="m-item item m-mobile-hide" th:classappend="${n==2} ? 'active'"><i
@ -100,13 +100,13 @@
<script id="ribbon" size="150" alpha='0.3' zIndex="-2"
src="https://cdn.jsdelivr.net/gh/unluckynike/blogimg/images/js/coloured-ribbon.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/gh/unluckynike/blogimg/images/js/Snow.js"></script>-->
<!-- <script type="text/javascript">-->
<!-- //只在桌面版网页启用特效-->
<!-- var windowWidth = $(window).width();-->
<!-- if (windowWidth > 768) {-->
<!-- document.write('<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/unluckynike/blogimg/images/js/sakura.js"><\/script>');-->
<!-- }-->
<!-- </script>-->
<script type="text/javascript">
//只在桌面版网页启用特效
var windowWidth = $(window).width();
if (windowWidth > 768) {
document.write('<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/unluckynike/blogimg/images/js/sakura.js"><\/script>');
}
</script>
</th:block>

View File

@ -15,25 +15,6 @@
<!--导航-->
<nav th:replace="_fragments ::menu(5)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small" >
<div class="ui container">
<div class="ui inverted secondary stackable menu">
<h2 class="ui teal header item">Blog</h2>
<a href="#" class=" m-item item m-mobile-hide"><i class="mini home icon"></i>首页</a>
<a href="#" class=" m-item item m-mobile-hide"><i class="mini idea icon"></i>分类</a>
<a href="#" class="m-item item m-mobile-hide"><i class="mini tags icon"></i>标签</a>
<a href="#" class="m-item item m-mobile-hide"><i class="mini clone icon"></i>归档</a>
<a href="#" class="active m-item item m-mobile-hide"><i class="mini info icon"></i>关于我</a>
<div class="right m-item item m-mobile-hide">
<div class="ui icon inverted transparent input m-margin-tb-tiny">
<input type="text" placeholder="Search....">
<i class="search link icon"></i>
</div>
</div>
</div>
</div>
<a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
<i class="sidebar icon"></i>
</a>
</nav>
<!--中间内容-->
@ -51,8 +32,7 @@
<div class="ui header">关于我</div>
</div>
<div class="ui attached segment">
<p class="m-text">北斋,折腾在 0 和 1 世界,一个终身学习者,誓将学习无限循环. 希望结识可以共同成长的小伙伴.</p>
<p class="m-text">热爱编程,喜欢折腾,正在探索高效学习编程技术的方法...</p>
<p class="m-text" th:text="#{about.infor}"></p>
</div>
<div class="ui attached segment">
<div class="ui orange basic left pointing label">编程</div>
@ -71,8 +51,9 @@
</div>
<div class="ui bottom attached segment">
<a href="#" class="ui circular icon button"><i class="github icon"></i></a>
<a href="#" class="ui wechat circular icon button"><i class="weixin icon"></i></a>
<a href="#" class="ui qq circular icon button" data-content="865729312" data-position="bottom center"><i class="qq icon"></i></a>
<a href="#" class="ui wechat circular icon button"><i class="twitter icon"></i></a>
<a href="#" class="ui wechat circular icon button"><i class="facebook icon"></i></a>
<a href="#" class="ui qq circular icon button" data-position="bottom center"><i class="qq icon"></i></a>
</div>
<div class="ui wechat-qr flowing popup transition hidden">