如何使用Hexo建立一个自己的个人Blog及主页美化

html-css08

如何使用Hexo建立一个自己的个人Blog及主页美化,第1张

其实,用动画图片(Flash)来装饰美化博客主页很简单,下面就简单介绍一些博客页面的装饰方法以及我收藏的一些漂亮的动画图片地址,朋友喜欢的话可以自己做来★★ 打开博客,把鼠标指向左上角的“——装扮博客——设置首页内容——添加自定义模块>★★ 在博客左上方出现一个(自定义hmtl)模块 ★★把HTML代码 到模块的空白处在左下部就会显示如下的对话框:然后点击上面的“flash"按钮,在出来的对话框里把后面所附的你喜欢的Flash网址输入,写上名称,点击“新增”,然后点击右上角的“保存”就OK了。这个步骤可以反复使用。每次制作一幅动画。制作完成后,刷新一下,拖动你制作的模块,放到你希望放置的地方,点右上角保存。预览我的博客就即看到效果了。有时刷新后会发现自己刚做的模块不见了。没关系的。那只是隐藏起来了。你只要点击一下(有灰色变绿色),让它显示出来,然后保存,拖动位置,再保存即可!其它设置首页中插入图片 代码:<img src="图片地址" border="0" width="宽" height="高">代码中“width”是宽度,“height”是高度。的图片地址就是网上以 .jpg .bmp .gif 结尾的网址,网络图片一般鼠标点在图片上点右键,查看“属性”就可以获得图片的地址。具体做法:1、在网上搜索喜欢的图片或将自己喜欢的图片上传到网易相册,以获得一个图片的网址。2、顺序点开 "排版——模板——自定义模板——添加自定义HTML"3、"添加自定义HTML" 模块显示在网页左下角4、复制上面的代码到 "自定义HTML" 模板中5、复制图片网址,替换代码中的“图片地址”6、点击"预览"查看效果,然后点击"新增"保存,记得给你的模板起个名字7、用鼠标拖动你添加的图片上方的编辑横条,把图片放到你喜欢的位置8、点击网页右上角“保存”9、预览我的博客,就可以看到出现在你的博客上了。在博客中插入视频第一步、登陆自己的博客 第二步、在编辑状态下,点击"日志"——"添加日志" 第三步、点击左下角的 "<>"标记第四步、复制下面的代码到文章里面,注意用你选中的视频地址,替换代码中的视频链接地址<div align=left></div><embed src=视频链接地址 width=宽度 height=高度 type=audio/mpeg loop="true" autostart="false">"true"为自动播放,"false"为不自动播放,宽度width和高度height都可以自定义。 第五步、保存文章。 第六步、发表文章显示成功。

..群群..亲爱的..我来啦...哈哈..让你久等了...

下面就让我来回答你的问题...

在类似www.sina.com这样的网站上提供的博客模板可定不能满足我家群群的需求。所以呢,就必须做自己独立的博客啦。

那么,比较详细的流程我找到了这个。

1、首先,要准备个人的博客程序。

博客程序目前比较好的有2个,一个是wordpress,一个是zblog。wordpress功能很强大,国外专门团队开发,但是设置复杂,上手不是很容易,另外是php+mysql的,也就是说买空间的时候空间要求稍微高一点,需要支持mysql数据库。zblog国内团队开发,著名使用者是月光博客,支持静态页面且上手容易,对于博客使用来说功能也足够了。他是asp的,买空间要求也稍微低一些,需要asp和acess即可。

2、寻找且最好是购买空间。目前上面两种程序都有自己推荐的空间商,购买那里的就不错。刚开始买初级的就好,不要太大和太牛,以后随着网站规模的扩大和访问人数的增多可以逐步升级。

3、购买一个域名,可以在国内买,但最好去国外的godday网站购买,比国内便宜多还很有保障。具体购买方法在网上搜索“godday域名购买”就能搜到图文步骤。

4、好了,准备工作做完了,接下来是具体实现了。将程序(代码)上传至空间,然后将域名按照空间商说明设置指定向你的空间就OK了,输入域名就看见界面了。当然,内容就要靠你自己接下来去更新补充了。

最后就是程序(代码)的问题了:

以下呢,就是一些代码的网站连接:

网易博客代码大全:http://blog.sina.com.cn/u/49be829b010008el

QQ空间代码大全:http://blog.sina.com.cn/u/49be829b01000a73

新浪博客代码大全:http://blog.sina.com.cn/u/49be829b010003e7

51博客代码大全:http://blog.sina.com.cn/u/49be829b01000cj1

搜狐博客代码大全:http://blog.sina.com.cn/u/49be829b010003u7

博客状态栏特效代码大全:http://blog.sina.com.cn/u/49be829b01000782

博客图片特效代码大全:http://blog.sina.com.cn/u/49be829b01000791

博客文字特效代码大全:http://blog.sina.com.cn/u/49be829b01000781

博客导航链接特效大全:http://blog.sina.com.cn/u/49be829b01000780

博客鼠标特效代码大全:http://blog.sina.com.cn/u/49be829b0100077z

博客分割线大全:http://blog.sina.com.cn/u/49be829b010006em

博客写字板素材大全:http://blog.sina.com.cn/u/49be829b010006el

新浪博客背景代码大全:http://blog.sina.com.cn/u/49be829b010006ej

新浪博客素材鼠标指针大全:http://blog.sina.com.cn/u/49be829b010006ei

博客flash特效以及地址大全:http://blog.sina.com.cn/u/49be829b010006eg

博客flash挂件素材大全:http://blog.sina.com.cn/u/49be829b010006eh

QQ空间代码│非主流图片:http://zrc870828.bokee.com/viewdiary.180426201.html

新浪博客代码:http://zrc870828.bokee.com/viewdiary.16122323.html

网易博客代码:http://zrc870828.bokee.com/viewdiary.16122330.html

51博客代码:http://zrc870828.bokee.com/viewdiary.179247860.html

163博客代码:http://zrc870828.bokee.com/viewdiary.16122340.html

搜狐博客代码:http://zrc870828.bokee.com/viewdiary.16122332.html

新浪博客背景代码:http://zrc870828.bokee.com/viewdiary.16122334.html

博客播放器代码:http://zrc870828.bokee.com/viewdiary.16122335.html

新浪博客模板代码:http://zrc870828.bokee.com/viewdiary.16122337.html

blog代码:http://zrc870828.bokee.com/viewdiary.16122339.html

博客时钟代码:http://zrc870828.bokee.com/viewdiary.16122345.html

新浪博客模版代码:http://zrc870828.bokee.com/viewdiary.16122349.html

新浪博客鼠标代码:http://zrc870828.bokee.com/viewdiary.16122351.html

sina博客代码:http://zrc870828.bokee.com/viewdiary.16122352.html

博客背景代码:http://zrc870828.bokee.com/viewdiary.16122358.html

博客背景音乐代码:http://zrc870828.bokee.com/viewdiary.16122362.html

博客更改首页留言处的文字颜色代码:http://blog.sina.com.cn/u/49be829b010006bq

博客更改文章列表处的文字颜色代码:http://blog.sina.com.cn/u/49be829b010006br

博客更换留言处的图片代码:http://blog.sina.com.cn/u/49be829b010006bs

博客免费网络书签登陆入口:http://blog.sina.com.cn/u/49be829b01000605

博客精巧实用IP地址查询代码:http://blog.sina.com.cn/u/49be829b01000605

迎接2008奥运会到计时免费代码:http://blog.sina.com.cn/u/49be829b01000609

博客免费论坛登陆口代码:http://blog.sina.com.cn/u/49be829b01000607

博客在线天气预报免费代码:http://blog.sina.com.cn/u/49be829b01000608

博客六种天气预报代码:http://blog.sina.com.cn/u/49be829b0100060a

博客算卦的小东西:http://blog.sina.com.cn/u/49be829b01000619

关于在您主页怎样加入别人主页的链接:http://blog.sina.com.cn/u/49be829b0100060b

博客滚动的文本框代码:http://blog.sina.com.cn/u/49be829b0100060c

博客QQ及时通话:http://blog.sina.com.cn/u/49be829b0100060e

状态栏文字从右往左移动:http://blog.sina.com.cn/u/49be829b0100060m

博客电脑算命代码:http://blog.sina.com.cn/u/49be829b0100060o

纯真网络显示IP地址代码:http://blog.sina.com.cn/u/49be829b0100060n

上下滚动图片的代码:http://blog.sina.com.cn/u/49be829b0100060p

博客滚动公告的代码:http://blog.sina.com.cn/u/49be829b0100060q

左右飘动的图片代码:http://blog.sina.com.cn/u/49be829b0100060r

博客不停滚动文字的代码:http://blog.sina.com.cn/u/49be829b0100060v

博客文字特殊效果代码:http://blog.sina.com.cn/u/49be829b0100060z

图片上飘动的文字代码:http://blog.sina.com.cn/u/49be829b0100060w

在图片上写文章的代码:http://blog.sina.com.cn/u/49be829b0100060x

博客竖排显示文字代码:http://blog.sina.com.cn/u/49be829b0100060y

关于在图片旁边写文章的代码:http://blog.sina.com.cn/u/49be829b01000610

两种状态栏上的文字代码:http://blog.sina.com.cn/u/49be829b01000611

博客天气预报代码:http://blog.sina.com.cn/u/49be829b01000613

在博客加入你自己的视频:http://blog.sina.com.cn/u/49be829b01000612

涂鸦留言板的代码:http://blog.sina.com.cn/u/49be829b01000614

国外的一款涂鸦板代码:http://blog.sina.com.cn/u/49be829b01000615

博客绝对定位代码:http://blog.sina.com.cn/u/49be829b01000616

博客停留时间代码:http://blog.sina.com.cn/u/49be829b01000617

右上角翻页效果代码:http://blog.sina.com.cn/u/49be829b01000618

首页模板全部透明的代码:http://blog.sina.com.cn/u/49be829b0100061r

QQ12星座Flash代码:http://blog.sina.com.cn/u/49be829b0100061a

个性公告栏代码:http://blog.sina.com.cn/u/49be829b0100061b

图文友情链接的美丽效果:http://blog.sina.com.cn/u/49be829b0100061c

两款幻灯片的代码:http://blog.sina.com.cn/u/49be829b0100061h

自定义导航栏源代码:http://blog.sina.com.cn/u/49be829b0100061g

滚动文字的友情链接代码:http://blog.sina.com.cn/u/49be829b0100061f

一款漂亮的链接栏代码:http://blog.sina.com.cn/u/49be829b0100061e

博客自动跳转到另外一个页面:http://blog.sina.com.cn/u/49be829b01000627

博客荧光棒鼠标指针:http://blog.sina.com.cn/u/49be829b01000626

博客加高首页横幅的代码:http://blog.sina.com.cn/u/49be829b01000622

几款QQ空间开场flash地址及代码:http://blog.sina.com.cn/u/49be829b01000623

博客鼠标指针后飘动的文字:http://blog.sina.com.cn/u/49be829b01000620

模糊文字的特效:http://blog.sina.com.cn/u/49be829b0100061x

博客链接变色的代码:http://blog.sina.com.cn/u/49be829b0100061w

博客触到链接是出现虚线的代码:http://blog.sina.com.cn/u/49be829b0100061v

博客从底部弹出的小窗口代码:http://blog.sina.com.cn/u/49be829b0100061u

博客阅读式公告栏代码:http://blog.sina.com.cn/u/49be829b0100061t

博客探照灯效果:http://blog.sina.com.cn/u/49be829b0100061s

至于,其中有没有关于语言类的就要亲爱的你自己去找找啦....嘿嘿...偷懒了...原谅我吧..么么..爱你...

如果做单页的话那就用html编辑吧,如果你只会一点点语言的话,那么可以借助软件,比如dreamweaver。

如果做多页的话就用cms,或者用博客程序,比如wordpress