个人主页可以采用html代码也可以采用cms系统形式,一般以个人博客网站形式存在。你可以在个人博客模板找到自适应的模板程序后,进行源码下载。
每天的进行一些文章更新,相信对于建立个人品牌是非常有帮助的。
如何在博客里插入Flash、时钟、天气预报、音乐、鼠标本文转自:http://abinty.tianya.cn
1.添加Flash背景
添加Flash背景代码:
<CENTER><EMBED style="LEFT: 10pxPOSITION: absoluteTOP: -70px" align=right src=“Flash地址” width=500 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"></CENTER>
代码说明:
width height分别是Flash的宽度和高度,可以自定义设置。
style="LEFT: 10px是距离左边缘的距离(left=左,right=右)
TOP: -70px:这是距离顶端的距离。
把上面flash地址换上自己喜欢的背景地址就可以了,注意扩展名一定需要时SWF格式的。
添加方法:
新建一个空白模块,勾选“显示源代码”把Flash代码粘贴进去即可。然后再控制面板-个人首页维护-定制我的首页里添加这个模块并保存即可。
来这里挑选一个flash背景吧:
http://www.flamesky.com/blog/user1/1595/archives/2005/5291.shtml
2,添加时钟
添加时钟代码:
<div align="center"><embed src="Flash地址" width="180" height="180" type="application/x-shockwave-flash" /></div>
代码说明:
width=180 height=180是Flash的宽度和高度,可以自定义设置。
添加方法:
同上
来这里挑选一个自己喜欢的时钟吧:
http://www.fengzhuju.com/page-00s/wzgg/clocks.htm
3.添加挂件
添加挂件代码:
<DIV id=youxia style="RIGHT: 10pxPOSITION: absoluteTOP: 100px"><IMG src="图片地址" border=0></A></DIV>
代码说明:
以上为右挂件代码,更换RIGHT为LEFT,则为左挂件代码
添加方法:
同上
下面是几个挂件代码,您也可以自行查找地址并添加:
http://blog.sina.com.cn/pic/55a641f5020000sb
http://blog.sina.com.cn/pic/55a641f5020000sc
http://blog.sina.com.cn/pic/55a641f5020000sd
http://blog.sina.com.cn/pic/55a641f5020000si
http://blog.sina.com.cn/pic/55a641f5020000sh
http://photo.play119.com/Pic/200510134151215213.gif
http://image.blog.myrice.com/hbh60/imgs/0/7/07e26b39.gif
4.更改鼠标样式
更改鼠标样式代码:
<STYLE type=text/css>
a:hover {cursor:url('*.ani')}
BODY {cursor:url('*.ani')}
</STYLE>
代码说明:
*.ani为动态光标地址。
添加方法:
同上
到这里找动态光标的链接吧:http://myok.bokee.com/3429184.html
5.添加音乐
添加音乐代码:
<embed src=音乐链接地址 width=200 height=45 type=audio/mpeg loop="true" autostart="false">
代码说明:
支持的音乐格式: wma mp3 rm ra ram asf mid
播放器宽度width和高度herght可以灵活设置,如果都设为0,那么音乐就成了背景音乐,没有播放器.
autostart="true"为自动播放,autostart="false"为不自动播放.
loop="true"为连续循环播放,loop="false"为不循环播放.
loop可以等于一个整数,比如loop="2",就是音乐循环播放2次。
添加方法:音乐地址自己去百度搜http://mp3.baidu.com
技术栈
后端技术栈:egg.js + mysql + sequelize + jwt 等
前端技术栈:vue全家桶 + axios + elementUI + markdown编辑器等
前端项目地址:https://github.com/caiheping/vue-cms
项目运行
git clone https://github.com/caiheping/egg-cms.git
# 如果clone 很慢,也可以拉码云的仓库
git clone https://gitee.com/caiheping/egg-cms.git
cd egg-cms
npm install
然后修改config/config.default.js和database/config.json(这个改不改都行)下自己的数据库用户名和密码
创建数据库egg_cms_development
在egg_cms_development数据库下导入项目根目录下egg_cms_development.sql文件
运行项目
npm run dev
浏览器打开 http://127.0.0.1:7001/index.html
admin登录账号:admin,密码: 123456 普通用户账号密码自己用admin去用户管理创建
演示地址:http://blog.caihp.top (自己服务器只开放部分功能,想要查看全部功能,请copy代码在自己的电脑上看)
用户名: test
密码:123456
项目功能
登录 -- 完成
首页 -- 去我的博客
文章列表 -- 增删改查
文章类型 -- 增删改查
用户中心 -- 增删改查
角色管理 -- 增删改查
菜单管理 -- 增删改查
部门管理 -- 增删改查
通知公告 -- 增删改查
头像上传 -- 完成
我的博客前端界面(知道地址后无需登录就可以进入)
界面截图
传送门:前端vue3 + 后端egg项目地址:https://github.com/caiheping/oa-api 或者 https://gitee.com/caiheping/oa-api
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)