×

博客园美化

如何装扮我的网易博客?cnblogs怎么加css样式

admin admin 发表于2023-01-21 21:53:46 浏览43 评论0

抢沙发发表评论

本文目录

如何装扮我的网易博客


1.登陆自己的网易博客,在左上方找到绿色箭头,并点击。 2.点击装扮博客 3,点击“换风格” 4.选择自己喜欢的风格并确定,比如选择“爱情”里的“摩天轮”然后确定! 5.风格保存完毕 6.设置“首页类容”点击“设置首页类容” 6.根据自己的情况选择模块,并确定,也可以自定义模块(需要代码)! 7.设置“首页板式”选择自己喜欢的板式,并确定 本次装扮博客完毕!祝你好运!

cnblogs怎么加css样式


0 获取权限

首先,在自定一个博客样式之前,我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】-》【设置】-》【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持js代码 。

1 美化文章标题

在【博客设置】页面中的【页面定制css代码】框中输入下面的css代码即可完成文章标题的美化的。

#cnblogs_post_body{
color: black;
font: 0.875em/1.5em “微软雅黑“ , “PTSans“ , “Arial“ ,sans-serif;
font-size: 15px;}#cnblogs_post_body h1    {
background: #333366;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
color: #FFFFFF;
font-family: “微软雅黑“ , “宋体“ , “黑体“ ,Arial;
font-size: 23px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 18px 0 !important;
padding: 8px 0 5px 5px;
text-shadow: 2px 2px 3px #222222;}#cnblogs_post_body h3    {
background: #006699;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
color: #FFFFFF;
font-family: “微软雅黑“ , “宋体“ , “黑体“ ,Arial;
font-size: 20px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 18px 0 !important;
padding: 8px 0 5px 5px;
text-shadow: 2px 2px 3px #222222;}#cnblogs_post_body h3    {
background: #2B6695;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
color: #FFFFFF;
font-family: “微软雅黑“ , “宋体“ , “黑体“ ,Arial;
font-size: 18px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 18px 0 !important;
padding: 8px 0 5px 5px;
text-shadow: 2px 2px 3px #222222;}#cnblogs_post_body h4{
background: #2B6600;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
color: #FFFFFF;
font-family: “微软雅黑“ , “宋体“ , “黑体“ ,Arial;
font-size: 16px;
font-weight: bold;
height: 24px;
line-height: 23px;
margin: 12px 0 !important;
padding: 5px 0 5px 10px;
text-shadow: 2px 2px 3px #222222;}

要注意的是,下面的 【禁止模板默认css】这个复选框不要勾选,因为我们仅仅只自定义了文章标题,其他的标签要靠默认的样式才行。上面的这段定义文章标题样式的代码是从这位数据之巅大牛的博客页面中趴下来的。点击【保存】,然后刷新一下博客文章页面,文章的标题就进行美化了,效果如下。

2 完美显示Latex的数学公式

默认的博客文章对Latex的数学公式是无法显示,想要在文章添加一些数学公式,都是采用截图的方式,比较麻烦。但是在网上找到一个解析Latex公式的利器MathJax,只需要在博客页面中添加MathJax.js就能完美的解析Latex格式的数学公式。

在博客设置页面中的【页首Html代码】框中输入如下js代码。

《script type=“text/x-mathjax-config“》
MathJax.Hub.Config({tex2jax: {inlineMath: [[’$’,’$’], [’\\(’,’\\)’]]}});《/script》《script type=“text/javascript“
src=“


怎么用代码装饰博客啊(新浪的博客)


先点击博客管理——内容首页维护——自定义空白版。
然后把“显示原代码”钩上
在把
复制上去(这是FIASH代码)在“文字上覆盖FLASH地址”复制上你喜欢的,在顶上写上标题保存就行了。
还有挂件代码是
挂件在左边的代码:
挂件在右边的代码:
其中LEFT:
(RIGHT:
)后的数值5与900为从左向右移(从右向左移)的位置。
以下是所有美化博客的代码网址
http://blog.sina.com.cn/u/4d9e17d501000a36
(几乎包含了美化博客所需代码)

美化博客用的那些代码要添加到哪啊一窍不通,拜托懂的人赐教咯!


http://chenyufeng2008.blog.sohu.com/6588533.html
到这里看就知道了
很详细的
这个不是我的博客哦
不过我都是跟她学的
http://chenyufeng2008.blog.sohu.com/6860979.html
知道了怎么填代码
在到这里看看
剩下的问题就都迎刃而解啦!