{"id":119,"date":"2025-08-10T07:17:50","date_gmt":"2025-08-10T07:17:50","guid":{"rendered":"http:\/\/101.42.175.115\/wordpress\/?p=119"},"modified":"2026-01-13T16:59:05","modified_gmt":"2026-01-13T16:59:05","slug":"blog_creat","status":"publish","type":"post","link":"http:\/\/101.42.175.115\/wordpress\/?p=119","title":{"rendered":"\u642d\u5efa\u4e2a\u4eba blog \u7684\u521d\u6b21\u5c1d\u8bd5"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u5728\u521a\u63a5\u89e6\u5230 web \u65f6\uff0c\u6211\u5c31\u4ea7\u751f\u4e86\u4eb2\u624b\u642d\u5efa\u4e00\u4e2a\u7f51\u7ad9\u7684\u60f3\u6cd5\u3002\u5728\u4e4b\u540e\u7684\u5b66\u4e60\u4e2d\u6162\u6162\u4e86\u89e3\u5230\u4e86\u4e2a\u4eba\u535a\u5ba2\u7684\u6982\u5ff5\uff0c\u4e5f\u5c31\u51b3\u5b9a\u4e86\u8981\u642d\u5efa\u4e00\u4e2a\u5c5e\u4e8e\u81ea\u5df1\u7684\u535a\u5ba2\u3002\u5386\u7ecf\u4e00\u5e74\uff0c\u7ec8\u4e8e\u6709\u4e86\u4e00\u5b9a\u7684\u77e5\u8bc6\u50a8\u5907\uff0c\u5f53\u65f6\u7684\u60f3\u6cd5\u6709\u673a\u4f1a\u4ed8\u8bf8\u5b9e\u8df5\u4e86\uff0c\u6211\u4fbf\u62bd\u51fa\u4e86\u51e0\u5929\u7684\u65f6\u95f4\u60f3\u8981\u5c1d\u8bd5\u4e00\u4e0b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e0b\u9762\u5177\u4f53\u8bb0\u5f55\u4e00\u4e0b\u6211\u5728\u8fd9\u6b21\u535a\u5ba2\u642d\u5efa\u4e2d\u5b66\u5230\u7684\u4e1c\u897f\u3002<\/p>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u9759\u6001\u535a\u5ba2\u4e0e\u52a8\u6001\u535a\u5ba2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u9759\u6001\u535a\u5ba2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6240\u6709\u7684\u6587\u7ae0\u9875\u9762\u5728\u53d1\u5e03\u524d\u5c31\u5df2\u7ecf\u751f\u6210\u6210\u4e86\u56fa\u5b9a\u7684 HTML \u6587\u4ef6\u3002<\/li>\n\n\n\n<li>\u6d4f\u89c8\u8005\u8bbf\u95ee\u65f6\uff0c\u670d\u52a1\u5668\u53ea\u662f\u76f4\u63a5\u628a\u8fd9\u4e9b HTML \u6587\u4ef6\u53d1\u7ed9\u6d4f\u89c8\u5668\uff0c\u6ca1\u6709\u518d\u53bb\u8fd0\u884c\u7a0b\u5e8f\u6216\u67e5\u8be2\u6570\u636e\u5e93\u3002<\/li>\n\n\n\n<li>\u5e38\u7528\u5de5\u5177\uff1aHexo\u3001Hugo\u3001Jekyll \u7b49\u9759\u6001\u7f51\u7ad9\u751f\u6210\u5668\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u52a8\u6001\u535a\u5ba2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9875\u9762\u4e0d\u662f\u4e8b\u5148\u751f\u6210\u7684\uff0c\u800c\u662f\u8bbf\u95ee\u65f6\u4e34\u65f6\u62fc\u51fa\u6765\u7684\u3002<\/li>\n\n\n\n<li>\u670d\u52a1\u5668\u4f1a\u5148\u8fd0\u884c\u4ee3\u7801\uff08\u5982 Python\u3001PHP\u3001Node.js \u7b49\uff09\uff0c\u4ece\u6570\u636e\u5e93\u8bfb\u53d6\u6587\u7ae0\u5185\u5bb9\uff0c\u518d\u628a HTML \u8fd4\u56de\u7ed9\u6d4f\u89c8\u5668\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u6211\u7406\u60f3\u4e2d\u7684\u4e2a\u4eba\u535a\u5ba2\u662f\u52a8\u6001\u535a\u5ba2\uff0c\u76f8\u5bf9\u4e8e\u9759\u6001\u535a\u5ba2\u6765\u8bf4\u5728\u53d1\u5e03\u6587\u7ae0\u3001\u7ba1\u7406\u7f51\u7ad9\u548c\u529f\u80fd\u5b9e\u73b0\u4e0a\u90fd\u66f4\u5360\u4f18\u52bf\u3002<\/p>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u81ea\u7814\u52a8\u6001\u535a\u5ba2\u7cfb\u7edf<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u672c\u8d28\u4e0a\u5c31\u662f\u81ea\u5df1\u5199\u4e00\u4e2a\u5c0f\u578b\u7684 CMS\uff08\u5185\u5bb9\u7ba1\u7406\u7cfb\u7edf\uff09\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5efa\u7ad9\u65b9\u5f0f\uff1aFlask + Jinja2 + SQLite<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6570\u636e\u5e93\u9009\u7528 SQLite \u7684\u539f\u56e0<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>SQLite \u4e0d\u9700\u8981\u50cf MySQL \u6216 PostgreSQL \u90a3\u6837\u8fdb\u884c\u590d\u6742\u7684\u5b89\u88c5\u548c\u914d\u7f6e\u3002\u6570\u636e\u5e93\u7684\u521b\u5efa\u4ec5\u4ec5\u4f9d\u8d56\u4e8e\u4e00\u4e2a\u6587\u4ef6\u3002\u53ea\u9700\u8981\u63d0\u4f9b\u6570\u636e\u5e93\u6587\u4ef6\u8def\u5f84\uff0cSQLite \u5c31\u80fd\u7acb\u5373\u5de5\u4f5c\u3002<\/li>\n\n\n\n<li>SQLite \u4e0d\u9700\u8981\u4e13\u95e8\u7684\u6570\u636e\u5e93\u7ba1\u7406\u5458\u3002\u53ea\u8981\u80fd\u591f\u8bbf\u95ee\u6570\u636e\u5e93\u6587\u4ef6\uff0c\u4efb\u4f55\u5730\u65b9\u90fd\u53ef\u4ee5\u64cd\u4f5c\u6570\u636e\u5e93\uff0c\u975e\u5e38\u9002\u5408\u5c0f\u578b\u9879\u76ee\u6216\u4e2a\u4eba\u5f00\u53d1\u8005\u4f7f\u7528\u3002<\/li>\n\n\n\n<li>\u5bf9\u4e8e\u5c0f\u578b\u5e94\u7528\uff0cSQLite \u63d0\u4f9b\u4e86\u975e\u5e38\u597d\u7684\u6027\u80fd\u3002\u5728\u6570\u636e\u91cf\u8f83\u5c0f\u6216\u5e76\u53d1\u8f83\u4f4e\u65f6\uff0c\u5b83\u7684\u6570\u636e\u8bfb\u5199\u901f\u5ea6\u5f88\u5feb\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u7f51\u7ad9\u7ed3\u6784<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u91c7\u7528 Flask \u5de5\u5382\u6a21\u5f0f\u7ed3\u6784\u5efa\u7ad9<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"\" style=\"font-size:clamp(16px, 1rem, 24px);--cbp-line-number-color:#393a34;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:clamp(24px, 1.5rem, 36px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#f2f2f2;color:#464740\">Python<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#393a34;display:none\" aria-label=\"\u590d\u5236\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>flask_blog\/\n\u251c\u2500\u2500 app\/                         # \u4e3b\u5e94\u7528\u5305\n\u2502   \u251c\u2500\u2500 __init__.py             # \u521b\u5efa Flask \u5e94\u7528\u5b9e\u4f8b\uff0c\u6ce8\u518c\u84dd\u56fe\uff0c\u521d\u59cb\u5316\u6269\u5c55\n\u2502   \u251c\u2500\u2500 models.py               # \u5b9a\u4e49\u6570\u636e\u5e93\u6a21\u578b\n\u2502   \u251c\u2500\u2500 forms.py                # \u5b9a\u4e49\u8868\u5355\u7c7b\n\u2502   \u251c\u2500\u2500 views\/                  # \u89c6\u56fe\u903b\u8f91\u5206\u533a\n\u2502   \u2502   \u251c\u2500\u2500 __init__.py        # \u521d\u59cb\u5316\u89c6\u56fe\u84dd\u56fe\n\u2502   \u2502   \u251c\u2500\u2500 main.py            # \u9996\u9875\u84dd\u56fe\n\u2502   \u2502   \u251c\u2500\u2500 ...\n\u2502   \u251c\u2500\u2500 templates\/                 # Jinja2 \u6a21\u677f\u6587\u4ef6\u5939\n\u2502   \u2502   \u251c\u2500\u2500 index.html            # \u9996\u9875\u6a21\u677f\n\u2502   \u2502   \u2514\u2500\u2500 ...\n\u2502   \u2502   \u2514\u2500\u2500 admin\/\n\u2502   \u2502       \u251c\u2500\u2500 admin_board.html     # \u540e\u53f0\u9996\u9875\u6a21\u677f\n\u2502   \u2502       \u251c\u2500\u2500 ...\n\u2502   \u251c\u2500\u2500 static\/                # \u9759\u6001\u6587\u4ef6\u76ee\u5f55\n\u2502   \u2502   \u251c\u2500\u2500 css\/\n\u2502   \u2502   \u251c\u2500\u2500 js\/\n\u2502   \u2502   \u2514\u2500\u2500 images\/\n\u2502   \u2514\u2500\u2500 extensions.py         # \u521d\u59cb\u5316\u6240\u6709 Flask \u6269\u5c55\n\u2502\n\u251c\u2500\u2500 migrations\/                # Flask-Migrate \u6570\u636e\u5e93\u8fc1\u79fb\u76ee\u5f55\uff08\u6267\u884c flask db init \u540e\u751f\u6210\uff09\n\u2502\n\u251c\u2500\u2500 config.py                  # \u914d\u7f6e\u6587\u4ef6\n\u251c\u2500\u2500 app.db                     # \u6570\u636e\u5e93\u6587\u4ef6\n\u251c\u2500\u2500 run.py                     # \u9879\u76ee\u5165\u53e3\u6587\u4ef6\uff0c\u8fd0\u884c Flask \u5e94\u7528\n\u251c\u2500\u2500 requirements.txt           # \u6240\u9700 Python \u5e93\u6e05\u5355\uff08\u53ef\u9009\uff09\n\u2514\u2500\u2500 README.md                  # \u9879\u76ee\u8bf4\u660e\u6587\u6863\uff08\u53ef\u9009\uff09<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki vitesse-light\" style=\"background-color: #ffffff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #393A34\">flask_blog<\/span><span style=\"color: #AB5959\">\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u251c\u2500\u2500 app<\/span><span style=\"color: #AB5959\">\/<\/span><span style=\"color: #393A34\">                         <\/span><span style=\"color: #A0ADA0\"># \u4e3b\u5e94\u7528\u5305<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u251c\u2500\u2500 <\/span><span style=\"color: #998418\">__init__<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">py             <\/span><span style=\"color: #A0ADA0\"># \u521b\u5efa Flask \u5e94\u7528\u5b9e\u4f8b\uff0c\u6ce8\u518c\u84dd\u56fe\uff0c\u521d\u59cb\u5316\u6269\u5c55<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u251c\u2500\u2500 models<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">py               <\/span><span style=\"color: #A0ADA0\"># \u5b9a\u4e49\u6570\u636e\u5e93\u6a21\u578b<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u251c\u2500\u2500 forms<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">py                <\/span><span style=\"color: #A0ADA0\"># \u5b9a\u4e49\u8868\u5355\u7c7b<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u251c\u2500\u2500 views<\/span><span style=\"color: #AB5959\">\/<\/span><span style=\"color: #393A34\">                  <\/span><span style=\"color: #A0ADA0\"># \u89c6\u56fe\u903b\u8f91\u5206\u533a<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502   \u251c\u2500\u2500 <\/span><span style=\"color: #998418\">__init__<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">py        <\/span><span style=\"color: #A0ADA0\"># \u521d\u59cb\u5316\u89c6\u56fe\u84dd\u56fe<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502   \u251c\u2500\u2500 main<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">py            <\/span><span style=\"color: #A0ADA0\"># \u9996\u9875\u84dd\u56fe<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502   \u251c\u2500\u2500 <\/span><span style=\"color: #A65E2B\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u251c\u2500\u2500 templates<\/span><span style=\"color: #AB5959\">\/<\/span><span style=\"color: #393A34\">                 <\/span><span style=\"color: #A0ADA0\"># Jinja2 \u6a21\u677f\u6587\u4ef6\u5939<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502   \u251c\u2500\u2500 index<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">html            <\/span><span style=\"color: #A0ADA0\"># \u9996\u9875\u6a21\u677f<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502   \u2514\u2500\u2500 <\/span><span style=\"color: #A65E2B\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502   \u2514\u2500\u2500 admin<\/span><span style=\"color: #AB5959\">\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502       \u251c\u2500\u2500 admin_board<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">html     <\/span><span style=\"color: #A0ADA0\"># \u540e\u53f0\u9996\u9875\u6a21\u677f<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502       \u251c\u2500\u2500 <\/span><span style=\"color: #A65E2B\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u251c\u2500\u2500 static<\/span><span style=\"color: #AB5959\">\/<\/span><span style=\"color: #393A34\">                <\/span><span style=\"color: #A0ADA0\"># \u9759\u6001\u6587\u4ef6\u76ee\u5f55<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502   \u251c\u2500\u2500 css<\/span><span style=\"color: #AB5959\">\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502   \u251c\u2500\u2500 js<\/span><span style=\"color: #AB5959\">\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2502   \u2514\u2500\u2500 images<\/span><span style=\"color: #AB5959\">\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502   \u2514\u2500\u2500 extensions<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">py         <\/span><span style=\"color: #A0ADA0\"># \u521d\u59cb\u5316\u6240\u6709 Flask \u6269\u5c55<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u251c\u2500\u2500 migrations<\/span><span style=\"color: #AB5959\">\/<\/span><span style=\"color: #393A34\">                <\/span><span style=\"color: #A0ADA0\"># Flask-Migrate \u6570\u636e\u5e93\u8fc1\u79fb\u76ee\u5f55\uff08\u6267\u884c flask db init \u540e\u751f\u6210\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2502<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u251c\u2500\u2500 config<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">py                  <\/span><span style=\"color: #A0ADA0\"># \u914d\u7f6e\u6587\u4ef6<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u251c\u2500\u2500 app<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">db                     <\/span><span style=\"color: #A0ADA0\"># \u6570\u636e\u5e93\u6587\u4ef6<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u251c\u2500\u2500 run<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">py                     <\/span><span style=\"color: #A0ADA0\"># \u9879\u76ee\u5165\u53e3\u6587\u4ef6\uff0c\u8fd0\u884c Flask \u5e94\u7528<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u251c\u2500\u2500 requirements<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">txt           <\/span><span style=\"color: #A0ADA0\"># \u6240\u9700 Python \u5e93\u6e05\u5355\uff08\u53ef\u9009\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">\u2514\u2500\u2500 <\/span><span style=\"color: #A65E2B\">README<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">md                  <\/span><span style=\"color: #A0ADA0\"># \u9879\u76ee\u8bf4\u660e\u6587\u6863\uff08\u53ef\u9009\uff09<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#ffffff;color:#464740;font-size:12px;line-height:1;position:relative\">Python<\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e3b\u8981\u642d\u5efa\u903b\u8f91<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u9879\u76ee\u521d\u59cb\u5316\u548c\u73af\u5883\u51c6\u5907\n<ul class=\"wp-block-list\">\n<li>\u521b\u5efa\u5e76\u6fc0\u6d3b\u865a\u62df\u73af\u5883\uff0c\u5b89\u88c5 Flask \u53ca\u57fa\u7840\u4f9d\u8d56<\/li>\n\n\n\n<li>\u521b\u5efa\u9879\u76ee\u6587\u4ef6\u5939\u7ed3\u6784<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u521d\u59cb\u5316 Flask \u5e94\u7528\u5de5\u5382\n<ul class=\"wp-block-list\">\n<li><code>app\/__init__.py<\/code> \u4e2d\u521b\u5efa <code>create_app()<\/code> \u51fd\u6570<\/li>\n\n\n\n<li>\u7f16\u5199 <code>config.py<\/code>\uff0c\u5b9a\u4e49\u57fa\u7840\u914d\u7f6e\uff08\u5982\u6570\u636e\u5e93 URI\uff0c\u5bc6\u94a5\u7b49\uff09<\/li>\n\n\n\n<li>\u7f16\u5199 <code>app\/extensions.py<\/code>\uff0c\u521b\u5efa\u5e76\u521d\u59cb\u5316\u6269\u5c55\u5bf9\u8c61<\/li>\n\n\n\n<li><code>app\/__init__.py<\/code> \u4e2d\u52a0\u8f7d\u914d\u7f6e\uff0c\u521d\u59cb\u5316 Flask \u6269\u5c55<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u8fd0\u884c\u5165\u53e3\n<ul class=\"wp-block-list\">\n<li>\u7f16\u5199 <code>run.py<\/code>\uff0c\u5bfc\u5165 <code>create_app()<\/code> \u521b\u5efa\u5e94\u7528\u5b9e\u4f8b<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u6570\u636e\u5e93\u6a21\u578b\u8bbe\u8ba1\n<ul class=\"wp-block-list\">\n<li>\u7f16\u5199 <code>app\/models.py<\/code>\uff0c\u8bbe\u8ba1\u6587\u7ae0\u3001\u7528\u6237\u3001\u8bc4\u8bba\u7b49\u6a21\u578b<\/li>\n\n\n\n<li>\u5b9a\u4e49\u6a21\u578b\u5173\u7cfb<\/li>\n\n\n\n<li>\u521d\u59cb\u5316\u8fc1\u79fb\uff1a<code>flask db init<\/code>\u521b\u5efa\u8fc1\u79fb\u811a\u672c\uff1a<code>flask db migrate<\/code>\u5e94\u7528\u8fc1\u79fb\uff1a<code>flask db upgrade<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u89c6\u56fe\u84dd\u56fe\u6846\u67b6\u642d\u5efa<ul><li><code>app\/templates\/index.html<\/code> \u7f16\u5199\u9996\u9875\u6a21\u677f<\/li><li><code>app\/views\/main.py<\/code> \u5148\u5199\u9996\u9875\u8def\u7531\uff0c\u8fd4\u56de\u7b80\u5355\u7684\u6a21\u677f\u6d4b\u8bd5\u6e32\u67d3<\/li><li><code>app\/views\/__init__.py<\/code> \u5bfc\u5165\u89c6\u56fe\u6a21\u5757\uff0c\u65b9\u4fbf\u6ce8\u518c<\/li><li><code>app\/__init__.py<\/code> \u6ce8\u518c\u84dd\u56fe<\/li><\/ul>\u8fd9\u4e2a\u65f6\u5019\u5c31\u5df2\u7ecf\u53ef\u4ee5\u8fd0\u884c\u670d\u52a1\u5668\u8fdb\u884c\u6d4b\u8bd5\u4e86<\/li>\n\n\n\n<li>\u5176\u4ed6\n<ul class=\"wp-block-list\">\n<li><code>app\/forms.py<\/code> \u8bbe\u8ba1\u8868\u5355\u7c7b\uff0c\u5982\u6587\u7ae0\u53d1\u5e03\u8868\u5355\u3001\u8bc4\u8bba\u8868\u5355\u3001\u767b\u5f55\u8868\u5355\u7b49<\/li>\n\n\n\n<li><code>app\/static\/<\/code> \u76ee\u5f55\u4e2d\u653e CSS\u3001JS\u3001\u56fe\u7247\u7b49\u9759\u6001\u8d44\u6e90\u6587\u4ef6<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">\u6570\u636e\u5e93\u8c03\u7528<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u501f\u52a9 Flask-SQLAlchemy \u5e93\u5b9e\u73b0\u4e0e SQLite \u6570\u636e\u5e93\u7684\u4ea4\u4e92\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>extensions.py<\/code> \u4e2d\u8c03\u7528 Flask-SQLAlchemy \u5e93\u4e2d\u7684 SQLAlchemy \u7c7b\uff0c\u5e76\u521d\u59cb\u5316SQLAlchemy \u5b9e\u4f8b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>models.py<\/code> \u5bfc\u5165 SQLAlchemy \u5b9e\u4f8b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>__init__.py<\/code> \u4e2d\u7ed1\u5b9a\u6269\u5c55\u5b9e\u4f8b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u63a5\u4e0b\u6765\u5728\u5199\u89c6\u56fe\u84dd\u56fe\u903b\u8f91\u65f6\u76f4\u63a5\u4ece <code>models.py<\/code> \u4e2d\u5bfc\u5165\u6570\u636e\u5e93\u6a21\u578b\u7c7b\uff0c\u5c31\u53ef\u4ee5\u76f4\u63a5\u5728\u89c6\u56fe\u51fd\u6570\u4e2d\u7528\u628a\u6570\u636e\u5e93\u7684\u6570\u636e\u8d4b\u503c\u7ed9\u53d8\u91cf\u4e86\u3002\u5728 html \u6a21\u677f\u6587\u4ef6\u5f53\u4e2d\u5c31\u53ef\u4ee5\u7528 jinja2 \u6a21\u677f\u8bed\u6cd5\u901a\u8fc7\u8c03\u7528\u53d8\u91cf\u5b9e\u73b0\u8c03\u7528\u6570\u636e\u5e93\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6570\u636e\u5e93\u8fc1\u79fb<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u9879\u76ee\u4e2d\u6d89\u53ca\u5230\u6570\u636e\u5e93\u7ed3\u6784\u7684\u4fee\u6539\uff08\u5982\u65b0\u589e\u8868\u3001\u4fee\u6539\u5b57\u6bb5\u7b49\uff09\uff0c\u53ef\u4ee5\u4f7f\u7528 Flask-Migrate \u6765\u7ba1\u7406\u6570\u636e\u5e93\u8fc1\u79fb\u3002Flask-Migrate \u4f1a\u81ea\u52a8\u751f\u6210\u8fc1\u79fb\u811a\u672c\uff0c\u5e76\u5e94\u7528\u5230\u6570\u636e\u5e93\u4e2d\uff0c\u786e\u4fdd\u6a21\u578b\u53d8\u66f4\u80fd\u591f\u540c\u6b65\u5230\u6570\u636e\u5e93\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u7ba1\u7406\u5458\u7528\u6237\u7684\u5b9e\u73b0<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u901a\u8fc7 session \u4e0e Flask-Login \u5b9e\u73b0\u57fa\u7840\u529f\u80fd\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u901a\u8fc7 flask \u5f15\u5165 session \u5168\u5c40\u5bf9\u8c61\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728 Flask \u4e2d\uff0csession \u662f\u4e00\u4e2a\u5b58\u50a8\u5728\u5ba2\u6237\u7aef\u7684 \u5b57\u5178-like \u5bf9\u8c61\u3002\u5b83\u5141\u8bb8\u5728\u7528\u6237\u4e0e\u5e94\u7528\u4ea4\u4e92\u671f\u95f4\u5b58\u50a8\u6570\u636e\uff0c\u4ece\u800c\u652f\u6301\u5728\u591a\u4e2a\u8bf7\u6c42\u4e4b\u95f4\u4fdd\u6301\u7528\u6237\u7684\u72b6\u6001\u3002\u6bcf\u5f53\u6d4f\u89c8\u5668\u53d1\u9001\u8bf7\u6c42\u65f6\uff0cFlask \u4f1a\u4ece\u8bf7\u6c42\u7684 cookies \u4e2d\u8bfb\u53d6 session \u6570\u636e\u3002Flask \u4f1a\u5728\u5e94\u7528\u4e2d\u89e3\u6790\u5e76\u4f7f\u7528\u5b83\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Flask-Login \u662f\u4e00\u4e2a\u6269\u5c55\u5e93\uff0c\u7528\u4e8e\u5728 Flask \u5e94\u7528\u4e2d\u5904\u7406\u7528\u6237\u8ba4\u8bc1\u548c\u4f1a\u8bdd\u7ba1\u7406\u3002\u5b83\u4e3a Flask \u5e94\u7528\u63d0\u4f9b\u4e86\u7528\u6237\u767b\u5f55\u3001\u767b\u51fa\u3001\u4f1a\u8bdd\u7ba1\u7406\u7b49\u529f\u80fd\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6570\u636e\u5e93\u5bc6\u7801\u50a8\u5b58<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u6570\u636e\u5e93\u4e2d\u7684\u5bc6\u7801\u4e0d\u4ee5\u660e\u6587\u50a8\u5b58\uff0c\u7ecf\u8fc7\u54c8\u5e0c\u5904\u7406\u540e\u518d\u5b58\u50a8\u3002\u54c8\u5e0c\u662f\u5355\u5411\u52a0\u5bc6\uff0c\u4e0d\u80fd\u4ece\u54c8\u5e0c\u503c\u8fd8\u539f\u51fa\u539f\u59cb\u7684\u5bc6\u7801\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u901a\u8fc7 Werkzeug \u5e93\u5f15\u5165 generate_password_hash\uff0ccheck_password_hash \u51fd\u6570\uff0c\u5728<code>models.py<\/code> \u4e2d\u901a\u8fc7\u6a21\u578b\u7c7b\u65b9\u6cd5\u8c03\u7528\uff0c\u5e76\u5728\u89c6\u56fe\u51fd\u6570\u4e2d\u5b8c\u5584\u76f8\u5173\u903b\u8f91\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e00\u4e9b\u5177\u4f53\u5b9e\u73b0<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u6bd4\u5982\u60f3\u5b9e\u73b0\u8fd9\u6837\u4e00\u4e2a\u529f\u80fd\uff1a<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u535a\u5ba2\u7684\u9996\u9875\u9700\u8981\u5c55\u793a\u6587\u7ae0\uff0c\u6bcf\u9875\u5c55\u793a\u4e94\u7bc7\u6587\u7ae0\uff0c\u80fd\u81ea\u52a8\u8ba1\u7b97\u6587\u7ae0\u603b\u6570\u4e0e\u9875\u6570\u5e76\u5b8c\u6210\u5e03\u5c40\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">SQLAlchemy \u63d0\u4f9b\u4e86\u7684 <code>paginate<\/code> \u65b9\u6cd5\u6765\u5b9e\u73b0\u5206\u9875\u529f\u80fd\uff0c\u8fd9\u4e2a\u65b9\u6cd5\u8fd4\u56de\u4e00\u4e2a\u5206\u9875\u5bf9\u8c61\uff0c\u5305\u542b\u4ee5\u4e0b\u5c5e\u6027\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>items<\/code>\uff1a\u5f53\u524d\u9875\u7684\u6570\u636e\u5217\u8868\u3002<\/li>\n\n\n\n<li><code>page<\/code>\uff1a\u5f53\u524d\u9875\u7801\u3002<\/li>\n\n\n\n<li><code>has_prev<\/code>\uff1a\u662f\u5426\u6709\u4e0a\u4e00\u9875\u3002<\/li>\n\n\n\n<li><code>has_next<\/code>\uff1a\u662f\u5426\u6709\u4e0b\u4e00\u9875\u3002<\/li>\n\n\n\n<li><code>prev_num<\/code>\uff1a\u4e0a\u4e00\u9875\u9875\u7801\u3002<\/li>\n\n\n\n<li><code>next_num<\/code>\uff1a\u4e0b\u4e00\u9875\u9875\u7801\u3002<\/li>\n\n\n\n<li><code>total<\/code>\uff1a\u603b\u6570\u636e\u91cf\u3002<\/li>\n\n\n\n<li><code>pages<\/code>\uff1a\u603b\u9875\u6570\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u901a\u8fc7 jinja2 \u8bed\u6cd5\u5e76\u8c03\u7528 SQLite\u6570\u636e\u5e93\u53ef\u4ee5\u8fd9\u6837\u5b9e\u73b0\uff1a<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">html<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"\" style=\"font-size:clamp(16px, 1rem, 24px);--cbp-line-number-color:#393a34;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:clamp(24px, 1.5rem, 36px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#f2f2f2;color:#464740\">HTML<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#393a34;display:none\" aria-label=\"\u590d\u5236\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!--\u6587\u7ae0\u677f\u5757\u89c6\u56fe-->\n{% for post in posts %}\n&lt;div class=\"post\">\n    &lt;!--\u6587\u7ae0\u6807\u9898\u89c6\u56fe-->\n    &lt;a href=\"{{ url_for('text.post_detail', post_id= post.id ) }}\">\n        &lt;h2 class=\"post-title\">{{ post.title }}&lt;\/h2>\n    &lt;\/a>\n    \n    &lt;!--\u5206\u7c7b\uff0c\u65e5\u671f\u89c6\u56fe-->\n    &lt;div class=\"category-and-date\">\n        &lt;!--\u6587\u7ae0\u5206\u7c7b\u89c6\u56fe-->\n        &lt;span class=\"category\">\n            &lt;a href=\"\/categories\/tutorial\/\">\n                &lt;span class=\"icon\">\n                    &lt;i class=\"fa-solid fa-bookmark fa-fw\">&lt;\/i>\n                &lt;\/span>\n                {{ post.category }} \n            &lt;\/a>\n        &lt;\/span>\n        &lt;!--\u6587\u7ae0\u65e5\u671f\u89c6\u56fe-->\n        &lt;span class=\"date\">\n            &lt;span class=\"icon\">\n                &lt;i class=\"fa-solid fa-calendar fa-fw\">&lt;\/i>\n            &lt;\/span>\n            {{ post.create_at }} \n        &lt;\/span>\n    &lt;\/div>\n    &lt;!--\u5206\u7c7b\uff0c\u65e5\u671f\u89c6\u56fe\u7ed3\u675f-->\n\n    &lt;!--\u6587\u7ae0\u7b80\u8ff0\u89c6\u56fe-->\n    &lt;div class=\"description\">\n        &lt;div class=\"content\" v-pre>\n            &lt;p>\n                {{ post.description }}\n            &lt;\/p>\n        &lt;\/div>\n    &lt;\/div>\n    &lt;!--\u6587\u7ae0\u7b80\u8ff0\u89c6\u56fe\u7ed3\u675f-->\n\n    &lt;!--\u6807\u7b7e\u89c6\u56fe-->\n    &lt;div class=\"post-tags\">\n        &lt;span class=\"icon\">\n            &lt;i class=\"fa-solid fa-tags fa-fw\">&lt;\/i>\n        &lt;\/span>\n        {% for tag in post.tags %}\n        &lt;span class=\"tag\">\n            &lt;a href=\"\/tags\/hexo\/\" style=\"color: {{ tag.color }}\">{{ tag.name }}&lt;\/a>\n        &lt;\/span>\n        {% endfor %}\n    &lt;\/div>\n    &lt;!--\u6807\u7b7e\u89c6\u56fe\u7ed3\u675f-->\n\n    &lt;a href=\"{{ url_for('text.post_detail', post_id= post.id ) }}\" class=\"go-post\">\u9605\u8bfb\u5168\u6587&lt;\/a>\n&lt;\/div>\n{% endfor %}\n&lt;!--\u6587\u7ae0\u677f\u5757\u89c6\u56fe\u7ed3\u675f-->\n\n&lt;!--\u5206\u9875\u5bfc\u822a\u680f\u89c6\u56fe-->\n&lt;div class=\"page-current\">\n    &lt;!--\u9875\u7801\u5217\u8868-->\n    {% for page_num in pagination.iter_pages(left_edge=1, right_edge=1, left_current=2, right_current=2) %}\n        {% if page_num %}\n        {% if page_num == pagination.page %}\n            &lt;span class=\"current\">{{ page_num }}&lt;\/span>\n        {% else %}\n            &lt;a class=\"page-num\" href=\"{{ url_for('main.index', page=page_num) }}\">{{ page_num }}&lt;\/a>\n        {% endif %}\n        {% else %}\n        &lt;span class=\"page-omit\">...&lt;\/span>\n        {% endif %} \n    {% endfor %}\n    &lt;!--\u4e0b\u4e00\u9875\u6309\u94ae-->\n    {% if pagination.has_next %}\n        &lt;a class=\"page-num\" href=\"\">\n        &lt;i class=\"fa-solid fa-caret-right fa-fw\">&lt;\/i>\n        &lt;\/a>\n    {% endif %}\n&lt;\/div>\n&lt;!--\u5206\u9875\u5bfc\u822a\u680f\u89c6\u56fe\u7ed3\u675f--><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki vitesse-light\" style=\"background-color: #ffffff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #A0ADA0\">&lt;!--\u6587\u7ae0\u677f\u5757\u89c6\u56fe--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">{% for post in posts %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">post<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">&lt;!--\u6587\u7ae0\u6807\u9898\u89c6\u56fe--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">href<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">{{ url_for(&#39;text.post_detail&#39;, post_id= post.id ) }}<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">h2<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">post-title<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><span style=\"color: #393A34\">{{ post.title }}<\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">h2<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">&lt;!--\u5206\u7c7b\uff0c\u65e5\u671f\u89c6\u56fe--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">category-and-date<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #A0ADA0\">&lt;!--\u6587\u7ae0\u5206\u7c7b\u89c6\u56fe--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">category<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">href<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">\/categories\/tutorial\/<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">                <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">icon<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">                    <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">i<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">fa-solid fa-bookmark fa-fw<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;&lt;\/<\/span><span style=\"color: #1E754F\">i<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">                <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">                {{ post.category }} <\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #A0ADA0\">&lt;!--\u6587\u7ae0\u65e5\u671f\u89c6\u56fe--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">date<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">icon<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">                <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">i<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">fa-solid fa-calendar fa-fw<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;&lt;\/<\/span><span style=\"color: #1E754F\">i<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            {{ post.create_at }} <\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">&lt;!--\u5206\u7c7b\uff0c\u65e5\u671f\u89c6\u56fe\u7ed3\u675f--&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">&lt;!--\u6587\u7ae0\u7b80\u8ff0\u89c6\u56fe--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">description<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">content<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">v-pre<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">p<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">                {{ post.description }}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">p<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">&lt;!--\u6587\u7ae0\u7b80\u8ff0\u89c6\u56fe\u7ed3\u675f--&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">&lt;!--\u6807\u7b7e\u89c6\u56fe--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">post-tags<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">icon<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">i<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">fa-solid fa-tags fa-fw<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;&lt;\/<\/span><span style=\"color: #1E754F\">i<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        {% for tag in post.tags %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">tag<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">href<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">\/tags\/hexo\/<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">style<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">color: {{ tag.color }}<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><span style=\"color: #393A34\">{{ tag.name }}<\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        {% endfor %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">&lt;!--\u6807\u7b7e\u89c6\u56fe\u7ed3\u675f--&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">href<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">{{ url_for(&#39;text.post_detail&#39;, post_id= post.id ) }}<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">go-post<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><span style=\"color: #393A34\">\u9605\u8bfb\u5168\u6587<\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">{% endfor %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A0ADA0\">&lt;!--\u6587\u7ae0\u677f\u5757\u89c6\u56fe\u7ed3\u675f--&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A0ADA0\">&lt;!--\u5206\u9875\u5bfc\u822a\u680f\u89c6\u56fe--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">page-current<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">&lt;!--\u9875\u7801\u5217\u8868--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    {% for page_num in pagination.iter_pages(left_edge=1, right_edge=1, left_current=2, right_current=2) %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        {% if page_num %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        {% if page_num == pagination.page %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">current<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><span style=\"color: #393A34\">{{ page_num }}<\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        {% else %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">            <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">page-num<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">href<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">{{ url_for(&#39;main.index&#39;, page=page_num) }}<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><span style=\"color: #393A34\">{{ page_num }}<\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        {% endif %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        {% else %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">page-omit<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><span style=\"color: #393A34\">...<\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">span<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        {% endif %} <\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    {% endfor %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">&lt;!--\u4e0b\u4e00\u9875\u6309\u94ae--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    {% if pagination.has_next %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">page-num<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">href<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;&quot;<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;<\/span><span style=\"color: #1E754F\">i<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">class<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #B56959\">fa-solid fa-caret-right fa-fw<\/span><span style=\"color: #B5695999\">&quot;<\/span><span style=\"color: #999999\">&gt;&lt;\/<\/span><span style=\"color: #1E754F\">i<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">        <\/span><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">a<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    {% endif %}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #999999\">&lt;\/<\/span><span style=\"color: #1E754F\">div<\/span><span style=\"color: #999999\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A0ADA0\">&lt;!--\u5206\u9875\u5bfc\u822a\u680f\u89c6\u56fe\u7ed3\u675f--&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#ffffff;color:#464740;font-size:12px;line-height:1;position:relative\">HTML<\/span><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">blueprint.py<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"\" style=\"font-size:clamp(16px, 1rem, 24px);--cbp-line-number-color:#393a34;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:clamp(24px, 1.5rem, 36px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#f2f2f2;color:#464740\">Python<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#393a34;display:none\" aria-label=\"\u590d\u5236\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>@main_bp.route('\/')\n@main_bp.route('\/page\/&lt;int:page>')\ndef index(page=1):\n    #\u5f15\u5165 pagination, \u5b9a\u4e49\u5206\u9875\n    per_page = 5\n    pagination = Post.query.order_by(Post.id.desc()).paginate(page=page, per_page=per_page, error_out=False)\n    #\u5f15\u5165 post \u548c tag\n    posts = pagination.items\n    tags = Tag.query.all()\n    return render_template('index.html', posts=posts, tags=tags, pagination=pagination)<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki vitesse-light\" style=\"background-color: #ffffff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #999999\">@<\/span><span style=\"color: #59873A\">main_bp<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #59873A\">route<\/span><span style=\"color: #999999\">(<\/span><span style=\"color: #B5695999\">&#39;<\/span><span style=\"color: #B56959\">\/<\/span><span style=\"color: #B5695999\">&#39;<\/span><span style=\"color: #999999\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #999999\">@<\/span><span style=\"color: #59873A\">main_bp<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #59873A\">route<\/span><span style=\"color: #999999\">(<\/span><span style=\"color: #B5695999\">&#39;<\/span><span style=\"color: #B56959\">\/page\/&lt;int:page&gt;<\/span><span style=\"color: #B5695999\">&#39;<\/span><span style=\"color: #999999\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #AB5959\">def<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #59873A\">index<\/span><span style=\"color: #999999\">(<\/span><span style=\"color: #393A34\">page<\/span><span style=\"color: #AB5959\">=<\/span><span style=\"color: #2F798A\">1<\/span><span style=\"color: #999999\">):<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">#\u5f15\u5165 pagination, \u5b9a\u4e49\u5206\u9875<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    per_page <\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #2F798A\">5<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    pagination <\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #393A34\"> Post<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">query<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">order_by<\/span><span style=\"color: #999999\">(<\/span><span style=\"color: #393A34\">Post<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">id<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">desc<\/span><span style=\"color: #999999\">()).<\/span><span style=\"color: #393A34\">paginate<\/span><span style=\"color: #999999\">(<\/span><span style=\"color: #B07D48\">page<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #393A34\">page<\/span><span style=\"color: #999999\">,<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">per_page<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #393A34\">per_page<\/span><span style=\"color: #999999\">,<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">error_out<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #1E754F\">False<\/span><span style=\"color: #999999\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #A0ADA0\">#\u5f15\u5165 post \u548c tag<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    posts <\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #393A34\"> pagination<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">items<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    tags <\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #393A34\"> Tag<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">query<\/span><span style=\"color: #999999\">.<\/span><span style=\"color: #393A34\">all<\/span><span style=\"color: #999999\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #393A34\">    <\/span><span style=\"color: #1E754F\">return<\/span><span style=\"color: #393A34\"> render_template<\/span><span style=\"color: #999999\">(<\/span><span style=\"color: #B5695999\">&#39;<\/span><span style=\"color: #B56959\">index.html<\/span><span style=\"color: #B5695999\">&#39;<\/span><span style=\"color: #999999\">,<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">posts<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #393A34\">posts<\/span><span style=\"color: #999999\">,<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">tags<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #393A34\">tags<\/span><span style=\"color: #999999\">,<\/span><span style=\"color: #393A34\"> <\/span><span style=\"color: #B07D48\">pagination<\/span><span style=\"color: #999999\">=<\/span><span style=\"color: #393A34\">pagination<\/span><span style=\"color: #999999\">)<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#ffffff;color:#464740;font-size:12px;line-height:1;position:relative\">Python<\/span><\/div>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/github.com\/solstice23\/argon-theme\" target=\"_blank\"  rel=\"nofollow\" >Argon<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u81ea\u7814\u52a8\u6001\u7cfb\u7edf\u5efa\u7ad9\u672c\u6765\u5df2\u7ecf\u6709\u4e86\u4e00\u5b9a\u7684\u6210\u529f\uff0c\u4f46\u662f\u6700\u540e\u7531\u4e8e\u5199\u4f5c\u6a21\u5757\u7684 Markdown \u7f16\u8f91\u5668\u96be\u4ee5\u5b9e\u73b0\u800c\u4e2d\u9014\u653e\u5f03\uff0c\u4e3b\u8981\u95ee\u9898\u5728\u4e8e\u524d\u7aef\u89c6\u56fe\u9891\u9891\u51fa\u7c97\u65e0\u6cd5\u5448\u73b0\u60f3\u8981\u7684\u89c6\u56fe\u3002\u5148\u628a\u8fd9\u4e2a\u5b8c\u6210\u4e00\u534a\u7684\u9879\u76ee\u4fdd\u5b58\u4e0b\u6765\uff0c\u73b0\u9636\u6bb5\u7684\u4e3b\u8981\u4efb\u52a1\u8fd8\u662f\u5b89\u5168\u65b9\u5411\u7684\u5b66\u4e60\uff0c\u4e4b\u540e\u6709\u65f6\u95f4\u518d\u7ee7\u7eed\u7814\u7a76\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u81ea\u7814\u52a8\u6001\u7cfb\u7edf\u5efa\u7ad9\u5931\u8d25\u540e\uff0c\u6211\u628a\u76ee\u5149\u6295\u5411\u4e86 WordPress \u5efa\u7ad9\u8fd9\u4e00\u7b80\u5355\u4e0d\u8017\u65f6\u7684\u5efa\u7ad9\u65b9\u6cd5\uff0c\u540c\u65f6\u8fd8\u627e\u5230\u4e86\u4e00\u4e2a\u5f88\u4f18\u79c0\u7684\u4e3b\u9898 <a href=\"https:\/\/github.com\/solstice23\/argon-theme\" target=\"_blank\"  rel=\"nofollow\" >Argon<\/a>\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Argon \u5177\u6709\u7f8e\u89c2\u7684\u524d\u7aef\u754c\u9762\u548c\u8f83\u5f3a\u7684\u81ea\u5b9a\u4e49\u529f\u80fd\uff0c\u4e14\u5bf9\u4e8e\u4ee3\u7801\u80fd\u529b\u8981\u6c42\u8f83\u4f4e\uff0c\u539f\u5219\u4e0a\u80fd\u5b9e\u73b0\u65e0\u4ee3\u7801\u5efa\u7ad9\u3002Wordpress \u7684\u540e\u53f0\u7ba1\u7406\u529f\u80fd\u4e5f\u6bd4\u8f83\u5b8c\u5584\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e8e\u662f\u4e4e\u5c31\u6709\u4e86\u73b0\u5728\u7684\u8fd9\u4e2a\u535a\u5ba2\u7f51\u7ad9\u3002<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Sakurairo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"\u5728\u521a\u63a5\u89e6\u5230 web \u65f6\uff0c\u6211\u5c31\u4ea7\u751f\u4e86\u4eb2\u624b\u642d\u5efa\u4e00\u4e2a\u7f51\u7ad9\u7684\u60f3\u6cd5\u3002\u5728\u4e4b\u540e\u7684\u5b66\u4e60\u4e2d\u6162\u6162\u4e86\u89e3\u5230\u4e86\u4e2a\u4eba\u535a\u5ba2\u7684\u6982\u5ff5\uff0c\u4e5f\u5c31\u51b3\u5b9a\u4e86\u8981\u642d\u5efa\u4e00\u4e2a\u5c5e\u4e8e\u81ea\u5df1\u7684\u535a\u5ba2\u3002\u5386\u7ecf\u4e00\u5e74\uff0c\u7ec8\u4e8e\u6709\u4e86\u4e00\u5b9a\u7684\u77e5\u8bc6\u50a8\u5907\uff0c\u5f53\u65f6\u7684\u60f3\u6cd5\u6709\u673a\u4f1a\u4ed8\u8bf8\u5b9e\u8df5\u4e86\uff0c\u6211\u4fbf\u62bd\u51fa\u4e86\u51e0\u5929\u7684\u65f6\u95f4\u60f3\u8981\u5c1d\u8bd5\u4e00\u4e0b\u3002 \u4e0b\u9762\u5177......","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"emotion":"","emotion_color":"","title_style":"","license":"","footnotes":""},"categories":[35],"tags":[39,31,40],"class_list":["post-119","post","type-post","status-publish","format-standard","hentry","category-web-development","tag-flask","tag-python","tag-wordpress"],"_links":{"self":[{"href":"http:\/\/101.42.175.115\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/101.42.175.115\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/101.42.175.115\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/101.42.175.115\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/101.42.175.115\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=119"}],"version-history":[{"count":12,"href":"http:\/\/101.42.175.115\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/119\/revisions"}],"predecessor-version":[{"id":535,"href":"http:\/\/101.42.175.115\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/119\/revisions\/535"}],"wp:attachment":[{"href":"http:\/\/101.42.175.115\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/101.42.175.115\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=119"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/101.42.175.115\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}