\u6267\u884cpip install\u547d\u4ee4\u5b89\u88c5\r\npython3 -<\/span>m pip install django-<\/span>extensions\r\npython3 -<\/span>m pip install django-<\/span>werkzeug-<\/span>debugger-<\/span>runserver\r\npython3 -<\/span>m pip install pyOpenSSL<\/code><\/pre>\n2.\u914d\u7f6esettings.py<\/h2>\n
INSTALLED_APPS\u672b\u5c3e\u52a0\u5165\u4e0b\u9762\u51e0\u884c\uff0c\u5e76\u4fdd\u5b58<\/p>\n
'werkzeug_debugger_runserver'<\/span>,<\/span>\r\n 'django_extensions'<\/span>,<\/span><\/code><\/pre>\n3.\u5f00\u542f\u670d\u52a1\uff0c\u4f7f\u7528runserver_plus\u66ff\u6362runserver<\/h2>\n python manage.py runserver_plus --cert-file cert.crt<\/code><\/pre>\n\u663e\u793a\uff1a
\n* Restarting with stat
\nPerforming system checks…<\/p>\n
System check identified no issues (0 silenced).<\/p>\n
Django version 3.1.5, using settings ‘bookmarks.settings’
\nDevelopment server is running at https:\/\/[127.0.0.1]:8000\/
\nUsing the Werkzeug debugger (http:\/\/werkzeug.pocoo.org\/)
\nQuit the server with CTRL-BREAK.
\n* Debugger is active!
\n* Debugger PIN: 688-013-692
\n* Running on https:\/\/127.0.0.1:8000\/ (Press CTRL+C to quit)<\/p>\n
=====<\/p>\n
\u672c\u4e66\u4e2d create.html\u00a0\u6539\u4e3a\uff1a<\/p>\n
{% extends 'base.html' %}\r\n\r\n{% block title %}Bookmark an image{% endblock %}\r\n\r\n{% block content %}\r\n <h1<\/span>>Bookmark an image<\/h1<\/span>>\r\n <img <\/span>src<\/span>=\"{{ request.GET.url }}\" <\/span>class<\/span>=\"image-preview\"<\/span>>\r\n <form <\/span>action<\/span>=\".\" <\/span>method<\/span>=\"post\"<\/span>>\r\n {{ form.as_p }}\r\n {% csrf_token %}\r\n <input <\/span>type<\/span>=\"submit\" <\/span>value<\/span>=\"Bookmark it!\"<\/span>>\r\n <\/form<\/span>>\r\n{% endblock %}<\/pre>\nbookmarklet.js\u00a0\u5185\u5bb9\u6539\u4e3a\uff1a<\/p>\n
(function<\/span>(){\r\n var <\/span>jquery_version = '3.4.1'<\/span>;\r\n var <\/span>site_url = 'https:\/\/127.0.0.1:8000\/'<\/span>;\r\n var <\/span>static_url = site_url + 'static\/'<\/span>;\r\n var <\/span>min_width = 100<\/span>;\r\n var <\/span>min_height = 100<\/span>;\r\n\r\n function <\/span>bookmarklet(msg) {\r\n \/\/ load CSS\r\n<\/span>var <\/span>css = jQuery('<link>'<\/span>);\r\n css.attr({\r\n rel: 'stylesheet'<\/span>,\r\n type: 'text\/css'<\/span>,\r\n href: static_url + 'css\/bookmarklet.css?r=' <\/span>+ Math.floor(Math.random()*99999999999999999999<\/span>)\r\n });\r\n jQuery('head'<\/span>).append(css);\r\n\r\n \/\/ load HTML\r\n<\/span>box_html = '<div id=\"bookmarklet\"><a href=\"#\" id=\"close\">×<\/a><h1>Select an image to bookmark:<\/h1><div class=\"images\"><\/div><\/div>'<\/span>;\r\n jQuery('body'<\/span>).append(box_html);\r\n\r\n \/\/ close event\r\n<\/span>jQuery('#bookmarklet #close'<\/span>).click(function<\/span>(){\r\n jQuery('#bookmarklet'<\/span>).remove();\r\n });\r\n \/\/ find images and display them\r\n<\/span>jQuery.each(jQuery('img[src$=\"jpg\"]'<\/span>), function<\/span>(index, image) {\r\n if <\/span>(jQuery(image).width() >= min_width && jQuery(image).height()\r\n >= min_height)\r\n {\r\n image_url = jQuery(image).attr('src'<\/span>);\r\n jQuery('#bookmarklet .images'<\/span>).append('<a href=\"#\"><img src=\"'<\/span>+\r\n image_url +'\" \/><\/a>'<\/span>);\r\n }\r\n });\r\n\r\n \/\/ when an image is selected open URL with it\r\n<\/span>jQuery('#bookmarklet .images a'<\/span>).click(function<\/span>(e){\r\n selected_image = jQuery(this<\/span>).children('img'<\/span>).attr('src'<\/span>);\r\n \/\/ hide bookmarklet\r\n<\/span>jQuery('#bookmarklet'<\/span>).hide();\r\n \/\/ open new window to submit the image\r\n<\/span>window.open(site_url +'images\/create\/?url='\r\n<\/span>+ encodeURIComponent(selected_image)\r\n + '&title='\r\n<\/span>+ encodeURIComponent(jQuery('title'<\/span>).text()),\r\n '_blank'<\/span>);\r\n });\r\n\r\n };\r\n\r\n \/\/ Check if jQuery is loaded\r\n<\/span>if<\/span>(typeof <\/span>window.jQuery != 'undefined'<\/span>) {\r\n bookmarklet();\r\n } else <\/span>{\r\n \/\/ Check for conflicts\r\n<\/span>var <\/span>conflict = typeof <\/span>window.$ != 'undefined'<\/span>;\r\n \/\/ Create the script and point to Google API\r\n<\/span>var <\/span>script = document.createElement('script'<\/span>);\r\n script.src = '\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/' <\/span>+\r\n jquery_version + '\/jquery.min.js'<\/span>;\r\n \/\/ Add the script to the 'head' for processing\r\n<\/span>document.head.appendChild(script);\r\n \/\/ Create a way to wait until script loading\r\n<\/span>var <\/span>attempts = 15<\/span>;\r\n (function<\/span>(){\r\n \/\/ Check again if jQuery is undefined\r\n<\/span>if<\/span>(typeof <\/span>window.jQuery == 'undefined'<\/span>) {\r\n if<\/span>(--attempts > 0<\/span>) {\r\n \/\/ Calls himself in a few milliseconds\r\n<\/span>window.setTimeout(arguments.callee, 250<\/span>)\r\n } else <\/span>{\r\n \/\/ Too much attempts to load, send error\r\n<\/span>alert('An error occurred while loading jQuery'<\/span>)\r\n }\r\n } else <\/span>{\r\n bookmarklet();\r\n }\r\n })();\r\n }\r\n})()<\/pre>\n360\u6781\u901f\u6d4f\u89c8\u5668\uff0c\u70b9\u51fb\u5c0f\u76fe\u724c\uff0c\u540c\u610f\u811a\u672c\u8fd0\u884c\u3002<\/p>\n
![\"dunpai\"](\"http:\/\/www.jichangqing.net\/wordpress\/wp-content\/uploads\/2021\/02\/dunpai.jpg\")
<\/a><\/p>\n\u6d4f\u89c8\u5668\u4ece\u6781\u901f\u6a21\u5f0f\u5207\u6362\u5230\u517c\u5bb9\u6a21\u5f0f\uff0c\u6253\u5f00www.amazon.com,\u51fa\u73b0\u5b89\u5168\u8b66\u62a5\uff0c\u9009\u662f<\/p>\n