{"id":6229,"date":"2026-02-23T10:26:28","date_gmt":"2026-02-23T06:56:28","guid":{"rendered":"https:\/\/parmin.cloud\/blog\/?p=6229"},"modified":"2026-02-23T10:26:28","modified_gmt":"2026-02-23T06:56:28","slug":"%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-django-templates-%d9%88-static-files","status":"publish","type":"post","link":"https:\/\/parmin.cloud\/blog\/%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-django-templates-%d9%88-static-files\/","title":{"rendered":"\u06a9\u0627\u0631 \u0628\u0627 Django Templates \u0648 Static Files"},"content":{"rendered":"<p data-start=\"102\" data-end=\"231\">\u062f\u0631 \u0622\u0645\u0648\u0632\u0634 \u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 Django \u0628\u0647 \u0634\u0645\u0627 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0645 \u0686\u0637\u0648\u0631 \u06cc\u06a9 \u0633\u0627\u06cc\u062a Django \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f. \u0627\u0645\u0627 Template\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0631\u0646\u062f\u0631 \u06a9\u0631\u062f\u06cc\u0645 \u062e\u06cc\u0644\u06cc \u0633\u0627\u062f\u0647 \u0628\u0648\u062f\u0646\u062f.<\/p>\n<p data-start=\"233\" data-end=\"283\">\u0642\u0637\u0639\u0627\u064b \u0646\u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0633\u0627\u06cc\u062a\u062a\u0627\u0646 \u0627\u06cc\u0646\u200c\u0642\u062f\u0631 \u0633\u0627\u062f\u0647 \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u062f.<\/p>\n<p data-start=\"285\" data-end=\"529\">\u0686\u0637\u0648\u0631 \u0638\u0627\u0647\u0631 \u0633\u0627\u06cc\u062a \u0631\u0627 \u0628\u0647\u062a\u0631 \u06a9\u0646\u06cc\u0645\u061f \u0633\u0627\u062f\u0647 \u0627\u0633\u062a \u2014 \u06a9\u0645\u06cc <strong data-start=\"329\" data-end=\"339\">\u0627\u0633\u062a\u0627\u06cc\u0644<\/strong> \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u0645 \u0686\u0637\u0648\u0631 <strong data-start=\"382\" data-end=\"389\">CSS<\/strong> \u0648 <strong data-start=\"392\" data-end=\"406\">JavaScript<\/strong> \u0631\u0627 \u0628\u0647 Django templates \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0638\u0627\u0647\u0631\u0634\u0627\u0646 \u0628\u0647\u062a\u0631 \u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u0628\u062a\u062f\u0627 \u0628\u0627\u06cc\u062f \u0645\u0641\u0647\u0648\u0645 <strong data-start=\"492\" data-end=\"518\">Static Files \u062f\u0631 Django<\/strong> \u0631\u0627 \u0628\u0641\u0647\u0645\u06cc\u062f.<\/p>\n<hr data-start=\"531\" data-end=\"534\" \/>\n<h2 data-start=\"536\" data-end=\"562\">\u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u067e\u0631\u0648\u0698\u0647 Django<\/h2>\n<p data-start=\"564\" data-end=\"603\">\u0627\u0628\u062a\u062f\u0627 \u06cc\u06a9 \u067e\u0648\u0634\u0647 \u0628\u0647 \u0646\u0627\u0645 <code data-start=\"585\" data-end=\"595\">projects<\/code> \u0628\u0633\u0627\u0632\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\"><span class=\"\u037cd\">mkdir<\/span> projects &amp;&amp; <span class=\"\u037cd\">cd<\/span> projects<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"648\" data-end=\"686\">\u062f\u0627\u062e\u0644 \u0622\u0646 \u0628\u0627 <strong data-start=\"659\" data-end=\"673\">virtualenv<\/strong> \u0645\u062d\u06cc\u0637 \u0628\u0633\u0627\u0632\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">virtualenv env <span class=\"\u037cf\">&#8211;python<\/span> python3<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"733\" data-end=\"755\">\u0627\u06af\u0631 virtualenv \u0646\u062f\u0627\u0631\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">pip install virtualenv<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"793\" data-end=\"816\">\u062d\u0627\u0644\u0627 \u0645\u062d\u06cc\u0637 \u0631\u0627 \u0641\u0639\u0627\u0644 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\"><span class=\"\u037cd\">source<\/span> env\/bin\/activate<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"855\" data-end=\"900\">\u0627\u06af\u0631 \u062f\u0631\u0633\u062a \u0628\u0627\u0634\u062f \u0628\u0627\u06cc\u062f <code data-start=\"874\" data-end=\"881\">(env)<\/code> \u062f\u0631 \u062a\u0631\u0645\u06cc\u0646\u0627\u0644 \u0628\u0628\u06cc\u0646\u06cc\u062f.<\/p>\n<p data-start=\"902\" data-end=\"923\">\u062d\u0627\u0644\u0627 Django \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">pip install django<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"957\" data-end=\"974\">\u0633\u067e\u0633 \u067e\u0631\u0648\u0698\u0647 \u0628\u0633\u0627\u0632\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">django-admin startproject djangotemplates<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1031\" data-end=\"1048\">\u0648 \u0648\u0627\u0631\u062f \u067e\u0648\u0634\u0647 \u0634\u0648\u06cc\u062f.<\/p>\n<p data-start=\"1050\" data-end=\"1076\">\u0633\u0627\u062e\u062a\u0627\u0631 \u0628\u0627\u06cc\u062f \u0634\u0628\u06cc\u0647 \u0627\u06cc\u0646 \u0628\u0627\u0634\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">djangotemplates<br \/>\n\u251c\u2500 djangotemplates<br \/>\n\u2502 \u251c\u2500 __init__.py<br \/>\n\u2502 \u251c\u2500 settings.py<br \/>\n\u2502 \u251c\u2500 urls.py<br \/>\n\u2502 \u2514\u2500 wsgi.py<br \/>\n\u2514\u2500 manage.py<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1209\" data-end=\"1212\" \/>\n<h2 data-start=\"1214\" data-end=\"1237\">\u062a\u0646\u0638\u06cc\u0645\u0627\u062a Static Files<\/h2>\n<p data-start=\"1239\" data-end=\"1292\">Static files \u0634\u0627\u0645\u0644 <strong data-start=\"1257\" data-end=\"1285\">CSS\u060c JavaScript \u0648 \u062a\u0635\u0627\u0648\u06cc\u0631<\/strong> \u0647\u0633\u062a\u0646\u062f.<\/p>\n<p data-start=\"1294\" data-end=\"1320\">\u062f\u0631 settings.py \u0627\u06cc\u0646 \u062e\u0637 \u0647\u0633\u062a:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\"><span class=\"\u037ce\">STATIC_URL<\/span> <span class=\"\u037c8\">=<\/span> <span class=\"\u037cc\">&#8216;\/static\/&#8217;<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1361\" data-end=\"1442\">\u06cc\u0639\u0646\u06cc Django \u0647\u0646\u06af\u0627\u0645 \u062c\u0633\u062a\u062c\u0648\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0645\u0633\u06cc\u0631 <code data-start=\"1408\" data-end=\"1418\">\/static\/<\/code> \u0631\u0627 \u0628\u0647 URL \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p data-start=\"1444\" data-end=\"1470\">\u062d\u0627\u0644\u0627 \u0627\u06cc\u0646\u200c\u0647\u0627 \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\"><span class=\"\u037ce\">STATICFILES_DIRS<\/span> <span class=\"\u037c8\">=<\/span> (<br \/>\n<span class=\"\u037ce\">os<\/span><span class=\"\u037c8\">.<\/span>path<span class=\"\u037c8\">.<\/span>join(<span class=\"\u037ce\">BASE_DIR<\/span>, <span class=\"\u037cc\">&#8216;static&#8217;<\/span>),<br \/>\n)<span class=\"\u037ce\">STATIC_ROOT<\/span> <span class=\"\u037c8\">=<\/span> <span class=\"\u037ce\">os<\/span><span class=\"\u037c8\">.<\/span>path<span class=\"\u037c8\">.<\/span>join(<span class=\"\u037ce\">BASE_DIR<\/span>, <span class=\"\u037cc\">&#8216;staticfiles&#8217;<\/span>)<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<ul data-start=\"1601\" data-end=\"1716\">\n<li data-start=\"1601\" data-end=\"1651\">\n<p data-start=\"1603\" data-end=\"1651\"><code data-start=\"1603\" data-end=\"1621\">STATICFILES_DIRS<\/code> \u2192 \u0645\u062d\u0644 \u062c\u0633\u062a\u062c\u0648\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9<\/p>\n<\/li>\n<li data-start=\"1652\" data-end=\"1716\">\n<p data-start=\"1654\" data-end=\"1716\"><code data-start=\"1654\" data-end=\"1667\">STATIC_ROOT<\/code> \u2192 \u0645\u062d\u0644 \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0647\u0646\u06af\u0627\u0645 \u0627\u062c\u0631\u0627\u06cc collectstatic<\/p>\n<\/li>\n<\/ul>\n<hr data-start=\"1718\" data-end=\"1721\" \/>\n<h2 data-start=\"1723\" data-end=\"1742\">\u0633\u0627\u062e\u062a \u067e\u0648\u0634\u0647 static<\/h2>\n<p data-start=\"1744\" data-end=\"1779\">\u062f\u0631 \u0631\u06cc\u0634\u0647 \u067e\u0631\u0648\u0698\u0647 \u067e\u0648\u0634\u0647 <code data-start=\"1763\" data-end=\"1771\">static<\/code> \u0628\u0633\u0627\u0632\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">static\/<br \/>\n\u251c\u2500 css\/<br \/>\n\u2502 \u2514\u2500 main.css<br \/>\n\u2514\u2500 js\/<br \/>\n\u2514\u2500 main.js<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1848\" data-end=\"1851\" \/>\n<h2 data-start=\"1853\" data-end=\"1871\">\u0633\u0627\u062e\u062a Django app<\/h2>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">python manage.py startapp example<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1920\" data-end=\"1970\">\u062f\u0631 <code data-start=\"1923\" data-end=\"1936\">settings.py<\/code> \u062f\u0627\u062e\u0644 <code data-start=\"1942\" data-end=\"1958\">INSTALLED_APPS<\/code> \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\"><span class=\"\u037cc\">&#8216;example&#8217;<\/span>,<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1998\" data-end=\"2001\" \/>\n<h2 data-start=\"2003\" data-end=\"2015\">\u062a\u0639\u0631\u06cc\u0641 URL<\/h2>\n<p data-start=\"2017\" data-end=\"2030\">\u062f\u0631 urls \u0627\u0635\u0644\u06cc:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\"><span class=\"\u037ce\">url<\/span>(<span class=\"\u037cc\">r&#8217;^&#8217;<\/span>, <span class=\"\u037ce\">include<\/span>(<span class=\"\u037cc\">&#8216;example.urls&#8217;<\/span>))<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2082\" data-end=\"2101\">\u062f\u0631 example\/urls.py:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\"><span class=\"\u037ce\">urlpatterns<\/span> <span class=\"\u037c8\">=<\/span> [<br \/>\n<span class=\"\u037ce\">url<\/span>(<span class=\"\u037cc\">r&#8217;^$&#8217;<\/span>, <span class=\"\u037ce\">views<\/span><span class=\"\u037c8\">.<\/span>HomePageView<span class=\"\u037c8\">.<\/span>as_view(), <span class=\"\u037ce\">name<\/span><span class=\"\u037c8\">=<\/span><span class=\"\u037cc\">&#8216;home&#8217;<\/span>),<br \/>\n<span class=\"\u037ce\">url<\/span>(<span class=\"\u037cc\">r&#8217;^about\/$&#8217;<\/span>, <span class=\"\u037ce\">views<\/span><span class=\"\u037c8\">.<\/span>AboutPageView<span class=\"\u037c8\">.<\/span>as_view(), <span class=\"\u037ce\">name<\/span><span class=\"\u037c8\">=<\/span><span class=\"\u037cc\">&#8216;about&#8217;<\/span>),<br \/>\n]<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"2262\" data-end=\"2265\" \/>\n<h2 data-start=\"2267\" data-end=\"2285\">\u0633\u0627\u062e\u062a Template\u0647\u0627<\/h2>\n<p data-start=\"2287\" data-end=\"2313\">\u062f\u0631 \u067e\u0648\u0634\u0647 templates \u0641\u0627\u06cc\u0644\u200c\u0647\u0627:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">index.html<br \/>\nabout.html<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2346\" data-end=\"2360\">\u0633\u0627\u062e\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\n<p data-start=\"2362\" data-end=\"2398\">\u062f\u0631 Template\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627 \u0631\u0627 \u0628\u0627:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">{% url &#8216;home&#8217; %}<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2432\" data-end=\"2437\">\u0633\u0627\u062e\u062a.<\/p>\n<p data-start=\"2439\" data-end=\"2477\">\u0627\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a <strong data-start=\"2450\" data-end=\"2472\">URL reverse lookup<\/strong> \u0627\u0633\u062a.<\/p>\n<hr data-start=\"2479\" data-end=\"2482\" \/>\n<h2 data-start=\"2484\" data-end=\"2499\">\u0627\u062a\u0635\u0627\u0644 View\u0647\u0627<\/h2>\n<p data-start=\"2501\" data-end=\"2513\">\u062f\u0631 views.py:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">\n<p><span class=\"\u037c8\">from<\/span> <span class=\"\u037ce\">django<\/span><span class=\"\u037c8\">.<\/span><span class=\"\u037ce\">views<\/span><span class=\"\u037c8\">.<\/span><span class=\"\u037ce\">generic<\/span> <span class=\"\u037c8\">import<\/span> <span class=\"\u037ce\">TemplateView<\/span><\/p>\n<p><span class=\"\u037c8\">class<\/span> <span class=\"\u037cd\">HomePageView<\/span>(<span class=\"\u037ce\">TemplateView<\/span>):<br \/>\n<span class=\"\u037ce\">template_name<\/span> <span class=\"\u037c8\">=<\/span> <span class=\"\u037cc\">&#8220;index.html&#8221;<\/span><\/p>\n<p><span class=\"\u037c8\">class<\/span> <span class=\"\u037cd\">AboutPageView<\/span>(<span class=\"\u037ce\">TemplateView<\/span>):<br \/>\n<span class=\"\u037ce\">template_name<\/span> <span class=\"\u037c8\">=<\/span> <span class=\"\u037cc\">&#8220;about.html&#8221;<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2713\" data-end=\"2725\">\u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">python manage.py migrate<br \/>\npython manage.py runserver<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"2792\" data-end=\"2795\" \/>\n<h2 data-start=\"2797\" data-end=\"2835\">Template Inheritance (\u0627\u0631\u062b\u200c\u0628\u0631\u06cc \u0642\u0627\u0644\u0628)<\/h2>\n<p data-start=\"2837\" data-end=\"2878\">\u0628\u0647 \u062c\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631 \u06a9\u062f\u060c \u06cc\u06a9 <strong data-start=\"2857\" data-end=\"2870\">base.html<\/strong> \u0628\u0633\u0627\u0632\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">{% load static %}<br \/>\n&lt;script src=&#8221;{% static &#8216;js\/main.js&#8217; %}&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;{% static &#8216;css\/main.css&#8217; %}&#8221;&gt;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3022\" data-end=\"3024\">\u062e\u0637<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">{% load static %}<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3059\" data-end=\"3116\">\u0628\u0647 \u0645\u0648\u062a\u0648\u0631 Template \u0645\u06cc\u200c\u06af\u0648\u06cc\u062f \u0627\u0632 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc static \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u062f.<\/p>\n<p data-start=\"3118\" data-end=\"3150\">\u062f\u0631 base \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 Block \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0631\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">{% block title %}{% endblock %}<br \/>\n{% block pagecontent %}{% endblock %}<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3237\" data-end=\"3250\">\u0648 \u062f\u0631 \u0642\u0627\u0644\u0628\u200c\u0647\u0627:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">{% extends &#8216;base.html&#8217; %}<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3293\" data-end=\"3296\" \/>\n<h2 data-start=\"3298\" data-end=\"3319\">\u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0627\u062f\u0646 \u0628\u0627 CSS<\/h2>\n<p data-start=\"3321\" data-end=\"3333\">\u062f\u0631 main.css:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">.<span class=\"\u037cd\">container<\/span> {<br \/>\nbackground: #eac656;<br \/>\nborder: <span class=\"\u037cb\">3<\/span><span class=\"\u037c8\">px<\/span> <span class=\"\u037cb\">solid<\/span> <span class=\"\u037cb\">black<\/span>;<br \/>\n}<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3416\" data-end=\"3419\" \/>\n<h2 data-start=\"3421\" data-end=\"3454\">\u0627\u0631\u0633\u0627\u0644 \u062f\u0627\u062f\u0647 \u0627\u0632 View \u0628\u0647 Template<\/h2>\n<p data-start=\"3456\" data-end=\"3468\">\u062f\u0631 views.py:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\"><span class=\"\u037ce\">context<\/span> <span class=\"\u037c8\">=<\/span> {<br \/>\n<span class=\"\u037cc\">&#8216;data&#8217;<\/span>: [<br \/>\n{<span class=\"\u037cc\">&#8216;name&#8217;<\/span>:<span class=\"\u037cc\">&#8216;Celeb 1&#8217;<\/span>,<span class=\"\u037cc\">&#8216;worth&#8217;<\/span>:<span class=\"\u037cc\">&#8216;3567892&#8217;<\/span>},<br \/>\n]<br \/>\n}<br \/>\n<span class=\"\u037c8\">return<\/span> <span class=\"\u037ce\">render<\/span>(<span class=\"\u037ce\">request<\/span>,<span class=\"\u037cc\">&#8216;data.html&#8217;<\/span>,<span class=\"\u037ce\">context<\/span>)<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3608\" data-end=\"3620\">\u062f\u0631 Template:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">{% for celebrity in data %}<br \/>\n{{ celebrity.name }}<br \/>\n{% endfor %}<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3699\" data-end=\"3716\">\u0646\u0645\u0627\u06cc\u0634 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u0628\u0627:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">{{ }}<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3739\" data-end=\"3742\" \/>\n<h2 data-start=\"3744\" data-end=\"3775\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 snippet (include)<\/h2>\n<p data-start=\"3777\" data-end=\"3805\">\u0645\u062b\u0644\u0627\u064b navigation \u062c\u062f\u0627 \u0628\u0633\u0627\u0632\u06cc\u062f:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">templates\/partials\/nav-bar.html<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3848\" data-end=\"3864\">\u0648 \u062f\u0627\u062e\u0644 template:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">{% include &#8216;partials\/nav-bar.html&#8217; %}<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3919\" data-end=\"3922\" \/>\n<h2 data-start=\"3924\" data-end=\"3944\">Filters \u062f\u0631 Django<\/h2>\n<p data-start=\"3946\" data-end=\"3976\">Filter\u0647\u0627 \u062f\u0627\u062f\u0647 \u0631\u0627 \u0641\u0631\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<p data-start=\"3978\" data-end=\"3992\">\u0628\u0631\u0627\u06cc humanize:<\/p>\n<p data-start=\"3994\" data-end=\"4006\">\u062f\u0631 settings:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\"><span class=\"\u037cc\">&#8216;django.contrib.humanize&#8217;<\/span>,<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4050\" data-end=\"4062\">\u062f\u0631 template:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">{% load humanize %}<br \/>\n{{ celebrity.worth|intcomma }}<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4130\" data-end=\"4136\">\u0645\u062b\u0644\u0627\u064b:<\/p>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">1200000 \u2192 1,200,000<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"4167\" data-end=\"4170\" \/>\n<h2 data-start=\"4172\" data-end=\"4196\">\u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc Static Files<\/h2>\n<div class=\"w-full my-4\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border corner-superellipse\/1.1 border-token-border-light bg-token-bg-elevated-secondary rounded-3xl\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pointer-events-none absolute inset-x-px top-0 bottom-96\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-bg-elevated-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"corner-superellipse\/1.1 rounded-3xl bg-token-bg-elevated-secondary\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037c5 \u037cj\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<div class=\"cm-content q9tKkq_readonly\">python manage.py collectstatic<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4242\" data-end=\"4331\">\u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0647\u0645\u0647 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u062a\u06cc\u06a9 \u0631\u0627 \u062f\u0631 \u067e\u0648\u0634\u0647 <code data-start=\"4284\" data-end=\"4297\">STATIC_ROOT<\/code> \u062c\u0645\u0639 \u0645\u06cc\u200c\u06a9\u0646\u062f (\u0645\u0647\u0645 \u0628\u0631\u0627\u06cc production).<\/p>\n<p data-start=\"4338\" data-end=\"4346\">\u0627\u0632 \u0647\u0645\u0631\u0627\u0647\u06cc \u0634\u0645\u0627 \u0628\u0627 <strong><a href=\"https:\/\/parmin.cloud\/\">\u067e\u0627\u0631\u0645\u06cc\u0646 \u06a9\u0644\u0648\u062f<\/a><\/strong> \u0633\u067e\u0627\u0633\u06af\u0632\u0627\u0631\u06cc\u0645.<\/p>\n<div style='text-align:center' class='yasr-auto-insert-visitor'><\/div>","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631 \u0622\u0645\u0648\u0632\u0634 \u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 Django \u0628\u0647 \u0634\u0645\u0627 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0645 \u0686\u0637\u0648\u0631 \u06cc\u06a9 \u0633\u0627\u06cc\u062a Django \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f. \u0627\u0645\u0627 Template\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0631\u0646\u062f\u0631 \u06a9\u0631\u062f\u06cc\u0645 \u062e\u06cc\u0644\u06cc \u0633\u0627\u062f\u0647 \u0628\u0648\u062f\u0646\u062f. \u0642\u0637\u0639\u0627\u064b \u0646\u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0633\u0627\u06cc\u062a\u062a\u0627\u0646 \u0627\u06cc\u0646\u200c\u0642\u062f\u0631 \u0633\u0627\u062f\u0647 \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u062f. \u0686\u0637\u0648\u0631 \u0638\u0627\u0647\u0631 \u0633\u0627\u06cc\u062a \u0631\u0627 \u0628\u0647\u062a\u0631 \u06a9\u0646\u06cc\u0645\u061f \u0633\u0627\u062f\u0647 \u0627\u0633\u062a \u2014 \u06a9\u0645\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u0645 \u0686\u0637\u0648\u0631 CSS \u0648 JavaScript \u0631\u0627 [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6230,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[67,190,8],"tags":[937,940,936,938,939],"class_list":["post-6229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-67","category-programming","category-8","tag-template-inheritance--django","tag--django-templates","tag--django--","tag--css--javascript--django","tag---static-files--django"],"aioseo_notices":[],"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":0,"sum_votes":0},"_links":{"self":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/comments?post=6229"}],"version-history":[{"count":2,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6229\/revisions"}],"predecessor-version":[{"id":6238,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6229\/revisions\/6238"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media\/6230"}],"wp:attachment":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media?parent=6229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/categories?post=6229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/tags?post=6229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}