16 |
29 |
30 |
31 |
37 |
38 |
39 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
--------------------------------------------------------------------------------
/static/sass/layout/_footer.scss:
--------------------------------------------------------------------------------
1 | ///
2 | /// Phantom by HTML5 UP
3 | /// html5up.net | @ajlkn
4 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5 | ///
6 |
7 | /* Footer */
8 |
9 | #footer {
10 | $gutter: _size(gutter);
11 |
12 | @include padding(5em, 0, (0, 0, 3em, 0));
13 | background-color: _palette(bg-alt);
14 |
15 | > .inner {
16 | @include vendor('display', 'flex');
17 | @include vendor('flex-wrap', 'wrap');
18 | @include vendor('flex-direction', 'row');
19 |
20 | > * > :last-child {
21 | margin-bottom: 0;
22 | }
23 |
24 | section:nth-child(1) {
25 | width: calc(66% - #{$gutter});
26 | margin-right: $gutter;
27 | }
28 |
29 | section:nth-child(2) {
30 | width: calc(33% - #{$gutter});
31 | margin-left: $gutter;
32 | }
33 |
34 | .copyright {
35 | width: 100%;
36 | padding: 0;
37 | margin-top: 5em;
38 | list-style: none;
39 | font-size: 0.8em;
40 | color: transparentize(_palette(fg), 0.5);
41 |
42 | a {
43 | color: inherit;
44 | }
45 |
46 | li {
47 | display: inline-block;
48 | border-left: solid 1px transparentize(_palette(fg), 0.85);
49 | line-height: 1;
50 | padding: 0 0 0 1em;
51 | margin: 0 0 0 1em;
52 |
53 | &:first-child {
54 | border-left: 0;
55 | padding-left: 0;
56 | margin-left: 0;
57 | }
58 | }
59 | }
60 | }
61 |
62 | @include breakpoint('<=large') {
63 | $gutter: _size(gutter) * 0.5;
64 |
65 | @include padding(5em, 0);
66 |
67 | > .inner {
68 | section:nth-child(1) {
69 | width: calc(66% - #{$gutter});
70 | margin-right: $gutter;
71 | }
72 |
73 | section:nth-child(2) {
74 | width: calc(33% - #{$gutter});
75 | margin-left: $gutter;
76 | }
77 | }
78 | }
79 |
80 | @include breakpoint('<=medium') {
81 | $gutter: _size(gutter);
82 |
83 | > .inner {
84 | section:nth-child(1) {
85 | width: 66%;
86 | margin-right: 0;
87 | }
88 |
89 | section:nth-child(2) {
90 | width: calc(33% - #{$gutter});
91 | margin-left: $gutter;
92 | }
93 | }
94 | }
95 |
96 | @include breakpoint('<=small') {
97 | @include padding(3em, 0);
98 |
99 | > .inner {
100 | @include vendor('flex-direction', 'column');
101 |
102 | section:nth-child(1) {
103 | width: 100%;
104 | margin-right: 0;
105 | margin: 3em 0 0 0;
106 | }
107 |
108 | section:nth-child(2) {
109 | @include vendor('order', '-1');
110 | width: 100%;
111 | margin-left: 0;
112 | }
113 |
114 | .copyright {
115 | margin-top: 3em;
116 | }
117 | }
118 | }
119 |
120 | @include breakpoint('<=xsmall') {
121 | > .inner {
122 | .copyright {
123 | margin-top: 3em;
124 |
125 | li {
126 | border-left: 0;
127 | padding-left: 0;
128 | margin: 0.75em 0 0 0;
129 | display: block;
130 | line-height: inherit;
131 |
132 | &:first-child {
133 | margin-top: 0;
134 | }
135 | }
136 | }
137 | }
138 | }
139 | }
--------------------------------------------------------------------------------
/.idea/inspectionProfiles/Project_Default.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
39 |
40 |
41 |
49 |
50 |
51 |
56 |
57 |
58 |
64 |
65 |
66 |
--------------------------------------------------------------------------------
/templates/detail.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
10 |
漫画阅
11 |
20 |
21 |
22 |
23 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
52 |
53 |
54 |
62 |
63 | {% for url in urls %}
64 |
65 |
 }})
66 | {% endfor %}
67 |
68 |
69 |
70 |
73 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
124 |
125 |
--------------------------------------------------------------------------------
/static/sass/libs/_html-grid.scss:
--------------------------------------------------------------------------------
1 | // html-grid.scss v1.0 | @ajlkn | MIT licensed */
2 |
3 | // Mixins.
4 |
5 | /// Initializes the current element as an HTML grid.
6 | /// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually).
7 | /// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list).
8 | @mixin html-grid($gutters: 1.5em, $suffix: '') {
9 |
10 | // Initialize.
11 | $cols: 12;
12 | $multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00;
13 | $unit: 100% / $cols;
14 |
15 | // Suffixes.
16 | $suffixes: null;
17 |
18 | @if (type-of($suffix) == 'list') {
19 | $suffixes: $suffix;
20 | }
21 | @else {
22 | $suffixes: ($suffix);
23 | }
24 |
25 | // Gutters.
26 | $guttersCols: null;
27 | $guttersRows: null;
28 |
29 | @if (type-of($gutters) == 'list') {
30 |
31 | $guttersCols: nth($gutters, 1);
32 | $guttersRows: nth($gutters, 2);
33 |
34 | }
35 | @else {
36 |
37 | $guttersCols: $gutters;
38 | $guttersRows: 0;
39 |
40 | }
41 |
42 | // Row.
43 | display: flex;
44 | flex-wrap: wrap;
45 | box-sizing: border-box;
46 | align-items: stretch;
47 |
48 | // Columns.
49 | > * {
50 | box-sizing: border-box;
51 | }
52 |
53 | // Gutters.
54 | &.gtr-uniform {
55 | > * {
56 | > :last-child {
57 | margin-bottom: 0;
58 | }
59 | }
60 | }
61 |
62 | // Alignment.
63 | &.aln-left {
64 | justify-content: flex-start;
65 | }
66 |
67 | &.aln-center {
68 | justify-content: center;
69 | }
70 |
71 | &.aln-right {
72 | justify-content: flex-end;
73 | }
74 |
75 | &.aln-top {
76 | align-items: flex-start;
77 | }
78 |
79 | &.aln-middle {
80 | align-items: center;
81 | }
82 |
83 | &.aln-bottom {
84 | align-items: flex-end;
85 | }
86 |
87 | // Step through suffixes.
88 | @each $suffix in $suffixes {
89 |
90 | // Suffix.
91 | @if ($suffix != '') {
92 | $suffix: '-' + $suffix;
93 | }
94 | @else {
95 | $suffix: '';
96 | }
97 |
98 | // Row.
99 |
100 | // Important.
101 | > .imp#{$suffix} {
102 | order: -1;
103 | }
104 |
105 | // Columns, offsets.
106 | @for $i from 1 through $cols {
107 | > .col-#{$i}#{$suffix} {
108 | width: $unit * $i;
109 | }
110 |
111 | > .off-#{$i}#{$suffix} {
112 | margin-left: $unit * $i;
113 | }
114 | }
115 |
116 | // Step through multipliers.
117 | @each $multiplier in $multipliers {
118 |
119 | // Gutters.
120 | $class: null;
121 |
122 | @if ($multiplier != 1) {
123 | $class: '.gtr-' + ($multiplier * 100);
124 | }
125 |
126 | &#{$class} {
127 | margin-top: ($guttersRows * $multiplier * -1);
128 | margin-left: ($guttersCols * $multiplier * -1);
129 |
130 | > * {
131 | padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier);
132 | }
133 |
134 | // Uniform.
135 | &.gtr-uniform {
136 | margin-top: $guttersCols * $multiplier * -1;
137 |
138 | > * {
139 | padding-top: $guttersCols * $multiplier;
140 | }
141 | }
142 |
143 | }
144 |
145 | }
146 |
147 | }
148 |
149 | }
--------------------------------------------------------------------------------
/static/sass/layout/_header.scss:
--------------------------------------------------------------------------------
1 | ///
2 | /// Phantom by HTML5 UP
3 | /// html5up.net | @ajlkn
4 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5 | ///
6 |
7 | /* Header */
8 |
9 | #header {
10 | @include padding(5em, 0, (3em, 0, -5em, 0));
11 |
12 | .logo {
13 | display: block;
14 | border-bottom: 0;
15 | color: inherit;
16 | font-weight: _font(weight-bold);
17 | letter-spacing: _font(letter-spacing);
18 | margin: 0 0 (_size(element-margin) * 1.25) 0;
19 | text-decoration: none;
20 | text-transform: uppercase;
21 | display: inline-block;
22 |
23 | > * {
24 | display: inline-block;
25 | vertical-align: middle;
26 | }
27 |
28 | .symbol {
29 | margin-right: 0.65em;
30 |
31 | img {
32 | display: block;
33 | width: 2em;
34 | height: 2em;
35 | }
36 | }
37 | }
38 |
39 | nav {
40 | position: fixed;
41 | right: 2em;
42 | top: 2em;
43 | z-index: _misc(z-index-base);
44 |
45 | ul {
46 | @include vendor('display', 'flex');
47 | @include vendor('align-items', 'center');
48 | list-style: none;
49 | margin: 0;
50 | padding: 0;
51 |
52 | li {
53 | display: block;
54 | padding: 0;
55 |
56 | a {
57 | display: block;
58 | position: relative;
59 | height: 3em;
60 | line-height: 3em;
61 | padding: 0 1.5em;
62 | background-color: transparentize(_palette(bg), 0.5);
63 | border-radius: _size(border-radius);
64 | border: 0;
65 | font-size: 0.8em;
66 | font-weight: _font(weight-bold);
67 | letter-spacing: _font(letter-spacing);
68 | text-transform: uppercase;
69 | }
70 |
71 | a[href="#menu"] {
72 | -webkit-tap-highlight-color: transparent;
73 | width: 4em;
74 | text-indent: 4em;
75 | font-size: 1em;
76 | overflow: hidden;
77 | padding: 0;
78 | white-space: nowrap;
79 |
80 | &:before, &:after {
81 | @include vendor('transition', 'opacity #{_duration(transition)} ease');
82 | content: '';
83 | display: block;
84 | position: absolute;
85 | top: 0;
86 | left: 0;
87 | width: 100%;
88 | height: 100%;
89 | background-position: center;
90 | background-repeat: no-repeat;
91 | background-size: 2em 2em;
92 | }
93 |
94 | &:before {
95 | background-image: svg-url('
');
96 | opacity: 0;
97 | }
98 |
99 | &:after {
100 | background-image: svg-url('
');
101 | opacity: 1;
102 | }
103 |
104 | &:hover {
105 | &:before {
106 | opacity: 1;
107 | }
108 |
109 | &:after {
110 | opacity: 0;
111 | }
112 | }
113 | }
114 | }
115 | }
116 | }
117 |
118 | @include breakpoint('<=small') {
119 | @include padding(3em, 0, (1em, 0, -3em, 0));
120 |
121 | nav {
122 | right: 0.5em;
123 | top: 0.5em;
124 |
125 | ul {
126 | li {
127 | a[href="#menu"] {
128 | &:before, &:after {
129 | background-size: 1.5em 1.5em;
130 | }
131 | }
132 | }
133 | }
134 | }
135 | }
136 | }
--------------------------------------------------------------------------------
/static/sass/base/_typography.scss:
--------------------------------------------------------------------------------
1 | ///
2 | /// Phantom by HTML5 UP
3 | /// html5up.net | @ajlkn
4 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5 | ///
6 |
7 | /* Type */
8 |
9 | body, input, select, textarea {
10 | color: _palette(fg);
11 | font-family: _font(family);
12 | font-size: 16pt;
13 | font-weight: _font(weight);
14 | line-height: 1.75;
15 |
16 | @include breakpoint('<=xlarge') {
17 | font-size: 14pt;
18 | }
19 |
20 | @include breakpoint('<=large') {
21 | font-size: 12pt;
22 | }
23 | }
24 |
25 | a {
26 | @include vendor('transition', (
27 | 'border-bottom-color #{_duration(transition)} ease',
28 | 'color #{_duration(transition)} ease'
29 | ));
30 | text-decoration: none;
31 | color: _palette(fg);
32 | border-bottom: dotted 1px transparentize(_palette(fg), 0.5);
33 |
34 | &:hover {
35 | border-bottom-color: transparent;
36 | color: _palette(accent1) !important;
37 | }
38 | }
39 |
40 | strong, b {
41 | color: _palette(fg-bold);
42 | font-weight: _font(weight-bold);
43 | }
44 |
45 | em, i {
46 | font-style: italic;
47 | }
48 |
49 | p {
50 | margin: 0 0 _size(element-margin) 0;
51 | }
52 |
53 | h1 {
54 | font-size: 2.75em;
55 | color: _palette(fg-bold);
56 | font-weight: _font(weight-bold-alt);
57 | line-height: 1.3;
58 | margin: 0 0 (_size(element-margin) * 0.5) 0;
59 | letter-spacing: _font(letter-spacing-alt);
60 |
61 | a {
62 | color: inherit;
63 | }
64 |
65 | @include breakpoint('<=small') {
66 | font-size: 2em;
67 | margin: 0 0 (_size(element-margin) * 0.5) 0;
68 | }
69 |
70 | @include breakpoint('<=xxsmall') {
71 | font-size: 1.75em;
72 | }
73 | }
74 |
75 | h2, h3, h4, h5, h6 {
76 | color: _palette(fg-bold);
77 | font-weight: _font(weight-bold);
78 | line-height: 1.5;
79 | margin: 0 0 (_size(element-margin) * 1) 0;
80 | text-transform: uppercase;
81 | letter-spacing: _font(letter-spacing);
82 |
83 | a {
84 | color: inherit;
85 | }
86 | }
87 |
88 | h2 {
89 | font-size: 1.1em;
90 | }
91 |
92 | h3 {
93 | font-size: 1em;
94 | }
95 |
96 | h4 {
97 | font-size: 0.8em;
98 | }
99 |
100 | h5 {
101 | font-size: 0.8em;
102 | }
103 |
104 | h6 {
105 | font-size: 0.8em;
106 | }
107 |
108 | @include breakpoint('<=medium') {
109 | h1, h2, h3, h4, h5, h6 {
110 | br {
111 | display: none;
112 | }
113 | }
114 | }
115 |
116 | @include breakpoint('<=small') {
117 | h2 {
118 | font-size: 1em;
119 | }
120 |
121 | h3 {
122 | font-size: 0.8em;
123 | }
124 | }
125 |
126 | sub {
127 | font-size: 0.8em;
128 | position: relative;
129 | top: 0.5em;
130 | }
131 |
132 | sup {
133 | font-size: 0.8em;
134 | position: relative;
135 | top: -0.5em;
136 | }
137 |
138 | blockquote {
139 | border-left: solid (_size(border-width) * 4) _palette(border);
140 | font-style: italic;
141 | margin: 0 0 _size(element-margin) 0;
142 | padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
143 | }
144 |
145 | code {
146 | background: _palette(border-bg);
147 | border-radius: _size(border-radius);
148 | border: solid _size(border-width) _palette(border);
149 | font-family: _font(family-fixed);
150 | font-size: 0.9em;
151 | margin: 0 0.25em;
152 | padding: 0.25em 0.65em;
153 | }
154 |
155 | pre {
156 | -webkit-overflow-scrolling: touch;
157 | font-family: _font(family-fixed);
158 | font-size: 0.9em;
159 | margin: 0 0 _size(element-margin) 0;
160 |
161 | code {
162 | display: block;
163 | line-height: 1.75;
164 | padding: 1em 1.5em;
165 | overflow-x: auto;
166 | }
167 | }
168 |
169 | hr {
170 | border: 0;
171 | border-bottom: solid _size(border-width) _palette(border);
172 | margin: _size(element-margin) 0;
173 |
174 | &.major {
175 | margin: (_size(element-margin) * 1.5) 0;
176 | }
177 | }
178 |
179 | .align-left {
180 | text-align: left;
181 | }
182 |
183 | .align-center {
184 | text-align: center;
185 | }
186 |
187 | .align-right {
188 | text-align: right;
189 | }
--------------------------------------------------------------------------------
/comic_img/comic_img/middlewares.py:
--------------------------------------------------------------------------------
1 | # Define here the models for your spider middleware
2 | #
3 | # See documentation in:
4 | # https://docs.scrapy.org/en/latest/topics/spider-middleware.html
5 |
6 | from scrapy import signals
7 |
8 | # useful for handling different item types with a single interface
9 | from itemadapter import is_item, ItemAdapter
10 |
11 |
12 | class ComicImgSpiderMiddleware:
13 | # Not all methods need to be defined. If a method is not defined,
14 | # scrapy acts as if the spider middleware does not modify the
15 | # passed objects.
16 |
17 | @classmethod
18 | def from_crawler(cls, crawler):
19 | # This method is used by Scrapy to create your spiders.
20 | s = cls()
21 | crawler.signals.connect(s.spider_opened, signal=signals.spider_opened)
22 | return s
23 |
24 | def process_spider_input(self, response, spider):
25 | # Called for each response that goes through the spider
26 | # middleware and into the spider.
27 |
28 | # Should return None or raise an exception.
29 | return None
30 |
31 | def process_spider_output(self, response, result, spider):
32 | # Called with the results returned from the Spider, after
33 | # it has processed the response.
34 |
35 | # Must return an iterable of Request, or item objects.
36 | for i in result:
37 | yield i
38 |
39 | def process_spider_exception(self, response, exception, spider):
40 | # Called when a spider or process_spider_input() method
41 | # (from other spider middleware) raises an exception.
42 |
43 | # Should return either None or an iterable of Request or item objects.
44 | pass
45 |
46 | def process_start_requests(self, start_requests, spider):
47 | # Called with the start requests of the spider, and works
48 | # similarly to the process_spider_output() method, except
49 | # that it doesn’t have a response associated.
50 |
51 | # Must return only requests (not items).
52 | for r in start_requests:
53 | yield r
54 |
55 | def spider_opened(self, spider):
56 | spider.logger.info("Spider opened: %s" % spider.name)
57 |
58 |
59 | class ComicImgDownloaderMiddleware:
60 | # Not all methods need to be defined. If a method is not defined,
61 | # scrapy acts as if the downloader middleware does not modify the
62 | # passed objects.
63 |
64 | @classmethod
65 | def from_crawler(cls, crawler):
66 | # This method is used by Scrapy to create your spiders.
67 | s = cls()
68 | crawler.signals.connect(s.spider_opened, signal=signals.spider_opened)
69 | return s
70 |
71 | def process_request(self, request, spider):
72 | # Called for each request that goes through the downloader
73 | # middleware.
74 |
75 | # Must either:
76 | # - return None: continue processing this request
77 | # - or return a Response object
78 | # - or return a Request object
79 | # - or raise IgnoreRequest: process_exception() methods of
80 | # installed downloader middleware will be called
81 | return None
82 |
83 | def process_response(self, request, response, spider):
84 | # Called with the response returned from the downloader.
85 |
86 | # Must either;
87 | # - return a Response object
88 | # - return a Request object
89 | # - or raise IgnoreRequest
90 | return response
91 |
92 | def process_exception(self, request, exception, spider):
93 | # Called when a download handler or a process_request()
94 | # (from other downloader middleware) raises an exception.
95 |
96 | # Must either:
97 | # - return None: continue processing this exception
98 | # - return a Response object: stops process_exception() chain
99 | # - return a Request object: stops process_exception() chain
100 | pass
101 |
102 | def spider_opened(self, spider):
103 | spider.logger.info("Spider opened: %s" % spider.name)
104 |
--------------------------------------------------------------------------------
/static/js/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Phantom by HTML5 UP
3 | html5up.net | @ajlkn
4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5 | */
6 |
7 | (function($) {
8 |
9 | var $window = $(window),
10 | $body = $('body');
11 |
12 | // Breakpoints.
13 | breakpoints({
14 | xlarge: [ '1281px', '1680px' ],
15 | large: [ '981px', '1280px' ],
16 | medium: [ '737px', '980px' ],
17 | small: [ '481px', '736px' ],
18 | xsmall: [ '361px', '480px' ],
19 | xxsmall: [ null, '360px' ]
20 | });
21 |
22 | // Play initial animations on page load.
23 | $window.on('load', function() {
24 | window.setTimeout(function() {
25 | $body.removeClass('is-preload');
26 | }, 100);
27 | });
28 |
29 | // Touch?
30 | if (browser.mobile)
31 | $body.addClass('is-touch');
32 |
33 | // Forms.
34 | var $form = $('form');
35 |
36 | // Auto-resizing textareas.
37 | $form.find('textarea').each(function() {
38 |
39 | var $this = $(this),
40 | $wrapper = $('
'),
41 | $submits = $this.find('input[type="submit"]');
42 |
43 | $this
44 | .wrap($wrapper)
45 | .attr('rows', 1)
46 | .css('overflow', 'hidden')
47 | .css('resize', 'none')
48 | .on('keydown', function(event) {
49 |
50 | if (event.keyCode == 13
51 | && event.ctrlKey) {
52 |
53 | event.preventDefault();
54 | event.stopPropagation();
55 |
56 | $(this).blur();
57 |
58 | }
59 |
60 | })
61 | .on('blur focus', function() {
62 | $this.val($.trim($this.val()));
63 | })
64 | .on('input blur focus --init', function() {
65 |
66 | $wrapper
67 | .css('height', $this.height());
68 |
69 | $this
70 | .css('height', 'auto')
71 | .css('height', $this.prop('scrollHeight') + 'px');
72 |
73 | })
74 | .on('keyup', function(event) {
75 |
76 | if (event.keyCode == 9)
77 | $this
78 | .select();
79 |
80 | })
81 | .triggerHandler('--init');
82 |
83 | // Fix.
84 | if (browser.name == 'ie'
85 | || browser.mobile)
86 | $this
87 | .css('max-height', '10em')
88 | .css('overflow-y', 'auto');
89 |
90 | });
91 |
92 | // Menu.
93 | var $menu = $('#menu');
94 |
95 | $menu.wrapInner('
');
96 |
97 | $menu._locked = false;
98 |
99 | $menu._lock = function() {
100 |
101 | if ($menu._locked)
102 | return false;
103 |
104 | $menu._locked = true;
105 |
106 | window.setTimeout(function() {
107 | $menu._locked = false;
108 | }, 350);
109 |
110 | return true;
111 |
112 | };
113 |
114 | $menu._show = function() {
115 |
116 | if ($menu._lock())
117 | $body.addClass('is-menu-visible');
118 |
119 | };
120 |
121 | $menu._hide = function() {
122 |
123 | if ($menu._lock())
124 | $body.removeClass('is-menu-visible');
125 |
126 | };
127 |
128 | $menu._toggle = function() {
129 |
130 | if ($menu._lock())
131 | $body.toggleClass('is-menu-visible');
132 |
133 | };
134 |
135 | $menu
136 | .appendTo($body)
137 | .on('click', function(event) {
138 | event.stopPropagation();
139 | })
140 | .on('click', 'a', function(event) {
141 |
142 | var href = $(this).attr('href');
143 |
144 | event.preventDefault();
145 | event.stopPropagation();
146 |
147 | // Hide.
148 | $menu._hide();
149 |
150 | // Redirect.
151 | if (href == '#menu')
152 | return;
153 |
154 | window.setTimeout(function() {
155 | window.location.href = href;
156 | }, 350);
157 |
158 | })
159 | .append('
Close');
160 |
161 | $body
162 | .on('click', 'a[href="#menu"]', function(event) {
163 |
164 | event.stopPropagation();
165 | event.preventDefault();
166 |
167 | // Toggle.
168 | $menu._toggle();
169 |
170 | })
171 | .on('click', function(event) {
172 |
173 | // Hide.
174 | $menu._hide();
175 |
176 | })
177 | .on('keydown', function(event) {
178 |
179 | // Hide on escape.
180 | if (event.keyCode == 27)
181 | $menu._hide();
182 |
183 | });
184 |
185 | })(jQuery);
--------------------------------------------------------------------------------
/comic_img/comic_img/settings.py:
--------------------------------------------------------------------------------
1 | # Scrapy settings for comic_img project
2 | #
3 | # For simplicity, this file contains only settings considered important or
4 | # commonly used. You can find more settings consulting the documentation:
5 | #
6 | # https://docs.scrapy.org/en/latest/topics/settings.html
7 | # https://docs.scrapy.org/en/latest/topics/downloader-middleware.html
8 | # https://docs.scrapy.org/en/latest/topics/spider-middleware.html
9 |
10 | BOT_NAME = "comic_img"
11 |
12 | SPIDER_MODULES = ["comic_img.spiders"]
13 | NEWSPIDER_MODULE = "comic_img.spiders"
14 |
15 | # Crawl responsibly by identifying yourself (and your website) on the user-agent
16 | # USER_AGENT = "comic_img (+http://www.yourdomain.com)"
17 |
18 | # Obey robots.txt rules
19 | ROBOTSTXT_OBEY = False
20 |
21 | # Configure maximum concurrent requests performed by Scrapy (default: 16)
22 | CONCURRENT_REQUESTS = 50
23 |
24 | # Configure a delay for requests for the same website (default: 0)
25 | # See https://docs.scrapy.org/en/latest/topics/settings.html#download-delay
26 | # See also autothrottle settings and docs
27 | # DOWNLOAD_DELAY = 3
28 | # The download delay setting will honor only one of:
29 | # CONCURRENT_REQUESTS_PER_DOMAIN = 16
30 | # CONCURRENT_REQUESTS_PER_IP = 16
31 |
32 | # Disable cookies (enabled by default)
33 | COOKIES_ENABLED = False
34 |
35 | # Disable Telnet Console (enabled by default)
36 | # TELNETCONSOLE_ENABLED = False
37 |
38 | # Override the default request headers:
39 | # DEFAULT_REQUEST_HEADERS = {
40 | # "Accept": "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8",
41 | # "Accept-Language": "en",
42 | # }
43 |
44 | # Enable or disable spider middlewares
45 | # See https://docs.scrapy.org/en/latest/topics/spider-middleware.html
46 | # SPIDER_MIDDLEWARES = {
47 | # "comic_img.middlewares.ComicImgSpiderMiddleware": 543,
48 | # }
49 |
50 | # Enable or disable downloader middlewares
51 | # See https://docs.scrapy.org/en/latest/topics/downloader-middleware.html
52 | # DOWNLOADER_MIDDLEWARES = {
53 | # "comic_img.middlewares.ComicImgDownloaderMiddleware": 543,
54 | # }
55 |
56 | # Enable or disable extensions
57 | # See https://docs.scrapy.org/en/latest/topics/extensions.html
58 | # EXTENSIONS = {
59 | # "scrapy.extensions.telnet.TelnetConsole": None,
60 | # }
61 |
62 | # Configure item pipelines
63 | # See https://docs.scrapy.org/en/latest/topics/item-pipeline.html
64 | ITEM_PIPELINES = {
65 | "comic_img.pipelines.ComicImgPipeline": 300,
66 | }
67 |
68 | # Enable and configure the AutoThrottle extension (disabled by default)
69 | # See https://docs.scrapy.org/en/latest/topics/autothrottle.html
70 | # AUTOTHROTTLE_ENABLED = True
71 | # The initial download delay
72 | # AUTOTHROTTLE_START_DELAY = 5
73 | # The maximum download delay to be set in case of high latencies
74 | # AUTOTHROTTLE_MAX_DELAY = 60
75 | # The average number of requests Scrapy should be sending in parallel to
76 | # each remote server
77 | # AUTOTHROTTLE_TARGET_CONCURRENCY = 1.0
78 | # Enable showing throttling stats for every response received:
79 | # AUTOTHROTTLE_DEBUG = False
80 |
81 | # Enable and configure HTTP caching (disabled by default)
82 | # See https://docs.scrapy.org/en/latest/topics/downloader-middleware.html#httpcache-middleware-settings
83 | # HTTPCACHE_ENABLED = True
84 | # HTTPCACHE_EXPIRATION_SECS = 0
85 | # HTTPCACHE_DIR = "httpcache"
86 | # HTTPCACHE_IGNORE_HTTP_CODES = []
87 | # HTTPCACHE_STORAGE = "scrapy.extensions.httpcache.FilesystemCacheStorage"
88 |
89 | # Set settings whose default value is deprecated to a future-proof value
90 | REQUEST_FINGERPRINTER_IMPLEMENTATION = "2.7"
91 | TWISTED_REACTOR = "twisted.internet.asyncioreactor.AsyncioSelectorReactor"
92 | FEED_EXPORT_ENCODING = "utf-8"
93 |
94 | # -----------------------日志文件配置-----------------------------------
95 | # 默认: True,是否启用logging。
96 | LOG_ENABLED = True
97 | # 默认: 'utf-8',logging使用的编码。
98 | LOG_ENCODING = 'utf-8'
99 | # 它是利用它的日志信息可以被格式化的字符串。默认值：'%(asctime)s [%(name)s] %(levelname)s: %(message)s'
100 | LOG_FORMAT = '%(asctime)s [%(name)s] %(levelname)s: %(message)s'
101 | # 它是利用它的日期/时间可以格式化字符串。默认值： '%Y-%m-%d %H:%M:%S'
102 | # LOG_DATEFORMAT='%Y-%m-%d %H:%M:%S'
103 | # 日志文件名
104 | LOG_FILE = "LOG.log"
105 | # 日志文件级别,默认值：“DEBUG”,log的最低级别。可选的级别有: CRITICAL、 ERROR、WARNING、INFO、DEBUG 。
106 | LOG_LEVEL = 'INFO'
107 |
--------------------------------------------------------------------------------
/comic_img/comic_img/spiders/baozi.py:
--------------------------------------------------------------------------------
1 | """
2 | cd ./comic/comic_img
3 | scrapy crawl baozi --nolog
4 | """
5 | import scrapy
6 | import re
7 | from comic_img.items import ComicImgItem
8 |
9 | class BaoziSpider(scrapy.Spider):
10 | name = "baozi"
11 | ALLOWED_DOMAINS = []
12 | start_urls = ["https://cn.webmota.com/comic/wolaiziyouxi-mokf_c"]
13 |
14 | def start_requests(self):
15 | self.headers = {
16 | 'authority': 'cn.baozimh.com',
17 | 'accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9',
18 | 'accept-language': 'zh-CN,zh;q=0.9',
19 | 'cache-control': 'max-age=0',
20 | 'sec-ch-ua': '"Chromium";v="106", "Google Chrome";v="106", "Not;A=Brand";v="99"',
21 | 'sec-ch-ua-mobile': '?0',
22 | 'sec-ch-ua-platform': '"Windows"',
23 | 'sec-fetch-dest': 'document',
24 | 'sec-fetch-mode': 'navigate',
25 | 'sec-fetch-site': 'same-origin',
26 | 'sec-fetch-user': '?1',
27 | 'upgrade-insecure-requests': '1',
28 | 'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36',
29 | 'referer': 'https://cn.baozimh.com/'
30 | }
31 | for url in self.start_urls:
32 | yield scrapy.Request(url, headers=self.headers, callback=self.parse)
33 |
34 | def parse(self, response):
35 | node_list1 = response.xpath('//*[@id="chapter-items"]/div')
36 | node_list2 = response.xpath('//*[@id="chapters_other_list"]/div')
37 | node_list3 = response.xpath('//*[@id="layout"]/div[2]/div[3]/div/div[4]/div')
38 | node_list = node_list1 + node_list2 + node_list3
39 | total = len(node_list1 + node_list2)
40 | name = response.xpath('//*[@id="layout"]/div[2]/div[1]/div[3]/div/div[2]/div/h1/text()').extract_first()
41 | cover = response.xpath('/html/body/div/div/div/div[2]/div[1]/div[1]/@style').extract_first()
42 | cover = re.findall("http[s]?://(?:[a-zA-Z]|[0-9]|[$-_@.&+]|[!*\\(\\),]|(?:%[0-9a-fA-F][0-9a-fA-F]))+", cover)[0].rstrip("');")
43 | print(f'开始爬取《{name}》,总计：{total}',cover)
44 | for node in node_list:
45 | url = response.urljoin(node.xpath('./a/@href').extract_first())
46 | title = node.xpath('./a/div/span/text()').extract_first()
47 | # print(title,url)
48 | request = scrapy.Request(url=url, callback=self.parse_detail, headers=self.headers,
49 | meta={'name': name, 'cover': cover, 'title': title, 'url': url})
50 | yield request
51 | # break
52 |
53 | def parse_detail(self, response):
54 | node_list = response.xpath('//*[@id="layout"]/div/div[2]/ul/div')
55 | for num, node in enumerate(node_list):
56 | if node.xpath('./amp-img/@data-src').extract_first():
57 | pic_url = node.xpath('./amp-img/@data-src').extract_first()
58 | item = ComicImgItem()
59 | item['name'] = response.meta['name']
60 | item['comic_cover'] = response.meta['cover']
61 | item['chapter_title'] = response.meta['title']
62 | item['chapter_url'] = response.meta['url']
63 | item['chapter_num'] = int(item['chapter_url'].split('=')[-1])
64 | item['pic_num'] = pic_url.split('/')[-1]
65 | item['pic_url'] = pic_url
66 | yield item
67 | part_url = response.xpath('//*[@id="layout"]/div/div[6]/a/@href').extract_first()
68 | try:
69 | p = response.xpath('//*[@id="layout"]/div/div[6]/a/text()').extract_first().strip()
70 | except AttributeError:
71 | p = None
72 | # print(p,part_url)
73 | if p != '点击进入下一话':
74 | next_url = response.urljoin(part_url)
75 | # 构建请求对象，并且返回给引擎
76 | yield scrapy.Request(
77 | url=next_url,
78 | callback=self.parse_detail,
79 | meta=response.meta
80 | # dont_filter = True,
81 | # 如果不能翻页，设置不过滤网站
82 | )
83 |
84 |
85 | if __name__ == '__main__':
86 | from scrapy.cmdline import execute
87 |
88 | execute(['scrapy', 'crawl', 'baozi', '--nolog'])
89 | # execute(['scrapy', 'crawl', 'baozi'])
90 |
--------------------------------------------------------------------------------
/static/sass/layout/_menu.scss:
--------------------------------------------------------------------------------
1 | ///
2 | /// Phantom by HTML5 UP
3 | /// html5up.net | @ajlkn
4 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5 | ///
6 |
7 | /* Menu */
8 |
9 | #wrapper {
10 | @include vendor('transition', 'opacity #{_duration(menu)} ease');
11 | opacity: 1;
12 | }
13 |
14 | #menu {
15 | @include vendor('transform', 'translateX(#{_size(menu)})');
16 | @include vendor('transition', ('transform #{_duration(menu)} ease', 'visibility #{_duration(menu)}'));
17 | position: fixed;
18 | top: 0;
19 | right: 0;
20 | width: _size(menu);
21 | max-width: 80%;
22 | height: 100%;
23 | -webkit-overflow-scrolling: touch;
24 | background: _palette(fg);
25 | color: _palette(bg);
26 | cursor: default;
27 | visibility: hidden;
28 | z-index: _misc(z-index-base) + 2;
29 |
30 | > .inner {
31 | @include vendor('transition', 'opacity #{_duration(menu)} ease');
32 | -webkit-overflow-scrolling: touch;
33 | position: absolute;
34 | top: 0;
35 | left: 0;
36 | width: 100%;
37 | height: 100%;
38 | padding: 2.75em;
39 | opacity: 0;
40 | overflow-y: auto;
41 |
42 | > ul {
43 | list-style: none;
44 | margin: 0 0 (_size(element-margin) * 0.5) 0;
45 | padding: 0;
46 |
47 | > li {
48 | padding: 0;
49 | border-top: solid 1px transparentize(_palette(bg), 0.85);
50 |
51 | a {
52 | display: block;
53 | padding: 1em 0;
54 | line-height: 1.5;
55 | border: 0;
56 | color: inherit;
57 | }
58 |
59 | &:first-child {
60 | border-top: 0;
61 | margin-top: -1em;
62 | }
63 | }
64 | }
65 | }
66 |
67 | > .close {
68 | @include vendor('transition', (
69 | 'opacity #{_duration(menu)} ease',
70 | 'transform #{_duration(menu)} ease'
71 | ));
72 | @include vendor('transform', 'scale(0.25) rotate(180deg)');
73 | -webkit-tap-highlight-color: transparent;
74 | display: block;
75 | position: absolute;
76 | top: 2em;
77 | left: -6em;
78 | width: 6em;
79 | text-indent: 6em;
80 | height: 3em;
81 | border: 0;
82 | font-size: 1em;
83 | opacity: 0;
84 | overflow: hidden;
85 | padding: 0;
86 | white-space: nowrap;
87 |
88 | &:before, &:after {
89 | @include vendor('transition', 'opacity #{_duration(transition)} ease');
90 | content: '';
91 | display: block;
92 | position: absolute;
93 | top: 0;
94 | left: 0;
95 | width: 100%;
96 | height: 100%;
97 | background-position: center;
98 | background-repeat: no-repeat;
99 | background-size: 2em 2em;
100 | }
101 |
102 | &:before {
103 | background-image: svg-url('
');
104 | opacity: 0;
105 | }
106 |
107 | &:after {
108 | background-image: svg-url('
');
109 | opacity: 1;
110 | }
111 |
112 | &:hover {
113 | &:before {
114 | opacity: 1;
115 | }
116 |
117 | &:after {
118 | opacity: 0;
119 | }
120 | }
121 | }
122 |
123 | @include breakpoint('<=small') {
124 | @include vendor('transform', 'translateX(#{_size(menu) * 0.75})');
125 | width: (_size(menu) * 0.75);
126 |
127 | > .inner {
128 | padding: 2.75em 1.5em;
129 | }
130 |
131 | > .close {
132 | top: 0.5em;
133 | left: -4.25em;
134 | width: 4.25em;
135 | text-indent: 4.25em;
136 |
137 | &:before, &:after {
138 | background-size: 1.5em 1.5em;
139 | }
140 | }
141 | }
142 | }
143 |
144 | body.is-menu-visible {
145 | #wrapper {
146 | @include vendor('pointer-events', 'none');
147 | cursor: default;
148 | opacity: 0.25;
149 | }
150 |
151 | #menu {
152 | @include vendor('transform', 'translateX(0)');
153 | visibility: visible;
154 |
155 | > * {
156 | opacity: 1;
157 | }
158 |
159 | .close {
160 | @include vendor('transform', 'scale(1.0) rotate(0deg)');
161 | opacity: 1;
162 | }
163 | }
164 | }
--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
1 | from flask import Flask, render_template, redirect, session, request, url_for
2 | import os
3 | from datetime import timedelta
4 | from model import *
5 | from sqlalchemy import text
6 |
7 | JSON_AS_ASCII = False
8 |
9 | app = Flask(__name__)
10 | app.static_url_path = '/static'
11 | app.secret_key = os.urandom(24)
12 | app.permanent_session_lifetime = timedelta(days=3)
13 | app.JSON_AS_ASCII = False
14 |
15 |
16 | def check_user(username, password):
17 | session_c = session_0()
18 | pw = session_c.query(User).filter_by(name=username).first()
19 | try:
20 | pw = pw.password
21 | return pw == password
22 | except:
23 | return False
24 |
25 |
26 | @app.route('/login', methods=['GET', 'POST'])
27 | def login():
28 | if request.method == 'POST':
29 | username = request.form['username']
30 | password = request.form['password']
31 | if check_user(username, password):
32 | session['username'] = username
33 | return redirect(url_for('index'))
34 | return render_template('login.html')
35 |
36 |
37 | @app.before_request # 执行所有装饰器都要执行当前装饰器(简洁版实现同样功能)
38 | def login_required():
39 | if request.path in ['/login', '/register']: # 如果登录的路由是注册和登录就返会none
40 | return None
41 | username = session.get('username') # 获取用户登录信息
42 | if not username: # 没有登录就自动跳转到登录页面去
43 | return redirect('/login')
44 | return None
45 |
46 |
47 | @app.route('/')
48 | def index(): # put application's code here
49 | session1 = session_0()
50 | res = session1.execute(text('''SELECT distinct p1.Comic_name, p1.Comic_cover, p2.title
51 | FROM pic p1
52 | JOIN (
53 | SELECT Comic_name, Comic_cover, MAX(Chapter_title) AS title
54 | FROM pic
55 | GROUP BY Comic_name, Comic_cover
56 | ) p2 ON p1.Comic_name = p2.Comic_name AND p1.Comic_cover = p2.Comic_cover;'''))
57 | data = res.fetchall()
58 | content = {}
59 | for i in data:
60 | content[i[0].strip()] = [i[1].strip(),i[2].strip()]
61 | session1.close()
62 | return render_template('index.html', content=content)
63 |
64 |
65 | @app.route('/comic/
/')
66 | def comic_index(comic_name):
67 | session_c = session_0()
68 | sql = f'''select distinct Chapter_title from pic where Comic_name = '{comic_name}' order by Chapter_title'''
69 | res = session_c.execute(text(sql))
70 | data = res.fetchall()
71 | content = {comic_name: [i[0] for i in data]}
72 | try:
73 | history = session_c.query(user_history).filter(user_history.comic_name == comic_name, user_history.name == session['username']).all()[-1].title
74 | except:
75 | history =None
76 | session_c.close()
77 | return render_template('comic.html', content=content, history=history, comic_name=comic_name)
78 |
79 |
80 | @app.route('/comic//')
81 | def comic_detail(comic_name, title):
82 | session[comic_name] = title
83 | session_c = session_0()
84 | user_history01 = user_history(name=session['username'], comic_name=comic_name, title=title,
85 | createTime=datetime.now())
86 | session_c.add(user_history01)
87 | session_c.commit()
88 | # ---------------------------------------------------
89 | sql = f'''select distinct name,target_url from pic where Comic_name = '{comic_name}' and Chapter_title = '{title}' order by name'''
90 | res = session_c.execute(text(sql))
91 | data = res.fetchall()
92 |
93 | try:
94 | urls = [i[1].replace("baozicdn.com", "baozimh.com") for i in data]
95 | except:
96 | urls = [i[1] for i in data]
97 | sql = f'''select distinct Chapter_title from pic where Comic_name = '{comic_name}' order by Chapter_title'''
98 | res2 = session_c.execute(text(sql))
99 | data = res2.fetchall()
100 | titles = [i[0] for i in data]
101 | # ---------------------------------------------------
102 | session_c.close()
103 | num = titles.index(title)
104 | try:
105 | next_title = titles[num + 1]
106 | except:
107 | next_title = title + '?最后一页了，没有啦'
108 |
109 | return render_template('detail.html', comic_name=comic_name, urls=urls, next_title=next_title, title=title)
110 |
111 |
112 | if __name__ == '__main__':
113 | app.run(host='0.0.0.0', port=5000, debug=False)
114 |
115 | # pyinstaller --onefile --add-data "static;static" --add-data "templates;templates" --add-data "comic.db;comic.db" app.py
116 | # pyinstaller --onefile --add-data "static;static" --add-data "templates;templates" app.py
117 | # 生成requirements.txt -> pip freeze > requirements.txt
118 |
--------------------------------------------------------------------------------
/templates/login.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html lang="en">
3 |
4 | <head>
5 | <meta charset="UTF-8">
6 | <title>Login
7 |
186 |
187 |
188 |
189 |
190 |
191 |
206 |
207 |
208 |
209 |
210 | 
54 |
55 |
56 |