自己如何做博客模板,怎么上传到博客？关于github搭建个人博客的问题

本文目录

• 自己如何做博客模板,怎么上传到博客
• 关于github搭建个人博客的问题
• 博客大巴的模板可以在哪里下载呢
• 怎么弄自己想弄的博客模板
• 博客模板下载后怎么用呢
• 请问怎么可以设置博客模版啊
• 新浪博客怎么设定个性模板
• 想要建个网站，哪里有博客网站的模板下载吗
• 下载的WordPress博客模板修改方法
• 怎么制定自己喜欢的博客模板

自己如何做博客模板,怎么上传到博客

通过下面的代码你可以自己动手修改博客的模板，尽显非凡个性，不过小心弄不好可就面目全非了...

《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(“正文背景图片“);}

《/STYLE》

说明：

页面背景图片指的是模板两边空白的地方的照片。

题图logo图片，又叫题图上。

题图大图，又叫题图下。

正文标题栏上翻时的图片指的是文章发表了之后文章标题后的图片。

面板标题栏下翻时的图片指的是点击标题后出现标题后的后面的图片。

正文背景图片指的是我们的文章发表了之后文字下面的图片。

其他的就不言而喻了，不知道的可以自己摸索一下，需要修改哪项就添加哪项，不需要的就去掉。

又：图片必须来源于网上，当然也可以自己上传到博客然后再做链接。

关于github搭建个人博客的问题

首先，看下你修改后的模板上传，提交了吗
其次，看下样式的路径是否正确
然后，看下是否引入模板的方式不对
最后，通过f 12g 看控制台信息，是样式找不到，还是网络问题，应该是样式找不到，那就要分析为什么没找到，是不是使用模板方式不对

博客大巴的模板可以在哪里下载呢

可以去豆瓣里的大巴小组里下载喔

推荐几个好的：
1：http://www.douban.com/group/topic/3706587/(很多欧美风的板子)
2：http://www.douban.com/group/topic/6365418/(走可爱路线的板子)
3：http://www.douban.com/group/xiaopo/(小破的抽屉小组，里面不仅有很多好看的板子提供下载，而且不定期有些活动，在大巴里遇到的问题也可以在那里解决)

怎么弄自己想弄的博客模板

2:如果您不希望您的首页总是一成不变，同时又希望免去亲自更换模板的麻烦，那您可以进入“模板DIY”，将您的首页风格设置成“模板随机效果”，此时您的主页每次被刷新都会呈现出不同的风格哦：）建议初学者不使用 第一步：点击你主页右上方标题栏的“博客管理”进入 第二步：进入“管理博客”后，选择左边的“定制我的模板”或者右边的“定制Blog面板” 第四步：选择自己喜欢的一种风格，比如选择的是“灰色轨迹”，点击进入。 第五步：十个模版都有模版风格说明，点击看说明，如果确定好的话点击“选择此模板” 第六步：你将鼠标放在哪里，哪里晃动，哪里就能更改。在弹出的小框框里，将鼠标放到上下箭头出，滚动选择自己喜欢的图片。自己可以多试试不同的风格。 第七步：首先更改背景，，点击蓝色按钮，选择好自己满意的背景之后，点一下。 第八步：界面中的其他模块你都可以自己改变 第九步：要强调得一点（可能也是很多人没有注意的一点），那就是你现在更改的均属于首页的模板，你还可以更改正文现显示的背景，当然该方法同上。 第十步：当你全都改好之后，就可以点击“保存并返回”了。

博客模板下载后怎么用呢

下载的模板里面有代码，你到你的博客里面选则更换模板，自定义模板，那有一大堆的代码，你把你下载的模板的代码全复制进去，保存。
是这种模板吗？还是你自己架设的博客，下载的模板，你就用ftp上传到你的空间相关的目录里，再在后台更换模板。
你用的是什么博客？

请问怎么可以设置博客模版啊

模板中的标记位置可以根据用户自己的需要安排。

用户模版标记说明
主模版：
$show_log$ 重要，此标记显示日志主体部分，包括评论等信息。
$show_placard$ 此标记显示用户公告。
$show_calendar$ 此标记显示日历。
$show_newblog$ 此标记显示最新日志列表。
$show_comment$ 此标记显示最新回复列表。
$show_subject$ 此标记显示专题分类。
$show_subject_l$ 此标记横向显示专题分类。
$show_newblog$ 此标记显示最新日志列表。
$show_newmessage$ 此标记显示最新留言列表。
$show_info$ 此标记显示Blog名称，统计信息等。
$show_login$ 此标记显示登陆窗口
$show_links$ 此标记显示链接信息
$show_blogname$ 此标记显示用户blog名称，若名称为空则显示用户id。
$show_search$ 此标记显示搜索表单
$show_xml$ 此标记显示rss连接标志。

副模版：
$show_topic$ 此标记显示日志题目。
$show_loginfo$ 此标记显示日志作者，发表时间等信息。
$show_logtext$ 此标记显示日志正文。
$show_more$ 此标记显示阅读全文，引用等链接。
$show_emot$ 此标记仅显示显示表情图标。
$show_author$ 此标记仅显示作者名。
$show_addtime$ 此标记仅显示发表时间。
$show_topictxt$ 此标记仅显示日志标题。

注意：若不小心将模版改坏，可以重新选择默认模版进行恢复。

新浪博客怎么设定个性模板

1、控制面板--首页内容维护--定义空白模板--新建,创建模块标题，显示源代码粘贴代码[粘贴代码前，在普通模式下打一个空格，然后再进入源代码模式，这时你会看到源代码中已经有一行代码了（ 《DIV》 《/DIV》 ），这时你再将自己的代码粘贴到它的下面即可]--保存并返回；
*完全代码如下：
《STYLE type=text/css》
/**/
.bodytop{background:#transparent}
.banner{ background:#transparent}
.menu{ background:#transparent}
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType =’1’,enabled=’true’,startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}

.zone{ background:#transparent}
.bodyBottom{background:#transparent}
.feeds .up{background:#transparent}
.feeds .down{background:#transparent }
.feeds .function{background:#transparent}
.feeds .page{background:#transparent}
.aList .sysHand .up{background:#transparent}
.aList .sysHand .down{background:#transparent}
.gbook .sysHand .up{background:#transparent}
.gbook .sysHand .down{background:#transparent}
.gbook .title{display:none;}
.logo{display:none;}
.gbook .page{background:#transparent }
.gbook .login{background:#transparent}
.box_1{background:#transparent}
.box_2{background:#transparent}
.calendar{background:#transparent}
.calendar .mid{background:#transparent}
.calendar .top{background:#transparent}
.calendar .title{background:#transparent}
.calendar .bold td{background:#transparent}
.calendar .bottom{background:#transparent}
.callboard .mid{background:#transparent}
.callboard .mid img{background:#transparent}
.callboard .front{background:#transparent}
.callboard .back{background:#transparent}
.callboard table{background:#transparent}
.callboard .up{background:#transparent}
.callboard .down{background:#transparent }
.sysBr{background:#transparent}
.sysBr210{background:#transparent}
.label{background:#transparent}
.label .mid{background:#transparent}
.label .top{background:#transparent}
.label .bottom{background:#transparent}
.photo{background:#transparent}
.photo .mid{background:#transparent}
.photo .image{background:#transparent}
.photo .top{background:#transparent}
.photo .bottom{background:#transparent}
.links{background:#transparent}
.links .up{background:#transparent}
.links .down{background:#transparent }
.links .mid{background:#transparent}
body{background:url(“最喜欢的熙越的PP的地址“) repeat fixed!important;}
.add{background:#transparent}
.add .ico{background:#transparent}
/**/
《/STYLE》

（代码的说明：用你要使用的图片地址，例如：如下：
{background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType =’1’,enabled=’true’,startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
在最后startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF这一段代码中，六个F表示的是白色，按照颜色对应的编码改动了一下，果真可以把底色换成其他颜色，筒子们自己试试吧！

想要建个网站，哪里有博客网站的模板下载吗

教你我的经验吧。在百度搜索ASP博客源码。然后会搜到很多的源码，下载后上传到你的空间就行了，用户名一般是admin密码一般是admina或dmin888，这些它都会写明的。另外空间也有不少
高高兴兴
常来网
5944
虎翼网
西部数据免费空间
06la
000webhost
这都是我测试过的，都支持asp部分支持php

下载的WordPress博客模板修改方法

这个你可以到“老吕爱分享”网站去看下，里面有很多wordpress修改的教程，我在那里学习的，非常实用，有很多教程，比如：如何修改WordPress模板文章标题字体大小、wordpress文章图片如何在新窗口打开、Wordpress底部信息版权信息如何居中，同步WordPress日志文章到新浪微博等等...

怎么制定自己喜欢的博客模板

自定义新浪博客各处模板 1）改变BLOG标题大小的代码： 《STYLE type=text/css》 .banner .title td{font-size:36px;} .banner .title td{FILTER: glow(color=#000000,direction=2);} .banner .title td{color:#ffff66;} .banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;} 《/STYLE》 36px为标题文字的字体大小 #000000表示文字效果(显影)的颜，direction=2表示发光效果的强弱，数值可自行设定，自己觉得合适即可。 banner .title td{color:#ffff66;}表示标题文字的主颜色 banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置：background:后面的值为标题外框的颜色效果；opacity=85是表示文字的透明度，值越小越透明；border:0px表示外框线条的粗细，数值越大边框线条越粗，数值设为0表示边框隐藏。 ---------- 2）页面宽度的代码： 《STYLE type=text/css》 .bodyTop{width:900px;} .bodyBg{width:900px;} .bodyBottom{width:900px;} .feeds .text{width:660px;} .label{width:20px;} .photo{width:200px;} .callboard{width:200px;} .links{width:200px;} .calendar{width:200px;} .sysBr180{width:200px;} 《/STYLE》 参数说明： .bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度。 .bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）。 .bodyBottom 指的是页面底部的宽度，其值最好是与上面相同 。 .feeds .text 指的是正文部分的宽度（也就是文章部分的宽度） 。 .label 指的是面板的宽度（其值加正文宽度的值应略小于整个页面的宽度）。 .photo 指的是形象照片面板的宽度（其值同上） 。 .callboard 指的是公告栏的宽度（其值同上） 。 .links 面板（也即最新留言、最新评论等面板）宽度（其值同上）。 .calendar 日历的宽度（其值同上）。 .sysBr180 这个值比较特殊，其值同以上各面板宽度近似，但不一定相同大家应当根据自己设置的宽度进行调节。 width 后面的数字就是你要修改的宽度值，可根据自己的需要设置。 面板的宽度值大约为190左右；如果要改成全屏，整个页面总宽度约为995-996。 不过要更改模板宽度的话建议面板的宽度不必改，只需用代码中的前四个参数就行了。 ---------- 3）博客改变背景代码： 滚动的大背景代码： 《style》body {background:url(“页面大背景图片地址“) repeat scroll!important;}《/style》 repeat 重复，当图片的大小不够的时候会以平铺显示 scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动 固定的大背景代码 《style》body {background:url(“页面大背景图片地址“) repeat fixed!important;}《style》 fixed 固定，大背景不会因为你拉动滚动条而滚动 背景透明代码： 《STYLE type=text/css》body {background:#transparent) repeat scroll!important;}《/STYLE》 使用说明： 找到你喜欢的图片（1024*768规格），把它存在你的博客里，具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的(“页面大背景图片地址“)上面，找一个已经有内容的模块添加这段代码，就能改变你的BLOG背景了，具体用以上那一种代码，看你个人喜好了！ ---------- 4）自定义博客各部分背景代码： 《STYLE type=text/css》.logo {background:url(“题图上背景图片地址“) no repeat no scroll!mportant;}《/STYLE》 《STYLE type=text/css》.banner {background:url(“题图下背景图片地址“) no repeat no scroll!mportant;}《/STYLE》 《STYLE type=text/css》.menu {background:url(“题图下的菜单背景图片地址“) no-repeat center;}《/STYLE》 《STYLE type=text/css》.feeds .up {background:url(“正文标题栏上翻时的图片地址“) no-repeat center;}《/STYLE》 《STYLE type=text/css》.feeds .down {background:url(“正文标题栏下翻时的图片地址“) no-repeat center;}《/STYLE》 《STYLE type=text/css》.feeds .function {background:url(“正文摘要结尾处菜单的图片地址“) no-repeat right;}《/STYLE》 《STYLE type=text/css》.links .up {background:url(“面板标题栏上翻时的图片地址“);}《/STYLE》 《STYLE type=text/css》.links .down {background:url(“面板标题栏下翻时的图片地址“);}《/STYLE》 《STYLE type=text/css》.links .mid {background:url(“面板的背景图片地址“);}《/STYLE》 《STYLE type=text/css》.photo .mid {background:url(个人形象照片处的背景图片地址);}《/STYLE》 《STYLE type=text/css》.label .mid {background:url(“自定义面板的背景图片地址“);}《/STYLE》 《STYLE type=text/css》.calendar .mid {background:url(“日历面板背景图片地址“);}《/STYLE》 《STYLE type=text/css》.callboard .up {background:url(“公告栏标题栏上翻时的图片地址“);}《/STYLE》 《STYLE type=text/css》.callboard .down {background:url(“公告栏标题栏下翻时的图片地址“);}《/STYLE》 《STYLE type=text/css》.callboard .mid {background:url(“公告栏背景图片地址“);}《/STYLE》 《STYLE type=text/css》.bodyBg {background:url(“正文背景图片地址“);}《/STYLE》 《STYLE type=text/css》.bodyBottom {background:url(“内背景页脚处图片地址，在翻页处下面一横窄条“);}《/STYLE》 《STYLE type=text/css》.gbook .up {background:url(“留言板标题栏上翻时的图片地址“) no-repeat;}《/STYLE》 《STYLE type=text/css》.gbook .down {background:url(“留言板标题栏下翻时的图片地址“) no-repeat;}《/STYLE》 《STYLE type=text/css》.feeds .page {background:url(“正文文章页数图片地址“) no-repeat center;}《/STYLE》 《STYLE type=text/css》.links .more {background:url(“最新文章列表下的MORE的背景图片“) no-repeat right;}《/STYLE》 代码说明： 页面大背景(body) 指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分。 题图上背景(logo) 是指所在的横长条的背景。 题图下背景(banner) 是指博客名字博客地址 复制 ﹥收藏本页）所在的那部分的背景。 logo和banner宽各为770，logo高40，banner高134，单位均为像素。 题图下的菜单背景” 是指“HOME...搜索┆帮助┆退出”等字所在的那个横长条的背景。 正文标题栏上翻时的图片 指的是文章发表了之后文章标题的图片。 面板标题栏下翻时的图片 指的是点击标题后出现标题后的后面的图片。 面板的背景图片 指的是左边比如我的文章列表什么的背景图片。 正文背景 是指整个文章文字所在的大背景！ 以上代码可以更改博客各个部分的图片，更换的图片尺寸要和原尺寸一模一样，关于上传图片和怎么得到图片地址请参考：无限制上传图片的方法 ---------- 如果想叫某一部分背景或者全部变的透明的话，在以上代码中大括号里面内容换上background:#transparent就能实现透明效果， 例如横幅代码： 《STYLE type=text/css》.logo {background:url(“题图上背景图片地址“) no repeat no scroll!mportant;}《/STYLE》 以上代码中红色部分全部改成：background:#transparent 示范： 《STYLE type=text/css》.logo{background:#transparent}《/STYLE》 以上所有代码必须添加在已经有内容的模块中，例如模块里面已经有了时钟，天气预报等等内容！ 具体操作步骤是：复制代码---》控制面板---》新增空白面板---》钩选源代码(出现钩号，同时文档里出现DIV的字样)---》粘贴代码---》钩选源代码(钩号消失)---》保存新增面板---》定制个人首页---》选取新增个人面板---》保存

希望采纳