博客园自定义页面样式
Above all
花了两天，重写了博客的页面样式。整体风格是按照_darkgreentrip_的风格去改的，使之更接近苯人的风格。
最后在结尾放了一些格子可以用来导航，有好用的网站大概会放在这里。
自己其实有做过导航站，但是由于挂在GitHub上，网速比较慢，现在扔在下面平时也稍微能用用（）
下面贴上源码，想用的可以参考下。
（bug可能很多，欢迎下方留言 //感谢感谢//）
源码
CSS样式，记得禁用默认样式
点击查看代码
除了card的末尾HTML，放在页尾代码里，要自己改信息
点击查看代码
<div class="testplace">
<div id="body">
<div class="endfoot">
<div class="frilinks">
<h4>友链</h4>
<a href="#" target="_blank">欢迎联系1</a>
<a href="#" target="_blank">欢迎联系2</a>
<a href="#" target="_blank">欢迎联系3</a>
<a href="#" target="_blank">欢迎联系4</a>
</div>
<div class="contactus">
<h4>联系</h4>
<a href="#" target="_blank">链接</a>
<p>非链接</p>
</div>
<div class="footertext">
<h4>© 2021-2024 YourName</h4>
<p>Copyright © 2024 #</p>
<p>Powered by .NET 8.0 on Kubernetes</p>
</div>
</div>
</div>
</div>
已知BUG
- 无法正常放大查看代码
- 评论补充
更新
- 修复了 移动端不适配问题
- 基本可以查看了，但是舍弃了侧边栏，因为感觉放哪里都不合适
- 修复了 页面跳转按钮消失问题
- 下一页后可以回到上一页
- 优化了 博客正文链接不突出的问题
- 现在链接会下划线了
- 优化了 引用框左边框不协调的问题
- 颜色淡化 也变细了一个像素