Django AllAuth如何定制自己的HTML或CSS {%extends“account/base.html”%} {%从未来加载url%} {%load i18n%} {%block head_title%}{%trans“注册”}{%endblock%} {%block content%} 免费会员今天注册 {%trans“注册”%}

{%blocktrans%}已经有帐户了吗？那么请。{%endblocktrans%}

{%csrf_令牌%} {{form.as_p}} {%if重定向\字段\值%} {%endif%} {%trans“注册”%}»； 免费会员今天注册 {%endblock%} {%block content2%} {%endblock%} 这是Django All Auth的原始代码

---

我想做的是让它更具生命力，比如在我做的时候添加一些更好的HTML5或CSS，它不会改变？

你可以将allauth的自定义模板放在

模板

目录下的

帐户

文件夹下。Django allauth将从中获取自定义模板并呈现它

以下是我几天前创建的注册页面示例：

{% extends "account/base.html" %}

{% load url from future %}
{% load i18n %}

{% block head_title %}{% trans "Signup" %}{% endblock %}

{% block content %}

</style>
<h1><b>Free Membership</b>Sign up Today</h1>
<h1>{% trans "Sign Up" %}</h1>

<p>{% blocktrans %}Already have an account? Then please <a href="{{ login_url }}">sign in</a>.{% endblocktrans %}</p>

<form class="signup" id="signup_form" method="post" action="{% url 'account_signup' %}">
  {% csrf_token %}
  {{ form.as_p }}
  {% if redirect_field_value %}
  <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
  {% endif %}
  <button type="submit">{% trans "Sign Up" %} &raquo;</button>
</form>

<h1><b>Free Membership</b>Sign up Today</h1>
{% endblock %}
{% block content2 %}
{% endblock %}

{%extends“base.html”%}
{%load staticfiles%}
{%load socialaccount%}
{%block extra_body%}帐户bg{%endblock%}
{%block partial%}
创建新帐户
{%csrf_令牌%}
{%if request.GET.next%}
{%endif%}
{%if form.non_字段_错误%}

{%表示表单中的错误。非\u字段\u错误%}
{{error | lower}}
{%endfor%}

{%endif%}
{{form.email.errors}
{{form.password1.errors}
{{form.password1.errors}
注册
{%endblock%}

---

我希望这能对您有所帮助。

这是我的login.html模板（我正在使用Bootstrap、Jquery和Font-Awesome作为图标）

{%extends“account/base.html”%}{%load i18n自定义标签account%}{%block head\u title%}{%trans”登录“%}{%endblock%}{%block common\u scripts%}
//直接从此页的cdn加载jquery。
$（函数（）{
//我们需要一些从AllAuth到图标类名的提供者名称映射。
$（'.btn-google'）.addClass（'btn-google-plus'）；
$（'.btn-linkedin_oauth2'）.addClass（'btn-linkedin'）；
$（'.fa-linkedin_oauth2'）.addClass（'fa-linkedin'）；
$（'#id_login'）.addClass（'form-control'）.removeAttr（'autofocus'）.blur（）；
$（'#id_password'）.addClass（'form-control'）；
});
{%endblock%}{%block content%}

{%load socialaccount%}{%for socialaccount.providers%}{%if provider.id==“openid”%%}{%for provider.get_brands%}


{%endfor%}{%endif%}


{%endfor%}


{%csrf\u令牌%}{%if form.non\u字段\u错误%}

{%表示表单中的错误。非\u字段\u错误%}
{{error}}
{%endfor%}

{%endif%}
{{form.login}
{{form.password}}
{{form.memory}
记得我吗
{%if重定向\字段\值%}
{%endif%}
{%trans“登录”%}



{%endblock%}

我实际使用了你的代码，看起来是一样的strange@RobertDjangostudent确保其拾取覆盖模板。此外，还需要创建/更改base.html。你可以在其中添加自己的样式。太好了，我已经有了自己的base.html，但出于某种原因，我认为它是从django allauth获得base.html，templates/auth/base.html我希望它从我的静态文件中获得base.html，我该如何实现我看到的…你检查了allauth中的示例项目吗？可能有什么变化，你的django版本是什么？可能是重复的，你是否有最终用于socialaccount\u选票和socialaccount\u提供者的css？谢谢

{% extends "base.html" %}
{% load staticfiles %}
{% load socialaccount %}

{% block extra_body %}account-bg{% endblock %}

{% block partial %}
    <div class="container">
        <div class="row">
          <div class="account-form-container">
            <div class="row">
              <div class="col-md-12">
                <h3>Create New Account</h3>
              </div>
            </div>
            <div class="row">
                    <form class="form-horizontal signup-form" id="userSignupForm" action="{% url "account_signup" %}" method="post" role="form">
                    {% csrf_token %}
                    {% if request.GET.next %}
                        <input type="hidden" name="next" value="{{request.GET.next}}">
                    {% endif %}

                    {% if form.non_field_errors %}
                    <div class="fieldWrapper alert alert-danger">
                        <ul>
                        {% for error in form.non_field_errors %}
                                <li>{{ error | lower}}</li>
                        {% endfor %}
                        </ul>
                    </div>
                    {% endif %}
                        <div class="col-lg-12">
                            <div class="form-group inner-addon left-addon {% if form.email.errors %}has-error{% endif %}">
                                <i class="icon-user"></i>
                                <input class="form-control login-field" type="text" id="id_email" name="email" placeholder="Email">
                                <span class="help-block">{{ form.email.errors }}</span>
                            </div>
                            <div class="form-group inner-addon left-addon {% if form.password1.errors %}has-error{% endif %}">
                                <i class="icon-lock"></i>
                                <input class="form-control login-field" type="password" id="id_password1" name="password1" placeholder="Password">
                                <span class="help-block">{{ form.password1.errors }}</span>
                            </div>

                            <div class="form-group inner-addon left-addon {% if form.password1.errors %}has-error{% endif %}">
                                <i class="icon-lock"></i>
                                <input class="form-control login-field" type="password" id="id_password2" name="password2" placeholder="Confirm Password">
                                <span class="help-block">{{ form.password1.errors }}</span>
                            </div>

                            <div class="form-group">
                              <div class="col-md-5">
                                <button type="submit" class="btn btn-complete btn-bold pull-right">Sign Up</button>
                              </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}