大家我是老李,又来跟大家唠嗑了。最近不是琢磨着给自己的小破站整个新官网嘛名字就叫“播种都市”,听着挺有意思的,就是个个人网站,分享点生活啥的。
说干就干,我先是去了解了下现在都流行啥样的网站,发现扁平化设计还是主流,那就定下来了,简洁大气!
第一步:搭框架!我寻思着,直接手撸代码太费劲,就找了个现成的框架,用的是 Bootstrap,上手快,组件多,省事儿!
然后就是 HTML 的基本结构,`head` 里面塞各种 `meta` 标签,`body` 里面分 `header`、`main`、`footer` 三大块。
第二步:美化!小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
CSS 这块儿,我下了点功夫,毕竟是门面嘛
颜色搭配参考了一些设计网站,主色调定了绿色,看着有活力。
字体也选了半天,终选了微软雅黑,比较清晰。
然后就是各种元素的样式调整,边距、圆角、阴影啥的,一点点抠细节。
第三步:搞内容!这是重头戏!
首页:放一些精选文章的链接,再加个轮播图,展示点照片。
文章列表页:用卡片式布局,每张卡片显示文章标题、摘要、缩略图。
文章详情页:文章正文、作者信息、评论区。
关于我:简单介绍一下自己,放个头像。
第四步:加点料!为了让网站更有活力,我加了点小功能。
评论功能:用的 Disqus,省去了自己开发评论系统的麻烦。
搜索功能:用的 Google Custom Search,简单好用。
友情链接:放一些朋友的网站链接,互相支持一下。
我选了个便宜的 VPS,装了个 Nginx。
然后把网站文件上传到服务器,配置好 Nginx,就OK了!
这整个过程下来,真是累并快乐着。虽然中间也遇到不少坑,比如 CSS 样式冲突、JavaScript 脚本报错啥的,但终还是搞定了。
现在“播种都市”官网已经上线了,虽然还有很多不完善的地方,但总算是个雏形了。
我会继续完善它,加更多有趣的内容,也欢迎大家来我的网站逛逛,给我提提意见!
这回的实践经历告诉我:
选个好框架,能省不少事。
CSS 美化很重要,网站颜值即正义。
内容才是核心,要用心去做。
遇到问题不要怕,Google 一下,总能找到答案。
就先说到这儿,下次再跟大家分享我的其他实践记录!