经过好几版的修改,终于变成了现在这个样子(咳咳。)网站可以戳这里,欢迎大家多提意见哦~
在之前的基础上,做了以下增加:
评论功能
评论功能依旧用了渲染的方式,加了一些原生js控制css样式。
评论框:
<form class="pure-form comment" method="post" action="{% url 'comment:comment' pk=post.id %}">
<fieldset class="pure-group">
昵称:<input class="pure-input-1-4" name="comment-name" type="text" placeholder="昵称">
邮箱:<input class="pure-input-1-3" name="comment-email" type="email" placeholder="留下邮箱,可以收到回复提醒哦~">
</fieldset>
<textarea class="comment-content" name="comment" placeholder="想对作者说点什么。。。" onfocus="show_person_info(this)"></textarea>
<div class="comment-div">
<span id="tip_comment">支持markdown格式</span>
<button class="pure-button" type="submit" href="#">发表评论</button>
</div>
</form>
评论展示区域
{% for comment in comment_list %}
<ul class="comment-list ">
<li class="comment-li first-comment" onmouseover="show_reply(this)"
onmouseleave="hidden_replay(this)">
<i class="fa fa-user-circle"></i>
<span>{
{ comment.name }}:</span>
<a class