diff --git a/404.html b/404.html new file mode 100644 index 0000000..58bcadf --- /dev/null +++ b/404.html @@ -0,0 +1,89 @@ + + + + + + + Page Not Found + + + +
+
4 0 4
+
+ Page not found +
+
+ + + + + + Back + +
+
+ + + + \ No newline at end of file diff --git a/archives/index.html b/archives/index.html new file mode 100644 index 0000000..ffe5005 --- /dev/null +++ b/archives/index.html @@ -0,0 +1,115 @@ + + + + +Gridea + + + + + + + + + + + +
+
+ + + + + + + + +
+ + +
+ + + + +
+
+ + diff --git a/atom.xml b/atom.xml new file mode 100644 index 0000000..879ecd2 --- /dev/null +++ b/atom.xml @@ -0,0 +1,22 @@ + + + https://huangzh13.github.io + Gridea + 2024-01-29T14:22:35.739Z + https://github.com/jpmonette/feed + + + 温故而知新 + https://huangzh13.github.io/images/avatar.png + https://huangzh13.github.io/favicon.ico + All rights reserved 2024, Gridea + + <![CDATA[2024 - 新的开始]]> + https://huangzh13.github.io/post/2024-xin-de-kai-shi/ + + + 2024-01-29T14:21:21.000Z + 2024,开始学会做一个“输出者”。

+]]>
+
+
\ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..7196fe4 Binary files /dev/null and b/favicon.ico differ diff --git a/images/avatar.png b/images/avatar.png new file mode 100644 index 0000000..1a82a9a Binary files /dev/null and b/images/avatar.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..b3eb8c4 --- /dev/null +++ b/index.html @@ -0,0 +1,120 @@ + + + + +Gridea + + + + + + + + + + + +
+
+ + + +
+ + + +
+ + +
+ + +
+ + + + +
+
+ + diff --git a/post/2024-xin-de-kai-shi/index.html b/post/2024-xin-de-kai-shi/index.html new file mode 100644 index 0000000..594b196 --- /dev/null +++ b/post/2024-xin-de-kai-shi/index.html @@ -0,0 +1,165 @@ + + + + +2024 - 新的开始 | Gridea + + + + + + + + + + + + + + +
+
+ + +
+
+

+ 2024 - 新的开始 +

+ + +
+
+

2024,开始学会做一个“输出者”。

+ +
+
+ +
+
+
+
+ + + + + + + +
+
+ + + + diff --git a/post/about/index.html b/post/about/index.html new file mode 100644 index 0000000..d3da15b --- /dev/null +++ b/post/about/index.html @@ -0,0 +1,187 @@ + + + + +关于 | Gridea + + + + + + + + + + + + + + +
+
+ + +
+ +
+ + + + + + + +
+
+ + + + diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..6b73f15 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,994 @@ +/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */ +/* Document + ========================================================================== */ +/** + * Use a better box model (opinionated). + */ +html { + box-sizing: border-box; +} +*, +*::before, +*::after { + box-sizing: inherit; +} +/** + * Use a more readable tab size (opinionated). + */ +:root { + -moz-tab-size: 4; + tab-size: 4; +} +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ +html { + line-height: 1.15; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} +/* Sections + ========================================================================== */ +/** + * Remove the margin in all browsers. + */ +body { + margin: 0; +} +/** + * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) + */ +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; +} +/* Grouping content + ========================================================================== */ +/* Text-level semantics + ========================================================================== */ +/** + * Add the correct text decoration in Chrome, Edge, and Safari. + */ +abbr[title] { + text-decoration: underline dotted; +} +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} +/** + * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +samp, +pre { + font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} +/** + * Prevent `sub` and `sup` elements from affecting the line height in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.5em; +} +/* Forms + ========================================================================== */ +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + line-height: 1.15; + /* 1 */ + margin: 0; + /* 2 */ +} +/** + * Remove the inheritance of text transform in Edge and Firefox. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { + /* 1 */ + text-transform: none; +} +/** + * Correct the inability to style clickable types in iOS and Safari. + */ +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; +} +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} +/** + * Restore the focus styles unset by the previous rule. + */ +button:-moz-focusring, +[type='button']:-moz-focusring, +[type='reset']:-moz-focusring, +[type='submit']:-moz-focusring { + outline: 1px dotted ButtonText; +} +/** + * Correct the padding in Firefox. + */ +fieldset { + padding: 0.35em 0.75em 0.625em; +} +/** + * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. + */ +legend { + padding: 0; +} +/** + * Add the correct vertical alignment in Chrome and Firefox. + */ +progress { + vertical-align: baseline; +} +/** + * Correct the cursor style of increment and decrement buttons in Safari. + */ +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { + height: auto; +} +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type='search'] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ +[type='search']::-webkit-search-decoration { + -webkit-appearance: none; +} +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} +/* Interactive + ========================================================================== */ +/* + * Add the correct display in Chrome and Safari. + */ +summary { + display: list-item; +} +*, +*:before, +*:after { + margin: 0; + padding: 0; +} +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + border: 0; + vertical-align: baseline; +} +html { + font-size: 58%; +} +body { + color: rgba(0, 0, 0, 0.86); + font: 400 16px/1.42 -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", sans-serif; + letter-spacing: 0.05em; +} +a { + color: rgba(0, 0, 0, 0.98); + text-decoration: none; + transition: all 0.3s; +} +a:hover { + color: #006CFF; +} +body, +div, +a, +p, +ul, +li, +ol, +h1, +h2, +h3, +h4, +h5, +h6, +table, +tr, +td { + box-sizing: border-box; + margin: 0; + padding: 0; +} +.main { + max-width: 800px; + min-height: 100vh; + margin: 0 auto; + background: #fff; +} +.main .main-content { + flex: 1; + display: flex; + min-height: 100vh; + flex-direction: column; + padding: 0 24px; +} +.site-header { + padding: 48px 0; + text-align: center; +} +.site-header .site-title { + font-size: 32px; + font-weight: bold; +} +.site-header .site-description { + font-size: 16px; + padding: 24px; + color: #495057; + font-weight: lighter; +} +.site-header .menu-container { + display: flex; + justify-content: center; + flex-wrap: wrap; +} +.site-header .menu-container a.menu { + font-size: 16px; + padding: 8px 16px; + flex-shrink: 0; + font-weight: 600; +} +.site-header .avatar { + margin-bottom: 24px; + border-radius: 50%; + width: 120px; + height: 120px; +} +.site-header .social-container { + padding: 16px; + font-size: 18px; +} +.site-header .social-container a { + margin: 4px 8px; + color: #868e96; +} +@media (max-width: 600px) { + .site-header { + padding: 24px 0 0; + } + .site-header .avatar { + width: 80px; + height: 80px; + } +} +.post-container { + flex: 1; +} +.post-container .post { + padding-bottom: 32px; +} +.post-container .post .post-title { + font-size: 28px; + text-align: center; + padding: 24px 0; + font-weight: 900; + letter-spacing: 0.02em; +} +.post-container .post .post-info { + text-align: center; + font-size: 12px; + padding-bottom: 24px; +} +.post-container .post .post-info > span { + color: #5E5E5E; +} +.post-container .post .post-info > span:not(:first-child):before { + content: "/ "; + font-size: 10px; + color: rgba(0, 0, 0, 0.1); + margin: 0 4px; +} +.post-container .post .post-info .post-tag { + padding: 8px 8px; +} +.post-container .post .post-feature-image { + display: block; + width: 100%; + padding-top: 32.6%; + border-radius: 2px; + overflow: hidden; + background-size: cover; + background-position: center; + transition: all 0.3s; +} +.post-container .post .post-feature-image img { + width: 100%; +} +.post-container .post .post-feature-image:hover { + transform: scale(1.0082); +} +.post-container .post .post-abstract { + padding: 24px 0; + line-height: 1.5; + font-size: 16px; +} +.post-container .post .post-abstract strong { + font-weight: bolder; +} +.post-container .post .post-abstract a { + color: #006CFF; + transition: all 0.3s; +} +.post-container .post .post-abstract a:hover { + color: #0061e6; + border-bottom: 1px dotted #0061e6; +} +.post-container .post .post-abstract code { + font-family: monospace; + font-size: inherit; + background-color: rgba(0, 0, 0, 0.06); + padding: 0 2px; + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 2px 2px; + line-height: initial; + word-wrap: break-word; + text-indent: 0; +} +.pagination-container { + padding: 32px 16px; + overflow: hidden; +} +.pagination-container .prev-page { + float: left; +} +.pagination-container .next-page { + float: right; +} +.pagination-container .prev-page, +.pagination-container .next-page { + padding: 6px 12px; + font-weight: bold; + border-bottom: 2px solid transparent; +} +.pagination-container .prev-page:hover, +.pagination-container .next-page:hover { + border-bottom: 2px solid; +} +@media (max-width: 600px) { + .post-container .post { + padding: 16px 16px; + } + .post-container .post .post-title { + padding: 16px 0; + font-size: 24px; + } + .post-container .post .post-abstract { + padding: 16px 0; + } + .post-container .post .post-feature-image { + padding-top: 56.25%; + } +} +.post-detail { + flex: 1; +} +.post-detail .post { + padding: 24px 32px; +} +.post-detail .post .post-feature-image { + width: 100%; + height: auto; + margin-bottom: 24px; + border-radius: 2px; +} +.post-detail .post .post-title { + font-size: 32px; + text-align: center; + padding: 24px 0; + font-weight: 900; + letter-spacing: 0.02em; +} +.post-detail .post .post-info { + text-align: center; + font-size: 12px; + padding-bottom: 24px; +} +.post-detail .post .post-info > span { + color: #5E5E5E; +} +.post-detail .post .post-info > span:not(:first-child):before { + content: "/ "; + font-size: 10px; + color: rgba(0, 0, 0, 0.1); + margin: 0 4px; +} +.post-detail .post .post-info .post-tag { + padding: 8px 8px; +} +.post-detail .post .post-content-wrapper { + display: flex; +} +.post-detail .post .post-content { + width: 100%; + flex-shrink: 0; + font-family: "Droid Serif", "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", sans-serif; +} +.post-detail .post .post-content a { + color: rgba(0, 0, 0, 0.98); + word-wrap: break-word; + text-decoration: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.26); +} +.post-detail .post .post-content a:hover { + color: #0061e6; + border-bottom: 1px solid #0061e6; +} +.post-detail .post .post-content img { + display: block; + box-shadow: 0 0 30px #eee; + max-width: 100%; + border-radius: 2px; + margin: 24px auto; +} +.post-detail .post .post-content p { + line-height: 1.62; + margin-bottom: 1.12em; + font-size: 16px; + letter-spacing: 0.05em; + hyphens: auto; +} +.post-detail .post .post-content p code, +.post-detail .post .post-content li code { + font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Courier New', monospace; + line-height: initial; + word-wrap: break-word; + border-radius: 0; + background-color: #fff5f5; + color: #c53030; + padding: 0.2em 0.33333333em; + margin-left: 0.125em; + margin-right: 0.125em; +} +.post-detail .post .post-content pre { + margin-bottom: 1.5rem; + padding: 0; + position: relative; +} +.post-detail .post .post-content pre code { + font-size: 0.96em; + font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Courier New', monospace; + padding: 1em; + border-radius: 5px; + line-height: 1.5; +} +.post-detail .post .post-content blockquote { + color: #9a9a9a; + position: relative; + padding: 0.4em 0 0 2.2em; + font-size: 0.96em; +} +.post-detail .post .post-content blockquote:before { + position: absolute; + top: -4px; + left: 0; + content: "\201c"; + font: 700 62px/1 serif; + color: rgba(0, 0, 0, 0.1); +} +.post-detail .post .post-content table { + border-collapse: collapse; + margin: 1rem 0; + display: block; + overflow-x: auto; +} +.post-detail .post .post-content tr { + border-top: 1px solid #dfe2e5; +} +.post-detail .post .post-content td, +.post-detail .post .post-content th { + border: 1px solid #dfe2e5; + padding: 0.6em 1em; +} +.post-detail .post .post-content ul, +.post-detail .post .post-content ol { + padding-left: 35px; + line-height: 1.725; + margin-bottom: 16px; +} +.post-detail .post .post-content ul { + list-style-type: square; +} +.post-detail .post .post-content h1, +.post-detail .post .post-content h2, +.post-detail .post .post-content h3, +.post-detail .post .post-content h4, +.post-detail .post .post-content h5, +.post-detail .post .post-content h6 { + margin: 16px 0; + font-weight: 700; + padding-top: 16px; +} +.post-detail .post .post-content h1 { + font-size: 1.8em; +} +.post-detail .post .post-content h2 { + font-size: 1.42em; +} +.post-detail .post .post-content h3 { + font-size: 1.17em; +} +.post-detail .post .post-content h4 { + font-size: 1em; +} +.post-detail .post .post-content h5 { + font-size: 1em; +} +.post-detail .post .post-content h6 { + font-size: 1em; + font-weight: 500; +} +.post-detail .post .post-content hr { + display: block; + border: 0; + margin: 2.24em auto 2.86em; +} +.post-detail .post .post-content hr:before { + color: rgba(0, 0, 0, 0.2); + font-size: 1.1em; + display: block; + content: "* * *"; + text-align: center; +} +.post-detail .post .post-content mark { + background: #faf089; + color: #744210; + padding: 0.2em; +} +.post-detail .post .post-content .footnotes { + margin-left: auto; + margin-right: auto; + max-width: 760px; + padding-left: 18px; + padding-right: 18px; +} +.post-detail .post .post-content .footnotes:before { + content: ""; + display: block; + border-top: 4px solid rgba(0, 0, 0, 0.1); + width: 50%; + max-width: 100px; + margin: 40px 0 20px; +} +.post-detail .post .post-content .contains-task-list { + list-style-type: none; + padding-left: 30px; +} +.post-detail .post .post-content .task-list-item { + position: relative; +} +.post-detail .post .post-content .task-list-item-checkbox { + position: absolute; + cursor: pointer; + width: 16px; + height: 16px; + margin: 4px 0 0; + top: -1px; + left: -22px; + transform-origin: center; + transform: rotate(-90deg); + transition: all 0.2s ease; +} +.post-detail .post .post-content .task-list-item-checkbox:checked { + transform: rotate(0); +} +.post-detail .post .post-content .task-list-item-checkbox:checked:before { + border: transparent; + background-color: #51cf66; +} +.post-detail .post .post-content .task-list-item-checkbox:checked:after { + transform: rotate(-45deg) scale(1); +} +.post-detail .post .post-content .task-list-item-checkbox:checked + .task-list-item-label { + color: #a0a0a0; + text-decoration: line-through; +} +.post-detail .post .post-content .task-list-item-checkbox:before { + content: ""; + width: 16px; + height: 16px; + box-sizing: border-box; + display: inline-block; + border: 1px solid #9ae6b4; + border-radius: 2px; + background-color: #fff; + position: absolute; + top: 0; + left: 0; + transition: all 0.2s ease; +} +.post-detail .post .post-content .task-list-item-checkbox:after { + content: ""; + transform: rotate(-45deg) scale(0); + width: 9px; + height: 5px; + border: 1px solid #fff; + border-top: none; + border-right: none; + position: absolute; + display: inline-block; + top: 4px; + left: 4px; + transition: all 0.2s ease; +} +.next-post { + text-align: center; + padding: 24px 32px; +} +.next-post .next { + margin-bottom: 24px; + color: #343a40; + font-weight: lighter; +} +.next-post .post-title { + font-size: 20px; + font-weight: bold; + letter-spacing: 0.02em; +} +#gitalk-container, +#disqus_thread { + padding: 24px 32px; +} +.toc-container .markdownIt-TOC { + position: sticky; + top: 32px; + width: 200px; + font-size: 12px; + list-style: none; + padding-left: 0; + padding: 16px 8px; +} +.toc-container .markdownIt-TOC:before { + content: ""; + position: absolute; + top: 0; + left: 8px; + bottom: 0; + width: 1px; + background-color: #ebedef; + opacity: 0.5; +} +.toc-container ul { + list-style: none; +} +.toc-container li { + padding-left: 16px; +} +.toc-container li a { + color: #868e96; + padding: 4px; + display: block; + transition: all 0.3s; +} +.toc-container li a:hover { + background: #fafafa; +} +.toc-container li a.current { + color: #006CFF; + background: #fafafa; +} +@media (max-width: 600px) { + .post-detail .post { + padding: 16px; + } + .post-detail .post .post-title { + font-size: 24px; + padding: 16px 0; + } +} +@media (max-width: 1150px) { + .toc-container { + display: none; + } +} +.archives-container { + padding: 32px; + flex: 1; +} +.archives-container .year { + font-size: 1.375rem; + font-weight: bold; + margin: 24px 0 16px; + color: #868e96; + padding: 0 24px; +} +.archives-container .post { + padding: 16px 24px; + display: block; +} +.archives-container .post .post-title { + font-size: 16px; + font-weight: 900; + letter-spacing: 0.02em; +} +.archives-container .post .time { + font-size: 0.75rem; + margin-top: 8px; + color: #ced4da; +} +@media (max-width: 600px) { + .archives-container { + padding: 16px; + } +} +.tags-container { + padding: 32px 32px; + flex: 1; + text-align: center; +} +.tags-container .tag { + display: inline-block; + padding: 8px 16px; + margin: 8px; + background: #f8f9fa; + color: #495057; + border-radius: 2px; + font-size: 14px; +} +.tags-container .tag:hover { + background: #e9ecef; + color: #212529; +} +.current-tag-container .title { + text-align: center; + font-size: 18px; + margin-bottom: 24px; +} +.about-page { + padding: 24px 32px; +} +.site-footer { + font-size: 12px; + text-align: center; + padding: 40px 24px; + color: #868e96; + display: flex; + justify-content: center; + align-items: center; +} +.rss { + display: inline-flex; + align-items: center; + margin-left: 24px; +} +.hljs { + display: block; + overflow-x: auto; + padding: 0.5em; + color: #333; + background: #f9f7f3; +} +.hljs-comment, +.hljs-quote { + color: #998; + font-style: italic; +} +.hljs-keyword, +.hljs-selector-tag, +.hljs-subst { + color: #333; + font-weight: bold; +} +.hljs-number, +.hljs-literal, +.hljs-variable, +.hljs-template-variable, +.hljs-tag .hljs-attr { + color: #008080; +} +.hljs-string, +.hljs-doctag { + color: #d14; +} +.hljs-title, +.hljs-section, +.hljs-selector-id { + color: #900; + font-weight: bold; +} +.hljs-subst { + font-weight: normal; +} +.hljs-type, +.hljs-class .hljs-title { + color: #458; + font-weight: bold; +} +.hljs-tag, +.hljs-name, +.hljs-attribute { + color: #000080; + font-weight: normal; +} +.hljs-regexp, +.hljs-link { + color: #009926; +} +.hljs-symbol, +.hljs-bullet { + color: #990073; +} +.hljs-built_in, +.hljs-builtin-name { + color: #0086b3; +} +.hljs-meta { + color: #999; + font-weight: bold; +} +.hljs-deletion { + background: #fdd; +} +.hljs-addition { + background: #dfd; +} +.hljs-emphasis { + font-style: italic; +} +.hljs-strong { + font-weight: bold; +} + + .post-container .post .post-title { + text-align: center; + } + .post-container .post .post-info { + text-align: center; + } + .post-detail .post .post-title { + text-align: center; + } + .post-detail .post .post-info { + text-align: center; + } + + body { + font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Hiragino Sans GB','Droid Sans Fallback','Microsoft YaHei',sans-serif; + } + \ No newline at end of file diff --git a/tags/index.html b/tags/index.html new file mode 100644 index 0000000..5158cb1 --- /dev/null +++ b/tags/index.html @@ -0,0 +1,94 @@ + + + + +Gridea + + + + + + + + + + + +
+
+ + + +
+ +
+ + + +
+
+ +