vue博客模板(博客模板)

今天小编给各位分享博客模板的知识,其中也会对vue博客模板进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

如何设计自己的博客模板

1:新浪博客具有模板定制功能除了普通的模板风格选择以外,还提供了“模板DIY”界面,您可以在数千种变化种找到属于自己的风格加以搭配。

2:如果您不希望您的首页总是一成不变,同时又希望免去亲自更换模板的麻烦,那您可以进入“模板DIY”,将您的首页风格设置成“模板随机效果”,此时您的主页每次被刷新都会呈现出不同的风格哦:)建议初学者不使用

温馨提示:您选择随机模板后,自定义的风格模板将会失效。

第一步:点击你主页右上方标题栏的“控制面板”进入

第二步:进入“控制面板”后,选择左边的“定制我的模板”或者右边的“定制Blog面板”

第三步:按照你的想法选择下一步的操作,如果你想选择固定的个性模板,那么请点击“点击此处更新模板”“随机风格”建议暂不使用,待熟练后可尝试。

第四步:选择自己喜欢的一种风格,比如选择的是“灰色轨迹”,点击进入。

第五步:十个模版都有模版风格说明,点击看说明,如果确定好的话点击“选择此模板”

第六步:你将鼠标放在哪里,哪里晃动,哪里就能更改。在弹出的小框框里,将鼠标放到上下箭头出,滚动选择自己喜欢的图片。自己可以多试试不同的风格。

第七步:首先更改背景,,点击蓝色按钮,选择好自己满意的背景之后,点一下。

第八步:界面中的其他模块你都可以自己改变

第九步:要强调得一点(可能也是很多人没有注意的一点),那就是你现在更改的均属于首页的模板,你还可以更改正文现显示的背景,当然该方法同上。

第十步:当你全都改好之后,就可以点击“保存并返回”了。

如何更换新浪博客模板?

页面顶端有一个页面设置,打开以后就可以看到很多小的放个缩略图了,可以自由选择,底下还有自定义设置,可以自己上传背景图和标题栏图

如何自己制作新浪博客模板

制作步骤是:

1)成功登陆博客后,点击控制面板

2)进入后可以看到左侧有一个“定制我的首页”

3)点击进入左侧可以看到“添加模块”

4)点击进入后,看到“自定义空白面板”

5)下面有“创建新的空白面板”

6)进入后输入“面板标题名”,然后,下角可以看到“显示原代码”

7)选中后,将下面的源代码复制后放在它们中间:

STYLE

type=text/css

body

{background:url(页面背景图片)

repeat

scroll!important;}

.logo

{background:url(题图logo图片)

no

repeat

no

scroll!mportant;}

.banner

{background:url(题图大图)

no

repeat

no

scroll!mportant;}

.menu{

background:url(“题图下的菜单图片”)

no-

repeat

center;}

.feeds

.up{

background:url(“正文标题栏上翻时的图片”)

no-

repeat

center;}

.feeds

.down{

background:url(“正文标题栏下翻时的图片”)

no-

repeat

center;}

.feeds

.function{background:url(“正文摘要结尾处菜单的图片”)

no-

repeat

right;}

.links

.up{

background:url(“面板标题栏上翻时图片”);}

.links

.down{

background:url(面板标题栏下翻时的图片);}

.links

.mid{

background:url(面板的背景图片);}

.photo

.mid{

background:url(形象照片处的背景图片);}

.label

.mid{

background:url(自定义面板的背景图片);}

.calendar

.mid{

background:url(“日历面板背景”);}

.callboard

.up{

background:url(“公告栏标题栏上翻时图片”);}

.callboard

.down{

background:url(“公告栏标题栏下翻时图片”);}

.callboard

.mid{

background:url(“公告栏背景图片”);}

.bodyBg{

background:url(“正文背景图片”);}

.bodyBottom{

background:url(“正文背景图片”);}

.gbook

.up{

background:url(‘留言板标题栏上翻时的图片’)

no-repeat;}

.gbook

.down{

background:url(‘留言板标题栏下翻时的图片’)

no-repeat;}

.feeds

.page{

background:url(“正文文章页数图片”)

no-repeat

center;}

/STYLE

8)最后保存设置即可.

注:1.把文字部分改成图片地址即可,但图片地址必须是网络上已经存在的,否则不能显示。

2.需要哪部分就添加哪部分的代码,不需要的不用加。

3.建议博友最好一个一尝试,就会知道哪个代码是模板中的哪部分了.

关于个人博客网页的模版设计

个人独立博客是指一个博客,它有自己独特的精神概念,在独立博客的基础上具有鲜明的个人特征和思想。它通常区别于那些全面的博客和集合类型的博客。你可以在博客网站模板大全里面进行挑选下载,要求与网站同样的硬件基础:域名、空间、源码(可使用开源程序如 dedecms、WordPress)等。

以上就是与博客模板相关内容,是关于vue博客模板的分享。看完博客模板后,希望这对大家有所帮助!

声明:本文内容整理自网络,观点仅代表原作者本人,投稿号仅提供信息发布服务。如有侵权,请联系管理员。

(0)
上一篇 2023年4月1日 09:59
下一篇 2023年4月1日 10:59

热点推荐

发表回复

登录后才能评论