isaywhat

Menu

分享一下最近博客添加的小变化

最近不知道更新什么,就拿这篇文章凑更新吧。。。
(以下修改方法收集于网络)

①:首页标题显示单一,修改了一下

找到当前主题的标题样式,然后去主题样式文件修改,查找post、tittle之类字眼

(一般在主题根目录style.css

添加以下代码(可按需修改) 分享一些好看的颜色: #fcedf8 #effcf9

font-size:24px;/*字体大小*/
font-weight:bold;/*设置文本粗细*/
background-color: #f7fafb;/*背景颜色*/
border-bottom: 1px solid;/*边框宽度 *颜色定义*/
padding: 5px 15px;/*宽高*/
border-left: 8px solid;/*定位*/
margin:18px 0px 18px -20px;/*定位*/
overflow: hidden;/*溢出修剪*/

②:为菜单添加了一个小气泡,不想太麻烦,于是用了简易版

Links<span style="XXX">友人帐</span>

然后把XXX替换为下面.primary-menu small {}之间的内容即可。(注意是框框内)

红色

.primary-menu small {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}

黄色

.primary-menu small {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #efd3b0 0%, #f9e1be 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}

蓝色

.primary-menu small {
    display: inline-block;
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: #188ef4;
    background: -webkit-linear-gradient(legacy-direction(to right), #6454ef 0%, #316ce8 100%);
    background: -webkit-gradient(linear, left top, right top, from(#6454ef), to(#316ce8));
    background: -webkit-linear-gradient(left, #6454ef 0%, #316ce8 100%);
    background: -o-linear-gradient(left, #6454ef 0%, #3021ec 100%);
    background: linear-gradient(to right, #6454ef 0%, #3021ec 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}

例如

Links<span style=" display: inline-block;     transform: translateY(-12px);     font-size: .75rem;     letter-spacing: 0.05em;     background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);     color: #ffffff;     border-radius: 1rem;     padding: .15rem .275rem;     line-height: 1;     font-weight: bold;">友人帐</span>

③:在页脚添加了今日诗词

<span id="jinrishici-sentence">正在加载今日诗词....</span>
    <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

— 于 共写了2017个字
— 文内使用到的标签:

4条回应:“分享一下最近博客添加的小变化”

  1. Water Horse说道:

    威武霸气

  2. Yoki说道:

    同学 你的证书挂了?

发表评论

电子邮件地址不会被公开。