Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick Start
Create a new post
$ hexo new "My New Post"
More info: Writing
Run server
$ hexo server
More info: Server
Generate static files
$ hexo generate
More info: Generating
Deploy to remote sites
$ hexo deploy
More info: Deployment
版本日志
V2.0-目录修改
在post-detail-toc.ejs中做了如下修改
.toc-widget {
width: 345px;
padding-left: 5px;
border-radius: 10px;
height: fit-content;
}
#toc-content {
padding-bottom: 30px;
overflow: auto;
max-height: calc(100vh - 152px);
}
V2.0-滚动条修改
在matery.css中添加
/* 滚动条 */
::-webkit-scrollbar-thumb {
background-color: #FF2A68;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
border-radius: 3em;
}
::-webkit-scrollbar-track {
background-color: #ffcacaff;
border-radius: 3em;
}
::-webkit-scrollbar {
width: 8px;
height: 15px;
}
V2.0-背景图
body {
/* background-color: #eaeaea; */
background: linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)) 0% 0% / cover, url("https://ae01.alicdn.com/kf/H18a4b998752a4ae68b8e85d432a5aef0l.png"), url("https://ae01.alicdn.com/kf/H21b5f6b8496141a1979a33666e1074d9x.jpg") 0px 0px;
background-attachment: fixed;
margin: 0;
color: #7F95D1;
}
https://ae01.alicdn.com/kf/H21b5f6b8496141a1979a33666e1074d9x.jpg
V2.1-友情链接更改为直达链接
1、目录改名
2、friends.ejs修改196行
<i class="fas fa-address-book"></i> <%= __('直达链接') %>
V2.2-首页签名增加换行
matery.css里改动dream和dream下的text样式
break-spaces代表根据换行符换行而不是根据边界大小换行
.dream {
margin-top: 20px;
margin-bottom: 20px;
}
.dream .text {
opacity: .6;
font-size: 1.2rem;
white-space: break-spaces;
text-align: center;
line-height: 1.8;
}
在dream.ejs中,由于直接调用了输入的文本,没有使用<p></p>进行规范化,所以要注意前后不能有空格和换行
<div class="row">
<div class="col l8 offset-l2 m10 offset-m1 s10 offset-s1 text "><%= theme.dream.text %></div>
</div>
V2.2-ICP样式优化
在footer.ejs中修改
<% } %>
<% if (theme.icp.enable) { %>
<span id="icp"><img src="<%- theme.jsDelivr.url %><%- url_for('/medias/icp.png') %>" style="vertical-align: text-bottom;" /><!-- 原来加备案图的是<span id="icp"><img src="<%- theme.jsDelivr.url %><%- url_for('/medias/icp.png') %>" style="vertical-align: text-bottom;" /> -->
<a href="<%- url_for(theme.icp.url) %>" target="_blank"><%= theme.icp.text %></a>
</span>
<% } %>
<br>
<span> </span> <!-- 这里后面没有文本多余的空格和换行会被忽略,所以添加一个空格作为占位符 -->
V2.3-Mathjax匹配
由于在post.ejs中匹配Mathjax是全局page匹配,所以导致底部的查看前后card-content会出现数学公式,所以我们只设置$$匹配方式,取消了[‘\(‘, ‘\)’]匹配方式
<% if (theme.mathjax.enable && page.mathjax) { %>
<script src="<%- theme.mathjax.cdn %>"></script>
<script>
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$', '$']]}
});
</script>
<% } %>
V2.4-封面重构
去掉了遮罩.bg-cover:after
加快加载速度
.bg-cover:after {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
/*content: "";*/
}
V3.0-计划
计划使用Vue进行重构,使用华为云2核4g服务器搭载,有空的时候再做吧