小而美的个人博客——前端—

老规矩先拿出我们的上次准备好的模板，还是主要改变中间部分的内容，今天的内容叫上，因和上次的重合都很高，所有我们会复制上次大量的代码

看到图片就知道上次的集合是大体都是一样的

第一部分：

复制上次的标签代码然后进行修改：

博客内容：

附上相关代码

<div class="ui top attached teal segment"><div class="ui padded vertical segment m-padded-tb-large m-mobile-lr-clear"><div class="ui mobile reversed stackable grid"><div class="eleven wide column"><h3 class="ui header">你真的理解什么是财富自由嘛？</h3><p class="m-text">很多时候我们知道我们不想要什么，但很多时候我们并不知道自己想要的是什么，知道也不是清楚的知道自己想要的是什么，我们对我们想要的东西并没有一个清晰、准确、必要的概念，这也是我们一直强调概念重要性的原因，概念就是我们正确思考的基石.....</p><div class="ui stackable grid"><div class="eleven wide column"><div class="ui mini horizontal link list"><div class="item"><img src="http://unsplash.it/100/100?image=1005" alt="" class="ui avatar image"><div class="content"><a href="#" class="header">李补都</a></div></div><div class="item"><i class="calendar icon"></i> 2017-10-01</div><div class="item"><i class="eye icon"></i> 2342</div></div></div><div class="right aligned five wide column"><a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin">认知升级</a></div></div></div><div class="five wide column"><a href="#" target="_blank"><img src="http://unsplash.it/800/450?image=1005" alt="" class="ui rounded image"></a></div></div></div>

这是底部js代码

还是一样

模板：

如图所示这就是这个页面所要做的主要内容，其他都只是复制

第一部分：

附上代码：

第二部分：

附上代码：

2017

关于刻意练习的清单

9月03日

原创

关于刻意练习的清单

9月03日

原创

关于刻意练习的清单

9月03日

翻译

关于刻意练习的清单

9月03日

原创

关于刻意练习的清单

9月03日

转载

小而美的个人博客——前端——types and archives相关推荐

小而美的个人博客——前端——blog
和上一页页面首页一样也是分成了三个部分,而且导航栏和底部和上次是一样的,要改变的内容就只有中间内容部分在css目录里新建两个css文件附上代码: body{ background: url(&qu ...
小而美的个人博客——前端——about
今天我们要做的就是关于这个页面: 从个图片上看主要是两个内容,第二个部分是比较复杂的这里插入图片我们就忽略了直接看第二个部分的第一个小的部分附上代码: 第二部分: 附上代码: 第三部分: 附上代 ...
小而美的个人博客——前端——tags
如图所示我们这里要单独办之前我们写过的导航栏部分和底部部分单独放在一个心的文件上,因为我们之后的很多的页面都是在这个的基础之上来进行开发,只是中间内容部分会变化. 今天我们要做的就是tags这个页面, ...
JavaScript综合项目：博客前端
文章目录项目1 博客前端:理解JavaScript库一.项目介绍 1.博客主页 2.微博主页二.理解JavaScript库三.创建基础库项目1 博客前端:理解JavaScript库一.项目 ...
一个小而美的博客——前端——index
在这里就提一些前期的工作准备了,我们要用webstrom来进行我们前端部分的开发创建一个叫 blog的项目,项目的结构如下图创建index首页我们index的页面布局主要分成了三个部分,分别是导 ...
个人博客前端模板_博客设计——概述
在目前已有的许多社交软件及平台中,博客始终保持着自己的地位,始终有一大批学生和各行各业职业人员喜欢通过博客的方式记录和分享自己在生活中或者学术上等各方面的经验,这不仅方便发表者个人今后解决类似的问题, ...
个人博客前端模板_腾讯前端开发工程师，教你极速搭建一个个人博客网站
作者: bookerzhao,腾讯 CSIG web前端开发工程师 Github 为开源项目提供了用于静态页面展示的 Pages 服务,很多开发者都在上面托管了自己的静态网站和博客,不少开源项目的案例 ...
Spring boot开发小而美的个人博客
1.功能 2.页面设计与开发 2.1设计前端展示:首页.详情页.分类.标签.归档.关于我后台管理:模板页 2.2页面开发创建blog 在blog里创建static文件夹,在static里面创建c ...
小而美的个人博客项目总结（mybatis）
在b站上跟着李仁密老师学习了项目后,我将jpa改造成了mybatis,其中也遇到了很多问题,以下是个人对该项目后端部分的一些总结代码已上传至git git地址 https://github.com/ ...

小而美的个人博客——前端——types and archives

2017

小而美的个人博客——前端——types and archives相关推荐

最新文章

热门文章