diff --git "a/2024/04/21/\346\200\273\347\273\223\346\212\245\345\221\212/index.html" "b/2024/04/21/\346\200\273\347\273\223\346\212\245\345\221\212/index.html" new file mode 100644 index 0000000..ef71577 --- /dev/null +++ "b/2024/04/21/\346\200\273\347\273\223\346\212\245\345\221\212/index.html" @@ -0,0 +1,304 @@ + + + + + + + + + + + + + + +总结报告 | Hexo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ +
+
+ + +
+
+
+
+ Expand all + Back to top + Go to bottom +
+
+ + + + + +
+
+

总结报告

+ +
+ + Author: + + + + + Date: April 21, 2024  18:39:00 + + + +
+ +
+ +
+

个人总结报告

博客主题及其选取原因

我选择可博客主题名为Chic，我看中它的原因是他主色调为黑白，简洁又大气选择框架
博客的主体框架是从Hexo上下载的，Hexo的使用比较频繁且博客页面的主题也比较多。而且Hexo的相关教程很多，部署也很方便。

+

博客页面布局及其设计思路

+
    +

  • 这是它的主题首页，左上角为博客名称，右上角分别有首页，关于我，文章列表，文章详情4个界面

    +

    还有一个切换白天夜间模式的按钮，中间是人物头像和个人简介

    +

    底下有6个图标分别对应文章，标签，知乎，ins，reddit和github

    +

    博客功能实现及其技术选择

    本博客主要实现了以下几个功能：

    +
      +

    • 一目了然的选择界面

      +
      • +

    • 日间模式与夜间模式的切换

      +
      • +

    • 跳转到各个网址的按钮

      +
      • +
    +

    技术选择
    Hexo，使用的包管理器为npm，其可以简单地安装Hexo框架及其相关插件。用markdown编写文章

    +

    使用Github Page来在公网上发布博客。

    +

    博客制作过程中遇到的问题及其解决方法

    • +
+
问题一

之前选用了别的主题，但发现无法导入

+

解决方法：采用本主题

+
问题二

第一次使用hexo，所以git，nodejs的环境配置花费较长时间

+

解决方法：看B站视频教程一步一步配置环境

+ +
+ + +
+ +

+ Author: + John Doe +

+ + +

+ Permalink: + http://example.com/2024/04/21/%E6%80%BB%E7%BB%93%E6%8A%A5%E5%91%8A/ +

+ + +

+ License: + Copyright (c) 2019 CC-BY-NC-4.0 LICENSE +

+ + +

+ Slogan: + Do you believe in DESTINY? +

+ + +
+ +
+
+ Tag(s): + + + +
+
+ back + · + home +
+
+
+ + +
+ + +
+
+ +
+ + +
+ + + \ No newline at end of file diff --git a/archives/2024/04/index.html b/archives/2024/04/index.html new file mode 100644 index 0000000..b89b2bd --- /dev/null +++ b/archives/2024/04/index.html @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + +Archives: 2024/4 | Hexo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ +
+
+ + + + + +

2024

+ + + + + +
+
+ + +
+ + + \ No newline at end of file diff --git a/archives/2024/index.html b/archives/2024/index.html new file mode 100644 index 0000000..0137004 --- /dev/null +++ b/archives/2024/index.html @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + +Archives: 2024 | Hexo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ +
+
+ + + + + +

2024

+ + + + + +
+
+ + +
+ + + \ No newline at end of file diff --git a/archives/index.html b/archives/index.html new file mode 100644 index 0000000..9af36f7 --- /dev/null +++ b/archives/index.html @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + +Archives | Hexo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ +
+
+ + + + + +

2024

+ + + + + +
+
+ + +
+ + + \ No newline at end of file diff --git a/css/base.css b/css/base.css new file mode 100644 index 0000000..6742815 --- /dev/null +++ b/css/base.css @@ -0,0 +1,62 @@ +html { + font-family: $font-family; +} +html::-webkit-scrollbar { + width: 8px; + height: 8px; +} +html::-webkit-scrollbar-thumb { + height: 40px; + background-color: #eee; + border-radius: 16px; +} +html::-webkit-scrollbar-thumb:hover { + background-color: #ddd; +} +body { + font-size: 11pt; + font-weight: normal; + line-height: 2em; + overflow: overlay; + background-color: $light-background-color; + color: $light-font-color; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +body:before { + content: ""; + background-repeat: no-repeat; + background-position: center; + opacity: 0.05; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} +body.dark-theme { + background-color: $dark-background-color; + color: $dark-font-color; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +a { + color: $light-global-link-color; + text-decoration: none; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; + cursor: pointer; +} +a:hover { + color: $light-global-link-hover-color; + text-decoration: none; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +.dark-theme a { + color: $dark-global-link-color; + text-decoration: none; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +.dark-theme a:hover { + color: $dark-global-link-hover-color; + text-decoration: none; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} diff --git a/placeholder b/css/custom.css similarity index 100% rename from placeholder rename to css/custom.css diff --git a/css/font.css b/css/font.css new file mode 100644 index 0000000..0cc3897 --- /dev/null +++ b/css/font.css @@ -0,0 +1,7 @@ +@font-face { + font-family: 'lanting'; + src: url("../fonts/lanting/lanting.eot"); /* IE9 */ + src: url("../fonts/lanting/lanting.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../fonts/lanting/lanting.woff2") format('woff2'), url("../fonts/lanting/lanting.woff") format('woff'), url("../fonts/lanting/lanting.ttf") format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ + font-weight: 300; + font-display: swap; +} diff --git a/css/layout.css b/css/layout.css new file mode 100644 index 0000000..301ce48 --- /dev/null +++ b/css/layout.css @@ -0,0 +1,42 @@ +.wrapper { + display: flex; + flex-direction: column; + min-height: 100vh; + width: 100%; +} +.navbar { + height: 4rem; + line-height: 4rem; + width: 100%; +} +.navbar .container { + width: auto; + max-width: 1200px; + text-align: center; + padding-left: 1em; + padding-right: 1em; + margin: 0 auto; + display: flex; + justify-content: space-between; +} +.main { + flex-grow: 1; + flex-shrink: 0; + flex-basis: auto; + display: flex; + flex-direction: column; +} +.main .container { + padding-left: 1em; + padding-right: 1em; + height: 100%; + display: flex; + flex-direction: column; + flex: 1; +} +.footer { + height: 4rem; + width: 100%; + text-align: center; + line-height: 4rem; +} diff --git a/css/media.css b/css/media.css new file mode 100644 index 0000000..a8c5eb0 --- /dev/null +++ b/css/media.css @@ -0,0 +1,153 @@ +/* mobile phone and smart portable devices */ +@media screen and (max-width: 479px) { + .main { + padding-top: 40pt; + } + .navbar { + display: none; + } + .navbar-mobile { + display: block !important; + position: fixed; + width: 100%; + z-index: 100; + transition: all 0.6s ease 0s; + } + .navbar-mobile .container { + padding: 0; + margin: 0; + line-height: 5.5em; + background: $light-background-color; + } + .navbar-mobile .container .navbar-header { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + padding-right: 1em; + padding-left: 1em; + box-sizing: border-box; + position: relative; + } + .navbar-mobile .container .navbar-header .menu-toggle { + cursor: pointer; + line-height: 5.5em; + padding: auto 2em; + } + .navbar-mobile .container .navbar-header .menu-toggle span { + display: block; + background: #000; + width: 36px; + height: 2px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-transition: 0.25s margin 0.25s, 0.25s transform; + -moz-transition: 0.25s margin 0.25s, 0.25s transform; + transition: 0.25s margin 0.25s, 0.25s transform; + } + .dark-theme .navbar-mobile .container .navbar-header .menu-toggle span { + background: $dark-font-color; + } + .navbar-mobile .container .navbar-header .menu-toggle span:nth-child(1) { + margin-bottom: 8px; + } + .navbar-mobile .container .navbar-header .menu-toggle span:nth-child(3) { + margin-top: 8px; + } + .navbar-mobile .container .navbar-header .menu-toggle.active span { + -webkit-transition: 0.25s margin, 0.25s transform 0.25s; + -moz-transition: 0.25s margin, 0.25s transform 0.25s; + transition: 0.25s margin, 0.25s transform 0.25s; + } + .navbar-mobile .container .navbar-header .menu-toggle.active span:nth-child(1) { + -moz-transform: rotate(45deg) translate(4px, 6px); + -ms-transform: rotate(45deg) translate(4px, 6px); + -webkit-transform: rotate(45deg) translate(4px, 6px); + transform: rotate(45deg) translate(4px, 6px); + } + .navbar-mobile .container .navbar-header .menu-toggle.active span:nth-child(2) { + opacity: 0; + } + .navbar-mobile .container .navbar-header .menu-toggle.active span:nth-child(3) { + -moz-transform: rotate(-45deg) translate(8px, -10px); + -ms-transform: rotate(-45deg) translate(8px, -10px); + -webkit-transform: rotate(-45deg) translate(8px, -10px); + transform: rotate(-45deg) translate(8px, -10px); + } + .navbar-mobile .container .menu { + text-align: center; + background: #fff; + border-top: 1px solid #000; + padding-top: 1em; + padding-bottom: 1em; + display: none; + box-shadow: 0px 2px 4px rgba(0,0,0,0.1), 0px 4px 8px rgba(0,0,0,0.1); + } + .navbar-mobile .container .menu a { + display: inline-block; + margin: 0 1em; + line-height: 2.5em; + } + .navbar-mobile .container .menu.active { + display: block; + white-space: nowrap; + box-sizing: border-box; + overflow-x: auto; + } + .dark-theme .navbar-mobile .container .menu { + background: $dark-background-color; + border-top: 2px solid $dark-font-secondary-color; + } + .dark-theme .navbar-mobile .container { + background: $dark-background-color !important; + } + .archive { + width: 90%; + } + .archive .archive-item .archive-item-date { + display: none; + } + #dynamic-to-top { + display: none !important; + } + .footer { + height: 3rem; + width: 100%; + text-align: center; + line-height: 1.5rem; + padding-top: 2em; + } + .post-warp { + padding-top: 6em; + } + .post-warp .archive-item-date { + display: none; + } + .categories .categories-card .card-item { + width: 100%; + display: flex; + min-height: 0; + } + .categories .categories-card .card-item .categories { + overflow: hidden; + } +} +/* iPads (portrait and landscape) ----------- */ +@media screen and (max-width: 1023px) { + .navbar-mobile { + display: none; + } +} +/* Desktops and laptops ----------- */ +@media screen and (min-width: 1024px) { + .navbar-mobile { + display: none; + } +} +/* post toc Style */ +@media screen and (max-width: 1279px) { + .post-toc { + display: none; + } +} diff --git a/css/normalize.css b/css/normalize.css new file mode 100644 index 0000000..2278305 --- /dev/null +++ b/css/normalize.css @@ -0,0 +1,269 @@ +/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ +/* Document + ========================================================================== */ +/** + * 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; +} +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; +} +/* Grouping content + ========================================================================== */ +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ +hr { + box-sizing: content-box /* 1 */; + height: 0 /* 1 */; + overflow: visible /* 2 */; +} +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +pre { + font-family: monospace, monospace /* 1 */; + font-size: 1em /* 2 */; +} +/* Text-level semantics + ========================================================================== */ +/** + * Remove the gray background on active links in IE 10. + */ +a { + background-color: transparent; +} +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none /* 1 */; + text-decoration: underline /* 2 */; + text-decoration: underline dotted /* 2 */; +} +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +samp { + font-family: monospace, 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; +} +/* Embedded content + ========================================================================== */ +/** + * Remove the border on images inside links in IE 10. + */ +img { + border-style: none; +} +/* 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 */; +} +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ +button, +input { + overflow: visible; +} +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { + 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; +} +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ +legend { + box-sizing: border-box /* 1 */; + color: inherit /* 2 */; + display: table /* 1 */; + max-width: 100% /* 1 */; + padding: 0 /* 3 */; + white-space: normal /* 1 */; +} +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + vertical-align: baseline; +} +/** + * Remove the default vertical scrollbar in IE 10+. + */ +textarea { + overflow: auto; +} +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ +[type="checkbox"], +[type="radio"] { + box-sizing: border-box /* 1 */; + padding: 0 /* 2 */; +} +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[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 Edge, IE 10+, and Firefox. + */ +details { + display: block; +} +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} +/* Misc + ========================================================================== */ +/** + * Add the correct display in IE 10+. + */ +template { + display: none; +} +/** + * Add the correct display in IE 10. + */ +[hidden] { + display: none; +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..c817b36 --- /dev/null +++ b/css/style.css @@ -0,0 +1,1373 @@ +/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15 /* 1 */; + -webkit-text-size-adjust: 100% /* 2 */; +} +body { + margin: 0; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +hr { + box-sizing: content-box /* 1 */; + height: 0 /* 1 */; + overflow: visible /* 2 */; +} +pre { + font-family: monospace, monospace /* 1 */; + font-size: 1em /* 2 */; +} +a { + background-color: transparent; +} +abbr[title] { + border-bottom: none /* 1 */; + text-decoration: underline /* 2 */; + text-decoration: underline dotted /* 2 */; +} +b, +strong { + font-weight: bolder; +} +code, +kbd, +samp { + font-family: monospace, monospace /* 1 */; + font-size: 1em /* 2 */; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.5em; +} +img { + border-style: none; +} +button, +input, +optgroup, +select, +textarea { + font-family: inherit /* 1 */; + font-size: 100% /* 1 */; + line-height: 1.15 /* 1 */; + margin: 0 /* 2 */; +} +button, +input { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} +button:-moz-focusring, +[type="button"]-moz-focusring, +[type="reset"]-moz-focusring, +[type="submit"]-moz-focusring { + outline: 1px dotted ButtonText; +} +fieldset { + padding: 0.35em 0.75em 0.625em; +} +legend { + box-sizing: border-box /* 1 */; + color: inherit /* 2 */; + display: table /* 1 */; + max-width: 100% /* 1 */; + padding: 0 /* 3 */; + white-space: normal /* 1 */; +} +progress { + vertical-align: baseline; +} +textarea { + overflow: auto; +} +[type="checkbox"], +[type="radio"] { + box-sizing: border-box /* 1 */; + padding: 0 /* 2 */; +} +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} +[type="search"] { + -webkit-appearance: textfield /* 1 */; + outline-offset: -2px /* 2 */; +} +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-file-upload-button { + -webkit-appearance: button /* 1 */; + font: inherit /* 2 */; +} +details { + display: block; +} +summary { + display: list-item; +} +template { + display: none; +} +[hidden] { + display: none; +} +@font-face { + font-family: 'lanting'; + src: url("../fonts/lanting/lanting.eot"); /* IE9 */ + src: url("../fonts/lanting/lanting.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../fonts/lanting/lanting.woff2") format('woff2'), url("../fonts/lanting/lanting.woff") format('woff'), url("../fonts/lanting/lanting.ttf") format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ + font-weight: 300; + font-display: swap; +} +html { + font-family: 'Microsoft Jhenghei', Lantinghei SC, 'lanting', PingFang SC, Seguo UI, Microsoft Yahei, Arial; +} +html::-webkit-scrollbar { + width: 8px; + height: 8px; +} +html::-webkit-scrollbar-thumb { + height: 40px; + background-color: #eee; + border-radius: 16px; +} +html::-webkit-scrollbar-thumb:hover { + background-color: #ddd; +} +body { + font-size: 11pt; + font-weight: normal; + line-height: 2em; + overflow: overlay; + background-color: #fff; + color: #161209; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +body:before { + content: ""; + background-repeat: no-repeat; + background-position: center; + opacity: 0.05; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} +body.dark-theme { + background-color: #292a2d; + color: #a9a9b3; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +a { + color: #161209; + text-decoration: none; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; + cursor: pointer; +} +a:hover { + color: #2d96bd; + text-decoration: none; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +.dark-theme a { + color: #a9a9b3; + text-decoration: none; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +.dark-theme a:hover { + color: #fff; + text-decoration: none; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +.wrapper { + display: flex; + flex-direction: column; + min-height: 100vh; + width: 100%; +} +.navbar { + height: 4rem; + line-height: 4rem; + width: 100%; +} +.navbar .container { + width: auto; + max-width: 1200px; + text-align: center; + padding-left: 1em; + padding-right: 1em; + margin: 0 auto; + display: flex; + justify-content: space-between; +} +.main { + flex-grow: 1; + flex-shrink: 0; + flex-basis: auto; + display: flex; + flex-direction: column; +} +.main .container { + padding-left: 1em; + padding-right: 1em; + height: 100%; + display: flex; + flex-direction: column; + flex: 1; +} +.footer { + height: 4rem; + width: 100%; + text-align: center; + line-height: 4rem; +} +@charset "utf-8"; + +/*input css begin*/ +*{ + -webkit-tap-highlight-color: rgba(0,0,0,0); +} +/* input[type="checkbox"],input[type="radio"]{ + display: none; + width: 0; + height: 0; + visibility: hidden; +} */ +input[type="checkbox"]:checked + label:after{ + transition: all 0.3s ease-in; +} +input[type="checkbox"]:not(:checked) + label:after { + transition: all 0.3s ease-out; +} +input[type="checkbox"]:checked + label, +input[type="checkbox"]:not(:checked) + label{ + transition: all 0.3s ease-in-out; +} +input[type="checkbox"]:checked + label:before,input[type="checkbox"]:checked + label i:before,input[type="checkbox"]:not(:checked) + label i:before, +input[type="checkbox"]:checked + label i:after,input[type="checkbox"]:not(:checked) + label i:after,input[type="checkbox"]:not(:checked) + label:before{ + transition: all 0.3s ease-in-out; +} +input[type="radio"]:checked + label:after, +input[type="radio"]:not(:checked) + label:after { + transition: all 0.3s ease-in-out; +} +.switch_default[type="checkbox"]{ + display: none; +} +.switch_default + label{ + background-color: #e6e6e6; + border-radius:7px; + cursor: pointer; + display: inline-block; + height: 14px; + position: relative; + box-shadow: 0.2px 0.2px 1px 0.5px rgb(180,180,180); + width: 30px; + } +.switch_default + label:after{ + background-color: #fff; + border-radius: 50%; + content: ""; + height: 12px; + left: 1px; + position: absolute; + top: .5px; + width: 12px; + box-shadow: 0.2px 0.2px 1px 0.5px rgb(180,180,180); +} +.switch_default:checked + label{ + background-color: #1ABC9C; + box-shadow:none; +} +.switch_default:checked + label:after{ + left: 17px; +} + +/*.switch_default + label{*/ +/* background-color: #e6e6e6;*/ +/* border-radius:12px;*/ +/* cursor: pointer;*/ +/* display: inline-block;*/ +/* height: 24px;*/ +/* position: relative;*/ +/* box-shadow: 0.2px 0.2px 1px 0.5px rgb(180,180,180);*/ +/* width: 52px;*/ +/*}*/ +/*.switch_default + label:after{*/ +/* background-color: #fff;*/ +/* border-radius: 50%;*/ +/* content: "";*/ +/* height: 22px;*/ +/* left: 1px;*/ +/* position: absolute;*/ +/* top: 1px;*/ +/* width: 22px;*/ +/* box-shadow: 0.2px 0.2px 1px 0.5px rgb(180,180,180);*/ +/*}*/ +/*.switch_default:checked + label{*/ +/* background-color: #1ABC9C;*/ +/* box-shadow:none;*/ +/*}*/ +/*.switch_default:checked + label:after{*/ +/* left: 29px;*/ +/*}*/ +@font-face {font-family: "iconfont"; + src: url('iconfont.eot?t=1585328536727'); /* IE9 */ + src: url('iconfont.eot?t=1585328536727#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), + url('iconfont.woff?t=1585328536727') format('woff'), + url('iconfont.ttf?t=1585328536727') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ + url('iconfont.svg?t=1585328536727#iconfont') format('svg'); /* iOS 4.1- */ +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-publish:before { + content: "\e7b3"; +} + +.icon-resume:before { + content: "\e7b5"; +} + +.icon-trophy:before { + content: "\e7c4"; +} + +.icon-category:before { + content: "\e7d1"; +} + +.icon-gallery:before { + content: "\e7d7"; +} + +.icon-blog:before { + content: "\e7d8"; +} + +.icon-rss:before { + content: "\e7e0"; +} + +.icon-link:before { + content: "\e7e2"; +} + +.icon-tags:before { + content: "\e7e5"; +} + +.icon-alipay:before { + content: "\e87c"; +} + +.icon-zhihu:before { + content: "\e87d"; +} + +.icon-linkedin:before { + content: "\e87e"; +} + +.icon-facebook:before { + content: "\e87f"; +} + +.icon-skype:before { + content: "\e880"; +} + +.icon-codesandbox:before { + content: "\e881"; +} + +.icon-codepen:before { + content: "\e882"; +} + +.icon-sketch:before { + content: "\e883"; +} + +.icon-gitlab:before { + content: "\e884"; +} + +.icon-dribbble:before { + content: "\e885"; +} + +.icon-instagram:before { + content: "\e886"; +} + +.icon-reddit:before { + content: "\e887"; +} + +.icon-youtube:before { + content: "\e888"; +} + +.icon-qq:before { + content: "\e889"; +} + +.icon-twitter:before { + content: "\e88a"; +} + +.icon-weibo:before { + content: "\e88b"; +} + +.icon-wechat:before { + content: "\e88c"; +} + +.icon-github:before { + content: "\e88d"; +} + + +.header-logo a { + padding: 0; +} +.navbar .menu a { + padding: 0 8px; +} +.navbar .menu .active { + font-weight: 900; + color: #161209; +} +.dark-theme .navbar .menu .active { + color: #fff; +} +.navbar-header a:hover, +.navbar .menu a:hover { + background-color: transparent; +} +header label { + margin-left: 15px; + position: relative; + -webkit-transform: translateY(0.1em) translateX(0.5em); +} +.copyright { + font-size: 14px; +} +.pagination { + display: flex; + flex-direction: row; + justify-content: center; + list-style: none; + white-space: nowrap; + width: 100%; + padding-top: 2em; +} +.pagination a, +.pagination span { + -webkit-font-smoothing: antialiased; + font-size: 12px; + color: #bfbfbf; + letter-spacing: 0.1em; + font-weight: 700; + padding: 5px 5px; + text-decoration: none; + transition: 0.3s; +} +.pagination .page-number { + padding-bottom: 3px; + margin: 0 20px; + box-sizing: border-box; + position: relative; + display: inline; +} +.pagination .page-number.disabled { + display: none; +} +.pagination .page-number:hover a { + color: #000; +} +.dark-theme .pagination .page-number:hover a { + color: #fff; +} +.pagination .page-number:before, +.pagination .page-number:after { + position: absolute; + content: ""; + width: 0; + height: 1px; + background: #000; + transition: 0.3s; + bottom: 0px; +} +.dark-theme .pagination .page-number:before, +.dark-theme .pagination .page-number:after { + background: #fff; +} +.pagination .page-number:before .current, +.pagination .page-number:after .current { + width: 100%; +} +.pagination .page-number:before { + left: 50%; +} +.pagination .page-number:after { + right: 50%; +} +.pagination .page-number:hover:before, +.pagination .page-number:hover:after { + width: 50%; +} +.pagination .page-number.current { + color: #000; +} +.dark-theme .pagination .page-number.current { + color: #fff; +} +.pagination .page-number.current:before, +.pagination .page-number.current:after { + width: 60%; +} +.profile-container { + justify-content: center; + align-items: center; +} +.intro { + text-align: center; +} +.intro .avatar { + padding: 10px; +} +.intro .avatar img { + width: 128px; + height: auto; + display: inline-block; + -webkit-border-radius: 100%; + border-radius: 100%; + -webkit-box-shadow: 0 0 0 0.3618em rgba(0,0,0,0.05); + box-shadow: 0 0 0 0.3618em rgba(0,0,0,0.05); + margin: 0 auto; + -webkit-transition: all ease 0.4s; + -moz-transition: all ease 0.4s; + -o-transition: all ease 0.4s; + transition: all ease 0.4s; + cursor: pointer; +} +.intro .avatar img:hover { + position: relative; + -webkit-transform: translateY(-0.75em); + -moz-transform: translateY(-0.75em); + -ms-transform: translateY(-0.75em); + -o-transform: translateY(-0.75em); + transform: translateY(-0.75em); + cursor: pointer; +} +.nickname { + font-size: 2em; + font-weight: normal; +} +.links a { + padding: 0 5px; +} +.links a:hover { + background-color: transparent; +} +.links .iconfont { + font-size: 2em; +} +.post-wrap { + position: relative; + width: 100%; + max-width: 780px; + margin: 0 auto; + padding-top: 2rem; +} +.post-wrap .archive-item { + margin-left: 2rem; +} +.archive-item-link { + display: inline-block; + text-decoration: none; + overflow: hidden; + white-space: nowrap; +} +.archive-item-link:hover { + color: #2d96bd; + background-color: transparent; +} +.dark-theme .archive-item-link { + color: #a9a9b3; + text-decoration: none; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +.dark-theme .archive-item-link:hover { + color: #fff; + text-decoration: none; + transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease; +} +.archive-item-date { + float: right; + text-align: right; + color: #a9a9b3; +} +.dark-theme .archive-item-date { + color: #87878d; +} +.post-wrap .categories-card { + margin: 0 auto; + margin-top: 1em; + display: flex; + align-items: center; + justify-content: space-between; + flex-direction: row; + flex-wrap: wrap; + padding: 0 2.5em; + line-height: 1.6em; +} +.post-wrap .categories-card .card-item { + font-size: 14px; + text-align: left; + width: 45%; + display: flex; + align-items: flex-start; + margin-top: 2em; + min-height: 16em; + padding: 0 2%; + position: relative; +} +.post-wrap .categories-card .card-item .categories { + overflow: hidden; +} +.tag-cloud-tags { + margin: 10px 0; + padding-top: 2em; +} +.tag-cloud-tags a { + display: inline-block; + position: relative; + margin: 5px 10px; + word-wrap: break-word; + transition-duration: 0.3s; + transition-property: transform; + transition-timing-function: ease-out; +} +.tag-cloud-tags a:active, +.tag-cloud-tags a:focus, +.tag-cloud-tags a:hover { + color: #2d96bd; + transform: scale(1.1); +} +.dark-theme .tag-cloud-tags a:active, +.dark-theme .tag-cloud-tags a:focus, +.dark-theme .tag-cloud-tags a:hover { + color: #fff; +} +.tag-cloud-tags a small { + margin: 0 0.3em; + color: #a9a9b3; +} +.dark-theme .tag-cloud-tags a small { + color: #fff; +} +.page { + padding-top: 0; +} +.page .post-content { + margin: 0; + padding-top: 0; +} +.post-wrap p { + font-size: 1em; + margin: 1em 0 1em 0; +} +.post-wrap .post-header h1 { + margin: 0 !important; +} +.post-wrap .post-title { + font-size: 2em; + line-height: 1.5em; +} +.post-wrap .post-meta { + color: rgba(85,85,85,0.529) !important; +} +.dark-theme .post-wrap .post-meta { + color: #87878d !important; +} +.post-wrap .post-meta a { + color: #2d96bd; +} +.dark-theme .post-wrap .post-meta a { + color: #eee; +} +.post-wrap .post-meta a:hover { + color: #ef3982; +} +.dark-theme .post-wrap .post-meta a:hover { + color: #fff; +} +.post-content { + padding-top: 2rem; + text-align: justify; +} +.post-content h2, +.post-content h3, +.post-content h4, +.post-content h5, +.post-content h6 { + padding-top: 0.8em; + padding-bottom: 0.3em; +} +.post-content h1::before { + content: "#"; + margin-right: 5px; + color: #2d96bd; +} +.dark-theme .post-content h1::before { + color: #eee; +} +.post-content h2::before { + content: "#"; + margin-right: 5px; + color: #2d96bd; +} +.dark-theme .post-content h2::before { + color: #eee; +} +.post-content h3::before { + content: "|"; + margin-right: 5px; + color: #2d96bd; +} +.dark-theme .post-content h3::before { + color: #eee; +} +.post-content h4::before { + content: "*"; + margin-right: 5px; + color: #2d96bd; +} +.dark-theme .post-content h4::before { + color: #eee; +} +.post-content a { + color: #2d96bd; +} +.dark-theme .post-content a { + color: #eee; +} +.post-content a:hover { + color: #ef3982; +} +.dark-theme .post-content a:hover:hover { + color: #fff; + text-decoration: underline; +} +.post-content code, +.post-content pre { + padding: 7px; + font-size: 13px; + font-family: Consolas, Monaco, Menlo, Consolas, monospace; +} +.post-content code { + padding: 3px 5px; + border-radius: 4px; +} +.post-content figure.highlight { + margin: 1em 0; + overflow-x: auto; + position: relative; +} +.post-content figure.highlight::-webkit-scrollbar { + width: 6px; + height: 6px; +} +.post-content figure.highlight::-webkit-scrollbar-thumb { + width: 6px; + background-color: #eee; + border-radius: 2px; +} +.post-content figure.highlight table { + position: relative; +} +.post-content figure.highlight table, +.post-content figure.highlight tr, +.post-content figure.highlight td { + margin: 0; + padding: 0; + border: 0; + width: 100%; + border-collapse: collapse; +} +.post-content figure.highlight .code pre { + margin: 0 10px; +} +.post-content figure.highlight .gutter { + width: 10px; + color: #d0d0d0; +} +.post-content figure.highlight .gutter pre { + margin: 0; +} +.post-content ul { + padding-left: 2em; +} +.post-content table { + max-width: 100%; + margin: 10px 0; + border-spacing: 0; +} +.post-content table thead { + background: #bce1ef; +} +.dark-theme .post-content table thead { + background: #626262; +} +.post-content table th, +.post-content table td { + padding: 5px 15px; + border: 0.5px solid #e8e8e8; +} +.post-content .image-caption:not(:empty) { + min-width: 20%; + max-width: 80%; + display: inline-block; + padding: 10px; + margin: 0 auto; + border-bottom: 1px solid #d9d9d9; + font-size: 14px; + color: #969696; + line-height: 1.7; +} +.post-content img { + display: block; + max-width: 100%; + height: auto; + margin: 0 auto; + overflow: hidden; +} +.post-content img[data-action="zoom"] { + cursor: zoom-in; +} +.post-content .image-box .image-box-title { + text-align: center; + font-size: 0.7em; + margin-top: 0.5em; + margin-bottom: 1em; + color: #a9a9b3; +} +.dark-theme .post-content .image-box .image-box-title { + color: #87878d; +} +.post-content blockquote { + font-size: 1rem; + display: block; + margin: 1em 0; + padding: 1em 1.2em 1em 1.2em; + position: relative; + color: rgba(52,73,94,0.8); + background-color: #e9f5fa; + border-left: 2px solid #2d96bd; +} +.post-content blockquote p { + margin: 0; +} +.post-content blockquote footer strong { + margin-right: 0.5em; +} +.dark-theme .post-content blockquote { + color: #a9a9b3; + background-color: #3e3e3e; + border-left: 2px solid #dcdcdc; +} +.post-content blockquote.pullquote { + background-color: transparent; + max-width: 45%; + border: 0; +} +.post-content blockquote.pullquote.left { + float: left; + text-align: left; +} +.post-content blockquote.pullquote.right { + float: right; + text-align: right; +} +.post-copyright { + margin-top: 5rem; + border-top: 1px solid #e8e8e8; + border-bottom: 1px solid #e8e8e8; +} +.post-copyright a { + color: #2d96bd; +} +.dark-theme .post-copyright a { + color: #eee; +} +.post-copyright a:hover { + color: #ef3982; +} +.dark-theme .post-copyright a:hover { + color: #fff; +} +.post-copyright .copyright-item { + margin: 5px 0; +} +.post-copyright .lincese { + font-weight: bold; +} +.dark-theme .post-copyright { + border-top: 1px solid #909196; + border-bottom: 1px solid #909196; +} +.post-content code, +.post-content pre { + line-height: 1.7em; + padding: 7px; + font-size: 13px; + font-family: Consolas, Monaco, Menlo, Consolas, monospace; +} +.post-content code { + line-height: 1.7em; + padding: 3px 5px; + border-radius: 4px; + color: #c7254e; + background: #f8f5ec; +} +.dark-theme .post-content code { + color: #fffe28; + background: #787575; +} +.post-content h1 code, +.post-content h2 code, +.post-content h3 code, +.post-content h4 code, +.post-content h5 code { + font-size: inherit; +} +.post-content figure.highlight { + margin: 1em 0; + overflow-x: auto; + position: relative; +} +.post-content figure.highlight::-webkit-scrollbar { + width: 6px; + height: 6px; +} +.post-content figure.highlight::-webkit-scrollbar-thumb { + width: 6px; + background-color: #eee; + border-radius: 2px; +} +.post-content figure.highlight figcaption { + padding: 0 0.5em; + text-align: right; + font-size: 13px; +} +.post-content figure.highlight figcaption span { + margin: 0 0.5em; +} +.post-content figure.highlight table { + position: relative; +} +.post-content figure.highlight table, +.post-content figure.highlight tr, +.post-content figure.highlight td { + margin: 0; + padding: 0; + border: 0; + width: 100%; + border-collapse: collapse; +} +.post-content figure.highlight .code pre { + margin: 0 10px; +} +.post-content figure.highlight .gutter { + width: 10px; + color: #d0d0d0; +} +.post-content figure.highlight .gutter pre { + margin: 0; +} +.post-tags { + padding: 1rem 0 1rem; + display: flex; + justify-content: space-between; +} +.post-nav:before, +.post-nav:after { + content: " "; + display: table; +} +.post-nav a.prev, +.post-nav a.next { + font-weight: 600; + font-size: 16px; + transition-property: transform; + transition-timing-function: ease-out; + transition-duration: 0.3s; +} +.post-nav a.prev { + float: left; +} +.post-nav a.prev::before { + content: "<"; + margin-right: 0.5em; +} +.post-nav a.prev:hover { + transform: translateX(-4px); +} +.post-nav a.next { + float: right; +} +.post-nav a.next::after { + content: ">"; + margin-left: 0.5em; +} +.post-nav a.next:hover { + transform: translateX(4px); +} +.post-nav a.prev::before, +.post-nav a.next::after { + font-weight: bold; +} +.tag:not(:last-child) a::after { + content: " / "; +} +.post-toc { + position: fixed; + top: 95px; + right: 2em; + width: 15rem; + font-size: 0.75rem; +} +.post-toc .tocbot-list { + max-height: 450px; + max-width: 250px; + overflow: auto; + position: relative; + padding-right: 0.875rem; +} +.post-toc .tocbot-list::-webkit-scrollbar { + width: 6px; + height: 6px; +} +.post-toc .tocbot-list::-webkit-scrollbar-thumb { + width: 6px; + background-color: #eee; + border-radius: 2px; +} +.post-toc .tocbot-list ul { + list-style: none; + position: inherit; + overflow: hidden; +} +.post-toc .tocbot-list ul li { + margin-left: 0.25rem; +} +.post-toc .toc-link::before { + background-color: #fff; +} +.post-toc .is-active-link::before { + background-color: #2d96bd; +} +.post-toc .tocbot-list-menu { + margin: 1rem 0.75rem; + font-size: 0.75rem; +} +.post-toc .tocbot-list-menu a { + display: block; + margin: 0.375rem 0; + color: #999; + cursor: pointer; +} +.post-toc .tocbot-list-menu a:hover { + color: #808080; +} +.toc{overflow-y:auto}.toc>.toc-list{overflow:hidden;position:relative}.toc>.toc-list li{list-style:none}.toc-list{margin:0;padding-left:10px}a.toc-link{color:currentColor;height:100%}.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed !important;top:0}.is-active-link{font-weight:700}.toc-link::before{background-color:#EEE;content:' ';display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link::before{background-color:#54BC4B} + +@media screen and (max-width: 479px) { + .main { + padding-top: 40pt; + } + .navbar { + display: none; + } + .navbar-mobile { + display: block !important; + position: fixed; + width: 100%; + z-index: 100; + transition: all 0.6s ease 0s; + } + .navbar-mobile .container { + padding: 0; + margin: 0; + line-height: 5.5em; + background: #fff; + } + .navbar-mobile .container .navbar-header { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + padding-right: 1em; + padding-left: 1em; + box-sizing: border-box; + position: relative; + } + .navbar-mobile .container .navbar-header .menu-toggle { + cursor: pointer; + line-height: 5.5em; + padding: auto 2em; + } + .navbar-mobile .container .navbar-header .menu-toggle span { + display: block; + background: #000; + width: 36px; + height: 2px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-transition: 0.25s margin 0.25s, 0.25s transform; + -moz-transition: 0.25s margin 0.25s, 0.25s transform; + transition: 0.25s margin 0.25s, 0.25s transform; + } + .dark-theme .navbar-mobile .container .navbar-header .menu-toggle span { + background: #a9a9b3; + } + .navbar-mobile .container .navbar-header .menu-toggle span:nth-child(1) { + margin-bottom: 8px; + } + .navbar-mobile .container .navbar-header .menu-toggle span:nth-child(3) { + margin-top: 8px; + } + .navbar-mobile .container .navbar-header .menu-toggle.active span { + -webkit-transition: 0.25s margin, 0.25s transform 0.25s; + -moz-transition: 0.25s margin, 0.25s transform 0.25s; + transition: 0.25s margin, 0.25s transform 0.25s; + } + .navbar-mobile .container .navbar-header .menu-toggle.active span:nth-child(1) { + -moz-transform: rotate(45deg) translate(4px, 6px); + -ms-transform: rotate(45deg) translate(4px, 6px); + -webkit-transform: rotate(45deg) translate(4px, 6px); + transform: rotate(45deg) translate(4px, 6px); + } + .navbar-mobile .container .navbar-header .menu-toggle.active span:nth-child(2) { + opacity: 0; + } + .navbar-mobile .container .navbar-header .menu-toggle.active span:nth-child(3) { + -moz-transform: rotate(-45deg) translate(8px, -10px); + -ms-transform: rotate(-45deg) translate(8px, -10px); + -webkit-transform: rotate(-45deg) translate(8px, -10px); + transform: rotate(-45deg) translate(8px, -10px); + } + .navbar-mobile .container .menu { + text-align: center; + background: #fff; + border-top: 1px solid #000; + padding-top: 1em; + padding-bottom: 1em; + display: none; + box-shadow: 0px 2px 4px rgba(0,0,0,0.1), 0px 4px 8px rgba(0,0,0,0.1); + } + .navbar-mobile .container .menu a { + display: inline-block; + margin: 0 1em; + line-height: 2.5em; + } + .navbar-mobile .container .menu.active { + display: block; + white-space: nowrap; + box-sizing: border-box; + overflow-x: auto; + } + .dark-theme .navbar-mobile .container .menu { + background: #292a2d; + border-top: 2px solid #87878d; + } + .dark-theme .navbar-mobile .container { + background: #292a2d !important; + } + .archive { + width: 90%; + } + .archive .archive-item .archive-item-date { + display: none; + } + #dynamic-to-top { + display: none !important; + } + .footer { + height: 3rem; + width: 100%; + text-align: center; + line-height: 1.5rem; + padding-top: 2em; + } + .post-warp { + padding-top: 6em; + } + .post-warp .archive-item-date { + display: none; + } + .categories .categories-card .card-item { + width: 100%; + display: flex; + min-height: 0; + } + .categories .categories-card .card-item .categories { + overflow: hidden; + } +} +@media screen and (max-width: 1023px) { + .navbar-mobile { + display: none; + } +} +@media screen and (min-width: 1024px) { + .navbar-mobile { + display: none; + } +} +@media screen and (max-width: 1279px) { + .post-toc { + display: none; + } +} +.post-content figure.highlight { + margin: 2em 0; + background: #f7f7f7; + color: #4d4d4c; + font-size: 12px; + overflow: scroll; + overflow-y: hidden; + overflow-x: auto; +} +.post-content figure.highlight .gutter { + color: $hight-gutter; +} +.post-content figure.highlight pre { + background: #f7f7f7; + margin: 0; +} +.post-content code { + padding: 2px 4px; + background: #f7f7f7; + font-family: Menlo, Monaco, Consolas, Courier New, monospace; + font-size: 12px; +} +.post-content pre { + padding: 10px; + overflow: auto; + background: #f7f7f7; + font-family: Menlo, Monaco, Consolas, Courier New, monospace; +} +.post-content pre code { + padding: 0; +} +.post-content pre .deletion { + background: #fdd; +} +.post-content pre .addition { + background: #dfd; +} +.post-content pre .meta { + color: #8959a8; +} +.post-content pre .comment { + color: #8e908c; +} +.post-content pre .variable, +.post-content pre .attribute, +.post-content pre .tag, +.post-content pre .regexp, +.post-content pre .ruby .constant, +.post-content pre .xml .tag .title, +.post-content pre .xml .pi, +.post-content pre .xml .doctype, +.post-content pre .html .doctype, +.post-content pre .css .id, +.post-content pre .css .class, +.post-content pre .css .pseudo { + color: #c82829; +} +.post-content pre .number, +.post-content pre .preprocessor, +.post-content pre .built_in, +.post-content pre .literal, +.post-content pre .params, +.post-content pre .constant, +.post-content pre .command { + color: #f5871f; +} +.post-content pre .ruby .class .title, +.post-content pre .css .rules .attribute, +.post-content pre .string, +.post-content pre .value, +.post-content pre .inheritance, +.post-content pre .header, +.post-content pre .ruby .symbol, +.post-content pre .xml .cdata, +.post-content pre .special, +.post-content pre .number, +.post-content pre .formula { + color: #718c00; +} +.post-content pre .title, +.post-content pre .css .hexcolor { + color: #3e999f; +} +.post-content pre .function, +.post-content pre .python .decorator, +.post-content pre .python .title, +.post-content pre .ruby .function .title, +.post-content pre .ruby .title .keyword, +.post-content pre .perl .sub, +.post-content pre .javascript .title, +.post-content pre .coffeescript .title { + color: #4271ae; +} +.post-content pre .keyword, +.post-content pre .javascript .function { + color: #8959a8; +} diff --git a/css/variable.css b/css/variable.css new file mode 100644 index 0000000..f7b903b --- /dev/null +++ b/css/variable.css @@ -0,0 +1,2 @@ +/** light theme **/ +/** dark theme **/ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..a60b5fd Binary files /dev/null and b/favicon.ico differ diff --git a/fonts/iconfont/demo.css b/fonts/iconfont/demo.css new file mode 100644 index 0000000..a67054a --- /dev/null +++ b/fonts/iconfont/demo.css @@ -0,0 +1,539 @@ +/* Logo 字体 */ +@font-face { + font-family: "iconfont logo"; + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); +} + +.logo { + font-family: "iconfont logo"; + font-size: 160px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* tabs */ +.nav-tabs { + position: relative; +} + +.nav-tabs .nav-more { + position: absolute; + right: 0; + bottom: 0; + height: 42px; + line-height: 42px; + color: #666; +} + +#tabs { + border-bottom: 1px solid #eee; +} + +#tabs li { + cursor: pointer; + width: 100px; + height: 40px; + line-height: 40px; + text-align: center; + font-size: 16px; + border-bottom: 2px solid transparent; + position: relative; + z-index: 1; + margin-bottom: -1px; + color: #666; +} + + +#tabs .active { + border-bottom-color: #f00; + color: #222; +} + +.tab-container .content { + display: none; +} + +/* 页面布局 */ +.main { + padding: 30px 100px; + width: 960px; + margin: 0 auto; +} + +.main .logo { + color: #333; + text-align: left; + margin-bottom: 30px; + line-height: 1; + height: 110px; + margin-top: -50px; + overflow: hidden; + *zoom: 1; +} + +.main .logo a { + font-size: 160px; + color: #333; +} + +.helps { + margin-top: 40px; +} + +.helps pre { + padding: 20px; + margin: 10px 0; + border: solid 1px #e7e1cd; + background-color: #fffdef; + overflow: auto; +} + +.icon_lists { + width: 100% !important; + overflow: hidden; + *zoom: 1; +} + +.icon_lists li { + width: 100px; + margin-bottom: 10px; + margin-right: 20px; + text-align: center; + list-style: none !important; + cursor: default; +} + +.icon_lists li .code-name { + line-height: 1.2; +} + +.icon_lists .icon { + display: block; + height: 100px; + line-height: 100px; + font-size: 42px; + margin: 10px auto; + color: #333; + -webkit-transition: font-size 0.25s linear, width 0.25s linear; + -moz-transition: font-size 0.25s linear, width 0.25s linear; + transition: font-size 0.25s linear, width 0.25s linear; +} + +.icon_lists .icon:hover { + font-size: 100px; +} + +.icon_lists .svg-icon { + /* 通过设置 font-size 来改变图标大小 */ + width: 1em; + /* 图标和文字相邻时，垂直对齐 */ + vertical-align: -0.15em; + /* 通过设置 color 来改变 SVG 的颜色/fill */ + fill: currentColor; + /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 + normalize.css 中也包含这行 */ + overflow: hidden; +} + +.icon_lists li .name, +.icon_lists li .code-name { + color: #666; +} + +/* markdown 样式 */ +.markdown { + color: #666; + font-size: 14px; + line-height: 1.8; +} + +.highlight { + line-height: 1.5; +} + +.markdown img { + vertical-align: middle; + max-width: 100%; +} + +.markdown h1 { + color: #404040; + font-weight: 500; + line-height: 40px; + margin-bottom: 24px; +} + +.markdown h2, +.markdown h3, +.markdown h4, +.markdown h5, +.markdown h6 { + color: #404040; + margin: 1.6em 0 0.6em 0; + font-weight: 500; + clear: both; +} + +.markdown h1 { + font-size: 28px; +} + +.markdown h2 { + font-size: 22px; +} + +.markdown h3 { + font-size: 16px; +} + +.markdown h4 { + font-size: 14px; +} + +.markdown h5 { + font-size: 12px; +} + +.markdown h6 { + font-size: 12px; +} + +.markdown hr { + height: 1px; + border: 0; + background: #e9e9e9; + margin: 16px 0; + clear: both; +} + +.markdown p { + margin: 1em 0; +} + +.markdown>p, +.markdown>blockquote, +.markdown>.highlight, +.markdown>ol, +.markdown>ul { + width: 80%; +} + +.markdown ul>li { + list-style: circle; +} + +.markdown>ul li, +.markdown blockquote ul>li { + margin-left: 20px; + padding-left: 4px; +} + +.markdown>ul li p, +.markdown>ol li p { + margin: 0.6em 0; +} + +.markdown ol>li { + list-style: decimal; +} + +.markdown>ol li, +.markdown blockquote ol>li { + margin-left: 20px; + padding-left: 4px; +} + +.markdown code { + margin: 0 3px; + padding: 0 5px; + background: #eee; + border-radius: 3px; +} + +.markdown strong, +.markdown b { + font-weight: 600; +} + +.markdown>table { + border-collapse: collapse; + border-spacing: 0px; + empty-cells: show; + border: 1px solid #e9e9e9; + width: 95%; + margin-bottom: 24px; +} + +.markdown>table th { + white-space: nowrap; + color: #333; + font-weight: 600; +} + +.markdown>table th, +.markdown>table td { + border: 1px solid #e9e9e9; + padding: 8px 16px; + text-align: left; +} + +.markdown>table th { + background: #F7F7F7; +} + +.markdown blockquote { + font-size: 90%; + color: #999; + border-left: 4px solid #e9e9e9; + padding-left: 0.8em; + margin: 1em 0; +} + +.markdown blockquote p { + margin: 0; +} + +.markdown .anchor { + opacity: 0; + transition: opacity 0.3s ease; + margin-left: 8px; +} + +.markdown .waiting { + color: #ccc; +} + +.markdown h1:hover .anchor, +.markdown h2:hover .anchor, +.markdown h3:hover .anchor, +.markdown h4:hover .anchor, +.markdown h5:hover .anchor, +.markdown h6:hover .anchor { + opacity: 1; + display: inline-block; +} + +.markdown>br, +.markdown>p>br { + clear: both; +} + + +.hljs { + display: block; + background: white; + padding: 0.5em; + color: #333333; + overflow-x: auto; +} + +.hljs-comment, +.hljs-meta { + color: #969896; +} + +.hljs-string, +.hljs-variable, +.hljs-template-variable, +.hljs-strong, +.hljs-emphasis, +.hljs-quote { + color: #df5000; +} + +.hljs-keyword, +.hljs-selector-tag, +.hljs-type { + color: #a71d5d; +} + +.hljs-literal, +.hljs-symbol, +.hljs-bullet, +.hljs-attribute { + color: #0086b3; +} + +.hljs-section, +.hljs-name { + color: #63a35c; +} + +.hljs-tag { + color: #333333; +} + +.hljs-title, +.hljs-attr, +.hljs-selector-id, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #795da3; +} + +.hljs-addition { + color: #55a532; + background-color: #eaffea; +} + +.hljs-deletion { + color: #bd2c00; + background-color: #ffecec; +} + +.hljs-link { + text-decoration: underline; +} + +/* 代码高亮 */ +/* PrismJS 1.15.0 +https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ +/** + * prism.js default theme for JavaScript, CSS and HTML + * Based on dabblet (http://dabblet.com) + * @author Lea Verou + */ +code[class*="language-"], +pre[class*="language-"] { + color: black; + background: none; + text-shadow: 0 1px white; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +pre[class*="language-"]::-moz-selection, +pre[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, +code[class*="language-"] ::-moz-selection { + text-shadow: none; + background: #b3d4fc; +} + +pre[class*="language-"]::selection, +pre[class*="language-"] ::selection, +code[class*="language-"]::selection, +code[class*="language-"] ::selection { + text-shadow: none; + background: #b3d4fc; +} + +@media print { + + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre)>code[class*="language-"], +pre[class*="language-"] { + background: #f5f2f0; +} + +/* Inline code */ +:not(pre)>code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: slategray; +} + +.token.punctuation { + color: #999; +} + +.namespace { + opacity: .7; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #905; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #690; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #9a6e3a; + background: hsla(0, 0%, 100%, .5); +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #07a; +} + +.token.function, +.token.class-name { + color: #DD4A68; +} + +.token.regex, +.token.important, +.token.variable { + color: #e90; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} diff --git a/fonts/iconfont/demo_index.html b/fonts/iconfont/demo_index.html new file mode 100644 index 0000000..8a73135 --- /dev/null +++ b/fonts/iconfont/demo_index.html @@ -0,0 +1,791 @@ + + + + + IconFont Demo + + + + + + + + + + + +
+

+
+ + + 查看项目 + +
+
+
+
    + +
  • + +
    book
    +
    &#xe7b3;
    +
    • + +
  • + +
    solution
    +
    &#xe7b5;
    +
    • + +
  • + +
    trophy
    +
    &#xe7c4;
    +
    • + +
  • + +
    folder
    +
    &#xe7d1;
    +
    • + +
  • + +
    camera
    +
    &#xe7d7;
    +
    • + +
  • + +
    read
    +
    &#xe7d8;
    +
    • + +
  • + +
    wifi
    +
    &#xe7e0;
    +
    • + +
  • + +
    link
    +
    &#xe7e2;
    +
    • + +
  • + +
    tags
    +
    &#xe7e5;
    +
    • + +
  • + +
    alipay
    +
    &#xe87c;
    +
    • + +
  • + +
    zhihu
    +
    &#xe87d;
    +
    • + +
  • + +
    linkedin
    +
    &#xe87e;
    +
    • + +
  • + +
    facebook
    +
    &#xe87f;
    +
    • + +
  • + +
    skype
    +
    &#xe880;
    +
    • + +
  • + +
    CodeSandbox
    +
    &#xe881;
    +
    • + +
  • + +
    codepen
    +
    &#xe882;
    +
    • + +
  • + +
    sketch
    +
    &#xe883;
    +
    • + +
  • + +
    Gitlab
    +
    &#xe884;
    +
    • + +
  • + +
    dribbble
    +
    &#xe885;
    +
    • + +
  • + +
    instagram
    +
    &#xe886;
    +
    • + +
  • + +
    reddit
    +
    &#xe887;
    +
    • + +
  • + +
    Youtube
    +
    &#xe888;
    +
    • + +
  • + +
    QQ
    +
    &#xe889;
    +
    • + +
  • + +
    twitter
    +
    &#xe88a;
    +
    • + +
  • + +
    weibo
    +
    &#xe88b;
    +
    • + +
  • + +
    wechat-fill
    +
    &#xe88c;
    +
    • + +
  • + +
    github-fill
    +
    &#xe88d;
    +
    • + +
+
+

Unicode 引用

+
+ +

Unicode 是字体在网页端最原始的应用方式，特点是：

+
    +
  • 兼容性最好，支持 IE6+，及所有现代浏览器。
    • +
  • 支持按字体的方式去动态调整图标大小，颜色等等。
    • +
  • 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
    • +
+
+

注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式

+
+

Unicode 使用步骤如下：

+

第一步：拷贝项目下面生成的 @font-face

+
@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#iconfont') format('svg');
+}
+
+

第二步：定义使用 iconfont 的样式

+
.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+

第三步：挑选相应图标并获取字体编码，应用于页面

+
+<span class="iconfont">&#x33;</span>
+
+
+

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    + book +
    +
    .icon-publish +
    +
    • + +
  • + +
    + solution +
    +
    .icon-resume +
    +
    • + +
  • + +
    + trophy +
    +
    .icon-trophy +
    +
    • + +
  • + +
    + folder +
    +
    .icon-category +
    +
    • + +
  • + +
    + camera +
    +
    .icon-gallery +
    +
    • + +
  • + +
    + read +
    +
    .icon-blog +
    +
    • + +
  • + +
    + wifi +
    +
    .icon-rss +
    +
    • + +
  • + +
    + link +
    +
    .icon-link +
    +
    • + +
  • + +
    + tags +
    +
    .icon-tags +
    +
    • + +
  • + +
    + alipay +
    +
    .icon-alipay +
    +
    • + +
  • + +
    + zhihu +
    +
    .icon-zhihu +
    +
    • + +
  • + +
    + linkedin +
    +
    .icon-linkedin +
    +
    • + +
  • + +
    + facebook +
    +
    .icon-facebook +
    +
    • + +
  • + +
    + skype +
    +
    .icon-skype +
    +
    • + +
  • + +
    + CodeSandbox +
    +
    .icon-codesandbox +
    +
    • + +
  • + +
    + codepen +
    +
    .icon-codepen +
    +
    • + +
  • + +
    + sketch +
    +
    .icon-sketch +
    +
    • + +
  • + +
    + Gitlab +
    +
    .icon-gitlab +
    +
    • + +
  • + +
    + dribbble +
    +
    .icon-dribbble +
    +
    • + +
  • + +
    + instagram +
    +
    .icon-instagram +
    +
    • + +
  • + +
    + reddit +
    +
    .icon-reddit +
    +
    • + +
  • + +
    + Youtube +
    +
    .icon-youtube +
    +
    • + +
  • + +
    + QQ +
    +
    .icon-qq +
    +
    • + +
  • + +
    + twitter +
    +
    .icon-twitter +
    +
    • + +
  • + +
    + weibo +
    +
    .icon-weibo +
    +
    • + +
  • + +
    + wechat-fill +
    +
    .icon-wechat +
    +
    • + +
  • + +
    + github-fill +
    +
    .icon-github +
    +
    • + +
+
+

font-class 引用

+
+ +

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

+

与 Unicode 使用方式相比，具有如下特点：

+
    +
  • 兼容性良好，支持 IE8+，及所有现代浏览器。
    • +
  • 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
    • +
  • 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
    • +
  • 不过因为本质上还是使用的字体，所以多色图标还是不支持的。
    • +
+

使用步骤如下：

+

第一步：引入项目下面生成的 fontclass 代码：

+
<link rel="stylesheet" href="./iconfont.css">
+
+

第二步：挑选相应图标并获取类名，应用于页面：

+
<span class="iconfont icon-xxx"></span>
+
+
+

" + iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    book
    +
    #icon-publish
    +
    • + +
  • + +
    solution
    +
    #icon-resume
    +
    • + +
  • + +
    trophy
    +
    #icon-trophy
    +
    • + +
  • + +
    folder
    +
    #icon-category
    +
    • + +
  • + +
    camera
    +
    #icon-gallery
    +
    • + +
  • + +
    read
    +
    #icon-blog
    +
    • + +
  • + +
    wifi
    +
    #icon-rss
    +
    • + +
  • + +
    link
    +
    #icon-link
    +
    • + +
  • + +
    tags
    +
    #icon-tags
    +
    • + +
  • + +
    alipay
    +
    #icon-alipay
    +
    • + +
  • + +
    zhihu
    +
    #icon-zhihu
    +
    • + +
  • + +
    linkedin
    +
    #icon-linkedin
    +
    • + +
  • + +
    facebook
    +
    #icon-facebook
    +
    • + +
  • + +
    skype
    +
    #icon-skype
    +
    • + +
  • + +
    CodeSandbox
    +
    #icon-codesandbox
    +
    • + +
  • + +
    codepen
    +
    #icon-codepen
    +
    • + +
  • + +
    sketch
    +
    #icon-sketch
    +
    • + +
  • + +
    Gitlab
    +
    #icon-gitlab
    +
    • + +
  • + +
    dribbble
    +
    #icon-dribbble
    +
    • + +
  • + +
    instagram
    +
    #icon-instagram
    +
    • + +
  • + +
    reddit
    +
    #icon-reddit
    +
    • + +
  • + +
    Youtube
    +
    #icon-youtube
    +
    • + +
  • + +
    QQ
    +
    #icon-qq
    +
    • + +
  • + +
    twitter
    +
    #icon-twitter
    +
    • + +
  • + +
    weibo
    +
    #icon-weibo
    +
    • + +
  • + +
    wechat-fill
    +
    #icon-wechat
    +
    • + +
  • + +
    github-fill
    +
    #icon-github
    +
    • + +
+
+

Symbol 引用

+
+ +

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 + 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：

+
    +
  • 支持多色图标了，不再受单色限制。
    • +
  • 通过一些技巧，支持像字体那样，通过 font-size, color 来调整样式。
    • +
  • 兼容性较差，支持 IE9+，及现代浏览器。
    • +
  • 浏览器渲染 SVG 的性能一般，还不如 png。
    • +
+

使用步骤如下：

+

第一步：引入项目下面生成的 symbol 代码：

+
<script src="./iconfont.js"></script>
+
+

第二步：加入通用 CSS 代码（引入一次就行）：

+
<style>
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>
+
+

第三步：挑选相应图标并获取类名，应用于页面：

+
<svg class="icon" aria-hidden="true">
+  <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+ +
+
+ + + diff --git a/fonts/iconfont/iconfont.css b/fonts/iconfont/iconfont.css new file mode 100644 index 0000000..dbe99b9 --- /dev/null +++ b/fonts/iconfont/iconfont.css @@ -0,0 +1,125 @@ +@font-face {font-family: "iconfont"; + src: url('iconfont.eot?t=1585328536727'); /* IE9 */ + src: url('iconfont.eot?t=1585328536727#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), + url('iconfont.woff?t=1585328536727') format('woff'), + url('iconfont.ttf?t=1585328536727') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ + url('iconfont.svg?t=1585328536727#iconfont') format('svg'); /* iOS 4.1- */ +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-publish:before { + content: "\e7b3"; +} + +.icon-resume:before { + content: "\e7b5"; +} + +.icon-trophy:before { + content: "\e7c4"; +} + +.icon-category:before { + content: "\e7d1"; +} + +.icon-gallery:before { + content: "\e7d7"; +} + +.icon-blog:before { + content: "\e7d8"; +} + +.icon-rss:before { + content: "\e7e0"; +} + +.icon-link:before { + content: "\e7e2"; +} + +.icon-tags:before { + content: "\e7e5"; +} + +.icon-alipay:before { + content: "\e87c"; +} + +.icon-zhihu:before { + content: "\e87d"; +} + +.icon-linkedin:before { + content: "\e87e"; +} + +.icon-facebook:before { + content: "\e87f"; +} + +.icon-skype:before { + content: "\e880"; +} + +.icon-codesandbox:before { + content: "\e881"; +} + +.icon-codepen:before { + content: "\e882"; +} + +.icon-sketch:before { + content: "\e883"; +} + +.icon-gitlab:before { + content: "\e884"; +} + +.icon-dribbble:before { + content: "\e885"; +} + +.icon-instagram:before { + content: "\e886"; +} + +.icon-reddit:before { + content: "\e887"; +} + +.icon-youtube:before { + content: "\e888"; +} + +.icon-qq:before { + content: "\e889"; +} + +.icon-twitter:before { + content: "\e88a"; +} + +.icon-weibo:before { + content: "\e88b"; +} + +.icon-wechat:before { + content: "\e88c"; +} + +.icon-github:before { + content: "\e88d"; +} + diff --git a/fonts/iconfont/iconfont.eot b/fonts/iconfont/iconfont.eot new file mode 100644 index 0000000..5b4f0bf Binary files /dev/null and b/fonts/iconfont/iconfont.eot differ diff --git a/fonts/iconfont/iconfont.js b/fonts/iconfont/iconfont.js new file mode 100644 index 0000000..1eb6f16 --- /dev/null +++ b/fonts/iconfont/iconfont.js @@ -0,0 +1 @@ +!function(a){var c,i='',l=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(l&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var l=function(){document.removeEventListener("DOMContentLoaded",l,!1),c()};document.addEventListener("DOMContentLoaded",l,!1)}else document.attachEvent&&(h=c,o=a.document,e=!1,(i=function(){try{o.documentElement.doScroll("left")}catch(c){return void setTimeout(i,50)}t()})(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,t())});function t(){e||(e=!0,h())}var h,o,e,i}(function(){var c,l,t,h,o,e;(c=document.createElement("div")).innerHTML=i,i=null,(l=c.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",t=l,(h=document.body).firstChild?(o=t,(e=h.firstChild).parentNode.insertBefore(o,e)):h.appendChild(t))})}(window); \ No newline at end of file diff --git a/fonts/iconfont/iconfont.json b/fonts/iconfont/iconfont.json new file mode 100644 index 0000000..ba8b249 --- /dev/null +++ b/fonts/iconfont/iconfont.json @@ -0,0 +1 @@ +{"id":"1614736","name":"单色社交图标","font_family":"iconfont","css_prefix_text":"icon-","description":"","glyphs":[{"icon_id":"4766454","name":"book","font_class":"publish","unicode":"e7b3","unicode_decimal":59315},{"icon_id":"4766464","name":"solution","font_class":"resume","unicode":"e7b5","unicode_decimal":59317},{"icon_id":"4766681","name":"trophy","font_class":"trophy","unicode":"e7c4","unicode_decimal":59332},{"icon_id":"4766846","name":"folder","font_class":"category","unicode":"e7d1","unicode_decimal":59345},{"icon_id":"4766883","name":"camera","font_class":"gallery","unicode":"e7d7","unicode_decimal":59351},{"icon_id":"4766888","name":"read","font_class":"blog","unicode":"e7d8","unicode_decimal":59352},{"icon_id":"4766957","name":"wifi","font_class":"rss","unicode":"e7e0","unicode_decimal":59360},{"icon_id":"4766965","name":"link","font_class":"link","unicode":"e7e2","unicode_decimal":59362},{"icon_id":"4766975","name":"tags","font_class":"tags","unicode":"e7e5","unicode_decimal":59365},{"icon_id":"4936955","name":"alipay","font_class":"alipay","unicode":"e87c","unicode_decimal":59516},{"icon_id":"4936957","name":"zhihu","font_class":"zhihu","unicode":"e87d","unicode_decimal":59517},{"icon_id":"4936959","name":"linkedin","font_class":"linkedin","unicode":"e87e","unicode_decimal":59518},{"icon_id":"4936961","name":"facebook","font_class":"facebook","unicode":"e87f","unicode_decimal":59519},{"icon_id":"4936962","name":"skype","font_class":"skype","unicode":"e880","unicode_decimal":59520},{"icon_id":"4936963","name":"CodeSandbox","font_class":"codesandbox","unicode":"e881","unicode_decimal":59521},{"icon_id":"4936965","name":"codepen","font_class":"codepen","unicode":"e882","unicode_decimal":59522},{"icon_id":"4936969","name":"sketch","font_class":"sketch","unicode":"e883","unicode_decimal":59523},{"icon_id":"4936970","name":"Gitlab","font_class":"gitlab","unicode":"e884","unicode_decimal":59524},{"icon_id":"4936971","name":"dribbble","font_class":"dribbble","unicode":"e885","unicode_decimal":59525},{"icon_id":"4936972","name":"instagram","font_class":"instagram","unicode":"e886","unicode_decimal":59526},{"icon_id":"4936973","name":"reddit","font_class":"reddit","unicode":"e887","unicode_decimal":59527},{"icon_id":"4936976","name":"Youtube","font_class":"youtube","unicode":"e888","unicode_decimal":59528},{"icon_id":"4936984","name":"QQ","font_class":"qq","unicode":"e889","unicode_decimal":59529},{"icon_id":"4936985","name":"twitter","font_class":"twitter","unicode":"e88a","unicode_decimal":59530},{"icon_id":"4936987","name":"weibo","font_class":"weibo","unicode":"e88b","unicode_decimal":59531},{"icon_id":"4936991","name":"wechat-fill","font_class":"wechat","unicode":"e88c","unicode_decimal":59532},{"icon_id":"4937000","name":"github-fill","font_class":"github","unicode":"e88d","unicode_decimal":59533}]} \ No newline at end of file diff --git a/fonts/iconfont/iconfont.svg b/fonts/iconfont/iconfont.svg new file mode 100644 index 0000000..c98a0cb --- /dev/null +++ b/fonts/iconfont/iconfont.svg @@ -0,0 +1,107 @@ + + + + + +Created by iconfont + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/iconfont/iconfont.ttf b/fonts/iconfont/iconfont.ttf new file mode 100644 index 0000000..434c902 Binary files /dev/null and b/fonts/iconfont/iconfont.ttf differ diff --git a/fonts/iconfont/iconfont.woff b/fonts/iconfont/iconfont.woff new file mode 100644 index 0000000..b792f34 Binary files /dev/null and b/fonts/iconfont/iconfont.woff differ diff --git a/fonts/iconfont/iconfont.woff2 b/fonts/iconfont/iconfont.woff2 new file mode 100644 index 0000000..8360715 Binary files /dev/null and b/fonts/iconfont/iconfont.woff2 differ diff --git a/fonts/lanting/lanting.TTF b/fonts/lanting/lanting.TTF new file mode 100644 index 0000000..e3c7f7c Binary files /dev/null and b/fonts/lanting/lanting.TTF differ diff --git a/fonts/lanting/lanting.eot b/fonts/lanting/lanting.eot new file mode 100644 index 0000000..b52d22c Binary files /dev/null and b/fonts/lanting/lanting.eot differ diff --git a/fonts/lanting/lanting.otf b/fonts/lanting/lanting.otf new file mode 100644 index 0000000..e8a23a5 Binary files /dev/null and b/fonts/lanting/lanting.otf differ diff --git a/fonts/lanting/lanting.woff b/fonts/lanting/lanting.woff new file mode 100644 index 0000000..af2f1ef Binary files /dev/null and b/fonts/lanting/lanting.woff differ diff --git a/fonts/lanting/lanting.woff2 b/fonts/lanting/lanting.woff2 new file mode 100644 index 0000000..6c97328 Binary files /dev/null and b/fonts/lanting/lanting.woff2 differ diff --git a/guanyuwo/index.html b/guanyuwo/index.html new file mode 100644 index 0000000..69a0d49 --- /dev/null +++ b/guanyuwo/index.html @@ -0,0 +1,154 @@ + + + + + + + + + + + + + + +关于我 | Hexo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ +
+
+
+ +

关于我

+ +
+

inero

一个快乐生活，享受生活的男孩

+

爱好

    +
  • 篮球
    • +
  • 乓乓球
    • +
  • 围棋
    • +
+ +
+
+
+ +
+ + +
+ + + \ No newline at end of file diff --git a/image/avatar.jpeg b/image/avatar.jpeg new file mode 100644 index 0000000..f2ac61d Binary files /dev/null and b/image/avatar.jpeg differ diff --git a/image/picture.jpg b/image/picture.jpg new file mode 100644 index 0000000..0671498 Binary files /dev/null and b/image/picture.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..494b25b --- /dev/null +++ b/index.html @@ -0,0 +1,197 @@ + + + + + + + + + + + + + + +Hexo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ +
+ +
+
+
+ +
+
郑岩钰
+

一个普通人.

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+ + +
+ + + \ No newline at end of file diff --git a/js/mathjax2.7.5.js b/js/mathjax2.7.5.js new file mode 100644 index 0000000..e34295b --- /dev/null +++ b/js/mathjax2.7.5.js @@ -0,0 +1,19 @@ +/* + * /MathJax.js + * + * Copyright (c) 2009-2018 The MathJax Consortium + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +if(document.getElementById&&document.childNodes&&document.createElement){if(!(window.MathJax&&MathJax.Hub)){if(window.MathJax){window.MathJax={AuthorConfig:window.MathJax}}else{window.MathJax={}}MathJax.isPacked=true;MathJax.version="2.7.5";MathJax.fileversion="2.7.5";MathJax.cdnVersion="2.7.5";MathJax.cdnFileVersions={};(function(d){var b=window[d];if(!b){b=window[d]={}}var e=[];var c=function(f){var g=f.constructor;if(!g){g=function(){}}for(var h in f){if(h!=="constructor"&&f.hasOwnProperty(h)){g[h]=f[h]}}return g};var a=function(){return function(){return arguments.callee.Init.call(this,arguments)}};b.Object=c({constructor:a(),Subclass:function(f,h){var g=a();g.SUPER=this;g.Init=this.Init;g.Subclass=this.Subclass;g.Augment=this.Augment;g.protoFunction=this.protoFunction;g.can=this.can;g.has=this.has;g.isa=this.isa;g.prototype=new this(e);g.prototype.constructor=g;g.Augment(f,h);return g},Init:function(f){var g=this;if(f.length===1&&f[0]===e){return g}if(!(g instanceof f.callee)){g=new f.callee(e)}return g.Init.apply(g,f)||g},Augment:function(f,g){var h;if(f!=null){for(h in f){if(f.hasOwnProperty(h)){this.protoFunction(h,f[h])}}if(f.toString!==this.prototype.toString&&f.toString!=={}.toString){this.protoFunction("toString",f.toString)}}if(g!=null){for(h in g){if(g.hasOwnProperty(h)){this[h]=g[h]}}}return this},protoFunction:function(g,f){this.prototype[g]=f;if(typeof f==="function"){f.SUPER=this.SUPER.prototype}},prototype:{Init:function(){},SUPER:function(f){return f.callee.SUPER},can:function(f){return typeof(this[f])==="function"},has:function(f){return typeof(this[f])!=="undefined"},isa:function(f){return(f instanceof Object)&&(this instanceof f)}},can:function(f){return this.prototype.can.call(this,f)},has:function(f){return this.prototype.has.call(this,f)},isa:function(g){var f=this;while(f){if(f===g){return true}else{f=f.SUPER}}return false},SimpleSUPER:c({constructor:function(f){return this.SimpleSUPER.define(f)},define:function(f){var h={};if(f!=null){for(var g in f){if(f.hasOwnProperty(g)){h[g]=this.wrap(g,f[g])}}if(f.toString!==this.prototype.toString&&f.toString!=={}.toString){h.toString=this.wrap("toString",f.toString)}}return h},wrap:function(i,h){if(typeof(h)!=="function"||!h.toString().match(/\.\s*SUPER\s*\(/)){return h}var g=function(){this.SUPER=g.SUPER[i];try{var f=h.apply(this,arguments)}catch(j){delete this.SUPER;throw j}delete this.SUPER;return f};g.toString=function(){return h.toString.apply(h,arguments)};return g}})});b.Object.isArray=Array.isArray||function(f){return Object.prototype.toString.call(f)==="[object Array]"};b.Object.Array=Array})("MathJax");(function(BASENAME){var BASE=window[BASENAME];if(!BASE){BASE=window[BASENAME]={}}var isArray=BASE.Object.isArray;var CALLBACK=function(data){var cb=function(){return arguments.callee.execute.apply(arguments.callee,arguments)};for(var id in CALLBACK.prototype){if(CALLBACK.prototype.hasOwnProperty(id)){if(typeof(data[id])!=="undefined"){cb[id]=data[id]}else{cb[id]=CALLBACK.prototype[id]}}}cb.toString=CALLBACK.prototype.toString;return cb};CALLBACK.prototype={isCallback:true,hook:function(){},data:[],object:window,execute:function(){if(!this.called||this.autoReset){this.called=!this.autoReset;return this.hook.apply(this.object,this.data.concat([].slice.call(arguments,0)))}},reset:function(){delete this.called},toString:function(){return this.hook.toString.apply(this.hook,arguments)}};var ISCALLBACK=function(f){return(typeof(f)==="function"&&f.isCallback)};var EVAL=function(code){return eval.call(window,code)};var TESTEVAL=function(){EVAL("var __TeSt_VaR__ = 1");if(window.__TeSt_VaR__){try{delete window.__TeSt_VaR__}catch(error){window.__TeSt_VaR__=null}}else{if(window.execScript){EVAL=function(code){BASE.__code=code;code="try {"+BASENAME+".__result = eval("+BASENAME+".__code)} catch(err) {"+BASENAME+".__result = err}";window.execScript(code);var result=BASE.__result;delete BASE.__result;delete BASE.__code;if(result instanceof Error){throw result}return result}}else{EVAL=function(code){BASE.__code=code;code="try {"+BASENAME+".__result = eval("+BASENAME+".__code)} catch(err) {"+BASENAME+".__result = err}";var head=(document.getElementsByTagName("head"))[0];if(!head){head=document.body}var script=document.createElement("script");script.appendChild(document.createTextNode(code));head.appendChild(script);head.removeChild(script);var result=BASE.__result;delete BASE.__result;delete BASE.__code;if(result instanceof Error){throw result}return result}}}TESTEVAL=null};var USING=function(args,i){if(arguments.length>1){if(arguments.length===2&&!(typeof arguments[0]==="function")&&arguments[0] instanceof Object&&typeof arguments[1]==="number"){args=[].slice.call(args,i)}else{args=[].slice.call(arguments,0)}}if(isArray(args)&&args.length===1&&typeof(args[0])==="function"){args=args[0]}if(typeof args==="function"){if(args.execute===CALLBACK.prototype.execute){return args}return CALLBACK({hook:args})}else{if(isArray(args)){if(typeof(args[0])==="string"&&args[1] instanceof Object&&typeof args[1][args[0]]==="function"){return CALLBACK({hook:args[1][args[0]],object:args[1],data:args.slice(2)})}else{if(typeof args[0]==="function"){return CALLBACK({hook:args[0],data:args.slice(1)})}else{if(typeof args[1]==="function"){return CALLBACK({hook:args[1],object:args[0],data:args.slice(2)})}}}}else{if(typeof(args)==="string"){if(TESTEVAL){TESTEVAL()}return CALLBACK({hook:EVAL,data:[args]})}else{if(args instanceof Object){return CALLBACK(args)}else{if(typeof(args)==="undefined"){return CALLBACK({})}}}}}throw Error("Can't make callback from given data")};var DELAY=function(time,callback){callback=USING(callback);callback.timeout=setTimeout(callback,time);return callback};var WAITFOR=function(callback,signal){callback=USING(callback);if(!callback.called){WAITSIGNAL(callback,signal);signal.pending++}};var WAITEXECUTE=function(){var signals=this.signal;delete this.signal;this.execute=this.oldExecute;delete this.oldExecute;var result=this.execute.apply(this,arguments);if(ISCALLBACK(result)&&!result.called){WAITSIGNAL(result,signals)}else{for(var i=0,m=signals.length;i0&&priority=0;i--){this.hooks.splice(i,1)}this.remove=[]}});var EXECUTEHOOKS=function(hooks,data,reset){if(!hooks){return null}if(!isArray(hooks)){hooks=[hooks]}if(!isArray(data)){data=(data==null?[]:[data])}var handler=HOOKS(reset);for(var i=0,m=hooks.length;ig){g=document.styleSheets.length}if(!i){i=document.head||((document.getElementsByTagName("head"))[0]);if(!i){i=document.body}}return i};var f=[];var c=function(){for(var k=0,j=f.length;k=this.timeout){i(this.STATUS.ERROR);return 1}return 0},file:function(j,i){if(i<0){a.Ajax.loadTimeout(j)}else{a.Ajax.loadComplete(j)}},execute:function(){this.hook.call(this.object,this,this.data[0],this.data[1])},checkSafari2:function(i,j,k){if(i.time(k)){return}if(document.styleSheets.length>j&&document.styleSheets[j].cssRules&&document.styleSheets[j].cssRules.length){k(i.STATUS.OK)}else{setTimeout(i,i.delay)}},checkLength:function(i,l,n){if(i.time(n)){return}var m=0;var j=(l.sheet||l.styleSheet);try{if((j.cssRules||j.rules||[]).length>0){m=1}}catch(k){if(k.message.match(/protected variable|restricted URI/)){m=1}else{if(k.message.match(/Security error/)){m=1}}}if(m){setTimeout(a.Callback([n,i.STATUS.OK]),0)}else{setTimeout(i,i.delay)}}},loadComplete:function(i){i=this.fileURL(i);var j=this.loading[i];if(j&&!j.preloaded){a.Message.Clear(j.message);clearTimeout(j.timeout);if(j.script){if(f.length===0){setTimeout(c,0)}f.push(j.script)}this.loaded[i]=j.status;delete this.loading[i];this.addHook(i,j.callback)}else{if(j){delete this.loading[i]}this.loaded[i]=this.STATUS.OK;j={status:this.STATUS.OK}}if(!this.loadHooks[i]){return null}return this.loadHooks[i].Execute(j.status)},loadTimeout:function(i){if(this.loading[i].timeout){clearTimeout(this.loading[i].timeout)}this.loading[i].status=this.STATUS.ERROR;this.loadError(i);this.loadComplete(i)},loadError:function(i){a.Message.Set(["LoadFailed","File failed to load: %1",i],null,2000);a.Hub.signal.Post(["file load error",i])},Styles:function(k,l){var i=this.StyleString(k);if(i===""){l=a.Callback(l);l()}else{var j=document.createElement("style");j.type="text/css";this.head=h(this.head);this.head.appendChild(j);if(j.styleSheet&&typeof(j.styleSheet.cssText)!=="undefined"){j.styleSheet.cssText=i}else{j.appendChild(document.createTextNode(i))}l=this.timer.create.call(this,l,j)}return l},StyleString:function(n){if(typeof(n)==="string"){return n}var k="",o,m;for(o in n){if(n.hasOwnProperty(o)){if(typeof n[o]==="string"){k+=o+" {"+n[o]+"}\n"}else{if(a.Object.isArray(n[o])){for(var l=0;l="0"&&q<="9"){f[j]=p[f[j]-1];if(typeof f[j]==="number"){f[j]=this.number(f[j])}}else{if(q==="{"){q=f[j].substr(1);if(q>="0"&&q<="9"){f[j]=p[f[j].substr(1,f[j].length-2)-1];if(typeof f[j]==="number"){f[j]=this.number(f[j])}}else{var k=f[j].match(/^\{([a-z]+):%(\d+)\|(.*)\}$/);if(k){if(k[1]==="plural"){var d=p[k[2]-1];if(typeof d==="undefined"){f[j]="???"}else{d=this.plural(d)-1;var h=k[3].replace(/(^|[^%])(%%)*%\|/g,"$1$2%\uEFEF").split(/\|/);if(d>=0&&d=3){c.push([f[0],f[1],this.processSnippet(g,f[2])])}else{c.push(e[d])}}}}else{c.push(e[d])}}return c},markdownPattern:/(%.)|(\*{1,3})((?:%.|.)+?)\2|(`+)((?:%.|.)+?)\4|\[((?:%.|.)+?)\]\(([^\s\)]+)\)/,processMarkdown:function(b,h,d){var j=[],e;var c=b.split(this.markdownPattern);var g=c[0];for(var f=1,a=c.length;f1?d[1]:""));f=null}if(e&&(!b.preJax||d)){c.nodeValue=c.nodeValue.replace(b.postJax,(e.length>1?e[1]:""))}if(f&&!f.nodeValue.match(/\S/)){f=f.previousSibling}}if(b.preRemoveClass&&f&&f.className===b.preRemoveClass){a.MathJax.preview=f}a.MathJax.checked=1},processInput:function(a){var b,i=MathJax.ElementJax.STATE;var h,e,d=a.scripts.length;try{while(a.ithis.processUpdateTime&&a.i1){d.jax[a.outputJax].push(b)}b.MathJax.state=c.OUTPUT},prepareOutput:function(c,f){while(c.jthis.processUpdateTime&&h.i=0;q--){if((b[q].src||"").match(f)){s.script=b[q].innerHTML;if(RegExp.$2){var t=RegExp.$2.substr(1).split(/\&/);for(var p=0,l=t.length;p=parseInt(y[z])}}return true},Select:function(j){var i=j[d.Browser];if(i){return i(d.Browser)}return null}};var e=k.replace(/^Mozilla\/(\d+\.)+\d+ /,"").replace(/[a-z][-a-z0-9._: ]+\/\d+[^ ]*-[^ ]*\.([a-z][a-z])?\d+ /i,"").replace(/Gentoo |Ubuntu\/(\d+\.)*\d+ (\([^)]*\) )?/,"");d.Browser=d.Insert(d.Insert(new String("Unknown"),{version:"0.0"}),a);for(var v in a){if(a.hasOwnProperty(v)){if(a[v]&&v.substr(0,2)==="is"){v=v.slice(2);if(v==="Mac"||v==="PC"){continue}d.Browser=d.Insert(new String(v),a);var r=new RegExp(".*(Version/| Trident/.*; rv:)((?:\\d+\\.)+\\d+)|.*("+v+")"+(v=="MSIE"?" ":"/")+"((?:\\d+\\.)*\\d+)|(?:^|\\(| )([a-z][-a-z0-9._: ]+|(?:Apple)?WebKit)/((?:\\d+\\.)+\\d+)");var u=r.exec(e)||["","","","unknown","0.0"];d.Browser.name=(u[1]!=""?v:(u[3]||u[5]));d.Browser.version=u[2]||u[4]||u[6];break}}}try{d.Browser.Select({Safari:function(j){var i=parseInt((String(j.version).split("."))[0]);if(i>85){j.webkit=j.version}if(i>=538){j.version="8.0"}else{if(i>=537){j.version="7.0"}else{if(i>=536){j.version="6.0"}else{if(i>=534){j.version="5.1"}else{if(i>=533){j.version="5.0"}else{if(i>=526){j.version="4.0"}else{if(i>=525){j.version="3.1"}else{if(i>500){j.version="3.0"}else{if(i>400){j.version="2.0"}else{if(i>85){j.version="1.0"}}}}}}}}}}j.webkit=(navigator.appVersion.match(/WebKit\/(\d+)\./))[1];j.isMobile=(navigator.appVersion.match(/Mobile/i)!=null);j.noContextMenu=j.isMobile},Firefox:function(j){if((j.version==="0.0"||k.match(/Firefox/)==null)&&navigator.product==="Gecko"){var m=k.match(/[\/ ]rv:(\d+\.\d.*?)[\) ]/);if(m){j.version=m[1]}else{var i=(navigator.buildID||navigator.productSub||"0").substr(0,8);if(i>="20111220"){j.version="9.0"}else{if(i>="20111120"){j.version="8.0"}else{if(i>="20110927"){j.version="7.0"}else{if(i>="20110816"){j.version="6.0"}else{if(i>="20110621"){j.version="5.0"}else{if(i>="20110320"){j.version="4.0"}else{if(i>="20100121"){j.version="3.6"}else{if(i>="20090630"){j.version="3.5"}else{if(i>="20080617"){j.version="3.0"}else{if(i>="20061024"){j.version="2.0"}}}}}}}}}}}}j.isMobile=(navigator.appVersion.match(/Android/i)!=null||k.match(/ Fennec\//)!=null||k.match(/Mobile/)!=null)},Chrome:function(i){i.noContextMenu=i.isMobile=!!navigator.userAgent.match(/ Mobile[ \/]/)},Opera:function(i){i.version=opera.version()},Edge:function(i){i.isMobile=!!navigator.userAgent.match(/ Phone/)},MSIE:function(j){j.isMobile=!!navigator.userAgent.match(/ Phone/);j.isIE9=!!(document.documentMode&&(window.performance||window.msPerformance));MathJax.HTML.setScriptBug=!j.isIE9||document.documentMode<9;MathJax.Hub.msieHTMLCollectionBug=(document.documentMode<9);if(document.documentMode<10&&!s.params.NoMathPlayer){try{new ActiveXObject("MathPlayer.Factory.1");j.hasMathPlayer=true}catch(m){}try{if(j.hasMathPlayer){var i=document.createElement("object");i.id="mathplayer";i.classid="clsid:32F66A20-7614-11D4-BD11-00104BD3F987";g.appendChild(i);document.namespaces.add("m","http://www.w3.org/1998/Math/MathML");j.mpNamespace=true;if(document.readyState&&(document.readyState==="loading"||document.readyState==="interactive")){document.write('');j.mpImported=true}}else{document.namespaces.add("mjx_IE_fix","http://www.w3.org/1999/xlink")}}catch(m){}}}})}catch(c){console.error(c.message)}d.Browser.Select(MathJax.Message.browsers);if(h.AuthorConfig&&typeof h.AuthorConfig.AuthorInit==="function"){h.AuthorConfig.AuthorInit()}d.queue=h.Callback.Queue();d.queue.Push(["Post",s.signal,"Begin"],["Config",s],["Cookie",s],["Styles",s],["Message",s],function(){var i=h.Callback.Queue(s.Jax(),s.Extensions());return i.Push({})},["Menu",s],s.onLoad(),function(){MathJax.isReady=true},["Typeset",s],["Hash",s],["MenuZoom",s],["Post",s.signal,"End"])})("MathJax")}}; \ No newline at end of file diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..e746cea --- /dev/null +++ b/js/script.js @@ -0,0 +1,87 @@ +// declaraction of document.ready() function. +(function () { + var ie = !!(window.attachEvent && !window.opera); + var wk = /webkit\/(\d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525); + var fn = []; + var run = function () { + for (var i = 0; i < fn.length; i++) fn[i](); + }; + var d = document; + d.ready = function (f) { + if (!ie && !wk && d.addEventListener) + return d.addEventListener('DOMContentLoaded', f, false); + if (fn.push(f) > 1) return; + if (ie) + (function () { + try { + d.documentElement.doScroll('left'); + run(); + } catch (err) { + setTimeout(arguments.callee, 0); + } + })(); + else if (wk) + var t = setInterval(function () { + if (/^(loaded|complete)$/.test(d.readyState)) + clearInterval(t), run(); + }, 0); + }; +})(); + + +document.ready( + // toggleTheme function. + // this script shouldn't be changed. + () => { + var _Blog = window._Blog || {}; + const currentTheme = window.localStorage && window.localStorage.getItem('theme'); + const isDark = currentTheme === 'dark'; + const pagebody = document.getElementsByTagName('body')[0] + if (isDark) { + document.getElementById("switch_default").checked = true; + // mobile + document.getElementById("mobile-toggle-theme").innerText = "· Dark" + } else { + document.getElementById("switch_default").checked = false; + // mobile + document.getElementById("mobile-toggle-theme").innerText = "· Light" + } + _Blog.toggleTheme = function () { + if (isDark) { + pagebody.classList.add('dark-theme'); + // mobile + document.getElementById("mobile-toggle-theme").innerText = "· Dark" + } else { + pagebody.classList.remove('dark-theme'); + // mobile + document.getElementById("mobile-toggle-theme").innerText = "· Light" + } + document.getElementsByClassName('toggleBtn')[0].addEventListener('click', () => { + if (pagebody.classList.contains('dark-theme')) { + pagebody.classList.remove('dark-theme'); + } else { + pagebody.classList.add('dark-theme'); + } + window.localStorage && + window.localStorage.setItem('theme', document.body.classList.contains('dark-theme') ? 'dark' : 'light',) + }) + // moblie + document.getElementById('mobile-toggle-theme').addEventListener('click', () => { + if (pagebody.classList.contains('dark-theme')) { + pagebody.classList.remove('dark-theme'); + // mobile + document.getElementById("mobile-toggle-theme").innerText = "· Light" + + } else { + pagebody.classList.add('dark-theme'); + // mobile + document.getElementById("mobile-toggle-theme").innerText = "· Dark" + } + window.localStorage && + window.localStorage.setItem('theme', document.body.classList.contains('dark-theme') ? 'dark' : 'light',) + }) + }; + _Blog.toggleTheme(); + // ready function. + } +); diff --git a/js/tocbot.min.js b/js/tocbot.min.js new file mode 100644 index 0000000..e9bc290 --- /dev/null +++ b/js/tocbot.min.js @@ -0,0 +1 @@ +!function(e){function t(o){if(n[o])return n[o].exports;var l=n[o]={i:o,l:!1,exports:{}};return e[o].call(l.exports,l,l.exports,t),l.l=!0,l.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){(function(o){var l,r,i;!function(n,o){r=[],l=o(n),void 0!==(i="function"==typeof l?l.apply(t,r):l)&&(e.exports=i)}(void 0!==o?o:this.window||this.global,function(e){"use strict";function t(){for(var e={},t=0;te.fixedSidebarOffset?-1===n.className.indexOf(e.positionFixedClass)&&(n.className+=p+e.positionFixedClass):n.className=n.className.split(p+e.positionFixedClass).join("")}function i(t){var n=0;return t!=document.querySelector(e.contentSelector&&null!=t)&&(n=t.offsetTop,e.hasInnerContainers&&(n+=i(t.offsetParent))),n}function s(t){if(e.scrollContainer&&document.querySelector(e.scrollContainer))var n=document.querySelector(e.scrollContainer).scrollTop;else var n=document.documentElement.scrollTop||m.scrollTop;e.positionFixedSelector&&r();var o,l=t;if(h&&null!==document.querySelector(e.tocSelector)&&l.length>0){f.call(l,function(t,r){if(i(t)>n+e.headingsOffset+10){return o=l[0===r?r:r-1],!0}if(r===l.length-1)return o=l[l.length-1],!0});var s=document.querySelector(e.tocSelector).querySelectorAll("."+e.linkClass);d.call(s,function(t){t.className=t.className.split(p+e.activeLinkClass).join("")});var a=document.querySelector(e.tocSelector).querySelectorAll("."+e.listItemClass);d.call(a,function(t){t.className=t.className.split(p+e.activeListItemClass).join("")});var u=document.querySelector(e.tocSelector).querySelector("."+e.linkClass+".node-name--"+o.nodeName+'[href="#'+o.id+'"]');-1===u.className.indexOf(e.activeLinkClass)&&(u.className+=p+e.activeLinkClass);var C=u.parentNode;C&&-1===C.className.indexOf(e.activeListItemClass)&&(C.className+=p+e.activeListItemClass);var v=document.querySelector(e.tocSelector).querySelectorAll("."+e.listClass+"."+e.collapsibleClass);d.call(v,function(t){-1===t.className.indexOf(e.isCollapsedClass)&&(t.className+=p+e.isCollapsedClass)}),u.nextSibling&&-1!==u.nextSibling.className.indexOf(e.isCollapsedClass)&&(u.nextSibling.className=u.nextSibling.className.split(p+e.isCollapsedClass).join("")),c(u.parentNode.parentNode)}}function c(t){return-1!==t.className.indexOf(e.collapsibleClass)&&-1!==t.className.indexOf(e.isCollapsedClass)?(t.className=t.className.split(p+e.isCollapsedClass).join(""),c(t.parentNode.parentNode)):t}function a(t){var n=t.target||t.srcElement;"string"==typeof n.className&&-1!==n.className.indexOf(e.linkClass)&&(h=!1)}function u(){h=!0}var d=[].forEach,f=[].some,m=document.body,h=!0,p=" ";return{enableTocAnimation:u,disableTocAnimation:a,render:n,updateToc:s}}},function(e,t){e.exports=function(e){function t(e){return e[e.length-1]}function n(e){return+e.nodeName.split("H").join("")}function o(t){var o={id:t.id,children:[],nodeName:t.nodeName,headingLevel:n(t),textContent:t.textContent.trim()};return e.includeHtml&&(o.childNodes=t.childNodes),o}function l(l,r){for(var i=o(l),s=n(l),c=r,a=t(c),u=a?a.headingLevel:0,d=s-u;d>0;)a=t(c),a&&void 0!==a.children&&(c=a.children),d--;return s>=e.collapseDepth&&(i.isCollapsed=!0),c.push(i),c}function r(t,n){var o=n;e.ignoreSelector&&(o=n.split(",").map(function(t){return t.trim()+":not("+e.ignoreSelector+")"}));try{return document.querySelector(t).querySelectorAll(o)}catch(e){return console.warn("Element not found: "+t),null}}function i(e){return s.call(e,function(e,t){return l(o(t),e.nest),e},{nest:[]})}var s=[].reduce;return{nestHeadingsArray:i,selectHeadings:r}}},function(e,t){function n(e){function t(e){return"a"===e.tagName.toLowerCase()&&(e.hash.length>0||"#"===e.href.charAt(e.href.length-1))&&(n(e.href)===s||n(e.href)+"#"===s)}function n(e){return e.slice(0,e.lastIndexOf("#"))}function l(e){var t=document.getElementById(e.substring(1));t&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())}!function(){document.documentElement.style}();var r=e.duration,i=e.offset,s=location.hash?n(location.href):location.href;!function(){function n(n){!t(n.target)||n.target.className.indexOf("no-smooth-scroll")>-1||"#"===n.target.href.charAt(n.target.href.length-2)&&"!"===n.target.href.charAt(n.target.href.length-1)||-1===n.target.className.indexOf(e.linkClass)||o(n.target.hash,{duration:r,offset:i,callback:function(){l(n.target.hash)}})}document.body.addEventListener("click",n,!1)}()}function o(e,t){function n(e){i=e-r,window.scrollTo(0,c.easing(i,s,u,d)),i + + + + + + + + + + + + + +文章列表 | Hexo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ +
+
+
+ +

文章列表

+ +
+

我的文章

    +
  • 暂无
    • +
+ +
+
+
+ +
+
+
+ © John Doe | Powered by Hexo & Chic +
+
+ +
+ + + \ No newline at end of file diff --git a/zongjiebaogao/index.html b/zongjiebaogao/index.html new file mode 100644 index 0000000..7f3c027 --- /dev/null +++ b/zongjiebaogao/index.html @@ -0,0 +1,172 @@ + + + + + + + + + + + + + + +总结报告 | Hexo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+ +
+
+
+ +

总结报告

+ +
+

个人总结报告

博客主题及其选取原因

我选择可博客主题名为Chic，我看中它的原因是他主色调为黑白，简洁又大气选择框架
博客的主体框架是从Hexo上下载的，Hexo的使用比较频繁且博客页面的主题也比较多。而且Hexo的相关教程很多，部署也很方便。

+

博客页面布局及其设计思路

    +

  • 它的主题首页，左上角为博客名称，右上角分别有首页，关于我，文章列表，文章详情4个界面

    +

    还有一个切换白天夜间模式的按钮，中间是人物头像和个人简介

    +

    底下有6个图标分别对应文章，标签，知乎，ins，reddit和github

    +

    博客功能实现及其技术选择

    本博客主要实现了以下几个功能：

    +
      +

    • 一目了然的选择界面

      +
      • +

    • 日间模式与夜间模式的切换

      +
      • +

    • 跳转到各个网址的按钮

      +
      • +
    +

    技术选择
    Hexo，使用的包管理器为npm，其可以简单地安装Hexo框架及其相关插件。用markdown编写文章

    +

    使用Github Page来在公网上发布博客。

    +

    博客制作过程中遇到的问题及其解决方法

    • +
+
问题一

之前选用了别的主题，但发现无法导入

+

解决方法：采用本主题

+
问题二

第一次使用hexo，所以git，nodejs的环境配置花费较长时间

+

解决方法：看B站视频教程一步一步配置环境

+
问题三

图片上传后无法显示

+

解决方法：多次尝试修改仍旧无法显示，遂放弃

+ +
+
+
+ +
+ + +
+ + + \ No newline at end of file diff --git a/zongjiebaogao/index/shouye.png b/zongjiebaogao/index/shouye.png new file mode 100644 index 0000000..9559166 Binary files /dev/null and b/zongjiebaogao/index/shouye.png differ diff --git a/zongjiebaogao/shouye.png b/zongjiebaogao/shouye.png new file mode 100644 index 0000000..9559166 Binary files /dev/null and b/zongjiebaogao/shouye.png differ