博客园--网站首页

网站首页

模仿博客园:导航条、左侧菜单、中间文章、右侧广告之类。

首先:

  用户有木有登录,若登陆了,在导航条右侧显示用户登录信息,反之显示登录、注册

      <ul class="nav navbar-nav navbar-right">
          {% if request.user.is_authenticated %}#如果有用户登录
                <li><a href="{%  url "aaa" request.user.username %}"><span class="glyphicon glyphicon-user"></span> {{ request.user.nickname }}</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">个人中心<span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">我的博客</a></li>
                    <li><a href="#">修改密码</a></li>
                    <li><a href="#">设置</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="/logout/">注销</a></li>
                  </ul>
                </li>
          {% else %}
              <li><a href="/login/">登录</a></li>
              <li><a href="/register/">注册</a></li>
          {% endif %}
      </ul>

  

时间: 2024-10-03 00:00:50

博客园--网站首页的相关文章

博客园美化首页随笔展示美化

博客园美化首页随笔展示美化 一.css .postDesc-img { position: absolute; padding-bottom: 0; float: right; right: 0; bottom: 0; z-index: -1; } .cnblogs-post-body h3 { text-decoration: none; font-size: 10px; line-height: 1px; } .cnblogs-post-body h2 { color: red; font-

安卓开发笔记——打造属于自己的博客园APP(二)

在上一篇文章<安卓开发笔记——打造属于自己的博客园APP(一)>中,我们基本上实现了博客园的主体UI框架(后面可能会有些小变化,等遇到了再说).今天来讲讲博客园首页模块的大体实现,国际惯例,先来看下效果图: 整体UI效果: 下拉刷新和上拉加载的动画效果: 在上篇文章中,我们定义的Tabs主题文字分别是(首页,精华,候选,推荐),这边的命名我是根据博客园网站首页的栏目来命名的,那时候我还没仔细看过博客园的开放接口,后来才发现原来博客园没有对应开放这些栏目的接口,博客园只开放了(文章列表,48小时

博客园为自己首页添加背景音乐

以网易云音乐为例: 选歌点击生成外链播放器会跳转到iframe找到下面的那段HTML代码,并复制那段代码 并将开头的iframe frameborder="no"替换成 embed 最后面的iframe也替换成 embed,将代码粘贴到博客园设置-首页HTML代码框保存. auto=1 为自动播放,0为不自动播放 改完是这样的:

博客园 首页 公告 自定义 时钟 HOME HOME CLOCK

今天给大家介绍个好玩的东西,很简单. 大家是否经常在别人博客园个人首页公告处看到自定义的时钟啊什么的,今天我也来一个. 先看效果图: 源码奉上 <html> <div id="myTime"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/

如何为你的博客园添加到百度统计

1.打开百度统计的地址 https://tongji.baidu.com/web/welcome/login?castk=LTE%3D 2.注册,打开网址后,右面有注册按钮,点击注册 选择站长版,点击去 填写自己的注册信息 3.填完之后,登录进去,在管理标签下有新增网站,如图 4.点击新增网站 网站首页填博客园的首页,也可以填自己的博客地址,填完之后,点击确定. 5.获取百度统计的代码 填完之后,有个获取代码,如图 6.复制代码 点击获取代码进去之后,里边有复制代码,点击复制代码,留着备用 7.

C# 中使用System.Net.Http.HttpClient 模拟登录博客园 (GET/POST)

一. System.Net.Http.HttpClient简介 System.Net.Http 是微软.net4.5中推出的HTTP 应用程序的编程接口, 微软称之为“现代化的 HTTP 编程接口”, 主要提供如下内容: 1. 用户通过 HTTP 使用现代化的 Web Service 的客户端组件: 2. 能够同时在客户端与服务端同时使用的 HTTP 组件(比如处理 HTTP 标头和消息), 为客户端和服务端提供一致的编程模型. 个人看来是抄袭apache http client ,目前网上用的

Python抓拍博客园文章,并存入数据库

在学习python后,想做个爬虫,抓取博客园文章. 爬虫思路很简单,模拟浏览器访问网页,得到网页的html代码,再根据页面结构,从html中提取自己需要的内容. 本文代码主要分为3个部分: 1.读取博客园首页文章链接. https://www.cnblogs.com/是博客园的首页,列出了文章,分析页面内容,读取文章的链接. 这需要看页面的结构,可以使用浏览器,再浏览页面代码,选择元素,看界面上选中哪一部分,根据自己的需要,可以看到对应模块的代码. 2.对于每个页面,分析页面内容. 这需要看页面

自定义博客园主题和自动生成目录

背景 最近觉得博客园网站太老旧了,不好看,并且没有移动端,于是想转到简书去写博客(主要简书有移动端),写出来的效果还是不满意,于是又回到了博客园,只能自己修改下博客主题了. 于是百度了下,找到了两篇参考博客: 主题修改参考了:一套简约漂亮的响应式博客园主题皮肤 添加目录参考了:让博客园博客自动生成章节目录索引 在他们的基础上做了相应的修改,值得注意的一点是,主题修改必须注意当前所使用的默认模板是什么,如果不一样可能会造成样式错乱,因为我发现博客园不同的官方主题之间有的存在HTML结构的差异.我这

博客园自定义主题样式

记录我在定制个人blog页面效果时遇到的技巧及方法等. 基本流程 设定博客皮肤为BluSky 定制首页代码:引入外部CSS 页顶博主名字及副标题 在首页html内输入以下代码可添加博主名到页面顶端,也可添加副标题: <header class="main-header" id="site-head"> <div id="top" class="vertical"> <div id="si