个人主页可以采用html代码也可以采用cms系统形式，一般以个人博客网站形式存在。你可以在个人博客模板找到自适应的模板程序后，进行源码下载。
每天的进行一些文章更新，相信对于建立个人品牌是非常有帮助的。
技术栈
后端技术栈：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
自己总结的基本语法。你所要的网页代码太多，写不下，网页的简单与否跟代码多少没关系 文件格式<html></html>(文件的开头与结尾) 主题<title></title>(放在文件的开头) 文头区段<head></head>(描述文件的信息) 内文区段<body></body>(放此文件的内容) 标题<h?></h>(?=1~6,改变标题字的大小) 标题对齐<h align=right,left,center></h> 字加大<big></big> 字变小<small></small> 粗体字<b></b> 斜体字<i></i> 底线字<u></u> 上标字<sup></sup> 下标字<sub></sub> 文字对中<center></center> 基本字体大小<basefont size>(取值范围从1到7，默认值为3) 改变字体大小<font size=?></font>(?=1~7) 字体颜色<font color=#rrggbb></font>(RGB色码) 指定字型<font face=?></font>(?=宋体，楷体等) 、超链结 网址链结<a href="URL"></a> 设定锚点<a name="?"></a>(?以容易记为原则) 链结到锚点<a href="#?"></a>(同一份文件) <a href="URL#?"></A>(锚点不同文件) 显示图形<img src="URL"></a> 图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置) 图形取代文字<img src="URL"alt=?>(无法显示图形时用) 图形尺寸<img src="URL" width=? height=?>(?以像素为单位) 连结图形边线<img src="URL"border=?>(?以像素为单位) 图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位) 区段划分 段落<p></p> 断行<br></br> 横线<hr> 横线厚度<hr size=?>(?以像素为单位) 横线长度<hr width=?>(?以像素为单位) 横线长度<hr width=?%>(?与页宽相比较) 实横线<hr noshade>(无立体效果) 、背景颜色 背景图案<body background=图形文件名>(图形文件格式为gif和jpg) 背景颜色<body bgcolor=#rrggbb>(RGB色码) 背景文字颜色<body text=#rrggbb>(RGB色码) 未链结点颜色<body link=#rrggbb>(RGB色码) 已链结点颜色<body vlink=#rrggbb>(RGB色码) 正在链结点颜色<body alink=#rrggbb(RGB色码)欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）