Django反向解析name为Article的路由时pk为空匹配失败求助

报错的核心触发原因是模板渲染时存在post.id为空的场景，同时还有多处代码不规范问题，逐一修复即可解决：

1. 核心错误：热门帖子区域缺少循环逻辑 #

你当前home.html中的热门帖子区块，post变量没有被包含在{% for post in posts %}循环内，渲染到这个区域时post是未定义空值，导致post.id为空，传入url标签的参数为空触发报错。
修复代码：

<div class="popular-posts-container">
    <h2>Popular Posts</h2>
    <div class="popular-posts">
        {% for post in posts %}
        {% if post.popular %}
        <div class="popular-post">
            <div class="thumbnail">
                <a href="{% url 'Article' post.id %}"><img src="{{post.thumbnail.url}}" alt="" /></a>
                <a href="{% url 'Article' post.id %}">
                    <h3 class="post-title">{{ post.title }}</h3>
                </a>
            </div>
        </div>
        {% endif %}
        {% endfor %}
    </div>
</div>

2. 模型字段定义错误 #

你在models.py中定义id字段时末尾多了一个逗号，会导致id被识别为元组而非模型字段，无法正常读取主键值。
原错误代码：

id = models.BigAutoField(auto_created=True, primary_key=True, 
serialize=False, verbose_name='ID'),

修复后删除末尾逗号：

id = models.BigAutoField(auto_created=True, primary_key=True, 
serialize=False, verbose_name='ID')

同时注意__str__方法的缩进要和类属性保持同级，你当前的缩进多了一级，需要同步修正。

3. （可选）URL参数名匹配校验 #

你在urls.py中定义的路径参数是<int:post_id>，对应的视图接收参数也是post_id，所以模板中调用{% url 'Article' post.id %}本身是正确的，不需要改成pk参数。如果你要统一用pk可以同步修改三处代码：

• urls.py改为path('<int:pk>/details', views.ArticleDetailView.as_view(), name='Article')
• 视图ArticleDetailView的get方法参数改为pk
• 视图中查询代码改为detail = Post.objects.get(pk=pk)

4. （优化建议）最新博客循环位置调整 #

你当前的{% for post in posts %}只包含了单张缩略图，会导致所有帖子都渲染在同一个blogpost-card容器内，建议调整循环位置包裹整个卡片：

<section class="posts-wrapper">
    <h2>Latest Blog Posts</h2>
    {% for post in posts %}
    <div class="blogpost-card">
        <div class="thumbnail-image">
            <a href="{% url 'Article' post.id %}"><img src="{{post.thumbnail.url}}" alt="" /></a>
        </div>
        <a href="{% url 'Article' post.id %}">
            <h3 class="post-title">{{ post.title }}</h3>
        </a>
        <div class="post-meta">{{ post.post_time}}</div>
        <div class="post-body">
            <p>
                {{ post.content|safe|truncatechars:200 }}
            </p>
            <div class="read-more-container">
                <a href="{% url 'Article' post.id %}" class="read-more">Read More</a>
            </div>
        </div>
    </div>
    {% endfor %}
</section>

增加truncatechars过滤器可以截断首页内容，避免首页直接展示全文。

内容的提问来源于stack exchange，提问作者Aamer