非主流个人博客网站模板里面包含6个子页面，适合博客网站模板下载。.rar资源-CSDN文库

共69个文件

jpg：23个

png：12个

js：11个

版权申诉

23 浏览量 2023-04-27 14:43:54 上传评论收藏 2.16MB RAR 举报

标题中的“非主流个人博客网站模板”是指一种不遵循传统设计风格的网页设计模板，它通常具有独特的设计元素，能够展现个人特色和创意。这样的模板适用于那些希望在互联网上建立个性化博客的人，他们可以通过这些模板快速搭建自己的博客网站，而无需从零开始设计。描述中的“包含6个子页面”意味着这个模板不是一个简单的单页设计，而是由多个页面组成，包括但不限于首页、文章详情页、关于我、联系我们、分类目录页以及可能的评论页等。这样的多页面结构为用户提供了更丰富的浏览体验，同时也能更好地组织和展示内容。在构建个人博客时，这些子页面的设计和布局至关重要。例如，首页通常会展示最新或热门的文章，吸引访问者继续阅读；文章详情页则会提供完整的内容，可能包括文字、图片、视频等多媒体元素；“关于我”页面可以用来介绍博主的背景和故事，增加读者对博主的了解；“联系我们”页面提供联系方式，方便读者与博主沟通；分类目录页帮助读者按照主题查找内容；评论页则是读者互动的场所。对于“非主流”这个标签，我们可以理解为这些模板采用了非传统或者与众不同的设计元素，比如独特的色彩搭配、非对称布局、艺术化的字体或者创新的导航方式。这些设计可能更加注重视觉冲击力和个性化表达，使得博客网站更具吸引力和辨识度。至于压缩包内的文件名称，虽然没有具体列出，但通常会包含HTML文件（用于定义页面结构和内容）、CSS文件（用于样式设计和布局）、JavaScript文件（用于交互效果和动态功能）、图片和其他媒体资源，以及可能的图标和字体文件。开发者或使用者需要将这些文件上传到服务器，然后根据自己的需求进行定制和配置。这个非主流个人博客网站模板提供了一套完整的网页设计方案，包含了创建一个有个性、多页面的博客所需的基本元素。无论是新手还是有一定经验的开发者，都可以通过这个模板快速搭建出一个独特且功能齐全的个人博客网站，展示自己的创作和思想。在使用过程中，可以根据个人喜好调整颜色、字体、布局等细节，实现真正意义上的个性化定制。

资源推荐

资源详情

资源评论

收起资源包目录

非主流个人博客网站模板里面包含6个子页面，适合博客网站模板下载。.rar （69个子文件）

非主流个人博客网站模板里面包含6个子页面，适合博客网站模板下载。

moban1949

single2.html 24KB

html5shiv.min.js 3KB

bootstrap.min.js 36KB

theme.js 7KB

jquery-2.2.0.min.js 84KB

respond.min.js 4KB

vendors

instafeed

instafeed.min.js 7KB

owl-carousel

assets

owl.carousel.css 5KB

owl.carousel.min.js 39KB

isotope

isotope.pkgd.min.js 40KB

magnific-popup

jquery.magnific-popup.min.js 20KB

magnific-popup.css 7KB

imagesLoaded

imagesloaded.pkgd.min.js 5KB

flexslider

flexslider.css 7KB

jquery.flexslider-min.js 22KB

css

style.css 56KB

bootstrap.min.css 119KB

font-awesome.min.css 27KB

theme

green.css 6KB

single3.html 26KB

index.html 22KB

contact.html 14KB

about.html 12KB

single.html 26KB

images

menu-align-white.png 956B

comment-icon-gray.png 1KB

search-icon-dark.png 1KB

menu-close-dark.png 1001B

logo-black-green.png 2KB

posts

c1.jpg 3KB

c2.jpg 3KB

6.jpg 33KB

gallery

2.jpg 58KB

s1.jpg 4KB

s2.jpg 3KB

1.jpg 80KB

l2.jpg 120KB

l3.jpg 52KB

s3.jpg 3KB

3.jpg 31KB

s4.jpg 3KB

4.jpg 45KB

l1.jpg 177KB

masonry

2.jpg 29KB

1.jpg 22KB

3.jpg 35KB

4.jpg 43KB

play-btn.png 2KB

author.jpg 35KB

logo-white-green.png 2KB

comment-icon-white.png 1KB

featured-posts

1.jpg 163KB

1-1.jpg 206KB

3.jpg 255KB

1-2.jpg 161KB

menu-align-dark.png 968B

author.png 10KB

menu-close-white.png 1003B

search-icon-white.png 1KB

fonts

FontAwesome.otf 84KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 69KB

fontawesome-webfont.woff 82KB

fontawesome-webfont.woff2 65KB

fontawesome-webfont.svg 280KB

fontawesome-webfont.ttf 139KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Chivalric</title>  <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="vendors/owl-carousel/assets/owl.carousel.css"> <link rel="stylesheet" href="vendors/magnific-popup/magnific-popup.css"> <link rel="stylesheet" href="vendors/flexslider/flexslider.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit:500"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:600,700italic"> <link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Dosis:400,200,300,500,600,800,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic"> <link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700italic,700,900,900italic' rel='stylesheet' type='text/css'> <link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Fredoka+One' rel='stylesheet' type='text/css'>  <link href="css/style.css" rel="stylesheet"> <link href="css/theme/green.css" rel="stylesheet">    </head> <body class="home"> <header class="row transparent white" data-spy="affix" data-offset-top="300" id="header"> <div class="container"> <div class="row top-header"> <div class="col-sm-4 search-form-col"> <form action="#" method="get" class="search-form"> <div class="input-group"> <span class="input-group-addon"><img src="images/search-icon-dark.png" alt=""></span> <input type="search" class="form-control" placeholder="search"> </div> </form> </div> <div class="col-sm-4 logo-col text-center"> <a href="index6.html"><img src="images/logo-black-green.png" alt=""></a> </div> <div class="col-sm-4 menu-trigger-col"> <button class="menu-trigger black pull-right"> <span class="active-page">Blog Details</span> <img src="images/menu-align-dark.png" alt="" class="icon-burger"> <img src="images/menu-close-dark.png" alt="" class="icon-cross"> </button> </div> </div> </div> <div class="row menu-section"> <div class="container"> <div class="row"> <div class="col-sm-8 menu-col"> <div class="row"> <ul class="nav column-menu white-bg"> <li class="active dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="index.html">Home Option 1</a></li> <li><a href="index2.html">Home Option 2</a></li> <li><a href="index3.html">Home Option 3</a></li> <li><a href="index4.html">Home Option 4</a></li> <li><a href="index5.html">Home Option 5</a></li> <li><a href="index6.html">Home Option 6</a></li> </ul> </li> <li><a href="about.html">About</a></li> <li><a href="single.html">Blog Single 1</a></li> <li><a href="single2.html">Blog single 2</a></li> </ul> <ul class="nav column-menu white-bg"> <li><a href="single3.html">Blog Single 3</a></li> <li><a href="contact.html">contact</a></li> </ul> </div> </div> <div class="col-sm-4 subscribe-col"> <h5 class="widget-title">subscribe to our newsletter.</h5> <form action="#" method="post" class="form-inline subscribe-form"> <div class="form-group"> <input type="email" class="form-control" placeholder="Email"> </div> <button type="submit" class="btn btn-primary btn-sm"><span>send</span></button> </form> <ul class="nav social-nav white"> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-facebook-official"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> <li><a href="#"><i class="fa fa-instagram"></i></a></li> <li><a href="#"><i class="fa fa-envelope"></i></a></li> </ul> </div> </div> </div> </div> </header> <section class="row content-wrap single-nosidebar"> <div class="container"> <div class="row"> <div class="col-sm-12 single-post-contents"> <article class="single-post-content v2 v2p1 row m0 post"> <header class="row"> <div class="row"> <h5 class="taxonomy pull-left"><i>in</i> <a href="#">image</a>, <a href="#">entertainment</a></h5> <div class="response-count pull-right"><img src="images/comment-icon-gray.png" alt="">5</div> </div> <h2 class="post-title">Nature, in the broadest sense, is the natural, physical, or material world or universe.</h2> <h5 class="post-meta"> By <a href="#">Mark Sanders</a> | <a href="#" class="date">feb 17, 2016</a> </h5> </header> <div class="featured-content row m0"> <a href="#"><img src="images/featured-posts/3.jpg" alt=""></a> </div> <div class="post-content row"> <div class="row m0"> <div class="col-sm-4 post-author-about"> <div class="media"> <div class="media-left"> <a href="#"><img src="images/author.png" alt="" class="img-circle"></a> </div> <div class="media-body"> <h3><a href="#">Mark Sanders</a></h3> <h5>small title</h5> <ul class="

评论收藏

内容反馈

版权申诉