搭建自己的博客（六）：添加首页，使用css对界面做美化

之前优化了一些代码，但是之前进入首页直接进入了博客列表，今天添加了首页，以区分和博客的区别，并且使用css代码美化了之前的一些东西。

1、变化的部分，先上图：（蓝色表示修改，红色表示新增）

aaarticlea/png;base64,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" alt="" />

2、上代码：

# -*- coding: utf-8 -*-
# @Time    : 18-11-4 下午5:22
# @Author  : Felix Wang

from django.urls import path
from . import views

urlpatterns = [
    path('', views.blog_list, name='blog_list'),
    # name 表示别名
    path('<int:blog_pk>', views.blog_detail, name='blog_detail'),
    # 链接非常容易混掉，所以要区分，在链接前面添加type
    path('type/<int:blog_type_pk>', views.blogs_with_type, name='blogs_with_type'),
]

blog下的urls

"""
Django settings for myblog project.

Generated by 'django-admin startproject' using Django 2.1.3.

For more information on this file, see
https://docs.djangoproject.com/en/2.1/topics/settings/

For the full list of settings and their values, see
https://docs.djangoproject.com/en/2.1/ref/settings/
"""

import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/2.1/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'ea+kzo_5k^6r7micfg@lar1(rfdc08@b4*+w5d11=0mp1p5ngr'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []

# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'blog.apps.BlogConfig',  # 将自己创建的app添加到设置中
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'myblog.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [
            os.path.join(BASE_DIR, 'templates'),
        ],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'myblog.wsgi.application'

# Database
# https://docs.djangoproject.com/en/2.1/ref/settings/#databases

DATABASES = {
    # 'default': {
    #     'ENGINE': 'django.db.backends.sqlite3',
    #     'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    # }
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'myblogs',  # 要连接的数据库，连接前需要创建好
        'USER': 'root',  # 连接数据库的用户名
        'PASSWORD': 'felixwang',  # 连接数据库的密码
        'HOST': '127.0.0.1',  # 连接主机，默认本级
        'PORT': 3306  # 端口 默认3306
    }
}

# Password validation
# https://docs.djangoproject.com/en/2.1/ref/settings/#auth-password-validators

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]

# Internationalization
# https://docs.djangoproject.com/en/2.1/topics/i18n/

# LANGUAGE_CODE = 'en-us'
LANGUAGE_CODE = 'zh-hans'

# TIME_ZONE = 'UTC'
TIME_ZONE = 'Asia/Shanghai'

USE_I18N = True

USE_L10N = True

USE_TZ = True

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.1/howto/static-files/

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static")
]

settings

"""myblog URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/2.1/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  path('', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.urls import include, path
    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path, include
from . import views

urlpatterns = [
    path('', views.home, name='home'),  # 主页路径
    path('admin/', admin.site.urls),
    path('blog/', include('blog.urls')),  # 博客app路径
]

myblog下的urls

# -*- coding: utf-8 -*-
# @Time    : 18-11-7 下午4:12
# @Author  : Felix Wang

from django.shortcuts import render_to_response

def home(requests):
    return render_to_response('home.html', {})

myblog下的views

body, * {
    margin: 0;
    padding: 0;
}

div.nav {
    background-color: #eeeeee;
    border-bottom: 1px solid black;
    padding: 10px 5px;
}

div.nav a.logo {
    display: inline-block;
    font-size: 120%;
}

div.nav a {
    text-decoration: none;
    color: black;
    padding: 5px 10px;
}

base.css

.home-content {
    font-size: 222%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

home.css

{% load staticfiles %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        {#  用来放标题  #}
        {% block title %}

        {% endblock %}
    </title>
    <link rel="stylesheet" href="{% static '/css/base.css' %}">
    {#下面这种和上面这种效果一模一样，但是推荐使用上面这种#}
    {#    <link rel="stylesheet" href="/static/css/base.css">#}

    {% block header_extends %}
    {% endblock %}
</head>
<body>
<div class="nav">
    <a class="logo" href="{% url 'home' %}">
        <h3>felix Blog</h3>
    </a>
    <a href="{% url 'home' %}">首页</a>
    <a href="{% url 'blog_list' %}">博客</a>
</div>
{# 用来放内容 #}
{% block content %}

{% endblock %}

</body>
</html>

base.html

{% extends 'base.html' %}
{% load staticfiles %}

{% block header_extends %}
    <link rel="stylesheet" href="{% static 'css/home.css' %}">
{% endblock %}

{% block title %}
    我的网站|首页
{% endblock %}

{% block content %}
    <h1 class="home-content">欢迎访问我的博客</h1>
{% endblock %}

home.html

3、知识点梳理

（1）、静态文件

首先在项目目录下新建一个static文件夹用来存放诸如css，js，img等静态文件。

新建之后如何让django找到这个静态目录呢？这时我们需要在django的settings文件中指定静态目录地址：

如下

# 在settings中添加静态文件路径
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static")
]

（2）、使用静态文件

静态文件的使用方式有两种。

a、通过访问路径的方式添加

如添加css文件：

# 这种方式通过访问路径的形式加载使用静态文件
 <link rel="stylesheet" href="/static/css/base.css">

b、通过模板语言的方式添加

# 加载静态文件放在html文件开头
{% load staticfiles %}

# 非常推荐使用这种方式加载静态文件
 <link rel="stylesheet" href="{% static '/css/base.css' %}">