Web前端:博客美化:一、模板美化

article/2025/9/24 18:46:48

1、选用模板simplememory

855332-20190211234938705-2120095749.png

2、写css放在855332-20190211235228553-1312143898.png

这些会覆盖掉原来的css样式
我是在网上找的css代码二次加工的 : )

/*1、针对simplememory的修改*/
#google_ad_c1, #google_ad_c2 {display:none;}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
font-size: 14px!important;
}
#home {
opacity: 0.80;
margin: 0 auto;
width: 85%;
min-width: 950px;
background-color: #fff;
padding: 30px;
margin-top: 30px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
#blogTitle h1 {
font-size: 30px;
font-weight: bold;
font-family: "Comic Sans MS";
line-height: 1.5em;
margin-top: 20px;
color: #515151;
}
#navList a:hover {
color: #4C9ED9;
text-decoration: none;
}
#navList a {
display: block;
width: 5em;
height: 22px;
float: left;
text-align: center;
padding-top: 18px;
}
#navigator {
font-size: 15px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
height: 50px;
clear: both;
margin-top: 25px;
}
.catListTitle {
margin-top: 21px;
margin-bottom: 10.5px;
text-align: left;
border-left: 10px solid rgba(82, 168, 236, 0.8);
padding: 10px 0 14px 10px;
background-color: #f5f5f5;
}
#ad_under_post_holder #google_ad_c1,#google_ad_c2{ 
display: none !important;
}
body {
color: #000;
background: url(http://images.cnblogs.com/cnblogs_com/ZhengWH/1395456/o_1.png) fixed;
background-size: 100%;
background-repeat: no-repeat;
font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
font-size: 12px;
min-height: 101%;
}
#topics .postTitle {
border: 0px;
font-size: 200%;
font-weight: bold;
float: left;
line-height: 1.5;
width: 100%;
padding-left: 5px;
}
div.commentform p{
margin-bottom:10px;
}
.comment_btn {
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #ddd;
color: #999;
cursor:pointer;
font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
text-shadow: 0 0 1px #fff;
display: inline !important;
}
.comment_btn:hover{
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #258fb8;
color: white;
cursor:pointer;
font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
text-shadow: 0 0 1px #fff;
display: inline !important;
}
#commentform_title {
background-image:none;
background-repeat:no-repeat;
margin-bottom:10px;
padding:0;
font-size:24px;
}
#commentbox_opt,#commentbox_opt + p {
text-align:center;
}
.commentbox_title {
width: 100%;
}
#tbCommentBody {
font-family:'Microsoft Yahei', Microsoft Yahei, 宋体, sans-serif;
margin-top:10px;
max-width:100%;
min-width:100%;
background:white;
color:#333;
border:2px solid #fff;
box-shadow:inset 0 0 8px #aaa;
// padding:10px;
height:250px;
font-size:14px;
min-height:120px;
}
.feedbackItem {
font-size:14px;
line-height:24px;
margin:10px 0;
padding:20px;
background:#F2F2F2;
box-shadow:0 0 5px #aaa;
}
.feedbackListSubtitle {
font-weight:normal;
}
#blog-comments-placeholder, #comment_form {
padding: 20px;
background: #fff;
-webkit-box-shadow: 1px 2px 3px #ddd;
box-shadow: 1px 2px 3px #ddd;
margin-bottom: 50px;
}
.feedback_area_title {
margin-bottom: 15px;
font-size: 1.8em;
}
.feedbackItem {
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
padding: 5px;
background: rgb(248, 248, 248);
}
.color_shine {background: rgb(226, 242, 255);}
.feedbackItem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;}
#comment_form .title {
font-weight: normal;
margin-bottom: 15px;
}

3、更改背景

1)选好图片

2)上传到博客园相册:别的地方需要引用在线图片文档什么的,都可以放在这里 ^-^(可惜不能太大)

3)点击相册里上传好的图片,在好看的博客页面查看

4)在图片左下角点开,复制网址,这个就是用来指定地址的

855332-20190212000538729-595573834.png

5)更改css代码中的url,括号里那一坨

855332-20190212000837938-1588323382.png

以上。模板美化就,哦可了。


参考:https://www.cnblogs.com/kousak/p/9118960.html


2019/04/25更新:
光看内容不留评论的都是LIUMANG~

转载于:https://www.cnblogs.com/ZhengWH/p/10363639.html


http://chatgpt.dhexx.cn/article/9k6ea8nh.shtml

相关文章

Hexo博客之主题美化

据说 NexT 是使用最多的Hexo主题,原因当然是比较漂亮啦!这个项目托管于github上,你可以fork一下,贡献代码。NexT官网上面给出了详细的主题配置过程,这里只是我的博客使用的一些配置以及NexT网站上配置中需要补充的部分。如果你是从头开始配置,请参考NexT官网。这篇文章介…

csdn写博客美化代码显示

本人写博客只是随笔记录,并不是很正规,见谅。 最近在写博客的时候发现自己贴的代码块就只显示代码,而一些前辈的代码块是这样的: 上图只看格式,代码无实际意义。 下面是我的代码块: 我写的代码块就…

【学习之博客美化】matery主题

为了方便我们这里使用 "Visual Studio Code"打开文件 将博客改为中文 目录:E:\IsQiyaBlog 将 " _config.yml " 文件中代码段 language: en 改为 language: zh-CN 修改主题菜单栏 将它们填上内容 新建分类 categories 页: hexo …

Hexo博客美化之蝴蝶(butterfly)主题魔改

这里写自定义目录标题 首先下载主题配置博客主题_config.yaml配置前须知_config.yaml配置简单介绍 如果参考我的脚手架,大家可以阅读readme和changelog文件,和蝴蝶主题官方文档。 tip: 由于butterfly主题升级至3.0.1,所提供的源码不在进行维护…

Vuepress博客美化技巧

文章目录 导航栏透明背景图填充跳转样式悬浮气泡背景图填充导航栏透明图片中的点击向下跳转的样式悬浮气泡 导航栏透明背景图填充跳转样式悬浮气泡 背景图填充 效果图: 下面的小框扩展到大框,让后面的导航栏透明更完善一些。 编辑Theme/components/Ho…

个人博客美化界面

先看一下我的界面 进入个人博客———管理——设置 在CSS代码框中输入一段代码,如下: /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter t…

Wordpress(Argon)主题博客美化

前言 常言道:工欲善其事必先利其器,在发表文章前,美化博客,使其利于自己的观看与管理极其重要,所以我四处搜寻,得到了以下美化代码。 但是,有时候我们走得太远,会忘了为什么出发。…

Hexo博客美化

Hexo博客美化 我们搭建好自己的博客以后,可以在hexo官网的 主题 中选择自己喜欢的博客主题,可以直接在主题中点开预览主题样式或者打开主题项目的 github 地址,将该主题下载到我们自己的博客项目中的 theme 文件夹中,然后在 _con…

个人博客美化

文章目录 Butterfly 主题安装修改博主头像生成文章唯一链接本地搜索SitemapRSS追番插件夜间模式繁星(宇宙)背景添加页脚徽标和计时器关于页面 总体参考: Butterfly 文档:https://butterfly.js.organzhiyu :https://anz…

个人博客美化(总结、分享)

博客美化(经验) |主题:EVA、新世纪福音战士、初号机、二号机 |颜色:基础黑白、紫色、绿色、红色 |取材:P站、贴吧eva |我这里只写我的经验,具体的参考主题作者写的笔记具体 修改主题为中文 ​ 这个其实我解…

个人博客网站的美化

文章目录 更换Next主题网站基本设置添加页面动态背景鼠标点击效果图设置站点建立时间设置头像修改网站图标添加RSS添加fork me Github修改文章底部带#号的标签在每篇文章末尾统一添加“本文结束”标记博文压缩修改代码块自定义样式侧边栏社交链接小图标添加热度添加音乐网站底部…

博客园美化教程

博客园美化教程 一、进入管理>设置>勾选下面的JS权限,然后填写一下开通的理由等待管理员进行审核通过。 二、选择下面的博客皮肤 三、贴入以下CSS代码到自定义,并禁用CSS默认模板 *,.Cal{padding:0}::-moz-selection{background:#807dd4;color:#…

Hexo 博客优化之博客美化系列(持续更新)

2022-01-25 更新:博客新地址:https://www.itbob.cn/,文章距上次编辑时间较远,部分内容可能已经过时! 本文将讲述一些 Hexo 博客的美化,本文以作者 luuman 的 spfk 主题和作者 xaoxuu 的 Material X 主题为例…

选股+择时策略组合

导语:本文讨论交易中两个非常重要的命题:选股择时,并将其两者结合起来开发策略。下文会给出样例并附上源码链接,感兴趣的朋友可以直接前往BigQuant一键克隆进一步研究。 选股就是要选一只好股票,而择时就是选一个好的买…

量化选股策略模型大全

原文链接:原文 量化选股就是利用数量化的方法选择股票组合,期望该股票组合能够获得超越基准收益率的投资行为。量化选股策略总的来说可以分为两类:第一类是基本面选股,第二类是市场行为选股。 基本面选股主要有多因子模型、风格…

如何通过形态选股构建量化策略?

形态选股是各类炒股软件必备的重要功能,用户手动选择股票及其K线区间后,软件能够基于给定“形态匹配度”筛选出最相似的股票。 然而,手动的方式往往覆盖面较低,也较为麻烦。所以,我们将通过形态选股的方式构建量化策略…

二、量化选股

文章目录 总体介绍一、基本面选股1、因子选股判断方法五个步骤 2、风格轮动3、行业轮动 二、市场行为选股1、资金流2、动量反转基本概念(1)行为金融学(2)阿尔法动量模型 3、一致预期4、 趋势追踪基本概念 5、筹码选股基本概念1. 筹…

股票:巧用均线多头排列选股

讲多头排列之前,有两个概念要明白。 短期均线从下向上突破中长期均线,形成的交叉叫黄金交叉,简称金叉,预示股价短期走强。 当短期均线向下跌破中长期均线,形成的交叉叫做死亡交叉,简称死叉,预示…

通达信口袋支点选股公式编写和设置方法答疑

1、口袋支点选股公式成交量条件 在我编写的口袋支点选股公式中,成交量条件为成交量创10日新高。有网友提出,根据书中的定义,口袋支点成交量条件是成交量大于近10日下跌时的最大成交量。 这个问题确实是我没考虑周全,成交量创10日…

常用的几种量化选股方法

量化选股就是用数量化的方法选择确定的投资组合,期望这样的投资组合可以获得超越大盘的投资行为。下面我们来简单介绍一下机构常用的量化选股方法。 1、多因子选股 多因子选股是最经典的选股方法,该方法采用采用一系列的因子(比如市盈率PE&…