commit daaacd3aa8685e61b46bb09d18ef42a7861bae83
Author: InkSoul <qingci30@163.com>
Date:   Sun Jun 18 23:16:41 2023 +0800

    init

diff --git a/.hugo_build.lock b/.hugo_build.lock
new file mode 100644
index 0000000..e69de29
diff --git a/archetypes/408.md b/archetypes/408.md
new file mode 100644
index 0000000..3021163
--- /dev/null
+++ b/archetypes/408.md
@@ -0,0 +1,7 @@
+---
+title: "<操作系统>{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+
+---
+## 知识框架
+
diff --git a/archetypes/Plumage.md b/archetypes/Plumage.md
new file mode 100644
index 0000000..992fe0f
--- /dev/null
+++ b/archetypes/Plumage.md
@@ -0,0 +1,27 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+
+---
+
+* engine
+  * 3rdparty
+  * asset
+  * bin
+  * shader
+  * source
+    * editor
+    * precompile
+    * runtime
+    * core
+      * base
+        * macro.h
+      * log
+        * log_system.h
+        * log_system.cpp
+      * math
+        * random.h
+      * meta
+    * function
+    * platform
+    * resource
diff --git a/archetypes/default.md b/archetypes/default.md
new file mode 100644
index 0000000..867b7c0
--- /dev/null
+++ b/archetypes/default.md
@@ -0,0 +1,5 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+
+---
diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000..d69f681
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,1434 @@
+##########################################
+# 站点配置
+
+baseURL = "http://www.inksoul.top"
+title = "飞鸿踏雪"
+languageCode = "zh-CN"
+hasCJKLanguage = true
+# 版权信息（支持 Markdown）
+copyright = "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)"
+
+# 主题选择
+theme = "meme_cdn"
+
+# `hugo new` 新建文章自动打开的文本编辑器
+newContentEditor = ""
+
+# i18n
+defaultContentLanguage = "zh"
+defaultContentLanguageInSubdir = false
+
+# 是否复数化列表页面的标题
+pluralizeListTitles = false
+
+# 摘要的字数限制
+summaryLength = 42
+
+# 是否开启 GitHub 风格的 Emoji 书写方式
+enableEmoji = false
+
+# 脚注的返回链接中的文本
+footnoteReturnLinkContents = "↩"
+
+# 是否启用 Git 版本信息
+enableGitInfo = false
+
+# 是否生成 robots.txt 文件
+enableRobotsTXT = true
+
+# 每一分页的文章数（仅对「文章摘要」首页布局有效）
+paginate = 5
+
+# URL 相关
+disablePathToLower = false
+relativeURLs = false
+uglyURLs = false
+
+# URL 结构
+[permalinks]
+    #categories = "/categories/:slug/"
+    tags = "/tags/:slug/"
+
+# 类别
+[taxonomies]
+    # category = "categories"
+    tag = "tags"
+
+# 修改时间
+[frontmatter]
+    lastmod = ["lastmod", ":git", ":fileModTime", ":default"]
+
+# Markdown 渲染器
+[markup]
+    defaultMarkdownHandler = "goldmark"
+    [markup.goldmark]
+        [markup.goldmark.extensions]
+            definitionList = true
+            footnote = true
+            linkify = true
+            strikethrough = true
+            table = true
+            taskList = true
+            typographer = false
+        [markup.goldmark.parser]
+            attribute = true
+            autoHeadingID = true
+            autoHeadingIDType = "github"
+        [markup.goldmark.renderer]
+            hardWraps = false
+            unsafe = true
+            xHTML = false
+    [markup.highlight]
+        codeFences = true
+        guessSyntax = false
+        lineNos = true
+        lineNumbersInTable = true
+        noClasses = false
+    [markup.tableOfContents]
+        startLevel = 2
+        endLevel = 6
+        ordered = true
+
+# 压缩 HTML
+[minify.tdewolff.html]
+    keepWhitespace = false
+
+# 作者信息
+[author]
+    # 名字
+    name = "InkSoul"
+    # 邮箱
+    email = "qingci30@163.com"
+    # 座右铭或简介
+    motto = ""
+    # 头像
+    avatar = "/icons/apple-touch-icon.png"
+    # 网站（默认值：baseURL）
+    website = "http://www.inksoul.top"
+    # 推特
+    twitter = ""
+
+# 相关文章
+[related]
+    threshold = 80
+    includeNewer = true
+    toLower = true
+    [[related.indices]]
+        name = "categories"
+        weight = 100
+    [[related.indices]]
+        name = "tags"
+        weight = 95
+    [[related.indices]]
+        name = "date"
+        weight = 10
+        pattern = "2006"
+
+# Atom 文件格式的媒体类型
+[mediaTypes."application/atom+xml"]
+    suffixes = ["xml"]
+
+# MemE 主题自定义的 Atom 模板
+[outputFormats.SectionsAtom]
+    mediaType = "application/atom+xml"
+    baseName = "atom"
+
+# MemE 主题自定义的 RSS 模板
+[outputFormats.SectionsRSS]
+    mediaType = "application/rss+xml"
+    baseName = "rss"
+
+# lunr.js 的搜索索引
+[outputFormats.SearchIndex]
+    mediaType = "application/json"
+    baseName = "search"
+
+# Algolia 的搜索索引
+[outputFormats.Algolia]
+    mediaType = "application/json"
+    baseName = "algolia"
+    isPlainText = true
+    notAlternative = true
+
+# Hugo 的输出控制
+[outputs]
+    page = ["HTML"]
+    # home = ["HTML", "SectionsAtom", "SectionsRSS", "SearchIndex", "Algolia"]
+    home = ["HTML", "SectionsAtom", "SectionsRSS"]
+    section = ["HTML"]
+    taxonomy = ["HTML"]
+    term = ["HTML"]
+
+# RSS & Atom 文章数限制
+[services.rss]
+    limit = -1
+
+
+
+##########################################
+# 菜单配置
+
+# MemE 主题支持以下四种菜单：
+# 1. main       顶栏下方（居中布局）或里面（弹性
+#               布局）的菜单栏
+# 2. home       首页的底部链接（适用于「诗意
+#               人生」和「视频片段」布局）
+# 3. socials    社交栏（关于页面的极简页脚）
+# 4. links      链接栏（关于页面的极简页脚）
+
+# 菜单内的配置说明如下：
+# pageref/url   内链地址/外链地址
+# name          文本（留空（""）则无）
+# weight        位置
+# pre           内链（internal）或外链（external）
+# post          图标（留空（""）则无）
+# identifier    图标的 Class 名
+#               （对于弹性布局的顶栏有三个特殊
+#               的值：`theme-switcher`、
+#               `lang-switcher`、`search`）
+
+[menu]
+    ## 菜单栏
+    # [[menu.main]]
+     #    pageref = "/"
+      #   name = "首页"
+      #   weight = 1
+       #  pre = "internal"
+        # post = "home"
+    #[[menu.main]]
+     #   pageref = "/posts/"
+     #   name = "文章"
+      #  weight = 2
+       # pre = "internal"
+        #post = "archive"
+    #[[menu.main]]
+    #    pageref = "/categories/"
+    #    name = "分类"
+    #    weight = 3
+    #    pre = "internal"
+    #    post = "th"
+    #[[menu.main]]
+    #    pageref = "/tags/"
+    #    name = "标签"
+    #    weight = 4
+    #    pre = "internal"
+    #    post = "tags"
+    [[menu.main]]
+        pageref = "/computergraphic/"
+        name = "图形学"
+        weight = 1
+        pre = "internal"
+        post ="cube"
+        identifier = "computergraphic"
+
+    [[menu.main]]
+        pageref = "/algorithm/"
+        name = "算法"
+        weight = 2
+        pre = "internal"
+        post = "light-bulb"
+        identifier = "algorithm"
+
+    [[menu.main]]
+        pageref = "/mathematics/"
+        name = "数学"
+        weight = 3
+        pre = "internal"
+        post = "square-root-variable"
+        identifier = "mathematics"
+
+    [[menu.main]]
+        pageref = "/408/"
+        name = "408"
+        weight = 4
+        pre = "internal"
+        post = "cubes"
+        identifier = "408"
+
+    [[menu.main]]
+        pageref = "/stuff/"
+        name = "杂物"
+        weight = 4
+        pre = "internal"
+        post = "satellite-dish"
+        identifier = "stuff"
+
+    [[menu.main]]
+        pageref = "/about/"
+        name = "关于"
+        weight = 6
+        pre = "internal"
+        post = "user-circle"
+
+    [[menu.main]]
+        weight = 7
+        identifier = "theme-switcher"
+
+    [[menu.main]]
+        weight = 8
+        identifier = "lang-switcher"
+        
+    # [[menu.main]]
+    #     weight = 8
+    #     identifier = "search"
+    #     post = "search"
+
+
+
+##########################################
+# 主题配置
+
+[params]
+    ######################################
+    # 顶栏
+
+    # 是否开启
+    enableHeader = true
+
+    # 是否自动隐藏
+    enableHeaderAutoHide = false
+    # 说明：仅对弹性布局的顶栏有效
+
+    # 是否在首页显示
+    displayHeaderInHome = true
+    # 说明：对弹性布局的顶栏无效
+
+    # 背景
+    headerBackground = "linear-gradient(90deg, #f795331a 0, #f370551a 15%, #ef4e7b1a 30%, #a166ab1a 44%, #5073b81a 58%, #1098ad1a 72%, #07b39b1a 86%, #6dba821a 100%)"
+    # 说明：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background
+
+    # 顶栏布局
+    headerLayout = "flex"
+    # 说明：居中布局（center）或弹性布局（flex）
+
+    # 在窄视图下隐藏菜单栏并显示一个按钮？
+    enableNavToggle = true
+
+    navHeight = "9em"
+    # 说明：菜单栏展开时的高度
+
+
+    ######################################
+    # 品牌栏（在顶栏内）
+
+    # 是否使用 SVG 图片
+    siteBrandSVG = false
+    # 如果是，请将你的 SVG 放到 `SVG.toml` 文
+    # 件内，并配置以下项。单位：px。
+    siteBrandSVGWidth = 250
+    siteBrandSVGHeight = 100
+    siteBrandSVGFill = "#fff"
+    # 如果否，则会使用你的站点标题作为默认值，并
+    # 以文字的形式显示，下方可配置字号和字色。字
+    # 体请到底部的字体部分配置。单位：em。
+    siteBrandFontSize = 1
+    siteBrandFontColor = "var(--color-contrast-high)"
+
+
+    ######################################
+    # 菜单栏
+
+    # 是否开启
+    enableMenu = true
+    # 说明：对弹性布局的顶栏无效
+
+    # 是否在首页显示
+    displayMenuInHome = true
+    # 说明：对弹性布局的顶栏无效
+
+    # 是否按文章分区高亮当前菜单项
+    activeInSection = false
+    # 说明：如果开启，那么当某一文章的分区名是某
+    #      一菜单项中的 `url` 时，该文章页面中
+    #      的该菜单项也会被高亮
+
+
+    ######################################
+    # 首页布局
+
+    # MemE 主题有以下四种首页布局：
+    # 1. poetry    诗意人生
+    # 2. footage   视频片段
+    # 3. posts     文章摘要
+    # 4. page      普通页面
+
+    homeLayout = "poetry"
+
+    ## 「诗意人生」
+    # 诗句，支持 Markdown
+    homePoetry = [ "人生到处知何似","应似飞鸿踏雪泥","泥上偶然留指爪","鸿飞那复计东西"]
+    # 底部链接的内间距，单位：em
+    homeLinksPadding = 1
+
+    ## 「视频片段」
+    homePoster = ""
+    homeVideoWebm = ""
+    homeVideoMp4 = ""
+    homeLogo = ""
+    homeLogoLink = ""
+    homeTitle = ""
+    homeMotto = ""
+    homeDescription = ""
+    homeKeywords = ""
+    homeLinksDelimiter = ""
+
+
+    ######################################
+    # 站点信息
+
+    # 站点的 LOGO
+    siteLogo = "/icons/apple-touch-icon.png"
+    # 说明：用于 JSON-LD、Open Graph
+
+    # 站点的描述
+    siteDescription = "飞鸿踏雪是一个个人小站，记录分享个人的学习历程"
+    # 说明：用于 HTML 的头部元数据、JSON-LD、
+    #      Open Graph、Atom、RSS
+
+    # 站点的创建时间
+    siteCreatedTime = "2022-05-10T20:17:43+00:00"
+    # 注意：请保持此格式，更改数字
+
+    # 站点的推特帐号
+    siteTwitter = ""
+    # 说明：用于 Twitter Cards
+
+
+    ######################################
+    # 分类方式
+
+    # MemE 主题支持以下两种分类方式：
+    # 1. sections       分区
+    # 2. categories     部类
+    # 其中，分区是基于站点的 content 目录下的
+    # 文件夹和子文件夹；部类是基于文章的 Front
+    # Matter。分类即树状分类，Hexo 是基于文章
+    # 的 Front Matter，Hugo 则是基于文件系统
+    # 的结构。由于设计理念的不同，导致了 Hexo
+    # 与 Hugo 的这个差异，故在此设计这个选项，
+    # 以对从 Hexo 过来的用户友好。但是请注意：
+    # Hugo 中无法完全实现基于 Front Matter
+    # 的树状分类，故如需保留树状分类，建议适应
+    # Hugo 的设计理念——分区。
+
+    categoryBy = "sections"
+    # 注意：如果你设置为 `sections`，请务必将
+    #      此配置文件中的类别（taxonomies）中
+    #      的 `categories` 删除，不然分类页
+    #      面会失效。同时，你还需要自己新建一个
+    #      `content/categories/_index.md`
+    #      文件。
+
+
+    ######################################
+    # 分类页面
+
+    # 是否开启树状布局
+    enableTree = true
+    # 注意：如果你设置 categoryBy 为
+    # `sections`，则无法关闭树状布局
+
+    # 是否显示文章标题
+    displayPosts = true
+
+    # 是否显示每一分类下的文章数
+    displayPostsCount = true
+
+    # 设置一个非负数来限制每一分类下展示的文章数
+    limitPostsLimit = 10
+
+
+    ######################################
+    # 标签页面
+
+    # 是否开启标签云
+    enableTagCloud = true
+    # 字号单位
+    fontUnit = "em"
+    # 最大字号
+    largestFontSize = 2.5
+    # 最小字号
+    smallestFontSize = 1
+
+
+    ######################################
+    # 列表页面
+
+    # 宽度
+    listWidth = 36
+    # 说明：如果留空（""），则用 42 作为默认值
+    #      单位：em
+
+    # 是否显示列表标题
+    displayListTitle = true
+
+    # 日期的格式
+    listDateFormat = "2006-01-02"
+    # 注意：请遵循格式 https://gohugo.io/functions/format/
+
+    # 日期的位置
+    listDatePosition = "right"
+    # 说明：left（左边）或 right（右边）
+
+    # 是否按月份分隔列表
+    groupByMonth = false
+
+    # 是否开启十二生肖
+    chineseZodiac = true
+
+    # 是否翻译年份（仅对年份标题有效）
+    i18nYear = false
+    # 是否翻译月份（仅对月份标题有效）
+    i18nMonth = false
+
+
+    ######################################
+    # 类别列表页面
+
+    # 说明：对于分类页面，你可以设置 `enableTree`
+    #      为 false 以得到一个普通的类别列表页
+    #      面；对于标签页面，你可以设置
+    #      `enableTagCloud` 为 false 以得到
+    #      一个普通的类别列表页面。
+
+    # 是否显示每一类别项下的文章数
+    displayTaxonomyTermCount = true
+
+    # 设置一个非负数来限制每一类别项下展示的文章数
+    limitEntriesLimit = -1
+
+
+    ######################################
+    # 文章分区范围
+
+    # 说明：分区的名字即站点的 content 目录下
+    #      的文件夹的名字。
+
+     mainSections = ["computergraphic","algorithm","mathematics","408","stuff"]
+
+
+    ######################################
+    # Atom & RSS
+
+    # 是否包括全文内容
+    includeContent = true
+    # 说明：如果否，则只会包含文章的摘要。关于摘
+    #      要，Hugo 能按你设置的字数限制自动截
+    #      取，你也可以在文章中通过
+    #      `<!--more-->`（没有空格）手动控制，
+    #      或者在文章的 Front Matter 中通过
+    #      `summary` 手动指定。其中，应用的优
+    #      先级顺序：手动指定 > 手动控制 > 自
+    #      动截取。还需要注意的是，在 MemE 主
+    #      题自定义的 Atom 和 RSS 的模板中，
+    #      有一个比手动指定更高的优先级——
+    #      Front Matter 中的 `description`。
+
+
+    ######################################
+    # 深色模式
+
+    # 是否开启
+    enableDarkMode = true
+
+    # 默认模式
+    defaultTheme = "light"
+    # 说明：light（浅色模式）或 dark（深色模式）
+
+    # 是否隐藏模式切换开关
+    hideThemeToggle = false
+    # 是否在首页隐藏模式切换开关
+    hideThemeToggleInHome = false
+    # 说明：如果开启了深色模式，即使你隐藏了开关，
+    #      你的读者依然可能以深色模式阅读你的博
+    #      客，如果该读者的系统设置为深色模式的
+    #      话。类似，如果你开启深色模式并将默认
+    #      模式修改为它，即使你隐藏开关，你的读
+    #      者依然可能以浅色模式模式阅读你的博客。
+    #      除非，你开启下方这个选项。
+
+    overrideSystemPreferences = false
+
+
+    ######################################
+    # 网页应用
+
+    # 说明：前往 https://realfavicongenerator.net/
+    #      生成相关图标和文件，下载后解压，仅保留
+    #      android-chrome-512x512.png、
+    #      apple-touch-icon.png、
+    #      mstile-150x150.png、
+    #      safari-pinned-tab.svg、favicon.ico、
+    #      site.webmanifest 这些文件，删除其余。
+    #      然后将这些文件移动到 ~/blog/static/icons/
+    #      目录下，再将 favicon.ico、site.webmanifest
+    #      移动到 ~/blog/static/ 目录下，
+    #      最后将 site.webmanifest 重命名为
+    #      manifest.json，并检查和修改相关内容
+    #      （图标的路径）。
+
+    themeColor = "#fff"
+    themeColorDark = "#16171d"
+    safariMaskColor = "#2a6df4"
+    msApplicationTileColor = "#fff"
+
+
+    ######################################
+    # 网页头部元数据、搜索引擎优化（SEO）、社交网络发现
+
+    jsonLD = true
+    openGraph = true
+    twitterCards = false
+    # 注意：如果你设置 twitterCards 为 `true`，
+    #      请务必开启 openGraph。否则，网页的
+    #      Twitter Cards 信息将会不完整。
+
+    # 是否自动探测图片
+    autoDetectImages = true
+    # 说明：建议开启，否则，你必须在文章的 Front
+    #      Matter 中手动指定 `images`，不然，
+    #      你在社交网络或 APP 上分享的链接将无
+    #      法显示带大图的摘要视图。
+
+
+   ######################################
+    # 自定义导入第三方库的CDN
+
+    # 说明：不需要时请删除(注释)此项或将引号内置空，
+    #       此时默认CDN为"https://cdn.jsdelivr.net"
+
+    cdnCustomized = "https://fastly.jsdelivr.net"
+
+
+    ######################################
+    # Service Worker
+
+    # 说明：仅在生产环境（production）下渲染
+
+    enableServiceWorker = true
+
+
+    ######################################
+    # KaTeX 公式支持（包括化学方程式）
+
+    # 是否开启（全局设置）
+    enableKaTeX = true
+    # 说明：文章的 Front Matter 中的 `katex`
+    #      的优先级高于此处
+
+
+    ######################################
+    # MathJax 公式支持（包括化学方程式）
+
+    # 是否开启（全局设置）
+    enableMathJax = false
+    # 说明：文章的 Front Matter 中的 `mathjax`
+    #      的优先级高于此处
+
+    # 是否禁用 MathJax 的右键菜单
+    disableMathJaxMenu = false
+
+
+    ######################################
+    # Mermaid (https://github.com/mermaid-js/mermaid)
+
+    # 是否开启（全局设置）
+    enableMermaid = false
+    # 说明：文章的 Front Matter 中的 `mermaid`
+    #      的优先级高于此处
+
+    mermaidTheme = 'default'
+    mermaidThemeDark = 'dark'
+
+
+    ######################################
+    # 评论
+
+    # 说明：仅在生产环境（production）下渲染
+
+    # 是否开启（全局设置）
+    enableComments = false
+    # 说明：文章的 Front Matter 中的 `comments`
+    #      的优先级高于此处
+
+    # 直接加载评论，不需要手动点击按钮加载
+    autoLoadComments = false
+
+    ## Disqus
+    enableDisqus = false
+    disqusShortname = ""
+
+    ## Valine
+    enableValine = false
+    valineAppId = ""
+    valineAppKey = ""
+    valinePlaceholder = "Just go go"
+    valinePath = ""
+    valineAvatar = "mm"
+    valineMeta = ["nick", "mail", "link"]
+    valinePageSize = 10
+    valineLang = "zh-cn"
+    valineVisitor = false
+    valineHighlight = true
+    valineAvatarForce = false
+    valineRecordIP = false
+    valineServerURLs = ""
+    valineEmojiCDN = ""
+    valineEmojiMaps = {}
+    valineEnableQQ = false
+    valineRequiredFields = []
+    # 说明：https://valine.js.org/
+
+    ## Utterances
+    enableUtterances = false
+    utterancesRepo = ""
+    utterancesIssueTerm = "pathname"
+    utterancesTheme = "github-light"
+    utterancesThemeDark = "photon-dark"
+    utterancesLabel = ""
+    # 说明：https://utteranc.es/
+
+    ## Gitalk
+    enableGitalk = false
+    gitalkClientID = "your_client_id"
+    gitalkClientSecret = "your_client_secret"
+    gitalkRepo = "your_repository"
+    gitalkOwner = "your_gitalk_owner"
+    gitalkAdmin = ["your_gitalk_admin"]
+    gitalkLable = ["Gitalk"]
+    gitalkDistractionFreeMode = false
+    gitalkPerPage = 10
+    gitalkLanguage = "en"
+    gitalkPagerDirection = "last"
+    gitalkCreateIssueManually = false
+    gitalkProxy = "https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token"
+    gitalkEnableHotKey = true
+    # 说明：https://github.com/gitalk/gitalk
+
+
+    ######################################
+    # Google Analytics
+
+    # 说明：仅在生产环境（production）下渲染
+
+    enableGoogleAnalytics = false
+
+    # 跟踪代码的类型
+    trackingCodeType = "gtag"
+    # 说明：gtag 或 analytics
+
+    trackingID = ""
+
+
+    ######################################
+    # Google Site Verification
+
+    googleSiteVerification = ""
+
+
+    ######################################
+    # Google AdSense
+
+    # 说明：仅在生产环境（production）下渲染
+
+    googleAdClient = ""
+
+    ## 自动广告
+    enableGoogleAutoAds = false
+
+    ## 广告单元
+    enableGoogleAdUnits = false
+    googleAdSlot = ""
+
+
+    ######################################
+    # Yandex.Metrika
+    # https://metrika.yandex.ru/
+
+    # 说明：仅在生产环境（production）下渲染
+
+    yandexMetrikaId = ""
+
+
+    ######################################
+    # 文章设置
+
+    # 超链接的颜色变化持续时间（单位：秒）
+    duration = 0.5
+
+    # 浅色模式的主色
+    primaryColorLight = "220, 90%, 56%"
+    # 深色模式的主色
+    primaryColorDark = "201, 65%, 62%"
+    # 注意：只支持 HSL 颜色值
+
+    # 文章的内容宽度
+    postWidth = 36
+    # 说明：如果留空（""），则用 42 作为默认值
+    #      单位：em
+
+    # 文章是否为原创（全局设置）
+    original = true
+    # 说明：会影响文章的作者信息和版权信息
+    #      文章的 Front Matter 中的 `original`
+    #      的优先级高于此处
+
+
+    ######################################
+    # 文章描述
+
+    # 是否显示
+    displayPostDescription = true
+
+
+    ######################################
+    # 文章元信息
+
+    # 是否开启（全局设置）
+    enablePostMeta = false
+    # 说明：文章的 Front Matter 中的 `meta`
+    #      的优先级高于此处
+
+    # 是否在首页开启
+    enablePostMetaInHome = false
+    # 说明：仅对「文章摘要」和「普通页面」
+    #      首页布局有效
+
+    # 日期格式
+    postMetaDateFormat = "2006.1.2"
+    # 注意：请遵循格式 https://gohugo.io/functions/format/
+
+    # 是否显示发布时间
+    displayPublishedDate = true
+    # 发布时间的图标
+    publishedDateIcon = "calendar-alt"
+
+    # 是否显示修改时间
+    displayModifiedDate = true
+    # 修改时间的图标
+    modifiedDateIcon = "calendar-check"
+
+    # 是否显示过期时间
+    displayExpiredDate = true
+    # 过期时间的图标
+    expiredDateIcon = "calendar-times"
+
+    # 是否显示分类
+    displayCategory = true
+    # 分类的图标
+    categoryIcon = "folder"
+    # 分类之间的分隔符
+    categoryDelimiter = "/"
+
+    # 是否显示字数统计
+    displayWordCount = true
+    # 字数统计的图标
+    wordCountIcon = "pencil-alt"
+
+    # 是否显示阅读时长
+    displayReadingTime = true
+    # 阅读时长的图标
+    readingTimeIcon = "clock"
+
+    # 是否显示不蒜子页面浏览量
+    displayBusuanziPagePV = false
+    # 不蒜子页面浏览量的图标
+    busuanziPagePVIcon = "eye"
+    # 说明：仅在生产环境（production）下渲染
+    #      首页暂不支持
+    #      https://busuanzi.ibruce.info/
+
+
+    ######################################
+    # Markdown 相关
+
+    # 在新标签页打开外链？
+    hrefTargetBlank = true
+
+
+    ######################################
+    # 文章目录
+
+    # 是否开启（全局设置）
+    enableTOC = false
+    # 说明：文章的 Front Matter 中的 `toc`
+    #      的优先级高于此处
+
+    # 是否显示目录标题
+    displayTOCTitle = true
+
+    # 是否显示数字（全局设置）
+    displayTOCNum = true
+    # 说明：文章的 Front Matter 中的 `tocNum`
+    #      的优先级高于此处
+
+    # 是否链接文章的分节标题到目录
+    linkHeadingsToTOC = true
+
+
+    ######################################
+    # 分节标题锚点
+
+    # 是否开启（全局设置）
+    enableHeadingsAnchor = true
+    # 说明：文章的 Front Matter 中的 `anchor`
+    #      的优先级高于此处
+
+    # 分节标题的级别范围
+    headingsOpt = "1-6"
+    # 说明：正则格式，默认 1-6，即 1|2|3|4|5|6，
+    #      即 h1 到 h6。
+
+    # 锚点符号
+    anchorSymbol = "#"
+    # 说明：锚点图标的优先级高于锚点符号
+    #      默认值：§
+
+    # 锚点图标
+    anchorIcon = "link"
+    # 说明：留空（""）则回退到锚点符号
+
+    # 是否开启锚点链接
+    enableAnchorLink = true
+
+    # 是否自动隐藏锚点
+    enableAnchorAutoHide = true
+
+
+    ######################################
+    # 说明文字
+
+    # 是否开启
+    enableCaption = true
+
+    # 说明文字的前缀
+    captionPrefix = "◎ "
+
+
+    ######################################
+    # 图片外链
+
+    # 说明：仅在生产环境（production）下渲染
+    #
+    #      只支持相对于网站根目录的绝对链接
+    #      比如：/images/meme.jpg
+    #      (~/blog/static/images/meme.jpg)
+
+    # 是否开启
+    enableImageHost = false
+
+    # 图片外链地址
+    imageHostURL = "http://www.inksoul.top"
+
+    # 是否将 HTML 的头部元数据中的图片链接也替换为外链
+    headAlso = false
+
+
+    ######################################
+    # 视频外链
+
+    # 说明：仅在生产环境（production）下渲染
+    #
+    #      只支持相对于网站根目录的绝对链接
+    #      比如：/videos/meme.mp4
+    #
+    #      且你添加的 HTML 代码必需以以下开头：
+    #      `<video src="`
+
+    # 是否开启
+    enableVideoHost = false
+
+    # 视频外链地址
+    videoHostURL = "https://example.com/"
+
+
+    ######################################
+    # 脚注
+
+    # 是否用方括号包裹脚注的引用序号
+    squareBrackets = true
+
+    # 替换脚注的返回链接中的文本为图标
+    footnoteReturnLinkIcon = "angle-up"
+    # 说明：如果不为空（""），则会用图标替换
+    #      `footnoteReturnLinkContents`
+
+    # 是否自行插入分隔线
+    insertHrBySelf = true
+    # 说明：如果是，则会将自动生成的分隔线删除。
+    #      实际上，你自己添加的分隔线会被删除。
+    #      如果你喜欢在 Markdown 中手动插入
+    #      `---` 以将文章的正文内容与脚注内容
+    #      分隔开来，那么这项设置将会非常有用。
+
+
+    ######################################
+    # 滚动条
+    customizeScrollbar = true
+
+
+    ######################################
+    # 字体排版
+
+    ######################################
+    ## 字体
+
+    # 说明：任何一项留空（""），浏览器都会回退到
+    #      主体字体 `fontFamilyBody`，故没必
+    #      要全部设置。此外，如果你的品牌栏用的
+    #      SVG，则可留空（""）品牌栏字体。
+
+    # 品牌栏
+    fontFamilySiteBrand = ""
+    # 菜单栏
+    fontFamilyMenu = ""
+    # 文章标题、文章副标题、列表标题、列表的年份和月份标题、相关文章标题、文章上下篇标题、表格的表头、定义列表中的术语
+    fontFamilyTitle = "'Noto Serif SC', 'EB Garamond', serif"
+    # 分节标题、目录标题
+    fontFamilyHeadings = "'Noto Serif SC', 'EB Garamond', serif"
+    # 代码、上标、文章元信息、文章更新徽章、文章的 Git 版本信息、极简页脚、不蒜子站点浏览计数
+    fontFamilyCode = "'Source Code Pro', 'Noto Serif SC', monospace"
+    # 引用
+    fontFamilyQuote = ""
+    # 文章目录
+    fontFamilyTOC = ""
+    # 说明文字
+    fontFamilyCaption = ""
+    # 页脚
+    fontFamilyFooter = ""
+    # 主体
+    fontFamilyBody = "'EB Garamond', 'Noto Serif SC', serif"
+
+    # 网络字体链接
+    fontsLink = "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&family=Noto+Serif+SC:wght@400;500;700&family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+    # 说明：要想读者一定体验到你设置的字体，最好
+    #      采用网络字体。MemE 主题目前仅支持
+    #      Google Fonts 的链接，请前往
+    #      https://fonts.google.com/ 获取。
+    #      此项留空（""），则不会采用网络字体。
+
+    ######################################
+    ## 字号（单位：px）
+
+    fontSize = 16
+
+    ######################################
+    ## 制表符的宽度
+
+    tabSize = 4
+
+    ######################################
+    ## 行间距
+
+    lineHeight = 2
+    # 说明：只会应用到文章的段落和目录
+
+    ######################################
+    ## 段首缩排
+
+    # 是否开启
+    enableParagraphIndent = true
+
+    # 是否缩进第一段（全局设置）
+    indentFirstParagraph = false
+    # 说明：文章的 Front Matter 中的 `indentFirstParagraph`
+    #      的优先级高于此处
+
+    # 分段样式（全局设置）
+    paragraphStyle = "margin"
+    # 说明：段间距式（margin）或段首缩排（indent）
+    #      文章的 Front Matter 中的 `indent`
+    #      的优先级高于此处
+
+    ######################################
+    ## 两端对齐
+
+    # 是否开启（全局设置）
+    enableJustify = true
+    # 说明：文章的 Front Matter 中的 `align`
+    #      的优先级高于此处
+
+    ######################################
+    ## 首字下沉
+
+    # 是否开启（全局设置）
+    enableDropCap = false
+    # 说明：文章的 Front Matter 中的 `dropCap`
+    #      的优先级高于此处
+
+    # 是否在每一分隔线之后首字下沉（全局设置）
+    enableDropCapAfterHr = false
+    # 说明：文章的 Front Matter 中的 `dropCapAfterHr`
+    #      的优先级高于此处
+
+    # 是否删除首字下沉前的分隔线（全局设置）
+    deleteHrBeforeDropCap = false
+    # 说明：文章的 Front Matter 中的 `deleteHrBeforeDropCap`
+    #      的优先级高于此处
+
+    ######################################
+    ## 大型小写（英文）
+
+    # 是否开启（全局设置）
+    enableSmallCaps = false
+    # 说明：只会应用到分节标题和目录标题
+    #      文章的 Front Matter 中的 `smallCaps`
+    #      的优先级高于此处
+
+    ######################################
+    ## 着重号
+
+    # 说明：MemE 主题自创的新 Markdown 语法
+    #      `..文本..`
+
+    # 是否开启
+    enableEmphasisPoint = true
+
+    ######################################
+    ## 中文标点符号字形纠正
+
+    # 是否开启
+    enableChinesePunctuationGlyphCorrection = true
+
+
+    ######################################
+    # 文章版权
+
+    # 是否开启
+    enablePostCopyright = true
+
+    # 是否显示（全局设置）
+    displayPostCopyright = false
+    # 说明：文章的 Front Matter 中的 `displayCopyright`
+    #      的优先级高于此处
+
+
+    ######################################
+    # 文章更新徽章
+
+    # 是否开启
+    enablePostUpdatedBadge = true
+
+    # 是否显示（全局设置）
+    displayUpdatedBadge = true
+    # 说明：文章的 Front Matter 中的 `badge`
+    #      的优先级高于此处
+
+    # 是否添加 `title`
+    enableBadgeTitle = true
+    # `title` 的前缀
+    badgeTitlePrefix = "Updated @ "
+
+
+    ######################################
+    # 文章的 Git 版本信息
+
+    # 是否开启
+    enablePostGitInfo = false
+
+    # 是否显示（全局设置）
+    displayPostGitInfo = false
+    # 说明：文章的 Front Matter 中的 `gitinfo`
+    #      的优先级高于此处
+
+    # 仓库地址
+    repoURL = ""
+    # 编辑地址
+    repoEditURL = ""
+
+    # Git 的图标
+    gitIcon = "code-branch"
+    # 是否显示改动哈希
+    displayCommitHash = true
+
+    # 是否显示改动信息
+    displayCommitMessage = true
+    # 改动信息的图标
+    msgIcon = "info"
+
+    # 是否显示反馈链接
+    displayFeedback = true
+    # 反馈链接的图标
+    feedbackIcon = "question"
+    # 反馈链接的文本
+    feedbackText = "Feedback"
+
+    # 是否显示编辑链接
+    displayEditLink = true
+    # 编辑链接的图标
+    editIcon = "edit"
+    # 编辑链接的文本
+    editText = "Edit Me?"
+
+
+    ######################################
+    # 文章分享
+
+    # 是否开启
+    enablePostShare = false
+
+    # 是否显示（全局设置）
+    displayPostShare = false
+    # 说明：文章的 Front Matter 中的 `share`
+    #      的优先级高于此处
+
+    displayShareOnText = false
+
+    shareOnTwitter = true
+    shareOnFacebook = true
+    shareOnLinkedIn = true
+    shareOnTelegram = true
+    shareOnWeibo = true
+    shareOnDouban = true
+    shareOnQQ = true
+    shareOnQzone = true
+
+    shareViaQRCode = true
+
+
+    ######################################
+    # 相关文章
+
+    # 是否开启
+    enableRelatedPosts = false
+
+    # 是否显示（全局设置）
+    displayRelatedPosts = true
+    # 说明：文章的 Front Matter 中的 `related`
+    #      的优先级高于此处
+
+    # 相关文章数
+    relatedPostsNumber = 5
+
+    # 相关文章标题右边的图标
+    relatedPostsIcon = "plus-circle"
+
+
+    ######################################
+    # 文章的标签
+
+    # 是否开启
+    enablePostTags = true
+
+    # 标签的图标
+    postTagsIcon = "tag"
+
+
+    ######################################
+    # 文章上下篇
+
+    # 说明：在 MemE 主题中，文章上下篇是从空间
+    #      位置角度设计的，而不是像大多数其它主
+    #      题所做的那样——从时间角度设计。因此，
+    #      如果你点击左边的上篇，跳转的是一篇更
+    #      新的文章；如果你点击右边的下篇，跳转
+    #      的是一篇更旧的文章。
+
+    # 是否开启
+    enablePostNav = true
+
+    # 是否仅限于相同的文章分区
+    postNavInSection = true
+
+
+    ######################################
+    # 极简页脚
+
+    # 是否开启
+    enableMinimalFooter = false
+    enableVerticalBarStructure = false
+    # 说明：如果开启此项，显示在右边的部类或分区
+    #      将会包含全部的第一级部类或分区，并且
+    #      以竖线（|）分隔开来。
+
+    # 是否开启关于页面的极简页脚
+    enableAboutPageMinimalFooter = false
+
+
+    ######################################
+    # 返回顶部按钮
+
+    # 是否开启
+    enableBackToTop = true
+
+    # 是否开启自动隐藏
+    enableBackToTopAutoHide = true
+
+    # 是否在首页显示
+    displayBackToTopInHome = true
+
+    # 是否在移动端显示
+    displayBackToTopOnMobile = false
+
+    # 按钮图标
+    backToTopIcon = "arrow-up"
+
+
+    ######################################
+    # 页脚
+
+    # 是否开启
+    enableFooter = true
+
+    # 是否显示
+    displayFooter = true
+
+    # 是否在首页显示
+    displayFooterInHome = true
+
+    displayCopyleftSymbol = false
+    # 是否显示版权符号（©）
+    displayCopyrightSymbol = true
+
+    # 是否显示站点的创建年份
+    displaySiteCreatedYear = true
+
+    # 年份与作者之间的图标，留空（""）则无
+    iconBetweenYearAndAuthor = "heart"
+    # 图标颜色
+    iconColor = "#f06292"
+    # 是否开启图标的跳动效果
+    iconAnimation = true
+
+    # 是否显示 Hugo 和 MemE 的链接
+    displayPoweredBy = true
+
+    # 是否显示站点的版权信息
+    displaySiteCopyright = true
+
+    # 自定义页脚（支持 Markdown）
+    customFooter = "[闽ICP备2022009452号-1](https://beian.miit.gov.cn)"
+
+    displayBusuanziSiteUVAndPV = false
+    busuanziSiteUVText = "本站访客数"
+    busuanziSiteUVIcon = "user"
+    busuanziSitePVText = "本站访问量"
+    busuanziSitePVIcon = "eye"
+    # 说明：仅在生产环境（production）下渲染
+    #      文本或图标，留空（""）则无
+    #      https://busuanzi.ibruce.info/
+
+    # 社交链接
+    enableSocials = true
+    # 说明：见 data/Socials.toml
+
+
+    ######################################
+    # 多语言
+
+    # 是否开启多语言按钮
+    enableLangToggle = false
+
+    # 是否在首页隐藏多语言按钮
+    hideLangToggleInHome = false
+
+    # 是否自动隐藏多语言按钮
+    autoHideLangToggle = true
+    # 说明：即仅当该文章有相应的翻译版本时才显
+    #      示按钮
+
+
+    ######################################
+    # 代码块
+
+    # 是否开启高亮
+    enableHighlight = true
+
+    # 是否开启竖直滚动
+    enableOverflowY = true
+    # 最大高度
+    maxHeight = 40
+    # 单位：em
+
+    # 是否开启复制
+    enableCopy = true
+    # 是否开启自动隐藏
+    enableCopyAutoHide = true
+
+
+    ######################################
+    # 文件指纹和子资源完整性（SRI）
+
+    # 说明：仅对 MemE 生成的 CSS 和 JS 有效
+
+    # 是否开启文件指纹
+    enableFingerprint = true
+
+    # 是否开启子资源完整性验证
+    enableSRI = false
+    # 说明：开启子资源完整性验证后，该策略将使
+    #      MemE 的 CSS 和 JS 在像谷歌翻译这样
+    #      的第三方网站上被禁止。为了避免开启后
+    #      的这个问题，你的服务器必须向 CSS 和
+    #      JS 的请求中加上以下 Header：
+    #
+    #      Access-Control-Allow-Origin: *
+
+
+    ######################################
+    # HTTPS 强制跳转
+
+    # 说明：仅在生产环境（production）下渲染
+
+    # 是否开启
+    enableForceHTTPS = false
+    # 说明：使用 JavaScript 来实现跳转。如果你
+    #      的服务器不支持强制 HTTPS 跳转，则可
+    #      开启此选项。
+
+
+    ######################################
+    # 平滑滚动
+
+    # 是否开启
+    enableSmoothScroll = true
+
+
+    ######################################
+    # 图片缩放
+
+    enableMediumZoom = true
+    # 说明：https://github.com/francoischalifour/medium-zoom
+
+
+    ######################################
+    # Instant Page
+
+    enableInstantPage = true
+    # 说明：https://github.com/instantpage/instant.page
+
+
+    ######################################
+    # Lunr 搜索（暂不支持中文）
+
+    # 说明：需要开启 `SearchIndex` 的输出
+
+    enableLunrSearch = false
+    # 说明：https://lunrjs.com/
+
+
+    ######################################
+    # Algolia search
+
+    # 说明：需要开启 `Algolia` 的输出，且需要每
+    #      次将生成的 algolia.json 文件上传到
+    #      Algolia
+
+    enableAlgoliaSearch = false
+
+    algoliaAppId = ""
+    algoliaApiKey = ""
+    algoliaIndexName = ""
+    # 说明：https://www.algolia.com/
+
+
+    ######################################
+    # 404 页面
+
+    # 视频封面
+    fofPoster = ""
+
+    # 视频地址
+    fofVideoWebm = ""
+    fofVideoMp4 = ""
+    # 说明：视频地址可留空（""）
diff --git a/content/408/《操作系统》操作系统发展历程.md b/content/408/《操作系统》操作系统发展历程.md
new file mode 100644
index 0000000..3563e2f
--- /dev/null
+++ b/content/408/《操作系统》操作系统发展历程.md
@@ -0,0 +1,70 @@
+---
+title: "《操作系统》操作系统发展历程"
+date: 2022-12-29T20:53:40+08:00
+
+---
+
+### 手工操作阶段
+
+用户在计算机上的所有计算流程都要人工干预
+
+缺点：
+
+1. 用户独占全机，虽然不会出现因资源已被用户占用而等待的现象，但资源利用率极低
+2. CPU等待手工操作，CPU利用不充分
+
+### 批处理阶段
+
+#### 单道批处理系统
+
+主要在解决人机矛盾及CPU和I/O设备不匹配的问题
+
+特征：
+
+1. 自动性，顺利的情况下，同一磁带上的同一批作业能够自动逐个运行
+2. 顺序性，磁带上的各道作业顺序地进入内存
+3. 单道性，内存中仅有一道程序运行
+
+#### 多道批处理系统
+
+多道程序设计的特点是多道、宏观上并行，微观上串行
+
+1. 多道。计算机内存中同时存放多道相互独立的程序
+2. 宏观上并行。同时进入系统的多道程序都出于运行过程中，即先后开始各自运行但都未运行完毕
+3. 微观上串行。内存中的多道程序轮流占有CPU，交替执行
+
+优点：
+
+资源利用率高，多道程序共享计算机资源，从而使各种资源得到充分利用；系统吞吐量打，CPU和其他资源保持“忙碌”状态
+
+缺点：
+
+用户响应时间较长；不提供人机交互能力，用户既不能了解自己的程序的运行情况，又不能控制计算机
+
+
+### 分时操作系统
+
+分时操作系统是指多个用户通过终端同时共享一台主机，用户可以同时与主机进行交互操作而互不干扰
+
+特征：
+
+1. 同时性
+2. 交互性，用户能够方便进行人机对话
+3. 独立性，多个用户可以彼此独立地进行操作
+4. 及时性，用户请求能在很短的时间内响应
+
+### 实时操作系统
+
+根据响应时间限制分为两种：
+
+1. 硬实时系统：某个动作必须绝对地在规定的时刻发生
+2. 软实时系统：能够接受偶尔违反时间规定的情况且不会引起任何永久性的损害
+
+特点：
+1. 及时性
+2. 可靠性
+
+### 网络操作系统和分布式计算机系统
+
+
+
diff --git a/content/408/《操作系统》操作系统的基本概念.md b/content/408/《操作系统》操作系统的基本概念.md
new file mode 100644
index 0000000..f27e46e
--- /dev/null
+++ b/content/408/《操作系统》操作系统的基本概念.md
@@ -0,0 +1,198 @@
+---
+title: "《操作系统》操作系统的基本概念"
+date: 2022-08-18T15:53:40+08:00
+
+---
+
+## 知识框架
+
+* 概论
+  * 特征
+    * 并发(最基本)
+    * 共享(最基本)
+    * 虚拟
+    * 异步
+  * 目标和功能
+    * 计算机系统资源管理者
+    * 扩充机器
+    * 用户与计算机系统之间的接口
+      * 命令接口
+      * 程序接口
+      * GUI
+  * 发展
+    * 批处理操作系统$\rightarrow$分时操作系统$\rightarrow$实时操作系统$\rightarrow$网络和分布式操作系统
+  * 运行机制
+    * 中断和异常
+    * 系统调用
+  * 体系结构
+    * 大内核
+    * 微内核
+
+
+## 操作系统的基本概念
+
+### 操作系统的概念
+
+操作系统是只控制和管理整个计算机系统的硬件与软件资源，合理地组织、调度计算机的工作与资源的分配，进而为用户和其他软件提供方便接口与环境的程序集合。
+
+操作系统是计算机系统中最基本的系统软件
+
+### 操作系统的特征
+
+基本特征包括并发、共享、虚拟和异步
+
+#### 并发
+
+并发指两个或多个事件在同一时间间隔内发生
+
+操作系统的并发性指计算机系统中同时存在多个运行的程序，因而具有处理和调度多个程序同时执行的能力。
+
+同一时间间隔（并发）和同一时刻（并行）的区别：
+
+1. 宏观上有多道程序同时进行，微观上这些程序依旧是分时交替执行的，操作系统的并发性正是分时得以实现的
+2. 并行性则是具有同时进行运算或操作的特性，同一时刻能完成两种或两种以上的工作，需要硬件的支持
+
+
+
+#### 共享
+
+共享通常指系统中的资源可供内存中多个并发执行的进程共同使用，拥有两种资源共享方式
+
+* 互斥共享方式
+
+互斥式共享：
+
+当进程A访问某个资源时，必须先提出请求，若此时该资源空闲，则系统将其分配给进程A使用，此后有其他进程也要访问该资源时，就必须等待。仅当进程A访问完并释放该资源后，才允许另一个进程对该资源进行访问。
+
+临界资源(独占资源)：
+
+一段时间内只允许一个进程访问的资源
+
+互斥共享要求一种资源在一段时间内(哪怕是很小的时间)只能满足一个请求，否则就会出现严重的问题
+
+* 同时访问方式
+
+宏观上存在一些资源允许多个进程同时访问，微观上这些进程是交替地对该资源进行访问，即分时共享
+
+---------------------------
+
+并发和共享是操作系统两个最基本的特征，两者互为存在的条件：
+
+1. 资源共享是以程序的并发为条件的，若系统不允许程序并发执行，则自然不存在资源共享问题
+2. 若系统不能对资源共享实施有效的管理，则必将影响到程序的并发执行，甚至根本无法并发执行
+
+
+#### 虚拟
+
+虚拟是指把一个物理上的实体变为若干逻辑上的对应物。
+
+操作系统中采用了多种虚拟技术来实现虚拟处理器、虚拟内存和虚拟外部设备等
+
+虚拟技术可归纳为：
+
+1. 时分复用技术，如处理器的分时共享
+2. 空分复用技术，如虚拟存储器
+
+
+#### 异步
+
+程序的异步性：
+
+多道程序环境允许多个程序并发执行，但由于资源有限，进程执行并非一贯到底，而是走走停停，以不可预知的速度向前推进
+
+异步性导致的问题：
+
+异步性会使操作系统运行在一种随机的环境下，可能导致进程产生与时间有关的错误。然而在运行环境相同的情况下，操作系统就需要保证多次运行进程后得到的结果相同
+
+### 操作系统的目标和功能
+
+操作系统应具有以下功能来给多道程序提供良好的运行环境
+
+1. 处理机管理、存储器管理、设备管理和文件管理
+2. 需向用户提供接口以方便用户使用
+3. 可用于扩充机器来提供更方便的服务、更高的资源利用率
+
+
+#### 操作系统作为计算机系统资源的管理者
+
+* 处理机管理
+
+在多道程序环境下，处理机的分配和运行都以进程(线程)为主要单位
+
+处理机的管理可归结为对进程的管理，因此进程创建、撤销、管理、避免冲突、合理共享就是进程管理的主要任务
+
+进程管理的主要功能：
+
+1. 进程控制
+2. 进程同步
+3. 进程通信
+4. 死锁处理
+5. 处理机调度
+
+
+* 存储器管理
+
+存储器管理用于给多道程序的运行提供良好环境，便于用户使用及提高内存利用率
+
+主要功能：
+
+1. 内存分配与回收
+2. 地址映射
+3. 内存保护与共享
+4. 内存扩充
+
+* 文件管理
+
+负责文件管理的部分称为文件系统
+
+主要功能：
+
+1. 文件存储空间的管理
+2. 目录管理
+3. 文件读写管理和保护
+
+* 设备管理
+
+主要任务是完成用户I/O请求，方便用户使用设备，提高设备利用率
+
+主要功能：
+
+1. 缓冲管理
+2. 设备分配
+3. 设备处理
+4. 虚拟设备
+
+#### 操作系统作为用户与计算机硬件系统之间的接口
+
+##### 命令接口
+
+* 联机命令接口
+
+联机命令接口又称为交互式命令接口，适用于分时或实时系统的接口
+
+可由用户在控制台或终端输入命令，经命令解释程序解释并执行后，控制权再转交回控制台或终端，这一过程往往强调交互性
+
+常见为 命令提示符中输入单条指令
+
+* 脱机命令接口
+
+脱机命令接口又称为批处理命令接口，适用于批处理系统
+
+脱机用户不能干预作业运行，事先使用作业控制命令编写"命令清单"，系统调度到该作业时，命令解释程序逐条解释并执行，从而间接控制作业的进行
+
+常见为 使用命令编写脚本后运行
+
+##### 程序接口
+
+该接口由一组系统调用组成，用户通过在程序中使用这些系统调用来请求操作系统为其提供服务
+
+常见为用户图形界面(GUI)，如linux的KDE桌面
+
+#### 操作系统用作扩充机器
+
+没有任何软件支持的计算称为裸机，它仅是计算机系统的物质基础。操作系统提供的资源管理功能和方便用户的各种服务功能，将裸机改造成功能更强，使用更方便的机器
+
+通常将覆盖了软件的机器称为扩充机器或虚拟机
+
+
+
diff --git a/content/408/《数据结构》线性表.md b/content/408/《数据结构》线性表.md
new file mode 100644
index 0000000..51c63b4
--- /dev/null
+++ b/content/408/《数据结构》线性表.md
@@ -0,0 +1,1154 @@
+---
+title: "《数据结构》线性表"
+date: 2022-11-16T21:53:40+08:00
+
+---
+
+## 线性表的定义和操作
+
+### 定义
+
+线性表是具有相同数据类型的$n (n \leq 0 )$ 个元素的有限序列，其中$n$为表长，当 $n = 0$时线性表为一个空表
+
+若用$L$来命名线性表，则其一般表示为 $L=(a_1,a_2,\cdots,a_i,a_(i+1),\cdots,a_n)$ 式中，$ a_1 $是唯一的“第一个”数据元素，即表头元素；$a_n$是唯一的“最后一个”数据元素，即表尾元素
+
+线性表的逻辑特性：每个元素有且仅有一个直接前驱。除去最后一个元素外，每个元素有且仅有一个直接后继，这种逻辑特性即为线性表的名称由来
+
+线性表的特点：
+- 表中元素个数有限
+- 表中元素具有逻辑上的顺序性，表中元素有其先后次序
+- 表中元素都是数据元素，每个元素都是单个元素
+- 表中元素的数据类型都相同，意味着每个元素占有的存储空间相同
+- 表中元素具有抽象性，仅讨论元素间的逻辑关系，而忽视元素的实际内容
+
+### 基本操作
+
+- InitList(&L):初始化表。构造一个空的线性表
+- Length(L):求表长。返回线性表L的长度，即L中数据元素的个数
+- LocateElem(L,e):按值查找操作。在表L中查找具有给定关键字值的元素
+- GetElem(L,i):按位查找操作。获取表L中第i个位置的元素的值
+- ListInsert(&L,i,&e):插入操作。在表L中第i个位置插入指定元素e
+- ListDelete(&L,i,&e):删除操作。删除表L中第i个位置的元素，并用e返回删除元素的值
+- PrintList(L):输出操作。按前后顺序输出线性表L的所有元素值
+- Empty(L):判空操作。若L为空表，则返回true
+- DestroyList:销毁操作。销毁线性表，并释放线性表L所占用的内存空间
+
+
+## 线性表的顺序表示（顺序表）
+
+### 定义
+
+顺序表，即线性表的顺序存储。是用一组地址连续的存储单元依次存储线性表中的数据元素，从而使得逻辑上相邻的两个元素在物理位置上也相邻。
+
+第一个元素存储在线性表的起始位置，第i个元素的存储位置后面紧接着存储的是$i + 1$个元素，称$i$为元素$a_i$在线性表中的位序，因此可见，顺序表的特点是表中元素的逻辑顺序与其物理顺序相同
+
+假设线性表L存储的起始位置为LOC(A),sizeof(ElemType)为每个数据元素所占用存储空间的大小，可得该表对应的顺序存储如下
+
+| 数组下标 | 顺序表 | 内存地址 |
+| :---:    | :---:  | :---:   |
+|    0     | $a_1$  | LOC(A)  |
+| 1        | $a_2$  | LOC(A) + sizeof(ElemType) |
+| i-1      | $a_i$  | LOC(A) + (i-1)$\times$sizeof(ElemType) |
+| n-1      | $a_n$  | LOC(A) + (n-1)$\times$sizeof(ElemType) |
+| MaxSize - 1 | $\cdots$ | LOC(A) + (MaxSize - 1)$\times$sizeof(ElemType) |
+
+每个数据元素的存储位置和线性表的起始位置相差一个和该数据元素的位序成正比的常数，因此，线性表中的任一数据元素都可以随机存取，所以线性表的顺序存储结构是一种随机存取的存储结构
+
+- Attention : 线性表中元素的位序从1开始，而数组中元素下标是从0开始的
+
+假定线性表的元素类型为ElemType，则线性表的顺序存储类型可描述为：
+
+```C++
+#define MaxSize 50   //定义线性表最大长度
+typedef struct{
+    ElemType data[MaxSize]; //顺序表的元素
+    int length;     //顺序表的当前长度
+}SqList;  //顺序表的类型定义
+```
+
+一组数组可以是静态分配的，也可以是动态分配的
+1. 静态分配时，由于数组的大小和空间已经固定，一旦空间占满，再加入新的数据就会产生溢出，进而导致程序崩溃
+2. 动态分配时，存储数组的空间是在程序执行过程中通过动态存储分配语句分配的，一旦数据空间占满就另外开辟一块更大的存储空间用以替换原来的存储空间，从而扩充存储数组空间的目的，不需要为线性表一次性划分所有空间
+
+动态分配的顺序存储类型定义：
+
+```c++
+#define InitSize 100  //表长度的初始定义
+typedef struct{
+    ElemType *data;  //指示动态分配数组的指针
+    int MaxSize,length; //数组的最大容量和当前个数
+}SeqList;
+```
+
+C的初始动态分配语句为：
+
+```c
+L.data = (ElemType*)malloc(sizeof(ElemType)*InitSize);
+```
+
+C++的初始动态分配语句为：
+
+```C++
+L.data = new ElemType[InitSize];
+```
+
+- Attention : 动态分配并非链式存储，同样属于顺序存储结构，物理结构无变化，依然为随机存储方式，只是分配的空间大小可以在运行时动态决定
+- 顺序表主要特点是随机访问，即通过首地址和元素序号可以在时间$O(1)$内找到指定元素
+- 顺序表存储密度相对更高，结点只存储数据元素
+- 顺序表逻辑上相邻的元素物理上也相邻，所以在插入和删除时需要移动大量元素
+
+
+### 顺序表基本操作的实现
+
+#### 插入
+
+在顺序表L的第$i(1<=i<=L.length+1)$个位置插入新元素e。若i的输入不合法，则返回false，表示插入失败;否则，将第i个元素及其以后的所有元素依次往后移动一个位置，腾出一个位置插入新元素e，顺序表长度+1，插入成功，返回true
+
+```c++
+bool ListInsert(SqList &L,int i,ElemType e){
+    if(i<1||i>L.length+1)
+        return false;
+    if(L.length>=MaxSize)
+        return false;
+    for(int j=L.length;j>=i;j--)
+        L.data[j]=L.data[j-1];
+    L.data[i-1]=e;
+    L.length++;
+    return true;
+}
+```
+
+- 最好情况：在表尾插入（即$i=n+1$），元素后移语句不执行，时间复杂度为$O(1)$
+- 最坏情况：在表头插入（即$i=1$），元素后移语句将执行n次，时间复杂度为$O(n)$
+- 平均情况：假设$p_i(p_i=1/(n+1))$是在第$i$个位置上插入一个结点的概率，则在长度为$n$的线性表中插入一个结点时，所需移动结点的平均次数为
+
+$$
+\sum_{i=1}^{n+1} p_i(n-i+1) = \sum_{i=1}^{n+1} \frac{1}{n+1}(n-i+1)=\frac{1}{n+1}\sum_{i=1}^{n+1}(n-i+1)=\frac{1}{n+1}\frac{n(n+1)}{2}=\frac{n}{2}
+$$
+
+由此可得，线性表插入算法的平均时间复杂度为$O(n)$
+
+
+#### 删除
+
+删除顺序表L中第$i$个$(1<=i<=L.length)$个位置的元素，用引用变量e返回。若i的输入不合法，则返回false;否则，将被删元素赋给引用变量e，并将第$i+1$个元素及其后的所有元素依次往前移动一个位置，返回true。
+
+```c++
+bool ListDelete(SqList &L,int i,Elemtype &e){
+    if(i<1||i>L.length)   //判断i的范围是否有效
+        return false;
+    e=L.data[i-1];  //将被删除的元素赋值给e
+    for(int j=i;j<L.length;j++)//将第i个位置后的元素后移
+        L.data[j-1]=L.data[j];
+    L.length--; //线性表长度减一
+    return true;
+}
+```
+
+- 最好情况：删除表尾元素(即$i=n$),无须移动元素，时间复杂度为$O(1)$
+- 最坏情况：删除表头元素(即$i=1$),需移动除表头元素外的所有元素，时间复杂度为$O(n)$
+- 平均情况：假设$p_i(p_i = 1/n)$是删除第i个位置上结点的概率，则在长度为n的线性表中删除一个结点时，所需移动结点的平均次数为
+
+$$
+\sum_{i=1}^{n} p_i(n-i)=\sum_{i=1}^{n} \frac{1}{n}(n-i) = \frac{1}{n}\sum_{i=1}^{n}(n-i) = \frac{1}{n}\frac{n(n-1)}{2} = \frac{n-1}{2}
+$$
+
+可见线性表删除算法的平均时间复杂度为$O(n)$且顺序表中插入和删除操作的时间主要耗费在移动元素上，而移动元素的个数取决于插入和删除元素的位置。
+
+
+#### 按值查找(顺序查找)
+
+在顺序表L中查找第一个元素值等于e的元素，并返回其位序
+
+```c++
+int LocateElem(SqList L,ElemType e){
+    int i;
+    for(i=0;i<L.length;i++)
+        if(L.data[i]==e)
+            return i+1;  //下标为i的元素值等于e，返回其位序i+1
+    return 0; //退出循环，说明查找失败
+}
+```
+
+- 最好情况：查找的元素就在表头，仅需比较一次，时间复杂度为$O(1)$
+- 最坏情况：查找的元素在表尾或不存在时，需要比较n次，时间复杂度为$O(n)$
+- 平均情况：假设$p_i(p_i=1/n)$是查找的元素在第$i(l<=i<=L.length)$个位置上的概率，则在长度为n的线性表中查找值为e的元素所需比较的平均次数为
+
+$$
+\sum_{i=1}^{n}p_i \times i = \sum_{i=1}^{n} \frac{1}{n} \times i = \frac{1}{n} \frac{n(n+1)}{2} = \frac{n+1}{2}
+$$
+
+因此线性表按值查找算法的平均时间复杂度为$O(n)$
+
+
+### 一些练习
+
+1. 从顺序表中删除具有最小值的元素(假设唯一)并由函数返回被删元素的值。空出的位置由最后一个元素填补，若顺序表为空，则显示出错信息并退出运行
+
+算法思想：搜索整个顺序表，查找最小值元素并记住其位置，搜索结束后用最后一个元素填补空出的原最小值元素的位置
+
+```c++
+bool Del_Min(sqList &L,ElemType &value){
+    //删除顺序表L中最小值元素结点，并通过引用型参数value返回其值
+    //若删除成功，则返回true，否则返回false
+    if(L.length==0)
+        return false;//表空，中止操作
+    value=L.data[0];
+    int pos=0; //假定0号元素数值最小
+    for(int i=1;i<L.length;i++) //循环，寻找具有最小值的元素
+        if(L.data[i]<value){ //让value记忆当前具有最小值的元素
+            value=L.data[i];
+            pos=i;
+        }
+    L.data[pos]=L.data[L.length-1]; //让最后一个元素填补空缺的位置
+    L.length--;
+    return true;
+}
+```
+
+2. 设计一个高效算法，将顺序表L的所有元素逆置，要求算法的空间复杂度为$O(1)$
+
+算法思想：扫描顺序表L的前半部分元素，对于元素L.data[i](0<=i<L.length/2),将其与后半部分的对应元素L.data[L.length-i-1]进行交换
+
+```c++
+void Reverse(Sqlist &L){
+    Elemtype temp;  //辅助变量
+    for(i=0;i<L.length/2;i++){
+        temp=L.data[i];
+        L.data[i]=L.data[L.length-i-1];
+        L.data[L.length-i-1]=temp;
+    }
+}
+```
+
+3. 对长度为n的顺序表L，编写一个时间复杂度为$O(n)$、空间复杂度为$O(1)$的算法，该算法删除线性表中所有值为x的数据元素
+
+解法一：用k记录顺序表L中不等于x的元素个数(即需要保存的元素个数)，边扫描L边统计k，并将不等于x的元素向前移动k个位置，最后修改L的长度
+
+```c++
+void del_x_1(Sqlist &L,Elemtype x){
+    int k=0;  //记录值不等于x的元素个数
+    for(i=0;i<L.length;i++)
+        if(L.data[i]!=x){
+            L.data[k]=L.data[i];
+            k++; //不等于x的元素增一
+        }
+    L.length=k;  //顺序表L的长度等于k
+}
+```
+
+解法二：用k记录顺序表L中等于x的元素个数，边扫描L边统计k，并将不等于x的元素前移k个位置，最后修改L的长度
+
+```c++
+void del_x_2(Sqlist &L,Elemtype x){
+    int k=0,i=0;
+    while(i<L.length){
+        if(L.data[i]==x)
+            k++;
+        else
+            L.data[i-k]=L.data[i]; //当前元素前移k个位置
+        i++;
+    }
+    L.length=L.length-k;
+}
+```
+
+4. 从有序顺序表中删除其值在给定值s与t之间(包含s和t，要求s<t)的所有元素，若s或t不合理或顺序表为空，则显示出错信息退出运行
+
+算法思想：因为是有序表，所以删除的部分必定是一个整体，先寻找值大于等于s的一个元素(第一个删除的元素)，然后寻找值大于t的第一个元素(最后一个删除的元素的下一个元素)，要将这段元素删除，只需将后面的元素前移
+
+```c++
+bool del_s_t2(SqList &L,ElemType s,ElemType t){
+    int i,j;
+    if(s>=t||L.length==0)
+        return false;
+    for(i=0;i<=L.length&&L.data[i]<s;i++);
+    if(i>=L.length)
+        return false;
+    for(j=i;j<L.length&&L.data[j]<=t;j++);
+    for(j<L.length;i++;j++)
+        L.data[i]=L.data[j];
+    L.length=i;
+    return true;
+}
+```
+
+5. 从顺序表中删除其值在给定值s与t之间(包含s和t，s<t)的所有元素，若s或t不合理或顺序表为空，则显示出错信息并退出运行
+
+算法思想：从前向后扫描顺序表L，用k记录下元素值在s到t之间元素的个数(初始时k=0)。对于当前扫描的元素，若起值不在s到t之间，则前移k个位置，否则执行k++。由于这样每个不在s到t之间的元素仅移动一次，因此算法的效率高
+
+```c++
+bool Del_s_t(SqList &L,ElemType s,ElemType t){
+    int i,k=0;
+    if(L.length==0||s>=t)
+        return false;  //线性表为空或s，t不合法
+    for(i=0;i<L.length;i++){
+        if(L.data[i]>=s&&L.data[i]<=t)
+            k++;
+        else
+        L.data[i-k]=L.data[i]; //当前元素前移k个位置
+    }
+    L.length-=k;  //长度减小
+    return true;
+}
+```
+
+6. 从有序顺序表中删除所有其值重复的元素，使表中所有元素的值均不同
+
+算法思想：有序顺序表，因此值相同的元素一定在连续的位置上，用类似于直接插入排序的思想，初始时将第一个元素视为非重复的有序表，之后依次判断后面的元素是否与前面非重复有序表的最后一个元素相同，若相同，则继续向后判断，若不同，则插入前面的非重复有序表的最后，知道判断到表为为止
+
+```c++
+bool Delete_Same(SeqList& L){
+    if(L.length==0){
+        return false;
+    int i,j;
+    for(i=0,j=1;j<L.length;j++) //i存储第一个不相同的元素，j为工作指针
+        if(L.data[i]!=L.data[j]) //查找下一个与上个元素值不同的元素
+            L.data[++i]=L.data[j];//查找到后，将元素前移
+    L.length=i+1;
+    return true;
+    }
+}
+```
+
+7. 将两个有序顺序表合并为一个新的有序顺序表，并由函数返回结果顺序表
+
+算法思想：首先，按顺序不断取下两个顺序表表头较小的结点存入新的顺序表中，然后，看哪个表还有剩余，将剩下的部分加到新的顺序表后面
+
+```c++
+bool Merge(SqList A,SeqList B,SeqList &C){
+    if(A.length+B.length>C.maxSize)
+        return false;
+    int i=0,j=0,k=0;
+    while(i<A.length&&B.length){ //循环，两两比较，小者存入结果表
+        if(A.data[i]<=B.data[j]);
+            C.data[k++]=A.data[i++];
+        else
+            C.data[k++]=B.data[k++];
+    }
+    while(i<A.length) //还剩一个没有比较完的顺序表
+        C.data[k++]=A.data[i++];
+    while(j<B.length)
+        C.data[k++]=B.data[j++];
+    C.length=k;
+    return true;
+}
+```
+
+8. 已知在一位数组A[m+n]中一次存放两个线性表$(a_1,a_2,a_3,\cdots,a_m)$和$(b_1,b_2,b_3,\cdots,b_n)$。试编写一个函数，将数组中两个顺序表的位置互换，即将$(a_1,a_2,a_3,\cdots,\a_m$放在$(b_1,b_2,b_3,\cdots,b_n)$后面
+
+算法思想：先将数组A[m+n]中的全部元素$(a_1,a_2,a_3,\cdots,a_m,b_1,b_2,b_3,\cdots,b_n)$原地逆置为$(b_n,b_{n-1},b_{n-2},\cdots,b_1,a_m,a_{m-1},a_{m-2},\cdots,a_1)$,再对前n个元素和后m个元素分别使用逆置算法，即可得到$(b_1,b_2,b_3,\cdots,b_n,a_1,a_2,a_3,\cdots,a_m)$,从而实现顺序表的位置互换
+
+```c++
+typedef int DataType;
+void Reverse(DataType A[],int left,int right,int arraySize){
+    if(left>=right||right>=arraySize)
+        return;
+    int mid=(left+right)/2;
+    for(int i=0;i<=mid-left;i++){
+        Datatype temp = A[left+i];
+        A[left+i]=A[right-i];
+        A[right-i]=temp;
+    }
+}
+
+void Exchange(DataType A[],int m,int n,int arraySize){
+    Reverse(A,0,m+n-1,arraySize);
+    Reverse(A,0,n-1,arraySize);
+    Reverse(A,n,m+n-1,arraySize);
+}
+```
+
+
+9. 线性表$(a_1,a_2,a_3,\cdots,a_n)$中的元素递增有序且安顺序存储于计算机内，要求设计一个算法，完成用最少时间在表中查找数值为x的元素，若找到，则将其与后继元素位置相交换，若找不到，则将其插入表中并使表中元素仍递增有序
+
+算法思想：顺序存储的线性表递增有序，可以顺序查找，也可以折半查找，题目要求"用最少的时间在表中查找数值为x的元素"，这里应使用折半查找法
+
+```c++
+void SearchExchangeInsert(EkemType A[],ElemType x){
+    int low=0,high=n-1,mid; //low和high指向顺序表的上界和下界的下标
+    while(low<=high){
+        mid = (low+high)/2; //找中间位置
+        if(A[mid]==x) //找到x，退出while循环
+            break;
+        else if(A[mid]<x) //到中点mid的右半部去查找
+            low=mid+1;
+        else  //到中点mid的左半部去查
+            high=mid-1;
+    }
+    if(A[mid]==x&&mid!=n-1){. //若最后一个元素与x相等，则不存在与其后继交换的操作
+        t=A[mid];
+        A[mid]=A[mid+1];
+        A[mid+1]=t;
+    }
+    if(low>high){       //查找失败，插入数据元素x
+        for(i=n-1;i>high;i--) //后移元素
+            A[i+1]=A[i]; 
+        A[i+1]=x; //插入x
+    }
+}
+```
+
+
+10. 设将$n(n>1)$个整数存放到一维数组R中，设计一个在时间和空间两方面都尽可能高效的算法，将R中保存的序列循环左移$p(0<p<n)$个位置，即将R中的数据由$(X_0,X_1,X_2,\cdots,X_{n-1})$变换为$(X_p,X_{p+1},\cdots,X_{n-1},X_0,X_1,\cdots,X_{p-1})$。要求：
+
+1）给出算法设计思想
+
+算法的基本设计思想：可将这个问题视为吧数组ab转换成数组ba(a代表数组的前p个元素，b代表数组中余下的n-p个元素)，先将a逆置得到$a^{-1}b$,再将b逆置得到$a^{-1}b^{-1}$,最后将整个$a^{-1}b^{-1}$逆置得到$(a^{-1}b^{-1})^{-1}=ba$。设Reverse函数执行将数组元素逆置的操作，对abcdefgh向左循环移动3个位置的过程如下：
+
+    Reverse(0,p-1);得到cbadefgh
+
+    Reverse(p,p-1);得到cbahgfed;
+
+    Reverse(0,p-1);得到defghabc;
+
+
+2）采用C或C++或java语言描述算法，关键之处给出注释
+
+```c++
+void Reverse(int R[],int from,int to){
+    int i,temp;
+    for(i=0;i<(to-from+1)/2;i++){
+        temp=R[from+i];
+        R[from+i]=R[to-i];
+        R[to-i]=temp;
+    } //Reverse
+}
+
+void Converse(int R[],int n,int p){
+    Reverse(R,0,p-1)
+    Reverse(R,p,p-1)
+    Reverse(R,0,p-1)
+
+}
+```
+
+3）说明算法时间空间复杂度
+
+上述三个Reverse函数的时间复杂度分别为$O(p/2)、O((n-p)/2)$和$O(n/2)$故所设计的算法的时间复杂度为$O(n)$,空间复杂度为$O(1)$
+
+
+11. 一个长度为$L(L \leq 1)$的升序序列S，处在第[L/2]个位置的数称为S的中位数。例如序列$S_1$=(11,13,15,17,19),则$S_1$的中位数是15，两个序列的中位数是含它们所有元素的升序序列的中位数。例如$S_2$=(2,4,6,8,20)，则$S_1和S_2$的中位数是11.现在有两个等长升序序列A和B，试设计一个在时间和空间都尽可能高效的算法找出两个序列A和B的中位数。要求：
+
+1）给出算法设计思想
+
+算法的基本设计思想：
+
+分别求两个升序序列A，B的中位数，设为a和b，求序列A,B的中位数过程如下：
+
+1. 若a=b，则a或b即为所求中位数，算法结束
+2. 若a<b,则舍弃序列A中较小的一半，同时舍弃序列B中较大的一半，要求两次舍弃的长度相等
+3. 若a>b，则舍弃序列A中较大的一半，同时舍弃序列B中较小的一半，要求两次舍弃的长度相等。
+
+在保留的两个升序序列中，重复过程1，2，3，直到两个序列中均只含有一个元素时为止，较小者即为所求的中位数
+
+2）采用C或C++或java语言描述算法，关键之处给出注释
+
+```c++
+int M_Search(int A[],int B[],int n){
+    int s1=0,d1=n-1,m1,s2=0,d2=n-1,m2;
+    //分别表示序列A和B的首位数，末位数和中位数
+    while(s1!=d1||s2!=d2){
+        m1=(s1+d1)/2;
+        m2=(s2+d2)/2;
+        if(A[m1]==B[m2])
+            return A[m1]; //满足过程1
+        if(A[m1]<B[m2]){ //满足过程2
+            if((s1+d1)%2==0){ //若元素个数为奇数
+                s1=m1; //舍弃A中间点以前的部分且保留中间点
+                d2=m2; //舍弃B中间点以后的部分且保留中间点
+            }
+            else{ //元素个数为偶数
+                s1=m1+1; //舍弃A中间点及中间点以前部分
+                d2=m2; //舍弃B中间点以后部分且保留中间点
+            }
+        }
+        else{. //满足过程3
+            if((s2+d2)%2==0){ //若元素个数为奇数
+                d1=m1; //舍弃A中间点以后的部分且保留中间点
+                s2=m2; //舍弃B中间点以前的部分且保留中间点
+            }
+            else{ //元素个数为偶数
+                d1=m1; //舍弃A中间点以后部分且保留中间点
+                s2=m2+1;//舍弃B中间点及中间点以前部分
+            }
+        }
+    }
+    return A[s1]<B[s2] ? A[s1]:B[s2];
+}
+```
+
+
+3）说明算法时间空间复杂度
+
+算法的时间复杂度为$O(\log_2 n)$,空间复杂度为$O(1)$
+
+12. 已知一个整数序列$A=(a_0,a_1,\cdots,a_{n-1})$,其中$0 \leq a_i < n(0 \leq i < n)$。若存在$a_{p1}=a_{p2}=\cdots=a_{pm}=x$且$m>n/2(0\leq p_k < n,1 \leq k \leq m)$,则称x为A的主元素，例如A=(0,5,5,3,5,7,5,5),则5为主元素；又如A=(0,5,5,3,5,1,5,7),则A中没有主元素。假设A中的n个元素保存在一个一维数组中，请设计一个尽可能高效的算法，找出A的主元素，若存在主元素，则输出该元素，否则输出-1，要求
+
+1）给出算法设计思想
+
+算法的基本设计思想：从前往后扫描数组元素，标记出一个可能成为主元素的元素num，然后重新计数，确认num是否是主元素
+
+1. 选取候选的主元素，依次扫描所给数组中的每个整数，将第一个遇到的整数Num保存到c中，记录num的出现次数为1；若遇到的下一个整数仍然等于num，则计数加一，否则计数减一；当计数减到0时，将遇到的下一个整数保存到c中，计数重新记为一，开始新一轮计数，即从当前位置开始重复上述过程，直到扫描完全部数组元素
+2. 判断c中元素是否是真正的主元素。再次扫描该数组，统计c中元素出现的次数，若等于n/2，则为主元素；否则，序列中不存在主元素
+
+2）采用C或C++或java语言描述算法，关键之处给出注释
+
+```c++
+int Majority(int A[],int n){
+    int i,c,count=1; //c用来保存候选主元素，count计数
+    c=A[0]; //设置A[0]为候选主元素
+    for(i=1;i<n;i++) //查找候选主元素
+        if(A[i]==c)
+            count++; //对A中的候选主元素计数
+        else
+            if(count>0) //处理不是候选主元素的情况
+                count--;
+            else{ //更换候选主元素，重新计数
+                c=A[i];
+                count=1;
+            }
+    if(count>0)
+        for(i=count=0;i<n;i++) //统计候选主元素的实际出现次数
+            if(A[i]==c)
+                count++;
+    if(count>n/2)   //确认候选主元素
+        return c;
+    else //不存在主元素
+        return -1;
+    
+}
+```
+3）说明算法时间空间复杂度
+
+时间复杂度为$O(n)$，空间复杂度为$O(1)$
+
+13. 给定一个含$n(n \geq 1)$个整数的数组，请设计一个在时间上尽可能高效的算法，找出数组中未出现的最小正整数，例如，数组{-5,3,2,3}中未出现的最小正整数是1；数组{1,2,3}中未出现的最小正整数是4，要求：
+
+1）给出算法设计思想
+
+思路：采用空间换时间的方法，分配一个用于标记的数组B[n],用于记录A中是否出现了1～n中的正整数，B[0]对应正整数1，B[n-1]对应正整数n，初始化B中全部为0，由于A中含有n个整数,因此可能的返回值是1~n+1，当A中n个数恰好为1~n时返回n+1。当数组A中出现了小于等于0或大于n的值时，会导致1~n中出现空余位置，返回结果必然在1~n中，因此对于A中出现了小于等于0或大于n的值，可以不采取任何操作
+
+算法流程：从A[0]开始遍历A，若0<A[i]<=n,则令B[A[i]-1]=1;否则不做操作。对A遍历结束后，开始遍历数组B，若能查找到第一个满足B[i]==0的下标i，返回i+1即为结果，此时说明A中未出现的最小正整数在1~n之间。若B[i]全部不为0，返回i+1(跳出循环时i=n，i+1等于n+1)，此时说明A中未出现的最小正整数是n+1
+
+
+2）采用C或C++或java语言描述算法，关键之处给出注释
+
+```c
+int findMissMin(int A[],int n){
+    int i,*B;  //标记数组
+    B=(int* )malloc(sizeof(int)*n);  //分配空间
+    memset(B,0,siezof(int)*n);  //赋初值为0
+    for(i=0;i<n;i++)
+        if(A[i]>0&&A[i]<=n)  //若A[i]的值介于1~n，则标记数组B
+            B[A[i]-1]=1;
+    for(i=0;i<n;i++) //扫描数组B，找到目标值
+        if(B[i]==0)
+            break;
+    return i+1;  //返回结果
+}
+```
+
+3）说明算法时间空间复杂度
+
+时间复杂度：A,B各遍历一次，两次循环内操作步骤为$O(1)$量级，因此时间复杂度为$O(n)$
+
+14. 定义三元组(a,b,c)(a、b、c均为正数)的距离D=|a-b| + |b-c|+|c-a|。给定3个非空整数集合$S_1、S_2、S_3$,按升序分别存储在3个数组中。请设计一个尽可能高效的算法，计算并输出所有可能的三元组$(a,b,c)(a \in S_1,b \in S_2,c \in S_3)$中的最小距离。例如$S_1={-1,0,9},S_2={-25,-10,10,11},S_3={2,9,17,30,41},则最小距离为2，相应的三元组为(9,10,9)。要求：
+
+1）给出算法设计思想
+
+* 思路：由$D=|a-b|+|b-c|+|c-a| \geq 0$可得：
+
+- a=b=c时，距离最小
+- 假设$a \leq b \leq c$可得$L_1=|a-b| L_2=|b-c| L_3=|c-a| D=|a-b|+|b-c|+|c-a|=L_1+L_2+L_3=2L_3$
+
+由此可得a和c的距离决定D的大小，问题简化为为每次固定的c找一个a，使得$L_3=|c-a|最小$
+
+* 算法的设计思想：
+
+1. 使用$D_{min}$记录所有已处理的三元组的最小距离，初值为一个足够大的整数。
+2. 集合$S_1,S_2,S_3$分别保存在数组A,B,C中。数组的下标变量i=j=k=0，当$i<|S_1|,j<|S_2|,k<|S_3|$时，循环执行下面的步骤
+
+- 计算A[i],B[j],C[k]的距离D
+- 若$D<D_{min} $,则$D_{min} = D$
+- 将A[i],B[j],C[k]中的最小值的下标+1(最小值为a，最大值为c，此处c不变更新a，试图寻找更小的距离D)
+- 输出$D_{min}$，结束
+
+
+2）采用C或C++或java语言描述算法，关键之处给出注释
+
+```c
+#define INT_MAX 0x7fffffff
+int abs_(int a){
+    if(a<0)
+        return -a;
+    else
+        return a;
+}
+bool xls_min(int a,int b,int c){
+    if(a<=b&&a<=c)
+        return true;
+    return false;
+}
+int findMinofTrip(int A[],int n,int B[],int m,int C[],int p){
+    int i=0,j=0,k=0,D_min=INT_MAX,D;
+    while(i<n&&j<m&&k<p&&D_min>0){
+        D=abs_(A[i]-B[j])+abs_(B[j]-C[k])+abs_(C[k]-A[i]); //计算D
+        if(D<D_min)
+            D_min = D; //更新D
+        if(xls_min(A[i],B[j],C[k]))
+            i++;  //更新a
+        else if(xls_min(B[j],C[k],A[i]))
+            j++;
+        else 
+            k++;
+
+    }
+    return D_min;
+}
+```
+
+3）说明算法时间空间复杂度
+
+设$n=(|S_1|+|S_2|+|S_3|)$,可得时间复杂度为$O(n)$空间复杂度为$O(1)$
+
+
+## 线性表的链式表示
+
+### 单链表定义
+
+线性表的链式存储称为单链表，通过一组任意的存储单元来存储线性表中的数据元素，对于每个链表结点，除存放元素自身元素以外，还需要存放一个指向其后继的指针
+
+|data|next|
+|:---:|:---:|
+
+如上，data为数据域，存放数据元素，next为指针域，存放后继结点的地址
+
+对结点类型的定义如下：
+
+```c
+typedef struct LNode{
+    ElemType data;  // 数据域
+    struct LNode *next; //指针域
+}LNode,*LinkList;
+```
+
+单链表可解决顺序表需要大量连续存储单元的问题，但其本身附加指针域，会导致浪费存储空间，且单链表的元素离散分布在存储空间中(非随机存取结构)，查找某个特定结点时，需要从表头开始遍历
+
+头指针通常用于标识一个单链表，如单链表L，头指针为NULL时表示为一个空表，出于便于操作的目的，也会在单链表的第一个结点之前附加一个结点，称为头结点。头结点的数据域可以不设任何信息，也可以记录表长等信息。头结点的指针指向线性表的第一个元素结点
+
+头结点和头指针的区别：
+
+- 头指针始终指向链表的第一个结点
+- 头结点是带头结点的链表中的第一个结点，结点内通常不存储信息
+
+头结点引入的优势：
+
+- 由于第一个元素结点的位置被放在头结点的指针域中，因而在链表第一个位置上的操作与其他位置保持一致
+- 无论链表是否为空，头指针都指向头结点的非空指针(空表中头结点的指针域为空)，统一了对空表和非空表的处理
+
+### 单链表的基本操作
+
+#### 采用头插法建立单链表
+
+该方法从一个空表开始，生成新结点，并把读取到的数据存放到新结点的数据域中，然后将新结点插入到头结点之后
+
+算法如下：
+
+```c
+LinkList List_HeadInsert(LinkList &L){
+    LNode *s; int x;
+    L=(LinkList)malloc(sizeof(LNode));
+    L->next = NULL;
+    scanf("%d",&x);
+    while(x!=9999){
+        s=(LNode*)malloc(sizeof(LNode));
+        s->data=x;
+        s->next=L->next;
+        L->next=s;
+        scanf("%d",&x);
+    }
+    return L;
+}
+```
+
+读入数据的顺序与生成的链表中的元素的顺序是相反的，每个结点插入的时间为$O(1)$,设单链表长度为n，则总时间复杂度为$O(n)$
+
+
+#### 采用尾插法建立单链表
+
+该方法将新结点插入到当前链表的表尾，为此必须增加一个尾指针r，使其始终指向当前链表的尾结点
+
+算法：
+
+```c
+LinkList List_TailInsert(LinkList &L){  //正向建立单链表
+    int x;
+    L=(LinkList)malloc(sizeof(LNode));
+    LNode *s,*r=L; //r为表尾指针
+    scanf("%d",&x);
+    while(x!=9999){
+        s=(LNode *)malloc(sizeof(LNode));
+        s->data=x;
+        r->next=s;
+        r=s;  //r指向新的表尾指针
+        scanf("%d",&x);
+    }
+    r->next=NULL; //尾结点指针置空
+    return L;
+} 
+```
+
+读入数据的顺序与生成的链表中的元素的顺序一致，附设了一个指向表尾结点的指针，故时间复杂度和头插法的相同，都为$O(n)$
+
+#### 按序号查找结点值
+
+在单链表中从第一个结点出发，顺指针next域逐个往下搜索，直到找到第i个结点为止，否则返回最后一个结点指针域NULL
+
+算法：
+
+```c
+LNode *GetElem(LinkList L,int i){
+    int j=1; //计数，初始为1
+    LNode *p=L->next; //头结点指针赋给p
+    if(i==0)
+        return L; //若i等于0，则返回头结点
+    if(i<1)
+        return NULL; //i无效则返回NULL
+    while(p&&j<i){
+        p=p->next;
+        j++;
+    }
+    return p; //返回第i个结点的指针，若i大于表长，则返回NULL
+}
+```
+
+时间复杂度为$O(n)$
+
+#### 按值查找表结点
+
+从单链表的第一个结点开始，由前往后依次比较表中各结点数据域的值，若某结点数据域的值等于给定值e，则返回该结点的指针；若整个单链表中没有这样的结点，则返回NULL
+
+算法：
+
+```c
+LNode *LocateElem(LinkList L,ElemType e){
+    LNode *p=L->next;
+    while(p!=NULL&&p->data!=e) //从第一个结点开始查找data域为e的结点
+        p=p->next;
+    return p;  //找到后返回该结点指针，否则返回NULL 
+}
+```
+
+#### 插入结点操作
+
+插入结点操作将值为x的新结点插入到单链表的第i个位置上。先检查插入位置的合法性，然后找到待插入位置的前驱结点，即第i-1个结点，再在其后插入新结点
+
+算法首先调用按序号查找算法GetElem(L,i-1),查找第i-1个结点。假设返回的第i-1个结点为* p，然后令新结点* s的指针域指向* p的后继结点，再令结点* p的指针域指向新插入的结点* s
+
+实现插入结点的代码片段：
+
+```c
+p=GetElem(L,i-1);
+s->next=p->next;
+p->next=s;
+```
+
+上述片段中，指针操作顺序不能颠倒，否则，先执行p->next=s后，指向其原后继的指针就不存在，再执行s->next=p->next时，相当于执行了s->next=s，显然是错误的
+
+主要的时间开销在于查找第i-1个元素，时间复杂度为$O(n)$.若在给定的节点后面插入新结点，则时间复杂度为$O(1)$
+
+#### 对某一结点进行前插操作
+
+前插通常为在某结点的前面插入一个新结点，后插则相反，且单链表插入算法中更常用后插操作
+
+上述算法中，找到插入结点的前驱结点后再执行后插操作即可将前插操作转换为后插操作，前提是从单链表头结点开始顺序查找到其前驱结点，时间复杂度为$O(n)$
+
+也可设待插入结点为*S, 将 *S插入到到 *P的前面，此时仍然可以将 *S插入到 *P后，将p->data与s->data交换，此时的时间复杂度为$O(1)$
+
+```c
+//将 *S插入到到 *P的前面
+s->next = p->next; //修改指针域
+p->next = s;
+temp = p->data;  //交换数据域
+p->data = s->data;
+s->data = temp;
+```
+
+#### 删除结点操作
+
+删除结点操作是江单链表的第i个结点删除。需要先检查删除位置的合法性，后查找表中第i-1个结点，即被删结点的前驱结点，再将其删除
+
+假设*p为找到的被删结点的前驱结点，仅需修改 *p的指针域，即将 *p的指针域next指向 *q的下一结点
+
+```c
+p=GetElem(L,i-1); //查找删除位置的前驱结点
+q=p->next;  //和后继结点交换数据域
+p->next=q->next; //将*q结点从链中断开
+free(q); //释放后继结点的存储空间
+```
+
+#### 求表长操作
+
+即计算单链表中数据结点的个数，需从第一个结点开始顺序依次访问表中的每个结点，设置一个计算器变量，每访问一次结点则加一，直到访问空结点，算法复杂度为$O(n)$
+
+单链表长度往往不包括头结点，对于不带头结点和带头结点的链表在求表长时操作存在不同。对于前者，当表空时需要单独处理
+
+### 双链表 
+
+双链表在单链表的结点中增加了一个指向前驱的prior指针，使得其无需像单链表那样只能从头开始依次顺序地向后遍历
+
+结点类型描述：
+
+```c
+typedef struct DNode{  //定义双链表结点类型
+    ElemType data;  // 数据域
+    struct DNode *prior,*next; //前驱和后驱结点
+
+}DNode,*DLinklist;
+```
+
+#### 双链表的插入操作
+
+在双链表中p所指的结点之后插入结点*s
+
+```c
+s->next=p->next; //将结点*s插入到结点*p之后
+p->next->prior=s;
+s->prior=p;
+p->next=s;
+```
+
+上述代码顺序并非唯一，但也不是任意的，第一二步需保证在第四步之前，当值丢失*p的后继结点的指针
+
+#### 双链表的删除操作
+
+删除双链表中结点*p的后继结点 *q
+
+```c
+p->next=q->next;
+q->next->prior=p;
+free(q);
+```
+
+### 循环链表
+
+#### 循环单链表
+
+循环单链表与单链表的区别在表中最后一个结点的指针不是NULL，而是指向头结点，从而整个链表形成一个环
+
+循环单链表中，表尾结点*r的next域指向L，故表中没有指针域为NULL的结点，因此，循环单链表的判空条件为头结点的指针是否等于头指针
+
+循环单链表中插入，删除与单链表一致，不同在于表尾操作时需要让单链表继续保持循环的性质。当然由于循环单链表往往认为是一个环，任何一个位置上的插入和删除操作都是等价，无需判断是否为表尾
+
+相比于单链表，循环单链表能够从表中任意一个结点开始遍历整个链表，有时对单链表常做的操作是在表头和表尾进行，此时对循环单链表不设头指针，仅设尾指针能够有更高的效率,原因在于，若设的是头指针，对表尾进行操作需要$O(n)$的时间复杂度，若设的是尾指针r，r->即为头指针，对表头与表尾进行操作都只要$O(1)$的时间复杂度
+
+#### 循环双链表
+
+在循环双链表中，头结点的prior指针还要指向表尾结点
+
+例如在循环双链表L中，某结点*p为尾结点时，p->next==L;当循环双链表为空表时，其头结点的prior域和next域都等于L
+
+### 静态链表
+
+静态链表借助数组来描述线性表的链式存储结构，结点也有数据域data和指针域next，与先前的链表中的指针不同在于此处的指针是结点的相对地址(数组下标)，又称游标。和顺序表一致，静态链表也需要分配一块连续的内存空间
+
+结构类型描述：
+
+```c
+#define MaxSize 50
+typedef struct {
+    ElemType data;
+    int next;//下一个元素的数组下标
+} SLinkList[MaxSize];
+```
+
+静态链表以next == -1作为结束的标志。总体而言，静态链表不如单链表使用起来方便，但在一些不支持指针的高级语言中，其为一种巧妙的设计方法
+
+## 顺序表和链表的比较
+
+### 存取(读写)方式
+
+顺序表可以顺序存取，也可以随机存取，链表只能从表头顺序存取元素。例如在第i个位置上执行存或取得操作，顺序表仅需一次访问，而链表则需从表头开始依次访问i次
+
+### 逻辑结构与物理结构
+
+采用顺序存储是，逻辑上相邻的元素，对应的物理存储位置也相邻。采用链式存储时，逻辑上相邻的元素，物理存储位置不一定相邻，对应的逻辑关系是通过指针链接来表示的
+
+### 查找、插入和删除操作
+
+对于按值查找，顺序表无序时，两者的时间复杂度均为$O(n)$;顺序表有序时，可采用折半查找，此时的时间复杂度为$O(\log_2 n)$
+
+对于按序号查找，顺序表支持随机访问，时间复杂度仅为$O(1)$,而链表的平均时间复杂度为$O(n)$。顺序表的插入、删除操作，平均需要移动半个表长的元素。链表的插入、删除操作，只需修改相关结点的指针域即可。由于链表的每个结点都带有指针域，故而存储密度不够大
+
+### 空间分配
+
+顺序存储在静态存储分配情形下，一旦存储空间装满就不能扩充，若再加入新元素，则会出现内存溢出，因此需要预先分配足够大的存储空间。预先分配过大，可能会导致顺序表后不大量闲置；预先分配过小则易发生溢出
+
+动态分配情形下，虽然可以扩充存储空间，但需要移动大量元素，导致操作效率降低，若内存中没有更大块的连续存储空间，则会分配失败，链式存储的存储空间则只在需要时申请，只要空间足够就能够申请，操作灵活高效
+
+### 存储结构的选取考虑
+
+#### 基于存储考虑
+
+难以估计线性表长度或存储规模时，不宜采用顺序表；
+
+链表不用事先估计存储规模，但链表的存储密度低(低于1)
+
+#### 基于运算的考虑
+
+在顺序表中按序号访问$a_j$的时间复杂度为$O(1)$，而链表中按序号访问的时间复杂度为$O(n)$,因此若经常做的运算是按序号访问数据元素，则显然顺序表优于链表
+
+顺序表中插入，删除操作时，平均移动表中一半的元素，当数据元素的信息量较大且表较长时，此开销不可忽视；在链表中进行插入、删除操作时，虽然也要找插入位置，但主要进行的是比较操作，可见后者优于前者
+
+#### 基于环境的考虑
+
+顺序表易于实现，任何高级语言中都有数组类型；链表的操作是基于指针的，相对来讲，前者实现较为简单
+
+两者各有优缺点，通常较稳定的线性表选择顺序存储，而频繁进行插入、删除操作的线性表宜使用链式存储
+
+
+### 一些练习
+
+1. 设计一个递归算法，删除不带头结点的单链表L中所有值为x的结点
+
+设计f(L,x)的功能是删除以L为收结点指针的单链表中所有值等于x的结点，显然有f(L->next,x)的功能是删除以L->next为首结点指针的单链表中所有值等于x的结点。由此，可以推出递归模型如下。
+
+终止条件： f(L,x) = 不做任何事情；  若L为空表
+
+递归主体： f(L,x) = 删除*L结点；f(L->next,x);   若L->data == x
+            f(L,x) = f(L->next,x);  其他情况
+
+代码如下：
+
+```c
+void Del_X_3(Linklist &L,ElemType x){
+    //递归实现在单链表L中删除值为x的结点
+    LNode *p; //p指向待删除结点
+    if(L==NULL) //递归出口
+        return;
+    if(L->data==x){ //若L所指结点的值为x
+        p=L;  //删除*L,并让L指向下一结点
+        L=L->next;
+        free(p);
+        Del_X_3(L,x); //递归调用
+    }
+    else  //若L所指结点的值不为x
+        Del_X_3(L->next,x);//递归调用
+}
+```
+
+算法需要调用一个递归工作栈，深度为O(n),时间复杂度为O(n)。由于L为引用，是直接对原链表进行操作，因而不会发生断链
+
+2. 试L为带头结点的单链表，编写算法实现从尾到头反向输出每个结点的值
+
+算法思想：每当访问一个结点时，先递归输出它后面的结点，再输出该结点自身，这样链表就反向输出了
+
+代码：
+
+```c
+void R_Print(LinkList L){
+    //从尾到头输出单链表L中每个结点的值
+    if(L->next!=NULL){
+        R_Print(L->next); //递归
+
+    }//if
+    if(L!=NULL){
+        print(L->data);
+    }
+}
+void R_Ignore_Head(LinkList L){
+    if(L!=NULL){
+        R_Print(L->next);
+    }
+}
+```
+
+3. 有一个带头结点的单链表L，试设计一个算法使其元素递增有序
+
+算法思想：
+
+采用直接插入排序算法的思想，先构成只含一个数据结点的有序单链表，然后一次扫描单链表中剩下的结点*p(直到p==NULL为止)，在有序表中通过比较查找插入 *p的前驱结点 *pre,然后将 *p插入到 *pre之后
+
+代码如下：
+
+```c
+void Sort(LinkList &L){
+    //本算法实现将单链表L的结点重排，使其递增有序
+    LNode *p=L->next,*pre;
+    LNode *r=p->next;  //r保持*p后继结点指针，保证不断连
+    p->next = NULL;  //构造只含一个数据结点的有序表
+    p=r;
+    while(p!=NULL){
+        r=p->next;  //以保存*p的后继结点指针
+        pre=L;
+        while(pre->next!=NULL&&pre->next->data<p->data){
+            pre = pre->next; //在有序表中查找插入*p的前驱结点*pre
+        }
+        p->next = pre->next; //将*p插入到*pre之后
+        pre->next = p;
+        p=r; //扫描原单链表中剩下的结点
+            
+        
+    }
+}
+```
+
+该算法的时间复杂度为$O(n^2)$，为达到最佳的时间性能，可将链表的数据复制到数组中，再采用时间复杂度为$O(n\log_2 n)$的排序算法进行排序，然后将数组元素依次插入链表中，此时的时间复杂度为$O(n\log_2 n)$，显然这是以空间换时间的策略
+
+4. 已知一个带有表头结点的单链表，结点结构为
+
+| data | link |
+| :---:    | :---:  |
+
+假设该链表只给出了头指针list。在不改变链表的前提下，请设计一个尽可能高效的算法，查找链表中倒数第k个位置上的结点(k为整数)。若查找成功，算法输出该结点的data域的值，并返回1；否则，只返回0，要求：
+
+1) 描述算法的基本设计思想
+
+问题关键在于设计一个尽可能高效的算法，通过链表的一次遍历，找到倒数第k个结点的位置
+
+算法的基本设计思想：
+
+定义两个指针变量p和q，初始时均指向头结点的下一个结点(链表的第一个结点)，p指针沿链表移动，当p指针移动到第k个结点时，q指针开始与p指针同步移动；当p指针移动到最后一个结点时，q指针所指示结点为倒数第k个结点。以上过程对链表仅进行一遍扫描
+
+2) 描述算法的详细实现步骤
+
+    1. count = 0，p和q指向链表表头结点的下一个结点
+    2. 若p为空，转向步骤5
+    3. 若count等于k，则q指向下一个结点，否则，count=count+1.
+    4. p指向下一个结点，转向步骤2
+    5. 若count等于k，则查找成功，输出该结点的data域的值，返回1，否则，说明k值超过了线性表长度，查找失败，返回0
+    6. 算法结束
+
+3) 根据设计思想和实现步骤，采用程序设计语言描述算法，关键之处请给出简要注释
+
+算法实现：
+
+```c
+typedef int ElemType //链表数据的类型定义
+typedef struct LNode{
+    ElemType data; //结点数据
+    struct LNode *link;//结点链接指针
+}LNode,*LinkList; //链表结点的结构定义
+
+int Search_k(LinkList list,int k){
+    //查找链表list倒数第k个结点，并输出该结点data域的值
+    LNode *p=list->link,*q=list->link;//指针p，q指示第一个结点
+    int count=0;
+    while(p!=NULL){ // 遍历链表直到最后一个结点
+        if(count<k){ //计数，若count<k只移动p
+            count++;
+        }
+        else{
+            q=q->link;
+        }
+        p=p->link; //之后让p，q同步移动
+    }
+    if(count<k){
+        return 0; //查找失败返回0
+    }
+    else{
+        printf("%d",q->data); //查找成功，打印并返回1
+        return 1;
+    }
+}
+```
+
+5. 设计一个算法完成以下功能：判断一个链表是否有环，如果有，找出环的入口点并返回，否则返回NULL
+
+算法的基本设计思想：
+
+设置快慢两个指针分别为fast和slow，初始时都指向链表头head。slow每次走一步，即slow=slow->next;fast每次走两步，即fast=fast->next->next。由于fast比slow走得快，如果有环，那么fast一定会先进入，而slow后进入环，当两个指针都进入环后，经过若干操作后两个指针定能在环上相遇，从而判断一个链表是否存在环
+
+当slow刚进入环时，fast早已进入环。因为fast每次比slow多走一步，且fast与slow 的距离小于环的长度，所以fast与slow相遇时，slow所走的距离不超过环的长度
+
+设头结点到环的入口点的距离为a，环的入口点沿着环的方向到相遇点的距离为x，环长为r，相遇时fast绕过了n圈，则有2(a+x)=a+n * r+x,即a=n * r-x。显然从头结点到环的入口点的距离等于n被的环长减去环的入口点到相遇点的距离。因此可设置两个指针，一个指向head，一个指向相遇点，两个指针同步移动(一次走一步),相遇点即为环的入口点
+
+代码实现：
+
+```c
+LNode* FindLoopStart(LNode *head){
+    LNode *fast=head,*slow=head;//设置快慢两个指针
+    while(slow!=NULL&&fats->next!=NULL){
+        slow=slow->next; //每次走一步
+        fast=fast->next-next;//每次走两步
+        if(slow==fast){ // 相遇
+            break;
+        }
+    }
+    if(slow==NULL||fast->next==NULL){ 
+        return NULL;  //没有环，返回NULL
+    }
+    LNode *p1=head,*p2=slow; //分别指向开始点，相遇点
+    while(p1!=p2){
+        p1=p1->next;
+        p2=p2->next;
+    }
+    return p1; //返回入口点
+}
+```
+
+6. 设线性表$L=(a_1,a_2,a_3,\cdots,a_{n-2},a_{n-1},a_{n})$采用带头结点的单链表保存，链表中的结点定义如下：
+
+```c
+typedef struct node
+{
+    int data;
+    struct node*next;
+}NODE;
+```
+
+请设计一个空间复杂度为$O(1)$且时间上尽可能高效的算法，重新排列L中的各结点，得到线性表$L_1=(a_1,a_n,a_2,a_{n-1},a_3,a_{n-2},\cdots)$。要求：
+
+1) 描述算法的基本设计思想和详细实现步骤
+
+观察比较$L$和$L_1$可知，后者由前者摘取一个元素，再摘取倒数第一个元素，依次合并而成
+
+为了方便链表后半段取元素，需要先将$L$的后半段原地逆置(题目要求空间复杂度为$O(n)$因而不能借助栈来逆置)，否则每取最后一个结点都需要遍历一次链表
+
+    1. 先找出链表L的中间结点，为此设置两个指针p和q，指针p每次走一步，指针q每次走两步，当指针q到达链尾时，指针p正好在链表的中间结点
+    2. 然后将L的后半段结点原地逆置
+    3. 从单链表前后两段中依次各取一个结点，按要求重排
+
+
+2) 根据设计思想和实现步骤，采用程序设计预言描述算法，关键之处请给出简要注释
+
+```c
+void change_list(NODE*h){
+    NODE *p,*q,*r,*s;
+    p=q=h;
+    while(q->next!=NULL){  //寻找中间结点
+        p=p->next;  //p走一步
+        q=q->next;
+        if(q->next!=NULL){
+            q=q->next;  //q走两步
+        }
+        q=p->next;  //p所指结点为中间结点，q为后半段链表的首结点
+        p->next=NULL;
+        while(q!=NULL){ //逆置链表后半段
+            r=q->next;
+            q->next=p->next;
+            p->next=q;
+            q=r;
+        }
+        
+    }
+    s=h->next;  //s指向前半段的第一个数据结点，插入点
+    q=p->next; //q指向后半段的第一个数据结点
+    p->next=NULL;
+    while(q!=NULL){ //将链表后半段的结点插入到指定位置
+        r=q->next;  //r指向后半段的下一个结点
+        q->next=s->next; //将q所指结点插入到s所指结点之后
+        s->next=q;
+        s=q->next; //s指向前半段的额下一个插入点
+        q=r;
+        }
+}
+
+```
+
+3) 计算时间复杂度
+
+第一步中找中间结点的时间复杂度为$O(n)$,第二步逆置的时间复杂度为$O(n)$，第三部合并链表的时间复杂度为$O(n)$，因此该算法的时间复杂度为$O(n)$
+
+
diff --git a/content/about/_index.md b/content/about/_index.md
new file mode 100644
index 0000000..826212b
--- /dev/null
+++ b/content/about/_index.md
@@ -0,0 +1,51 @@
+---
+title: "About"
+date: 2022-05-10T17:23:35+08:00
+
+---
+
+
+
+###### 图形学
+
+这里放着我出于兴趣琢磨的图形学笔记(随笔)，其实也挺想未来从事相关行业的，奈何和本科学校的学习方向完全不同，目前自学中也希望自己能考上研也去参与图形学的研究，得以系统性地学习图形学这浩瀚的知识，算是一个梦想吧
+
+参考来源：
+1. [games101](https://www.bilibili.com/video/BV1X7411F744?spm_id_from=333.999.0.0)
+2. [games202](https://www.bilibili.com/video/BV1YK4y1T7yY?spm_id_from=333.999.0.0)
+3. [games104](https://www.bilibili.com/video/BV1oU4y1R7Km?spm_id_from=333.999.0.0)
+4. [“实时渲染领域的武林秘籍”《Real-Time Rendering 4th》](http://www.realtimerendering.com/)
+5. [毛星云前辈整理的《Real-Time Rendering 4th》的引用文献合集](https://github.com/QianMo/Real-Time-Rendering-4th-Bibliography-Collection)
+6. [毛星云前辈整理的《Real-Time Rendering 3rd》提炼总结](https://github.com/QianMo/Real-Time-Rendering-3rd-CN-Summary-Ebook)
+
+
+向毛星云前辈致敬！！！！
+
+---------------------------
+
+###### 算法
+
+虽然说做TA的学长前辈说对于这一行业其实对一般算法要求不高，但我会在这里偶尔整理一些常用算法，也会有一些渲染算法的论文复现整理到这
+
+------------------------------
+###### 数学
+
+这里存放一些我在学习高数，线代，概率论的一些随笔，一方面是图形学的琢磨用的比较多，另一方面也是考研做题需求
+
+
+-------------------------------------
+###### 408
+
+存放学习408代号的四门专业课的一些随笔，囿于学校上课内容堪忧（说自己学校坏话貌似不太好，但确实是我自己感受到的），更多还是考研做题内容多些，若对实操感兴趣也会记录一部分
+
+----------------------------------------------
+
+###### 杂物
+
+记录自己用服务器搭建的一些方便自己使用的服务，什么内网穿透，云VSCode，自己的私人git仓库之类的，还有自己逛Github碰到的一些有意思的开源项目，生活上的一些记录，游戏记录+1，总之就是一些难以分类的随笔
+
+
+
+-----------------------------------------------
+
+囿于本人知识沉淀有限，知识越丰富，越感知识面之欠缺，如有错误，欢迎点击页脚信封图标给我发邮件指出或在我的[ink-soul.github.io](https://github.com/ink-soul/ink-soul.github.io/issues)项目下提交issue，我会加以验证和改正
\ No newline at end of file
diff --git a/content/algorithm/分治法.md b/content/algorithm/分治法.md
new file mode 100644
index 0000000..ec6cfe3
--- /dev/null
+++ b/content/algorithm/分治法.md
@@ -0,0 +1,121 @@
+---
+title: "分治法"
+date: 2022-05-10T09:10:25+08:00
+
+---
+
+##### 基本思想
+
+将一个规模为n的问题分解为k个规模较小的子问题，这些子问题互相独立且与原问题相同。递归地解这些子问题，然后将各子问题的解合并得到原问题的解
+子问题数量不定，但最好使每个子问题的规模相等
+
+一般算法设计模式
+
+```
+divide-and-conquer(p)
+{
+    if(|p|<=n0) 
+        adhoc(p);
+    divide p into smaller subinstances p1,p2,pk;
+    for(i=1,i<=k,k++)
+        yi=divide-and-conquer(pi);
+    return merge(y1,···,yk);
+}
+```
+
+----------------------
+
+###### 二分搜索技术
+
+将n个元素分成个数大致相同的两半，取a[n/2]与x进行比较。
+1. $x=[n/2]$,则找到x，算法终止
+2. $x<a[n/2]$,在数组a的左半部继续搜索x
+3. $x>a[n/2]$,在数组a的右半部继续搜索x
+
+
+   具体算法
+     ```java
+      public static int binarySearch(int [] a,int x,int n){
+      //在a[0]<=a[1]<=···<=a[n-1]中搜索x
+      //找到x时返回起在数组中的位置，则返回-1
+      int left =0;int right=n-1;
+      while(left<=right)
+      {
+      int middle=(left+right)/2;
+      if(x==a[middle])
+          return middle;
+      if(x>a[middle])
+          left=middle+1;
+      else
+          right=middle-1;
+      }
+      return-1;//未找到x
+      }
+      ```
+ ##### 棋盘覆盖
+ 在一个$2^k\times2^k$ 个方格组成的棋盘中，恰有一个方格与其他方格不同，称该方格为一特殊方格，且称该棋盘为一特殊棋盘,在该问题中要用4中种不同形态的L型骨牌覆盖给定的特殊棋盘上除特殊方格以外的所有方格，且任意2个L型骨牌不得重叠覆盖
+
+利用分治法得出的简洁算法
+
+当k>0时，将$ 2^k\times 2^k $棋盘分割为4个$ 2^{k-1}\times 2^{k-1}$ 子棋盘，特殊方格必定位于4个较小子棋盘之一，其余3个子棋盘中无特殊方格。未来将这3个无特殊方格的子棋盘转化为特殊棋盘，可以用一个L型骨牌覆盖着3个较小棋盘的会合处，这3个子棋盘上被L型骨牌覆盖的方格就成为该棋盘上的特殊方格，从而将原问题转化为4个较小规模的棋盘覆盖问题，递归地使用这种分割，直至棋盘简化为1
+
+```java
+public class Divide_and_conquer {
+    public void chessBoard(int tr,int tc,int dr,int dc,int size){
+        int tile=0;
+        int board[][]=new int[6][6];
+        if(size==1)
+            return;
+        int t=tile++,
+        s=size/2;
+
+        //覆盖左上角棋盘
+        if(dr<tr+s&&dc<tc+s)
+            chessBoard(tr, tc, dr, dc, s);
+        else{
+        //用t号L型骨牌覆盖右下角
+            board[tr+s-1][tc+s-1]=t;
+        //覆盖其余方格
+            chessBoard(tr,tc,tr+s-1,tc+s-1,s);
+            }
+
+        //覆盖右上角子棋盘
+        if(dr<tr+s&&dc>=tc+s)
+        //特殊方格在此棋盘中
+            chessBoard(tr, tc+s, dr, dc, s);
+        else{
+            //此棋盘中无特殊方格
+            //用t号L型骨牌覆盖左下角
+            board[tr+s-1][tc+s]=t;
+            //覆盖其他方格
+            chessBoard(tr, tc+s, tr+s-1, tc, s);
+            }
+
+        //覆盖左上角棋盘
+        if(dr>=tr+s&&dc<tc+s)
+        //特殊方格在此棋盘中
+            chessBoard(tr+s, tc, dr, dc, s);
+        else{
+        //此棋盘中无特殊方格
+        //用t号L型骨牌覆盖右下角
+            board[tr+s][tc+s-1]=t;
+            //覆盖其他方格
+            chessBoard(tr+s, tc, tr+s, tc+s-1, s);
+            }
+
+        //覆盖右下角子棋盘
+        if(dr>=tr+s&&dc>=tc+s)
+        //特殊方格在此棋盘中
+            chessBoard(tr+s, tc+s, dr, dc, s);
+        else{
+            //此棋盘中无特殊方格
+            //用t号L型骨牌覆盖左下角
+            board[tr+s][tc+s]=t;
+            //覆盖其他方格
+            chessBoard(tr+s, tc+s, tr+s, tc+s, s);
+            }
+
+        }  
+    }
+
+```
diff --git a/content/algorithm/排序合集.md b/content/algorithm/排序合集.md
new file mode 100644
index 0000000..f76caf8
--- /dev/null
+++ b/content/algorithm/排序合集.md
@@ -0,0 +1,1066 @@
+---
+title: "排序合集"
+date: 2022-05-19T10:34:31+08:00
+
+---
+
+内容参考：[十大经典排序算法](https://sort.hust.cc/)
+
+---------------------
+
+#### 归并排序
+
+基本思想：
+
+将待排序元素分为大小大致相同的两个子集合，分别对两个子集合进行排序，最终将排好序的子集合并成为所要求的排好序的集合
+
+JAVA实现
+
+``` java
+ public static void mergeSort(Comparable[]a)
+    {
+        Comparable []b=new Comparable[a.length];
+        int s=1;
+        while(s<a.length)
+        {
+            mergePass(a,b,s);//合并到数组a
+            s+=s;
+            mergePass(b,a,s);//合并到数组b
+            s+=s;
+        }
+    }
+
+    public static void mergePass(Comparable []x,Comparable[]y,int s)
+    {
+        int i =0;
+        while(i<=x.length-2*s)
+        {
+            //合并大小为s的相邻两段子数组
+            merge(x,y,i,i+s-1,i+2*s-1);
+            i=i+2*s;
+
+        }
+        //剩下的元素个数小于2s时
+        if(i+s<x.length)
+            merge(x,y,i,i+s-1,x.length-1);
+        else
+        //剩余元素复制到y
+            for(int j=i;j<x.length;j++)
+                y[j]=x[j];
+    }
+
+
+    public static void merge(Comparable[]c,Comparable[]d,int l,int m,int r)
+    {
+        //合并c[l:m]和c[m+1:r]到d[l:r]
+        int i=l,j=m+l,k=l;
+        while((i<=m)&&(j<=r))
+            if(c[i].compareTo(c[j])<=0)
+            {
+                d[k++]=c[i++];
+            }
+            else
+            {
+                d[k++]=c[j++];
+            }
+        if(i>m)
+            for(int q=j;q<=r;q++)
+            {
+                d[k++]=c[q];
+            }
+                
+            else
+            {
+                for(int q=i;q<=m;q++)
+                        d[k++]=c[q];
+            }
+    }           
+
+```
+
+C++实现
+
+```c++
+void merge(vector<int>& arr,int l,int mid,int r)
+{
+    int index = 0 ;
+    int ptrL = l;
+    int ptrR = mid;
+    static vector<int>tempary;
+    if(arr.size() > tempary.size())
+    {
+        tempary.resize(arr.size());//更新缓存数组长度
+    }
+    while(ptrL ! = mid && ptrR ! = r)
+    {
+        if(arr[ptrL] < arr[ptrR])//比较左右分组后数组长度
+        {
+            tempary[index++] = arr[ptrL++];
+        }
+        else
+        {
+            tempary[index++] = arr[ptrR++];
+        }
+    }
+    while(ptrL ! = mid)
+    {
+        tempary[index++] = arr[ptrL++];
+    }
+    while(ptrR ! = r)
+    {
+        tempary[index++] = arr[ptrR++];
+    }
+    copy(tempary.begin(),tempary.begin()+index,arr.begin()+l)
+
+}
+
+void mergeSort(vector<int>& arr,int l,int r)
+{
+    if(r - l <= 1>)
+    {
+        return;
+    }
+    int mid = ( l + r ) / 2;
+    mergeSort(arr,l,mid);
+    mergeSort(arr,mid,r);//递归排序
+    merge(arr,l,mid,r);//合并数组
+}
+```
+
+-----------------------
+
+#### 快速排序
+
+基本思想
+
+对于输入的数组a[p:r]
+1. 分解：以a[p]为基准元素将a[p:r]分为3段a[p:q-1],a[q]和a[q+1:r]
+<br>使得a[p:q-1]中任何元素小于等于a[q]
+<br>a[q+1:r]中任何元素大于等于a[q]
+
+2. 递归求解：通过递归调用排序算法，分别对q[p:q-1]和a[q+1:r]进行排序
+3. 合并：由于对a[p:q-1]和a[q+1:r]的排序是就地进行，所以在a[p:q-1]和a[q+1:r]完成排序后无需额外计算，a[p:r]的排序就已经完成
+
+JAVA实现
+
+```java
+public class qSort
+{
+    private static void qSort(int p,int r)
+    {
+        if(p<r)
+        {
+            int q = partition(p,r);
+            qSort(p,q-1);
+            qSort(q+1,r);
+
+        }
+    }
+
+    private static int partition(int p,int r)
+    {
+        int i = p,
+            j=r+1;
+        Comparable x = a[p];
+        //将<x的元素交换到左边区域
+        //将>x的元素交换到右边区域
+        while(true)
+        {
+            while(a[++i].compareTo(x)<0&&i<r);
+            while(a[--j].compareTo(x)>0);
+            if(i>=j)
+                break;
+            MyMath.swap(a,i,j);
+        }
+        a[p]=a[j];
+        a[j]=x;
+        return j;
+    }
+}
+
+```
+
+
+
+C++实现
+
+```c++
+Paritition1(int A[],int low,int high)
+{
+    int pivot = A[low];
+    while (low < high)
+    {
+        while(low < high && A[high] >= pivot)
+        {
+            --high;
+        }
+        A[low] = A[high];
+
+    }
+    while (low < high && A[low] <= pivot)
+    {
+        ++low;
+    }
+    A[low] = pivot;
+    return low;
+}
+
+void QuickSort(int A[],int low,int high)
+{
+    if(low<high)
+    {
+        int pivot = Paritition1(A,low,high);
+        QuickSort(A,low,pivot - 1);
+        QuickSort(A,pivot + 1，high);
+    }
+}
+
+```
+
+-------------------
+
+#### 冒泡排序
+
+主要思想：
+1. 对一对相邻的元素比较，前者大于后者则交换它们
+2. 对数组中所有元素都做此操作，直到最后，最大的数会向泡泡一样冒到数组末尾
+3. 重复操作，每次都跳过上一次的最后一个元素,直到没有元素需要比较
+
+
+JAVA
+```java
+public class BubbleSort 
+{
+    public int[] sort(int[] sourceArray)
+    {
+        //复制到目标数组
+        int[] arr = Arrays.copyof(sourceArray,sourceArray.length);
+    }
+    for(int i = 1; i < arr.length; i++)
+    {
+        boolean flag =true;
+
+        for(int j = 0;j < arr.length - i;j++)
+        {
+            if(arr[j] > arr[j+1])
+            {
+                int tmp = arr[j];
+                arr[j] = arr[j+1];
+                arr[j+1] = tmp;
+
+                flag = false;
+            }
+        }
+        if(flag)
+        {
+            break;
+        }
+        return arr;
+    }
+
+
+}
+```
+
+C++
+
+```c++
+void BubbleSort(int arr[],int n)
+{
+    for(int i = 0 ; i < n - 1;i++)
+    {
+        for(int j = 0;j < n-i-1;j++)//比较大小
+        {
+            if(arr[j]>arr[j+1])
+        }
+        int temp = arr[j];//交换位置
+        arr[j] = arr[j+1];
+        arr[j+1]=temp;
+    }
+}
+```
+
+
+-------------
+
+#### 选择排序
+
+主要思想
+1. 在没排序的序列中找到最小的元素，存放到开始位置
+2. 在剩余元素中找到最小元素，存放到前一个元素的下一个位置
+3. 重复步骤直到完成
+
+JAVA 
+
+```java
+public class SelectionSort
+{
+    public int[] sort(int[] sourceArray)
+    {
+        //复制到目标数组
+        int[] arr = Arrays.copyof(sourceArray,sourceArray.length);
+    
+
+        //计算比较次数
+        for(int i = 0;i < arr.length - 1;i++)
+        {
+            int min = i;
+
+            for (int j = i + 1;j < arr.length;j++)
+            {
+                if(arr[j] < arr[min])
+                {
+                //记录当前找到的最小元素的下标
+                min = j;
+                }
+
+            }
+            //将找到的最小值和i位置所在的值进行交换
+            if(i ! = min)
+            {
+            int tmp = arr[i];
+            arr[i] = arr[min];
+            arr[min] = tmp;
+            }
+        }
+    return arr;
+   
+    }
+}
+
+```
+
+C++
+
+```c++
+void selectSort(vector<int>& nums,int n)
+{
+    for(int i = 0; i < n;i++)
+    {
+        int min = i;
+
+    
+        for(int j = i+1;i < n;j++)//遍历取得最小值
+        {
+            if(nums[j] < nums[min])
+            {
+                min = j;
+            }
+        }
+        if(min != i) //移动到末尾
+        {
+            int tmp = nums[i];
+            nums[i] = nums[min];
+            nums[min] = tmp;
+        }
+    }
+}
+
+```
+
+--------------------------------------
+
+#### 插入排序
+
+1. 将第一个元素视为已排列的有序数组，之后的元素视为未排列的无序数组
+2. 从头到尾依次遍历未排序序列，将遍历到的元素插入到有序数组的适当位置
+
+JAVA
+
+```java
+public class InsertionSort
+{
+    public int[] sort(int[] sourceArray)
+    {
+        //复制到目标数组
+        int[] arr = Arrays.copyof(sourceArray,sourceArray.length);
+
+        //从下标为1的元素开始遍历，寻找合适位置插入
+        for(int i = 1; i < arr.length;i++)
+        {
+            //缓存要插入的值
+            int tmp = arr[i];
+
+            //依次与有序数列中的数比较，找到合适位置
+            int j = i;
+            while(j>0 && tmp<arr[j-1])
+            {
+                arr[j] = arr[j-1];
+                j--;
+            }
+            //插入
+            if(j != i)
+            {
+                arr[j] = tmp
+            }
+        }
+        return arr;
+
+    }
+
+}
+```
+
+C++
+
+```c++
+void InsertionSort(int A[],int n)
+{
+    for(int i=1;i<n;i++)
+    {
+        int get = A[i]; //缓存要排序的数
+        int j = i - 1;
+        while (j>=0 && A[j]>get)//与已排序的有序数组比较
+        {
+            A[j+1]=A[j];//如果该数更大则右移
+            j--;
+        }
+        A[j+1] = get;
+    }
+
+
+}
+
+```
+
+------------------------------------------
+
+#### 希尔排序
+
+1. 将整个待排列数组分为增量序列$t_1,t_2,\cdots,t_k且t_i>t_j,t_k=1$
+2. 按照增量序列的个数K，对序列进行k趟排序
+3. 每次排序时根据$t_i$的值将未排序序列分割为若干个长度为m的子序列，分别进行插入排序。当i为1时，整个序列视为一个表
+
+JAVA
+
+```java 
+public class ShellSort
+{
+    public int[] sort(int[] sourceArray)
+    {
+        //复制到目标数组
+        int[] arr = Arrays.copyof(sourceArray,sourceArray.length);
+
+
+        int gap =1;
+        while(gap < arr.length/3)
+        {
+            gap = gap * 3 + 1;
+
+        }
+
+        while(gap > 0)
+        {
+            for(int i =gap; i<arr.length;i++)
+            {
+                int tmp = arr[i];
+                int j = i-gap;
+                while(j >= 0 && arr[j]>tmp)
+                {
+                    arr[j+gap]=arr[j];
+                    j-=gap;
+                }
+                arr[j+gap] = tmp;
+            }
+            gap = (int) Math.floor(gap/3);
+        }
+        return arr;
+
+    }
+
+}
+
+```
+
+C++
+
+```c++
+const int INCRGAP = 3;
+void shellSort(int a[],int len)
+{
+    int insertNum = 0;
+    unsigned gap = len/INCRGAP + 1;//初始化步长，应该确保步长为1
+    while(gap)
+    {
+        for(unsigned i = gap;i<len;++i)//分组子序列
+        {
+            insertNum = a[i];//缓存当前元素值
+            unsigned j = i;
+            while(j>=gap && insertNum< a[j-gap])//寻找插入位置
+            {
+                a[j] = a[j-gap];
+                j -= gap;
+            }
+            a[j] = insertNum;
+        }
+        gap = gap/INCRGAP;
+    }
+}
+```
+
+-----------------------------------
+
+#### 堆排序
+
+1. 将要排序的数组构造为堆，根据升序或降序选择大顶堆或小顶堆
+2. 互换堆首和堆尾
+3. 将堆的尺寸缩小1，将新的数组顶点位置调整到对应位置
+4. 重复步骤2，直到堆的尺寸为1
+
+JAVA
+
+```java
+public class HeapSort 
+{
+    public int[] sort(int[] sourceArray)
+    {
+        int[] arr = Arrays.copyof(sourceArray,sourceArray.length);
+
+        int len = arr.length;
+
+        buildMaxHeap(arr,len);
+
+        for(int i = len - i; i > 0;i--)
+        {
+            swap(arr,0,i);
+            len--;
+            heapify(arr,0,len);
+        }
+        return arr;
+    }
+
+    private void buildMaxHeap(int[],int len)
+    {
+        for(int i =(int) Math.floor(len/2);i>= 0;i--)
+        {
+            heapify(arr,i,len);
+        }
+    }
+
+    private void heapify(int[] arr,int i,int len)
+    {
+        int left =2 * i + 1;
+        int right = 2 * i + 2;
+        int largest = i;
+
+        if(left < len && arr[left]>arr[largest])
+        {
+            largest = left;
+        }
+
+        if(right < len && arr[right]> arr[largest])
+        {
+            largest = right;
+        }
+
+        if(largest !=i)
+        {
+            swap(arr,i,largest);
+            heapify(arr,largest,len);
+        }
+    }
+    private void swap(int[] arr,int i,int j)
+    {
+        int temp = arr[i];
+        arr[i] = arr[j];
+        arr[j] = temp;
+    }
+}
+
+```
+
+C++
+
+```c++
+void buildMaxHeap(int A[],int n)
+{
+    for(int i =n/2-1;i >= 0;i--)
+    {
+        maxHeapIfy(A,i,n);
+    }
+}
+
+void maxHeapIfy(int A[],int i,int n)
+{
+    int l = 2 * i + 1;
+
+    int r = 2 * i + 1;
+
+    int largest = i;
+
+    if(l<n && A[l]>A[largest])
+    {
+        largest = l ;
+    }
+    if(l<n && A[r]>A[largest])
+    {
+        largest = r ;
+    }
+    if(largest != i)
+    {
+        swap(A[i],A[largest]);
+        maxHeapIfy(A,largest,n);
+    }
+}
+
+void heapSort(int A[],int n)
+{
+    buildMaxHeap(A,n);
+    for(int i = n-1;i> 0 ;i--)
+    {
+        swap(A[0],A[i]);
+        maxHeapIfy(A,0,i);
+    }
+}
+
+
+```
+
+
+
+-------------------------------------
+
+
+
+#### 计数排序
+
+1. 找出待排序的数组中国最大和最小的元素，从而确定缓存数组的最大长度
+2. 根据每个值为i的元素出现的次数，存入缓存数组的第i项
+3. 累加所有计数
+4. 反向填充目标数组
+
+
+JAVA
+
+```java
+public class HeapSort 
+{
+    public int[] sort(int[] sourceArray)
+    {
+        int[] arr = Arrays.copyof(sourceArray,sourceArray.length);
+
+        int maxValue = getMaxValue(arr);
+
+        return countingSort(arr,maxValue);
+
+    }
+
+    private int[] countingSort(int[] arr,int maxValue)
+    {
+        int bucketLen = maxValue + 1;
+        int[] bucket = new int[bucketLen];
+
+        for(int value :arr)
+        {
+            bucket[value]++;
+        }
+
+        int sortedIndex = 0;
+        for(int j = 0; j < bucketLen;j++)
+        {
+            while(bucket[j]>0)
+            {
+                arr[sortedIndex++] = j;
+                bucket[j]--;
+            }
+        }
+        return arr;
+    }
+
+    private int getMaxValue(int[] arr)
+    {
+        int maxValue = arr[0];
+        for(int value : arr)
+        {
+            if(maxValue < value)
+            {
+                maxValue = value;
+            }
+        }
+        return maxValue;
+    }
+}
+
+```
+
+C++
+
+```c++
+#include <iostream>
+#include <algorithm>
+#include <vector>
+#include <string>
+#include <cstdlib>
+using namespace std;
+
+vector<int> CountSort(const vector<int>& vec)
+{
+    int length = vec.size();
+    if(length <= 1)
+    {
+        return vec;
+    }
+    else
+    {
+        int max = *max_element(vec.begin(),vec.end());
+        int min = *min_element(vec.begin(),vec.end());
+
+        vector<int> countArray(max - min + 1,0);
+
+        for(int i = 0;i < length;i++)
+        {
+            ++countArray[vec[i] - min];
+        }
+
+        vector<int> sortArray;
+        for(int i = 0;i < countArray.size();++i)
+        {
+            for(int j = 0;j < countArray[i];++j)
+            {
+                sortArray.push_back(min + i);
+            }
+        }
+        return sortArray;
+    }
+}
+
+
+```
+
+
+-----------------------------
+
+
+#### 桶排序
+
+1. 利用函数映射关系将待排序数组的元素分配到桶中
+2. 将元素在桶中排序
+
+
+```java
+public class BuckSort
+{
+    private static final InserSort insertSort = new InsertSort();
+
+    public int[] sort(int[] sourceArray) throws Exception
+    {
+        int[] arr = Arrays.copy0f(sourceArray,sourceArray.length);
+
+        return bucketSort(Arr,5);
+    }
+
+    private int[] bucketSort(int[] arr,int bucketSize) throws Exception
+    {
+        if(arr.length == 0)
+        {
+            return arr;
+        }
+
+        int minValue = arr[0];
+        int maxValue = arr[0];
+        for(int value : arr)
+        {
+            if(value < minValue)
+            {
+                minValue = value;
+
+            }
+            else if(value > maxValue)
+            {
+                maxValue = value;
+            }
+        }
+
+        int bucketCount = (int) Math.floor((maxValue - minValue)/bucketSize) + 1;
+
+        int[][] buckets = new int[bucketCount][0];
+
+        for(int i = 0;i < arr.length;i++)
+        {
+            int index = (int)Math.floor((arr[i]-minValue)/bucketSize);
+            buckets[index] = arrAppend(buckets[index],arr[i]);
+        }
+
+        int arrIndex = 0;
+        for(int[] bucket : buckets)
+        {
+            if(buckets.length <= 0)
+            {
+                continue;
+            }
+
+            bucket = insertSort.sort(bucket);
+            for(int value : bucket)
+            {
+                arr[arrIndex++] = value;
+            }
+        }
+        return arr;
+    }
+/*自动扩容桶的数量*/
+    private int[] arrAppend(int[] arr,int value)
+    {
+        arr = Arrays.copy0f(arr,arr.length+1);
+        arr[arr.length - 1] = value;
+        return arr;
+    }
+
+
+}
+
+```
+
+C++
+
+```c++
+#include <iterator>
+#include <iostream>
+#include <vector>
+using namespace std;
+const int BUCKET_NUM = 10;
+
+struct ListNode
+{
+    explicit ListNode(int i = 0):mData(i),mNext(NULL)
+    {
+        ListNode* mNext;
+        int mData;
+    }
+};
+
+ListNode* insert(ListNode* head,int val)
+{
+    ListNode dummyNode;
+    ListNode *newNode = new ListNode(val);
+    ListNode *pre,*curr;
+    dummyNode.mNext = head;
+    pre = &dummyNode;
+    curr = head;
+    while(NULL!=curr && curr->mData<=val)
+    {
+        pre = curr;
+        curr = curr->mNext;
+    }
+    newNode->mNext = curr;
+    pre->mNext = newNode;
+    return dummyNode.mNext;
+}
+
+ListNode* Merge(ListNode *head1,ListNode *head2)
+{
+    ListNode dummyNode;
+    ListNode *dummy = &dummyNode;
+    while(NULL!=head1 && NULL!= head2)
+    {
+        if(head1->mData <= head2->mData)
+        {
+            dummy->mNext = head1;
+            head1 = head1->mNext;
+        }
+        else
+        {
+            dummy->mNext = head2;
+            head2 = head2 ->mNext;
+        }
+        dummy = dummy ->mNext;
+    }
+    if(NULL!=head1) dummy->mNext = head1;
+    if(NULL!=head2) dummy->mNext = head2;
+
+    return dummyNode.mNext;
+}
+
+void BuckSort(int n,int arr[])
+{
+    vector<ListNode*> buckets(BUCKET_NUM,(ListNode*)(0));
+    for(int i=0;i<n;++i)
+    {
+        int index = arr[i]/BUCKET_NUM;
+        ListNode *head = buckets.at(index);
+        buckets.at(index)=insert(head,arr[i]);
+    }
+
+    ListNode *head = buckets.at(0);
+    for(int i=1;i<BUCKET_NUM;++i)
+    {
+        head = Merge(head,buckets.at(i));
+    }
+    for(int i=0;i<n;++i)
+    {
+        arr[i] = head->mData;
+        head = head->mNext;
+    }
+}
+
+```
+
+
+-----------------------------
+
+#### 基数排序
+
+将整数按位数分割为不同数字，按各位数比较大小
+
+在桶的分配方式上根据键值的每位数字来分配桶
+
+
+```java
+public class RadixSort 
+{
+    public int[] sort(int[] sourceArray) throws Exception
+    {
+        int[] arr = Arrays.copy0f(sourceArray,sourceArray.length);
+
+        int maxDigit = getMaxDigit(arr);
+        return radixSort(arr,maxDigit);
+    }
+
+    /*
+    获取最高位数
+    */
+
+    private int getMaxDigit(int[] arr)
+    {
+        int maxValue = getMaxValue(arr);
+        return getNumLenght(maxValue);
+    }
+
+    private int getMaxValue(int[] arr)
+    {
+        int maxValue = arr[0];
+        for(int value : arr)
+        {
+            if(maxValue < value)
+            {
+                maxValue = value;
+            }
+        }
+        return maxValue;
+    }
+
+
+    private int getNumLenght(long num)
+    {
+        if(num == 0)
+        {
+            return 1;
+        }
+        int length = 0;
+        for(long temp = num;temp !=0;temp/=10)
+        {
+            lenght++;
+        }
+        return lenght;
+
+    }
+
+    private int[] radixSort(int[] arr,int maxDigit)
+    {
+        int mod =10;
+        int dev =1;
+
+        for(int i = 0;i < maxDigit;i++,dev*=10,mod *= 10)
+        {
+            int[][] counter = new int[mod * 2][0];
+
+            for(int j= 0;j<arr.length;j++)
+            {
+                int bucket = ((arr[j]%mod)/dev)+mod;
+                counter[bucket] = arrAppend(counter[bucket],arr[j]);
+            }
+
+            int pos = 0;
+            for(int[] bucke:counter)
+            {
+                for(int value :bucket)
+                {
+                    arr[pos++] = value;
+                }
+            }
+        }
+        return arr;
+    }
+
+    //自动扩容
+
+    private int[] arrAppend(int[] arr,int value)
+    {
+        arr = Arrays.copy0f(arr.length + 1);
+        arr[arr.length - 1] = value;
+        return arr;
+    }
+}
+
+```
+
+C++
+
+
+```c++
+int maxbit(int data[],int n)
+{
+    int maxData = data[0];
+
+    for(int i = 1;i< n;++i)
+    {
+        if(maxData < data[i])
+        {
+            maxData = data[i];
+        }
+    }
+    int d = 1;
+    int p = 10;
+    while (maxDate >= p )
+    {
+        maxData /= 10;
+        ++d;
+    }
+    return d;
+
+}
+
+void radixSort(int data[],int n)
+{
+    int d = maxbit(data,n);
+    int *tmp = new int[n];
+    int *count = new int[n];
+    int i,j,k;
+    int radix = 1;
+    for(i = 1;i <= d;i++)
+    {
+        for(j = 0;j < 10;j++)
+        {
+            count[j] = 0;
+        }
+        for(j = 0;j < n;j++)
+        {
+            k = (data[j]/radix) % 10;
+            count[k]++;
+        }
+        for(j = 1;j < 10;j++)
+        {
+            count[j] = count[j-1]+count[j];
+
+        }
+        for(j = n-1;j>= 0 ;j--)
+        {
+            k = (data[j]/radix) % 10;
+            tmp[count[k] - 1] = data[j];
+            count[k]--;
+        }
+        for(j = 0;j < n;j++)
+        {
+            data[j] = tmp[j];
+            
+        }
+        radix = radix * 10;
+    }
+    delete []tmp;
+    delete []count;
+}
+
+```
+
+
+
+-----------------------------
diff --git a/content/algorithm/递归.md b/content/algorithm/递归.md
new file mode 100644
index 0000000..8731a88
--- /dev/null
+++ b/content/algorithm/递归.md
@@ -0,0 +1,150 @@
+---
+title: "递归"
+date: 2022-05-10T09:10:48+08:00
+
+---
+
+* 递归技术
+  * 直接或间接地调用自身的算法称为递归算法
+  * 用函数自身给出定义的函数称为递归函数
+  * 每个递归函数都必须有非递归定义的初始值，否则递归函数无法计算
+
+---------------------
+
+* 阶乘函数
+  * 可递归地定义为$n!= \begin{cases}1,& \text{n=0} \\\\ n(n-1)!,&\text{n>0} \end{cases}$
+  
+     ```java
+      public static int Factorial(int n){
+      if(n==0)
+          return 1;
+      return n*Factorial(n-1);
+      }
+      
+-----------------------
+
+* Fibonacci数列
+    * 可递归地定义为$F(n)=\begin{cases}1, &\text{n=0},1 \\\\ F(n-1)+F(n-2) &\text{n>1} \end{cases}$
+    
+     ```java
+      public static int fibonacci(int n){ 
+      if(n<=1)
+            return 1;  
+      return fibonacci(n-1)+fibonacci(n-2);   
+      }
+      
+----------------------------
+
+* 排列问题
+  
+  * 当$n=1时，perm(R)=(r)$,其中r是集合R中唯一的元素；
+  * $当n>1时,perm(R)=(r)$
+  $perm(R)由(r_1)perm(R_1),(r_2)perm(R_2),\cdots,(r_n)perm(R_n)构成$
+  * 算法perm(list,k,m)递归地产生所有前缀是list[0:k-1],且后缀是list[k:m]的全排列的所有排列。调用perm(list,0,n-1)即产生list[0:n-1]的全排列
+  * 一般情况下，$k<m$
+  
+     ```java
+    public static void perm(Object[] list,int k,int m){
+                if(k==m){
+                    //只剩一个元素
+                    for(int i=0;i<=m;i++)
+                        System.out.print(list[i]);
+                    System.out.println();
+                }
+                else
+                //还有多个元素，递归产生排列
+                    for(int i=k;i<=m;i++)
+                    {  
+                        MyMath.swap(list,k,i);
+                        perm(list,k+1,m);
+                        MyMath.swap(list,k,i);
+                    }
+            }  
+    public static class MyMath{
+              public static void swap(Object[] list,int k,int m){
+                  int temp = k;
+                  k = m;
+                  m = temp;  
+        }
+            }
+        
+--------------------
+        
+* 整数划分问题
+    * 将正整数$n$表示成一系列正整数之和，$n=n_1+n_2+...+n_k$,其中$n_1\geq n_2\geq ...\geq n_k\geq 1,k\geq 1$
+    * 将最大加数$n_1$不大于$m$的划分个数记作$q(n,m)$可建立如下递归关系
+
+      * 当最大加数$n_1$不大于1时，任何正整数n只有一种划分形式，即$n=\begin{matrix} n \\\\ \overbrace{1+1+\cdots+1}\end{matrix}$
+      * 最大加数$n_1$实际上不能大于$n$。因此，$q(1,m)=1$。
+      * 正整数$n$的划分由$n_1=n$的划分和$n_1\leq n-1$的划分组成
+      * 正整数$n$的最大加数$n_1$不大于$m$的划分由$n_1=m$的划分和$n_1\leq m-1$的划分组成
+    
+    
+     ```java
+      public static int q(int n,int m){
+              if((n<1)||(m<1))
+                  return 0;
+              if((n==1)||(m==1))
+                  return 1;
+              if(n<m)
+                  return q(n,n);
+              if(n==m)
+                  return q(n,m-1)+1;
+              return q(n,m-1)+q(n-m,m);
+          }
+
+---------------
+     
+* Hanoi塔问题
+    * 设a,b,c是三个塔座。开始是在塔座a上有一叠共n个圆盘，这些圆盘自下而上，由大到小地叠在一起。各圆盘从小到大编号为1，2，···，n。现要求将塔座a上的这一叠圆盘移到塔座b上，并仍按同样顺序叠置。在移动圆盘时应该遵守以下移动规则。
+
+      * 每次只移动一个圆盘
+      * 任何时刻都不允许将较大的圆盘压在较小的圆盘之上。
+      * 在满足前两个规则的前提下，可将圆盘移至a，b，c任一塔座上
+    * 递归关系
+
+      * $n=1$时，将编号为一的圆盘从塔座a直接移至塔座b上即可。
+      * $n>1$时，需要利用塔座c作为辅助塔座，
+        * 将$n-1$个较小的圆盘依照移动规则从塔座a移至塔座c，
+        * 将剩下的最大圆盘从塔座a移至塔座b，
+        * 将$n-1$个较小的圆盘依照移动规则从塔座c移至塔座b
+    
+     ```java
+      public static void hanoi(int n,char a,char b,char c){
+              if(n>0){
+                  hanoi(n-1, a, c, b);
+                  move(n,a,b);
+                  hanoi(n-1,c,b,a);
+              }
+
+      }
+      public static void move(int n,char a,char b){
+              System.out.println("第"+n+"个盘子从"+a+"--->"+b);
+          }
+    ```
+* 递归调用总结和系统原理
+  * 实现递归调用的关键：为算法建立递归调用工作栈
+  * 运行被调用算法前的行为
+    * 为所有实参指针，返回地址等信息传递给被调用算法
+    * 为被调用算法的局部变量分配存储区
+    * 将控制转移到被调用算法的入口
+  * 从被调用算法返回调用算法时
+    * 保存被调用算法的计算结果
+    * 释放分配给被调用算法的数据区
+    * 依照被调用算法保存的返回地址将控制转移到调用算法
+  * 嵌套调用时的系统原则：后调用先返回，即算法间的信息传递和控制转移通过栈来实现
+  * 递归算法的调用层次
+    * 调用一个递归算法的主算法为第0层算法
+    * 从主算法调用递归算法为进入第1层调用
+    * 从第i层递归调用本算法为进入第i+1层调用。
+    * 退出第i层递归调用，则返回至i-1层调用。
+  * 递归调用的栈使用情况示意
+
+|          主算法栈块          |
+| :---------------------------: |
+|               M               |
+|   主算法调用递归算法A的栈块   |
+| 算法A的第一层递归调用工作记录 |
+| 算法A的第二层递归调用工作记录 |
+|              TOP              |
+|               M               |
diff --git a/content/categories/_index.md b/content/categories/_index.md
new file mode 100644
index 0000000..e69de29
diff --git a/content/computergraphic/TAA.md b/content/computergraphic/TAA.md
new file mode 100644
index 0000000..8024aa0
--- /dev/null
+++ b/content/computergraphic/TAA.md
@@ -0,0 +1,223 @@
+---
+title: "TAA(temporal antialiasing)"
+date: 2022-05-15T17:55:10+08:00
+
+------  
+知识沉淀有限，后续会补充内容
+
+当前内容来源：
+
+[ [SIGGRAPH 2016] Temporal Antialiasing in Uncharted 4 ](https://github.com/QianMo/Real-Time-Rendering-4th-Bibliography-Collection/blob/main/Chapter%201-24/%5B1938%5D%C2%A0%5BSIGGRAPH%202016%5D%20Temporal%20Antialiasing%20in%C2%A0Uncharted%204.pptx)
+
+十分感谢浅墨大佬的整理
+
+----------------
+
+###### 基本思想
+
+与超采样类似且在静态图片下实现方式相同
+
+对同一像素点内采用多个采样点的方式来减少走样但将采样点分散到了一段时间内的多个帧上，在每帧采样时对采样点进行偏移，即抖动(jitter)来实现MSAA中放置多个次采样点的效果
+
+采样序列也使用Halto sequence
+![](../../images/Halton_sequence.png)
+
+###### jitter的实现
+
+采样点的位置会在初始化的时候确定，之后需要在与像素中心距离$[0,1]$的范围里发生偏移
+
+实现这个效果只需要对投影矩阵中的值进行改动
+![](../../images/offset_projection_matrix.png)
+
+图片中标红的值便是在归一化后的坐标空间里偏移值的替换位置
+
+当然，只完成jitter只会让实时渲染的图像发生严重的抖动，接下来我们只需要让这些抖动的帧收敛(converge,  PS:实在找不到合适的词来翻译)
+
+###### 在渲染管线中的位置
+TAA Shader
+
+输入：
+
+当前帧的HDR缓存
+<br>上一帧的TAA计算结果或者历史结果缓存
+
+输出：
+
+当前帧的TAA结果，用于输出到渲染管线的下一处理阶段 和 作为下一帧TAA计算的历史结果缓存
+
+由此可以推断出TAA Shader在渲染管线的位置
+
+Depth only pass (main view scene pass) 
+<br>GBuffer pass (main view scene pass)
+<br>Deferred lighting shader $\leftarrow$ HDR
+<br>Temporal AA
+<br>Post processing (tone mapping, motion blur, etc.) $\leftarrow$ LDR
+
+###### 静态场景
+在静态场景下应用TAA
+
+设置好输入和输出
+<br> 启用全屏着色
+<br> 在历史值和现在值之间做插值计算
+
+```S
+float3 currColor = currBuffer.Load(pos);
+float3 historyColor = historyBuffer.Load(pos);
+return lerp(historyColor,currColor,0.05f);
+```
+插值时,不同的权重会带来不同的影响
+<br>当前帧的颜色的权重越高，抖动越明显，但收敛速度较快
+<br>历史帧的颜色的权重越高，抖动越少，走样越明显，但是收敛速度慢
+
+0.05是一个合适的权重值来平衡反走样质量与收敛速度，这意味着每一个新渲染的帧都只对最终的静态场景生成占比5%
+
+-------------------------
+###### 动态场景
+
+在动态情况下，我们需要使用全局运动向量来计算当前帧的某一个像素在上一帧的位置坐标
+
+所以在GBuffer里我们通常作如下计算
+<br>$ pos_{proj}\times mat_{wvp}$
+<br>$ posLast_{proj}=posLast_{obj}\times matLast_{wvp}$
+
+由此我们可以总结出计算运动向量(Motion Vector)所需的值
+1. 上一帧的相机信息
+2. 每一个物体上一帧的$ mat_{o2w}$
+3. 每一个蒙皮的物体在上一帧时的骨骼位置，并在每一帧计算两次蒙皮和输出上一帧和目前帧的顶点位置
+
+---------------
+当然，在GBuffer里我们可以直接获得目前帧的ndc(normalized device coordinate)坐标，出于不将jitter视为运动的目的，我们也要在ndc里去除jitter带来的偏移
+
+$ pos_{ndc} -= g_{projOffset} $
+<br>$ posLast_{ndc} -= g_{projOffsetLast} $
+<br>$ float2 \quad motionvector = (posLast_{ndc}- pos_{ndc} ) * float2(0.5f,-0.5f) $
+
+-------------------------
+
+对于滚动的贴图(比如流动的单层贴图水)
+<br>我们需要计算贴图在贴图UV里的变化量(deltaU,deltaV)在屏幕空间里造成了多少变化量(deltaX,deltaY)
+<br>deltaU = ddx(U) * deltaX + ddy(U) * deltaY
+<br>deltaV = ddx(V) * deltaX + ddy(V) * deltaY
+
+-----------------------------
+
+理论上所有物体都应有motion vector,但依旧有某些物体不支持motion vector
+
+1. 有复杂贴图的动画物体,如粒子烟雾，水流，云的移动
+2. 半透明物体，因为motion vector仅有一层而无法写入 
+
+当然，我们可以选择将它们的绘制顺序调换至TAA之后，但并非所有物体都允许这么做，任何物体在未经TAA处理的情况下都会发生抖动
+<br>纠正抖动并非只是简单地去除，还要用抖动后的深度情况进行检测
+
+--------------------
+
+在对多种情况进行讨论后，我们便可以开始进行motion vector的混合计算，计算前必须去除当前采样的抖动偏移值
+
+```s
+//去除抖动偏移值，得到像素中心值
+uv -= _jitter
+//计算上一帧的投影坐标
+float2 uvLast = uv +motionVectorBuffer.Sample(point,uv);
+//双线性模式采样
+float3 historyColor = historyBuffer.Sample(linear,uvLast);
+```
+
+镜头移动的时候，很多物体之间的遮挡关系会发生变化，例如
+1. 原本不出现的物体在下一帧出现，原来出现的物体被遮挡而消失
+2. 光线发生了改变，阴影的位置改变或高光位置改变
+
+这会导致采样motion偏移到的位置在上一帧并没有渲染数据，这时为了数据的平滑过渡，可以在像素点位置周围判断深度，取距离最近的点位来采样获取motion vector的值，减弱遮挡错误的影响
+
+```s
+//通过遍历采样点周围9个像素的方式计算neighborMin和neighborMax
+float3 neighborMin,neighborMax;
+
+historyColor = clamp(historyColor,neighborMin,neighborMax);
+```
+这种方式也存在一些弊端
+<br>对于未发生改变的物体，会截断(clamp out)太多不同的历史颜色值
+<br>$3\times3$的像素点周围采样无法对边缘的反走样生效
+
+-----------------------------------
+这种计算方式有时会因 neighborhood min/max的值过大使clamp失效而产生鬼影(ghosting)现象
+
+解决方法：
+1. 使用模板位( stencil  bits ,  PS:这个我也不好翻译)的方式将物体分割为两个部份
+2. 将目前帧和上一帧的stencil 输入到TAA shader中处理
+
+```s
+uint currStencil = stencilBuffer.Sample(point,uv);
+uint lastStencil = lastStencilBuffer.Sample(point,uvLast);
+blendFactor = (lastStencil & 0x18) == (currStencil & 0x18) ? blendFactor : 1.f;
+//0x18表示有两个ghosting bits (不好翻译+1)
+```
+
+在经过处理后，鬼影现象消失，但当相机从向右旋转时，人物的左侧边缘像素表现效果较差
+
+![](../../images/revealed_piels_appear_bad.png)
+
+为了减少这种情况的产生，我们在blendFactor为1时，返回一个经过高斯模糊的上一帧的颜色值
+```s
+blendFactor = (lastStencil & 0x18) == (currStencil & 0x18) ? blendFactor :1.f;
+
+float3 blurredCurrColor
+//Gaussian blur currColor with 3x3 neighborhood
+if (blendFactor == 1.f)
+    return blurredCurrColor;
+```
+
+Gaussian blur使用的卷积核与$3\times3$相邻像素采样一致
+<br>$ \begin{bmatrix}    \frac{1}{16} & \frac{1}{8} &\frac{1}{16} \\\\ \frac{1}{8} &\frac{1}{4} &\frac{1}{8} \\\\ \frac{1}{16} &\frac{1}{8} &\frac{1}{16} \end{bmatrix} $
+
+处理后依旧有1像素厚的鬼影存在
+![](../../images/one_pixel_thick_ghosting.png)
+
+产生原因：
+<br>Color history 是线性采样，Stencil history 是点采样，两者在边缘并不相容
+
+解决方法
+<br>在stencil buffer里让物体向外扩大1像素
+1. 创建输入值为历史帧和stencil buffers的全屏shader
+2. 对每一个像素，将它的深度与周围4个相邻像素进行对比
+3. 输出深度接近的像素的模板(stencil of pixel)
+4. 将扩张的stencil buffer输入TAA
+5. 上一帧的stencil应该来自于扩张后
+6. 对扩张后的stencil做模板测试(stencil test)
+7. 边缘的检测则使用未扩张的版本
+
+----------------------
+
+在计算完成后我们需要将目前帧的和历史帧的结果混合到一起
+```s
+return lerp(historyColor,currColor,blendFactor)
+```
+出于平衡模糊和抖动的目的，blendFactor必须是一个动态的值
+<br>由UE4在[siggraph 2014]提出的方法可知
+<br>当局部对比度低的时候增加
+<br>当历史帧在截断值附近或像素的偏移接近子像素时减少
+<br>但在这样处理后依旧有模糊的情况残余
+
+------------------
+
+为了修复残余的模糊情况，我们可以再加入一个全屏的锐化处理
+<br>对一个$3\times3$的相邻像素序列，采取$\begin{bmatrix}  0 &-1 &0 \\\\ -1 &4 &-1 \\\\ 0 &-1 &0 \end{bmatrix}$的权重比例，即
+```s
+return saturate(center + 4 * center-up-down-left-right)
+```
+
+------------
+
+###### TAA的性能
+
+主体shader在PS4的GPU上渲染1080p分辨率需要0.8ms
+
+后续处理也存在开销
+<br>Motion vector calculation 运动向量计算
+<br>Sharpen shader (0.15ms) 锐化效果
+<br>Expand stencil shader(0.4ms) 模板扩张
+
+------------------
+
+[WVP和MVP矩阵的区别](https://gamedev.stackexchange.com/questions/57607/what-is-the-difference-between-a-modelview-projection-matrix-and-world-view-proj)
+
+[$ matrix_{objToWorld} $](https://computergraphics.stackexchange.com/questions/1976/how-to-determine-the-object-to-world-matrix#:~:text=The%20Object-To-World%20matrix%20is%20often%20called%20%22model-matrix%22.%20This,it%20and%20the%20math%20works%20out%20pretty%20well.)
diff --git a/content/computergraphic/Whitted-style光线追踪.md b/content/computergraphic/Whitted-style光线追踪.md
new file mode 100644
index 0000000..ff9fdc3
--- /dev/null
+++ b/content/computergraphic/Whitted-style光线追踪.md
@@ -0,0 +1,174 @@
+---
+title: "Whitted-style光线追踪(Whitted-style Ray Tracing)"
+date: 2022-07-19T16:04:37+08:00
+
+---
+
+### 使用光线追踪的原因
+
+1. 光栅化无法很好地处理全局效果
+   1. 软阴影
+   2. 光线产生多次反弹
+
+2. 光栅化处理速度快但质量相对较低
+3. 光线追踪处理精准，但速度较低
+   1. 光栅化：实时渲染，光线追踪：离线渲染
+   2. 在生产环境中渲染一帧往往需要~10kCPU核心时
+
+
+### 光线
+
+1. 光线沿直线传播(虽然是错误的)
+2. 光线在相交时互不影响(虽然也是错的)
+3. 光线从光源传播到眼睛(且光路是可逆的)
+
+
+### Ray Casting
+
+1968年由Appel提出
+1. 通过每个像素投射一条光线的方式来生成图像
+2. 通过向光源发送光线的方式来生成阴影
+
+![](../../images/Ray_Casting_theory.png)
+
+#### 生成视角射线(Generating Eye Rays)
+
+Pinhole Camera Model
+
+![](../../images/Ray_Casting_Generate_Eye_Ray.png)
+
+#### 着色像素(shading pixel)
+
+![](../../images/Ray_Casting_shading_pixel.png)
+
+
+### 递归式光线追踪(Recursive Ray Tracing)
+
+Recursiv Ray Tracing 又名 Whitted-Style Ray Tracing 由T.Whitted在1980年提出
+
+"An improved Illumination model for shaded display"
+
+![](../../images/eg_Recursive_Ray_Tracing.png)
+
+总体计算流程
+
+![](../../images/Recursive_Ray_Tracing_progress.png)
+
+-------------------------------------------
+
+#### 射线表面相交计算(Ray-Surface Intersection)
+
+在进行射线表面相交计算前我们需要了解射线方程(Ray Equation)
+
+##### Ray Equation and Plane Equation
+
+射线：由一个起点和一个方向向量定义
+
+对应的射线方程(Ray Equation)为:
+$$r(t) = o +td  , \\ \\ \\ \\  0\leq t < 100  $$
+
+r：沿射线的点
+
+t："时间"
+
+o：起始点
+
+d：归一化后的方向向量
+
+-----------------
+
+平面：由一个法线向量和在平面上的点定义
+
+对应的平面方程(Plane Equation)为：
+$$P:(p - p') * N = 0,\\ \\ \\ ax+by+cz+d = 0$$
+
+p：所有在平面上的点
+
+p'：在平面上的一个点
+
+N：法线向量
+
+
+##### 射线与球体相交(Ray Intersection With Sphere)
+
+射线：$r(t) = o +td  , \\ \\ \\ \\  0\leq t < 100  $
+
+球体：$p:(p-c)^2 - R^2 = 0 $
+
+当射线与球体相交时，交点$p$必须同时满足射线和球体的方程
+
+此时的解为：
+
+$$(o + td - c )^2 - R^2 = 0$$
+
+##### 射线与隐式曲面相交(Ray Intersection With Implict Surface)
+
+射线：$r(t) = o +td  , \\ \\ \\ \\  0\leq t < 100  $
+
+一般隐式曲面：$p:f(p) = 0$
+
+代入后的替代射线方程：$f(o + td) = 0$
+
+！解必须为正根
+
+##### 射线与三角形网格相交(Ray Intersection With Triangle Mesh)
+
+原因：
+1. 渲染上：计算可见性，阴影，光照
+2. 几何上：判断内外关系
+
+计算：拆分
+1. 最简单的方式：对每个三角形进行一次相交判断
+2. 最简单但速度最慢
+3. 可以出现0次相交或一次相交
+
+##### 射线与三角形相交(Ray Intersection With Triangle)
+
+三角形可以视为在一个平面中
+1. 可视为射线与平面相交
+2. 判断相交点是否位于三角形内部即可
+
+
+##### 射线与平面相交(Ray Intersection With Plane)
+
+射线方程：$r(t) = o +td  , \\ \\ \\ \\  0\leq t < 100  $
+
+平面方程：$P:(p - p') * N = 0,\\ \\ \\ ax+by+cz+d = 0$
+
+相交的解为：
+
+设$p = r(t)$求解$t(0\leq t < \infty)$
+
+$(p-p') * N = (o + td - p') * N = 0$
+
+$t = \frac{(p'-o) * N }{d * N}$
+
+![](../../images/Ray_Intersection_With_Plane.png)
+
+
+##### Möller Trumbore Algorithm
+
+一种更快地得出重心坐标的算法
+
+![](../../images/Möller_Trumbore_Algorithm.png)
+
+
+### 光线追踪的性能瓶颈
+
+通过简单地计算光线与场景的相交的方式：
+1. 需要对场景中每一个三角形判断光线是否相交
+2. 找到最接近的交点(即最小的t值)
+
+带来的问题：
+1. 算法复杂度 = $pixels \times triangles (\times bounces)$
+2. 计算耗时极高
+
+解决办法：
+1. 采取遍历物体而非三角形的方式进行计算
+2. 采用相关加速结构/算法
+
+
+
+---------------------------------------
+
+
diff --git a/content/computergraphic/Z-Buffer_深度缓存.md b/content/computergraphic/Z-Buffer_深度缓存.md
new file mode 100644
index 0000000..6f66b55
--- /dev/null
+++ b/content/computergraphic/Z-Buffer_深度缓存.md
@@ -0,0 +1,46 @@
+---
+title: "Z-Buffer 深度缓存"
+date: 2022-05-18T14:07:33+08:00
+
+---
+
+##### Painter's Algorithm 画家算法
+
+起源于油画绘制方式，从后往前，依次覆盖后面的物体
+
+需要对不同深度的物体进行分类来确定面与面的绘制顺序，复杂度为$O(n\log n)$,其中n为三角形的个数，也存在一个无法解决的问题，不能处理无法确定绘制顺序的物体，例如下图互相遮挡的情况
+
+![](../../images/unresolvable_depth_order.png)
+
+
+###### Z-Buffer
+
+主要思想
+1. 对于每一个采样点或像素存储一个最小的z值(深度值)
+2. 存储方式与frame buffer存储颜色值的方式相同，在depth buffer里存储深度值
+
+出于简化考虑，我们通常认为z值始终是正数，这意味着越小的值代表采样点或像素距离相机越近，越大的值则代表距离越远
+
+Z-Buffer会在生成渲染图的同时根据各采样点（像素）的深度值生成深度图,颜色越深代表距离越近，越浅则越远
+
+![](../../images/Depth_map.png)
+
+算法
+
+初始化depth buffer的所有值为$\infty$
+
+在光栅化的流程中增加如下伪代码流程
+```s
+for (each triangle T)
+    for(each sample(x,y,z)in T) //循环每一个采样点，深度值在采样时确定
+        if(z<zbuffer[x,y])   //判断深度值大小，确定远近
+            framebuffer[x,y]=rgb; //更新颜色值
+            zbuffer[x,y]=z;  //更新深度值
+        else
+            ; //什么都不做，因为采样流程已经完成
+```
+
+整体算法流程会形成如下图效果，复杂度为O(n),n为三角形面的数量
+
+![](../../images/Z-Buffer_test.png)
+
diff --git a/content/computergraphic/光场、颜色和感知.md b/content/computergraphic/光场、颜色和感知.md
new file mode 100644
index 0000000..9bc9c51
--- /dev/null
+++ b/content/computergraphic/光场、颜色和感知.md
@@ -0,0 +1,523 @@
+---
+title: "光场、颜色和感知"
+date: 2022-07-30T16:49:52+08:00
+
+---
+
+## 光场(Light Field/Lumigraph)
+
+两个都指光场，来源于该现象由两个不同组各自法线并命名，现在仍然有争论
+
+### 我们看到的世界是什么
+
+坐在房间的一侧往窗户的一侧看，三维和二维的情况是下面这样的
+
+![](../../images/color_and_perception_1.png)
+
+如果加上一个幕布，显示上图图像，往往人们难以区别于现实世界，即为虚拟现实的原理
+
+![](../../images/color_and_perception_2.png)
+
+### 全光函数(The Plenoptic Function)
+
+* 函数 Grayscale snapshot
+
+统计往任意方向上的所见值，可定义一个函数，最后结果为一个数
+
+![](../../images/color_and_perception_4.png)
+
+* 改进函数 Color snapshot
+
+改进后引入波长，即为引入颜色(因光的不同波长而产生颜色)
+
+记录各个方向看到的不同方向上的光，就可以看到彩色场景
+
+![](../../images/color_and_perception_5.png)
+
+* 扩展的全光函数 A movie
+
+进一步将全光函数扩展一个时间t，那下面这个四维的函数就是电影，因为你可以往各个不同的方向看，看到各个不同方向来的信息都是彩色的，然后在不同时间显示的东西不一样
+
+![](../../images/color_and_perception_6.png)
+
+* 进一步扩展 Holographic movie
+
+现在考虑人/摄像机可以在三维空间中的任何地方移动，三维空间中的任何一个位置可以用x、y、z定义。那这也就是全息电影
+
+![](../../images/color_and_perception_7.png)
+
+* 再改进一步 The Plenoptic Function
+
+将它理解成在任何位置，然后往任何方向看，并且在任何时间看到的都是不同的颜色,即为整个世界是一个7个维度的函数
+
+将这个7维的函数当做全光函数
+
+* 全光函数和光场
+
+全光函数本身的定义：
+
+在任何位置，任意方向，我们知道它过来的光是多少，方向也应是连续的，这就是一个简单的二维全光函数的表示
+
+可以从全光函数中提取一部分信息出来，用来表示更复杂的光，就是说我们平常在一个点我们往任意方向看，那记录的是来自各个方向的光的信息，那光场就记录了更多的信息，光场就是全光函数的一个小部分
+
+
+
+![](../../images/color_and_perception_9.png)
+
+## 光场
+
+### 定义光线
+
+* 通过一个起点和一个方向定义
+
+![](../../images/color_and_perception_10.png)
+
+*  取光线上的任意两点定义整条光线(二维位置和方向)
+
+物体可以放在一个包围盒中，从任何位置和任何方向看向这个物体，根据光路的可逆性，也可以认为要想描述这个物体所能被看到的所有的情况，就去描述这个物体在它的包围盒上在任何位置往任何方向过去的光线
+
+已知包围盒上的点，观测位置的点，这两点确定一条光线，可以查询记录的函数，该函数记录了物体表面不同位置往各个不同方向的发光情况
+
+![](../../images/color_and_perception_11.png)
+
+### 定义光场
+
+光场：在任何一个位置往任何一个方向去的光的强度
+
+如果有了一个物体的光场，如下图，任何一个位置往任何一个方向都可以发光。我们在任何一个位置往这个物体某个点看的时候，是可以知道这条光线带的能量是多少的，因为通过这2个点可以知道往这个点看的方向，就可以从4维的光场中查询到之前记录的光场的值，即光场可以给出任意观测方向看到的结果
+
+
+![](../../images/color_and_perception_12.png)
+
+### 记录光场
+
+* 记录上述将物体放在包围盒里后，盒子上的任何一个点往任何一个方向的光线
+
+观测点必须在包围盒外
+
+
+
+![](../../images/color_and_perception_13.png)
+
+* 取一平面，平面右侧有有物体发出光线打到平面上
+
+如图已知平面一点，二维只需$\theta$,三维则需两个数$(\theta,\phi)$
+
+* 参数化光场
+
+光线还可以用2个点来确定，那就可以用2个平面来定义一个光场
+
+定义2个相互平行的平面，2个平面上各自任取一个点,连接两点即可确定光线
+
+找到所有u、v和s、t的组合，可以描述所有的不同位置和不同方向出来的光线
+
+![](../../images/color_and_perception_14.png)
+
+![](../../images/color_and_perception_15.png)
+
+![](../../images/color_and_perception_16.png)
+
+光场本质上就是一个4维的函数，不同记录方法即为描述方式不同
+
+### 对以上使用两个平面参数化
+
+* u、v处取一点看向所有s、t平面
+
+如下图，在u、v上取一个点，这个视角的右边是我们需要看到的东西，这就好像一个针孔摄像机所能看到的东西，所以能看到一个完整的物体的图。u、v上不同的位置出发，就相当于从不同的角度看向这个世界
+
+
+
+![](../../images/color_and_perception_17.png)
+
+很多摄像机从某一个角度看向世界，拍一张图，然后将所有图都组织到一块，就是整个光场。如下图，斯坦福做了一个摄像机的矩阵，相当于在不同的位置对场景拍不同的图，每个位置对应一个u、v，拍到的照片是s、t，相机本身二维，成像结果二维，综合为四维
+
+![](../../images/color_and_perception_18.png)
+
+* 固定s、t平面上一个点，然后往u、v平面上看
+
+整个世界还是在s、t平面的右边，从u、v上的任何一个点都看向s、t上的同一点。就好像盯着同一个点，从不同的角度去看，会看到很多类似不同高光的东西
+
+通过这种方式，可以将像素上的Irradiance给展开成Radiance，可以看到打到任何一个像素上不同方向的光
+
+![](../../images/color_and_perception_19.png)
+
+苍蝇的复眼成像原理就是成像一个光场，盯着原本拍出的一张照片来看，那照片上的任何一个像素记录的是Irradiance(平均各个方向的光)
+
+如下图，普通相机记录下来的就是蓝色、绿色、红色的平均。如果有办法可以把它分开，比如这个光打到像素点时不立刻记录它，而是把这个像素变成某个小的透镜，把来自于各个方向的光给分到不同的位置上去（分光）。把实际的感光元件放在底下，就可以将它们分别记录到不同位置，此时就可以记录Radiance
+
+此时看一个像素实际为穿过像素的不同方向的光
+
+![](../../images/color_and_perception_20.png)
+
+## 光场相机
+
+利用光场原理制作的相机
+
+### The Lytro Light Field Camera
+
+Lytro相机有下图这个人创办
+
+![](../../images/color_and_perception_21.png)
+
+* 原理：Microlens design（上面谈到的微透镜）。将一个像素替换成一个透镜，让这个透镜可以把来自于不同方向的光分开并记录下来
+
+* 功能：支持拍照后的重新聚焦
+
+* 具体效果如下图：
+
+![](../../images/color_and_perception_22.png)
+
+* 详细原理
+
+将原本的像素换成了微透镜，这些微透镜可以把来自各方向的光分散到不同的方向上去，在后面再将它记录下来
+
+![](../../images/color_and_perception_23.png)
+
+光场照相机照出来的最原始的图实际上是原本的一个像素变成了一个圆，任何一个圆内部平均起来就是以前普通的照相机得到的结果，在一个圆的内部各个像素其实就是记录了各个不同的方向
+
+
+
+![](../../images/color_and_perception_24.png)
+
+* 得到普通相机照片
+
+1. 透镜原本是像素，从透镜中各个不同的光线中选一条，如果都选最下面那条，并将结果记录在对应的一个像素上，现在透镜就对应了一个值
+
+2. 每一个透镜都取中间这条光线，那就好像把相机放在正中间往左边去看
+3. 都取最上面的往左下方打的光线，相当于相机在上面
+
+类似于有光场后，取不同方向的光线就可以虚拟地移动摄像机位置
+
+* 动态重新聚焦
+
+与上述相同原理，在拥有整个光场时，在四维的光场中记录了所有可能的光线的位置和方向信息，那就可以查询更新了之后的光线应该查哪一条，那就对于不同的透镜查的可能并不是同一个位置，你算出来应该查询哪一个方向就去查询哪一个方向
+
+* 问题
+
+分辨率不足
+
+原本成像平面在透镜的位置，现在成像平面在后面，每一个小块记录的是原本的普通相机对应的一个像素，如果都用相同的胶片，那原本一个像素记录一个像素的信息，现在要用100个像素记录一个像素的信息（假设是10x10的），因为把不同的方向分开了。也就是说胶片的分辨率现在变成了一个空间上的分辨率
+
+方向上记录得越多，照片本身记录分辨率越低
+
+高成本
+
+1. 为了达到原有分辨率，要使用超级的分辨率的实际胶片
+2. 微透镜的设计制造成本高，是一个超级精密的仪器
+
+-----------------
+
+## 颜色
+
+### 颜色的物理基础
+
+#### 光的基本成分
+
+牛顿曾做过将一束白光穿过棱角，其会被分解成各个不同颜色
+
+不同的颜色可以合成其他的颜色，将所有的颜色合在一起又会形成白色
+
+
+
+![](../../images/color_and_perception_25.png)
+
+#### 可见光谱
+
+不同的波长对应不同的折射率，某一种光一定对应某一种光谱
+
+光谱是光线的能量在不同的波长上的分布。光谱是一个很长的范围，图形学中重要的是可见光的光谱，即分布在波长在400nm到700nm之间
+
+![](../../images/color_and_perception_26.png)
+
+#### 谱功率密度(SPD)
+
+光谱的准确定义名是谱功率密度
+
+单位：辐射单位/纳米，也可能无单位
+
+* 蓝天和太阳光的SPD
+
+如下图可见：
+
+蓝天部分更多的能量集中在高频
+
+阳光则是另一种SPD
+
+![](../../images/color_and_perception_27.png)
+
+#### 不同光源的SPD
+
+![](../../images/color_and_perception_28.png)
+
+* SPD的线性性质
+
+用一种光照亮能记录光强度的东西能够得到右边的另一种分布；两种光同时照亮得到的分布就是它们两个对应的SPD之和
+
+![](../../images/color_and_perception_29.png)
+
+### 颜色的生物学基础
+
+颜色可以认为是人的感知
+
+### 人眼结构
+
+相机是人眼的仿生
+
+人眼的瞳孔可调节大小，对应着光圈；晶状体对应透镜，可通过肌肉的拉扯调节焦距；视网膜进行成像
+
+![](../../images/color_and_perception_30.png)
+
+#### 视网膜感光细胞
+
+* 棒状细胞：
+
+很多（~120 million）感知光的强度，不感知颜色，可得灰度图
+
+* 锥形细胞：
+
+少（~6-7 million），可以用来感知颜色锥形细胞内部分成S、M、L这3种不同的锥形细胞（因为这三种细胞对三种类型的波长的响应各不相同）
+
+1. S类型：感知小波长(高频)
+2. M类型：感知中间波长
+3. L类型：感知长波长
+
+三种响应类型的曲线：
+
+
+![](../../images/color_and_perception_31.png)
+
+* 三种细胞的分布和数量有个体差异，下图为12人锥形细胞分布差异
+
+![](../../images/color_and_perception_32.png)
+
+### 颜色的三刺激理论
+
+#### 人体如何利用三种细胞进行感知
+
+已知光在不同波长上的分布（SPD），又知道某一种细胞对于某一个波长的响应是多少。感知的函数就是这2个函数对应的位置相乘积分起来
+
+三种不同的细胞自然会感应出三种颜色，对应下图的S、M、L
+
+
+![](../../images/color_and_perception_33.png)
+
+给定任意类型光线，人眼看到的是上面S、M、L这3个数，而不是光线本身的SPD
+
+#### 人的视觉系统
+
+光线的光谱经过人的眼睛，反应到视网膜上，然后被三种不同的细胞感知到形成3个数，这3个数送到人的脑袋中，人就会认为看到了一个什么样的颜色
+
+![](../../images/color_and_perception_34.png)
+
+#### 同色异谱
+
+* 同色异谱现象
+
+2种光线具有的光谱不相同，可是被我们看到的结果却是相同的
+
+不同的信号进来后，通过积分得到3个数是相同的
+
+* 颜色匹配
+
+通过调和不同的光谱，得到某一种颜色，使得这一种颜色和我看到的另外一种颜色一样。并不需要2个光的光谱一样，只需要最后的颜色一样
+
+下图中光谱的SPD完全不同，但被人感知后可得到三个相同的结果
+
+
+![](../../images/color_and_perception_35.png)
+
+* 应用
+
+如图，可通过不同调节方式使两个颜色一致来表现显示器上太阳颜色，但混合后光谱可与之前的完全不同
+
+![](../../images/color_and_perception_36.png)
+
+## 颜色复制/匹配
+
+### 颜色混合
+
+加色系统：
+
+有几种不同的原色，将各自不同的颜色乘上一个强度，将其混合起来，可以得到一种颜色，用它们各自混合的系数RGB这3个数来表示颜色
+
+如果RGB的值都调到255会得到白色
+
+减色系统：
+
+类似于调和不同颜料会越调越黑
+
+![](../../images/color_and_perception_37.png)
+
+### 加色实验
+
+* 实验一
+
+加色系统就可以使用上面的线性组合基本颜色的方式来匹配任何给定的颜色
+
+如下图，给定任何一个颜色，希望用三种不同颜色混合匹配得到相同颜色
+
+![](../../images/color_and_perception_38.png)
+
+左侧为给定颜色，右侧为混合颜色，每个颜色存在系数
+
+![](../../images/color_and_perception_39.png)
+
+即找到三种颜色系数的值混合后得到左边颜色
+
+![](../../images/color_and_perception_40.png)
+
+* 实验二
+
+有时存在左边的颜色右边无法混合得到的情况
+
+
+![](../../images/color_and_perception_41.png)
+
+可在左边给定的颜色上加上一个颜色，类似于右边对应减去这个颜色
+
+多个不同颜色混合得到一个颜色，存在负值可能
+
+![](../../images/color_and_perception_42.png)
+
+#### CIE RGB配色实验
+
+CIE RGB系统开始接近颜色空间的表示
+
+CIE是一个组织，定义了RGB系统，给定的任何一个颜色是单波长的颜色，光线的SPD是一个单一的函数
+
+使用三种单色的光
+
+![](../../images/color_and_perception_43.png)
+
+####  颜色匹配函数：
+
+* 单波长的目标颜色
+
+做颜色匹配时，给定一个固定波长，需要将这3个颜色中相同波长的值混合起来
+
+![](../../images/color_and_perception_44.png)
+
+* 实际光(多波长)
+
+给定一个实际光的SPD，要使用积分考虑每一个波长所需要的红、绿、蓝然后混合在一块
+
+这三个颜色每一个积分出来会得到三个数
+
+![](../../images/color_and_perception_45.png)
+
+### 颜色空间 
+
+#### Standard Color Spaces : Standardized RGB (sRGB)
+
+RGB的标准名为sRGB
+
+广泛用于各种成像设备
+
+问题：
+
+RGB颜色空间的色域有限
+
+#### 国际颜色空间：CIE XYZ
+
+CIE XYZ系统人为定义了一个颜色匹配函数，
+
+* 绿色曲线分布比较对称，对应的y函数匹配出来的数Y在一定程度上可以表示颜色的亮度
+* 红色有2个峰值，没有负数，这些函数都分布在可见光的范围内
+
+![](../../images/color_and_perception_46.png)
+
+二维可视化XYZ
+
+将X、Y、Z先进行归一化
+
+$$x = \frac{X}{X+Y+Z}$$
+
+$$y = \frac{Y}{X+Y+Z}$$
+
+$$z = \frac{Z}{X+Y+Z}$$
+
+三个数相加为1，此时只需显示前面2个维度能得到一个什么样的图就可以了
+
+改变Y即为改变亮度
+
+![](../../images/color_and_perception_47.png)
+
+* 色域
+
+可见图中边界为扇形，这个就是色域，整个颜色空间可以显示的颜色
+
+色域有一个白色中心，纯色都在边界上
+
+![](../../images/color_and_perception_48.png)
+
+不同颜色空间表示的颜色范围不一样
+
+下图sRGB只能表示很小的三角形部分的色域
+
+![](../../images/color_and_perception_49.png)
+
+### Perceptually Organized Color Spaces
+
+#### HSV Color Space
+
+广泛应用于颜色拾取器
+
+可以选择各种不同的色调（Hue）、饱和度（Saturation）、Brightness（亮度）或Value（值）
+
+色调：不同类型的颜色
+
+饱和度：更接近中心白色，还是更接近颜色本身的纯色
+
+亮度：从黑色一直到某种颜色
+
+#### CIELAB Space 
+
+LAB色彩空间也和感知有关
+
+L轴表示的是亮度（0为黑，100为白）
+
+a轴上红和绿分别在两端
+
+b轴上蓝和黄在两端
+
+LAB空间认为任何一个轴上两端都是互补色
+
+![](../../images/color_and_perception_50.png)
+
+#### 互补色理论
+
+人脑对互补色存在一个定义
+
+* 人眼的视觉暂留来验证互补色
+
+人眼的视觉暂留就是看一幅图看得时间长了，看到另外一幅图，你会看到第一幅图的互补色
+
+#### 颜色是相对的
+
+颜色本身是感知，看到的颜色可能和实际存在出入
+
+如下图A，你会觉得B比A亮
+
+![](../../images/color_and_perception_51.png)
+
+挡住A、B以外区域，会发现A和B颜色相同
+
+![](../../images/color_and_perception_52.png)
+
+## 减色系统(CMYK)
+
+减色系统在生活中应用更广泛
+
+CMYK：
+
+Cyan（蓝绿色）、Magenta（品红色）、Yellow（黄色）、Key（黑色）
+
+
+
+![](../../images/color_and_perception_53.png)
+
+C、M、Y可以通过混合得到各种不同的颜色，所以在打印上，可以通过混合各种各样不同墨水调出各种各样不同的颜色
+
+![](../../images/color_and_perception_54.png)
+
+印刷上要考虑成本，正常情况下打印东西以黑色居多，而且黑色的墨水好制作，便宜，C、M、Y这三种带颜色的墨水不容易制作，那用这三种颜色混合得到黑色，成本就比直接用黑色高，因而需要黑色墨水
diff --git a/content/computergraphic/光线追踪加速结构和算法.md b/content/computergraphic/光线追踪加速结构和算法.md
new file mode 100644
index 0000000..55ade54
--- /dev/null
+++ b/content/computergraphic/光线追踪加速结构和算法.md
@@ -0,0 +1,298 @@
+---
+title: "光线追踪加速结构/算法"
+date: 2022-07-20T17:56:31+08:00
+
+---
+
+### 包围盒(Bounding Volumes)
+
+将复杂的物体用简单的包围盒包裹是一个减少无用射线相交计算的好方式
+1. 物体完整地包含在包围盒里
+2. 如果射线不与包围盒相交则不与物体相交
+3. 因而优先检测包围盒是否相交再检测是否与物体相交
+
+#### 射线与包围盒相交(Ray-Intersection With Box)
+
+注意理解：盒子是三对平面的交汇处,这三个平面即为包围盒边界
+
+特别的我们通常使用轴对齐包围盒(Axis-Aligned Bounding Box),简称 AABB
+
+Bounding Box(BB)的任意一侧沿着X,Y,或Z轴
+
+
+![](../../images/Ray-Intersection_With_Box.png)
+
+#### 射线与轴对称包围盒相交(Ray Intersection with Axis-Aligned Box)
+
+以下2D例子在3D场景中同样适用
+
+![](../../images/Ray_Intersection_With_AABB.png)
+
+如上图所示，我们分别计算射线与包围盒两个边界的相交时间点，求取到$t_{min}/t_{max}$的交集
+
+1. 射线只有同时进入所有对平面才算进入包围盒，离开包围盒同理
+2. 对于每一对平面，计算$t_{min}和t_{max}$,允许出现负值
+
+对于3D包围盒，$t_{enter} = \max{t_{min}},t_{exit} = \min{t_{max}}$
+
+如果$t_{enter}<t_{exit}$,我们便可得知射线在盒子内停留了一段时间(必定发生了相交)
+
+注意点：
+1. 光线并非一条线，应当检查是否为负值或是否符合物理
+2. $t_{exit}<0$的时候，包围盒在射线之外，没有相交
+3. $t_{exit}>=0和t_{enter}$时，光线的起始点在包围盒内，相交
+
+选择轴对称的原因：计算量少
+
+![](../../images/Why_Axis-Aligned.png)
+
+
+### 统一空间分区\网格(Uniform Spatial Partitions/Grids)
+
+#### 划分过程
+
+找到包围盒
+
+![](../../images/grid_build_progress_step1.png)
+
+创建网格
+
+![](../../images/grid_build_progress_step2.png)
+
+在与相应物体重叠的网格中存储对应的物体
+
+![](../../images/grid_build_progress_step3.png)
+
+
+根据射线穿过的网格顺序来遍历网格
+
+对于每一个被遍历的网格，需要检测其中存储的物体是否与射线相交
+
+![](../../images/Ray_Scene_intersection_grid.png)
+
+------------------------
+
+#### 网格数量
+
+网格仅有一个时无法起到加速算法的效果
+
+![](../../images/grid_resolution_one_cell.png)
+
+网格过多时，因需要遍历过多无关网格而低效
+
+![](../../images/grid_resolution_too_many.jpg)
+
+最佳的网格数量为：
+$$cells = C * objs$$
+$$C \approx 27 \\ \\ in \\ \\ 3D$$
+
+----------------------
+
+划分空间网格的方式往往在大小和空间均匀分布的大型对象集合的情况下有良好的效果
+
+在失效的情况下会产生" Teapot in a stadium "问题，即在一个大运动场中间放了一个茶壶，此时需要走很多格子才能找到场景中茶壶的交点，在场景分布不均匀的情况下不适用网格方法
+
+
+### 空间划分(Spatial Partitions)
+
+#### 八叉树(Oct-Tree)
+
+将整个场景包围在盒中，再将包围盒切分为8份(三维情况下，每面四块)，下图展示的是二维下的情况，将整个盒子分为四块，再将每块都分成四块，直到每个格子中无物体或物体数量足够少
+
+![](../../images/Oct-Tree.png)
+
+通过这种方式将空间切成了分块并组织成了树状结构(一维下为二叉树，二维下为四叉树，三维下为八叉树，$n维下为2^n叉树$)
+
+---------------------------------------
+
+#### BSP-Tree
+
+该方法是对空间进行二分的方法，即每次都选择一个方向将节点划分开，与KD-Tree不同在于其并非横平竖直地划分，且计算难度随维度升高而增加
+
+![](../../images/BSP-Tree.png)
+
+二维下用一条线划分，三维下用一个平面划分，四维用‘超平面’划分,依次类推
+
+-------------------------------------------
+
+#### KD-Tree
+
+与八叉树几乎相同，但每找到一个格子后总是沿着某一个轴分开使整个空间被划分成类似二叉树的结构，如下图所示，划分是水平竖直交替进行的
+
+![](../../images/KD-Tree.png)
+
+三维下，划分轴在X,Y,Z轴间轮替就可以在保持二叉树性质的情况下进行划分
+
+##### KD-Tree建立
+
+将整个场景包围在盒子A中，先沿着竖直方向划分，再将这两个部分横向划分开，之后一直交替向下划分，形成一棵树
+
+![](../../images/KD-Tree_Pre-Processing.png)
+
+如果一个空间已经被划分成了KD-Tree结构，则中间节点(A,B,C,D)只需要记录被划分成的各自格子，叶子节点则存储和格子相交的几何形体
+
+##### KD-Tree的数据结构
+
+内部节点存储：
+1. 划分的轴：X,Y,Z轴
+2. 划分的点：沿轴的平面分割坐标
+3. 子内部节点：指向子节点的坐标
+4. 在根节点不存储物体
+
+叶子节点存储：
+1. 物体的列表(list of objects)
+
+
+##### KD-Tree的遍历
+
+假设有一根光线，从左上到右下，穿过一个包围盒A
+
+![](../../images/Traversing_a_KD-Tree_step1.png)
+
+第一次判断是否与A存在交点，光线有交点则可能与左右子节点产生交集
+
+![](../../images/Traversing_a_KD-Tree_step2.png)
+
+检测是否与子节点存在交点，发现与左边蓝色区域存在交点，按图中划分，1不再划分的情况下则认为光线与该叶子节点(蓝色区域内)所有物体求交
+
+![](../../images/Traversing_a_KD-Tree_step3.png)
+
+检查右子节点，发现与右边区域也有交点，则光线可能和B的子节点(2和C)相交
+
+![](../../images/Traversing_a_KD-Tree_step4.png)
+
+再判定光线与2和C区域相交情况，发现与2存在交点，此处假设2不再细分，2即为一个叶子节点，光线需要和2中所有物体求交
+
+![](../../images/Traversing_a_KD-Tree_step5.png)
+
+发现与C区域存在交点，那便要判断光线和C的子节点(D、3)是否有交点，发现和3存在交点，且3为叶子节点，则光线要和3中的所有物体求交，D同理，一直求到叶子节点(区域5与光线无交点，无需求交)
+
+![](../../images/Traversing_a_KD-Tree_step6.png)
+
+在C中光线和所有物体求交就找到了交点
+
+![](../../images/Traversing_a_KD-Tree_step7.png)
+
+
+##### KD-Tree的问题
+
+* 难以判定包围盒和物体的交集
+
+虽然三角形只要有一个顶点在盒子内，就可以判定相交，但存在三个顶点都不在包围盒内但依旧相交的情况(包围盒在三角形内部)
+
+* 一个物体可能出现在多个不同的叶子节点里
+
+如案例中右下角的圆与3、4、5都存在交点，会在叶子节点3、4、5中存储这个物体，这会造成性能浪费
+
+-------------------------------------
+
+#### BVH(Bounding Volume Hierarchy)
+
+BVH无论在实时的光线追踪还是离线的结构都解决了KD-Tree的问题，在图形学里有广泛地运用
+
+##### BVH结构创建
+
+同样将场景用一个盒子包围，与KD-Tree不同在于后者将物体划分为2个部分
+
+![](../../images/BVH_build_step1.png)
+
+将上图方框中所有三角形分割成两个部分再重新求它们的包围盒
+
+![](../../images/BVH_build_step2.png)
+
+同样再继续划分，将上图蓝色节点划分为两堆三角形再重新求它们的包围盒，对应下图蓝绿节点
+
+![](../../images/BVH_build_step3.png)
+
+划分终止条件自定义：如一个节点中只有5个三角形存在
+
+总结：
+1. 找到一个包围盒
+2. 基于包围盒中的物体，递归地拆分包围盒为两个部份
+3. 两个部份各自重新计算包围盒
+4. 叶子节点中三角形数量满足终止条件时停止划分，记录实际的物体至叶子节点里，其余结构用于判断加速结构
+
+##### BVH性质
+
+* 一个叶子节点里只可能出现在一个几何结构里
+
+* 可以不采用求三角形和包围盒的交
+
+按物体划分使得包围盒求取简易，避免了空间划分中求包围盒和物体的交集
+
+问题：
+
+未严格划分空间，不同的Bounding box间可以相交
+
+##### BVH节点划分方式
+
+* 与KD-Tree一样选择一个维度来划分
+
+* 方法一：只沿着最长的轴将其分成两半
+
+* 方法二：取中间的物体进行划分
+
+例如：
+
+一行三角形从左到右依次排列寻找中位数，第n/2个三角形
+
+中位数可确保两部分数量相似即生成的树接近平衡(通过保证两边深度相似可减少平均搜索次数)
+
+排序上可假设沿着X轴去考虑三角形，则所有三角形取重心后沿X轴排序便可得知中间的三角形位置(快速选择算法)
+
+-----------------------
+
+以上步骤可得到一个预计算的BVH，如果场景发生改动则需要重新计算
+
+----------------------------
+
+##### BVH的数据结构
+
+* 内部节点存储
+  * 包围盒
+  * 指向子节点的指针
+
+* 叶子节点存储
+  * 包围盒
+  * 实际的物体
+
+* 节点表示场景中分割框的子集
+  * 子树中的所有物体
+
+
+##### BVH与光线求交
+
+与KD-Tree类似，光线和根节点求交，找到内部物体最近的交点
+
+光线与BVH节点相交后存在两种可能：
+
+1. 节点本身为叶子节点，此时光线与叶子节点里所有物体求交，放回最近交点
+2. 节点本身不是叶子节点，此时光线可能与该节点的两个子节点都有交点，递归地求出它们的交点再返回最近的点
+
+![](../../images/BVH_Traversal.png)
+
+
+##### 空间/物体划分区别
+
+* 空间划分(Spatial partition)
+    1. 划分空间，任何一个节点在空间和时间之间不会有交集
+    2. 有些物体存在横跨边界的可能
+
+![](../../images/eg_spatial_partition.png)
+
+* 物体划分(Object partition)
+    1. 划分物体，物体分为两部分后分别计算包围盒
+    2. 包围盒存在交集的可能，但不产生影响且无需计算包围盒相交方式
+
+![](../../images/eg_object_partition.png)
+
+-----------------------------------------
+
+
+
+
+
+
+
+
+
diff --git a/content/computergraphic/几何(geometry).md b/content/computergraphic/几何(geometry).md
new file mode 100644
index 0000000..b2be471
--- /dev/null
+++ b/content/computergraphic/几何(geometry).md
@@ -0,0 +1,456 @@
+---
+title: "几何（geometry）"
+date: 2022-07-15T14:40:43+08:00
+
+---
+
+### 几何
+
+#### 几何物体的表现形式
+
+##### 隐式(Implicit)
+
+1. 代数平面(algebraic surface)
+2. 水平集(level sets)
+3. 距离函数(distance functions)
+4.  ... 
+
+
+###### 优缺点
+
+优点：
+1. 描述简洁(如，一个函数)
+2. 便于某些查询(判定物体内部，或内部点到表面的距离)
+3. 便于计算光线到表面的交集
+4. 对于简单的形状能够做到准确描述无抽样误差
+5. 易于处理拓扑变化(如，流体)
+
+
+缺点：
+1. 难以模拟复杂的形状
+
+
+###### 基于一系列满足特定关系的点
+
+
+例如：
+
+球体：所有的点在三维坐标系里满足$$x^2 + y^2 + z^2 = 1$$或$$f(x,y,z) = 0 $$
+
+###### 难以采样
+
+例如：
+
+在一系列符合下列条件的点中，难以采样到符合$f(x,y,z) = 0$的点
+
+$$f(x,y,z) = (2 - \sqrt{x^2 + y^2})^2 + z^2 - 1$$
+
+对应的几何形状如下图
+
+![](../../images/eg_sample_can_be_hard.png)
+
+###### 易于判断内外关系
+
+例如：
+
+在一系列符合下述条件的点中
+
+$$f(x,y,z) = x^2 + y^2 + z^2 - 1$$
+
+![](../../images/eg_in_outside_test_easy.png)
+
+对于点$(\frac{3}{4},\frac{1}{2},\frac{1}{4})$ 若要判定其是否在该几何体内部则只需计算$$f(x,y,z) = - \frac{1}{8} < 0$$ 即可判定其位于几何体内部
+
+------------------------------------
+
+###### 代数平面(Algebraic Surfaces)
+
+表面是x,y,z中多项式的零集
+
+![](../../images/Algebraic_Surfaces.png)
+
+
+###### 构造实体几何(Constructive Solid Geometry)
+
+通过布尔计算组合构造隐式几何
+
+![](../../images/Constructive_Solid_Geometry.png)
+
+
+###### 距离函数(Distance Functions)
+
+距离函数：从任意位置到目标物体给出最小距离（符号距离）
+
+使用距离函数将两个曲面混合在一起
+
+![](../../images/eg_Distance_Functions.png)
+
+
+###### 水平集(Level Set Method)
+
+封闭式的方程难以描述复杂的形状
+
+解决方案：存储值相似的函数网格
+
+![](../../images/Level_Set_grid.png)
+
+插值为零的值的位置即为表面
+
+优势：能够提供对形状更明确的控制（如纹理）
+
+在流体仿真中也存在应用：计算到气液边界的距离
+
+
+###### 分形(Factals)
+
+该几何形状表现为所有尺度的细节都存在自相似性(一种描述自然现象的说法)，往往难以控制形状
+
+![](../../images/eg_Factals.png)
+
+
+---------------------------------------
+
+
+
+##### 显式(Explicit)
+
+1. 点云(point cloud)
+2. 多边形网格(polygon mesh)
+3. 细分曲面和曲线(subdivision, NURBS)
+4. ...
+
+
+###### 点直接或参数映射给出
+
+例如：
+
+$$f:R^2 \rightarrow R^3;(u,v) \rightarrow (x,y,z)$$
+
+![](../../images/eg_explict_mapping.png)
+
+
+###### 易于采样
+
+例如：
+
+对于$$ f(u,v) = ((2 + \cos u)\cos v,(2 + \cos u)\sin v,\sin u) $$
+
+若要判定点$f(u,v)$是否位于表面，则只需将$(u,v)$的值相加
+
+![](../../images/eg_sample_can_be_hard.png)
+
+
+###### 难以判断内外关系
+
+例如：
+对于$$f(u,v) = (\cos u \sin v ,\sin u \sin v,\cos v)$$
+
+难以判定点$(\frac{3}{4},\frac{1}{2},\frac{1}{4})$
+
+---------------------------------------------------
+
+###### 点云 (Point Cloud)
+
+1. 最简单的表示：点列表(x,y,z)
+2. 轻松表现任何类型的几何图形
+3. 适用于大型数据集(>> 1 点/像素)
+4. 通常转换为多边形网格
+5. 难以用于采样不足的区域
+
+![](../../images/eg_point_cloud.png)
+
+
+###### 多边形网格(Polygon Mesh)
+
+1. 存储顶点和多边形(通常是三角形或四边形)
+2. 更易于进行处理/模拟，自适应采样
+3. 更复杂的数据结构
+4. 图形中最常见的表示形式
+
+
+![](../../images/eg_polygon_mesh.png)
+
+
+
+------------------------------------------------
+
+### 表现形式应根据目标几何模型选择最合适的类型,没有最好的表现形式
+
+![](../../images/David_Baraff.png)
+
+------------------------------
+
+### 贝塞尔曲线(Bézier Curves)
+
+#### 定义
+
+贝塞尔曲线完全由其控制点决定其形状,$n$个控制点对应着$n-1$阶的贝塞尔曲线，并且可以通过递归的方式来绘制.
+
+
+![](../../images/Defining_Bezier_Curve_Tangents.png)
+
+
+#### de Casteljau Algorithm(图形)
+
+假设存在三个点(quadratic Bezier)
+
+![](../../images/de_Casteljau_Algorithm_step1.png)
+
+
+通过线性插值的方式插入一个点
+
+![](../../images/de_Casteljau_Algorithm_step2.png)
+
+
+在另一边也通过同样方式插入一个点
+
+![](../../images/de_Casteljau_Algorithm_step3.png)
+
+递归重复
+
+![](../../images/de_Casteljau_Algorithm_step4.png)
+
+对于在$[0,1]$区间的每个t点都使用相同算法进行计算
+
+![](../../images/de_Casteljau_Algorithm_step5.png)
+
+构造一个三次方贝塞尔曲线需要总共四个输入，都递归使用线性插值
+
+![](../../images/de_Casteljau_Algorithm_step6.png)
+
+可视化算法流程
+
+![](../../images/Visualizing_de_Casteljau.png)
+
+
+#### de Casteljau Algorithm(数学公式)
+
+de Casteljau 算法给出各点间金字塔型的变量关系
+
+![](../../images/de_Casteljau_pyramid_of.png)
+
+##### 推导流程
+
+![](../../images/de_Casteljau_Algorithm_step5.png)
+
+$$b_0^1(t) = (1 - t)b_0 + tb_1$$
+$$b_1^1(t) = (1 - t)b_1 + tb_2$$
+$$b_0^2(t) = (1 - t)b_0^1 + tb_1^1$$
+$$b_0^2(t) = (1 - t)^2b_0 + 2t(1 - t)b_1 + t^2b_2$$
+
+进而推得$n$阶贝塞尔曲线的公式为：
+
+$$b^n(t) = b_0^n(t) = \sum_{j=0}^{n} {b_j B_j^n(t)}$$
+
+$b^n(t)$:贝塞尔曲线阶级数n(n次向量多项式)
+
+$b_j$:控制点($R^N$的向量)
+
+$B_j^n$:伯恩斯坦多项式
+
+伯恩斯坦多项式(Bernstein polynomial):
+
+$$B_i^n(t) = \begin{pmatrix} n \\\\ t \end{pmatrix} t^i(1 - t)^{n - i}$$
+
+例如$n = 3$时
+
+我们在三维空间里有下列控制点
+
+$b_0 = (0,2,3),b_1 = (2,3,5),b_2 = (6,7,9),b_3 = (3,4,5)$
+
+这些点定义了以下列公式形式的贝塞尔曲线
+
+$$b^n(t) = b_0(1 - t)^3 + b_1 3t(1 - t)^2 + b_2 3t^2(1 - t) + b_3 t^3$$
+
+贝塞尔基本函数
+
+![](../../images/Cubic_Bezier_Basis_Functions.png)
+
+插值端点：$b(0) = b_0;b(1) = b_3$
+
+与末端线段相切：$b'(0) = 3(b_1 - b_0); b'(1) = 3(b_3 - b_2)$
+
+能够通过控制点的位置来改变曲线
+
+
+### 分段贝塞尔曲线
+
+出现原因：高阶贝塞尔曲线有多个控制点，难以控制曲线形状
+
+对策: 将多个低阶的贝塞尔曲线相连，构造为分段贝塞尔曲线
+
+常用于：字体，路径，插画，主题演讲
+
+样例：
+
+![](../../images/Demon_Piecewise_Cubic_Bezier_Curve.png)
+
+#### 组合计算
+
+要将一下两条贝塞尔曲线组合在一起则
+
+$$a:[k,k+1] \rightarrow IR^N$$
+$$b:[k+1,k+2] \rightarrow IR^N$$
+
+![](../../images/Continuity_Piecewise_Bezier_step1.png)
+
+$c^0$处的连续性：$a_n = b_0$
+
+![](../../images/Continuity_Piecewise_Bezier_step2.png)
+
+$c^1$处的连续性：$a_n = b_0 = \frac{1}{2}(a_{n-1} + b_1)$
+
+![](../../images/Continuity_Piecewise_Bezier_step3.png)
+
+------------------------------------
+
+### 贝塞尔表面(Bézier Surfaces)
+
+对于一个双立方贝塞尔表面贴片
+
+输入：$4 \times 4 $ 控制点
+
+输出：由$[0,1]^2$ 参数化的2D平面
+
+![](../../images/bezier_surface_eg.png)
+
+#### 计算方法 
+
+目标：计算相对于(u,v)的平面位置
+
+1.  使用 de Casteljau 算法来计算四条贝塞尔曲线上各自的U,这将会为"移动"贝塞尔曲线提供4个有效的控制点
+2.  使用一阶 de Casteljau 算法来计算"移动"曲线上的点V
+
+![](../../images/evaluation_of_bezier_surface.png)
+
+可视化计算流程：
+
+![](../../images/visual_evaluation_of_bezier_surface.png)
+
+
+
+### 曲面处理(Mesh Operations)
+
+#### 曲面细分(Mesh Subdivision)
+
+目的：提高分辨率
+
+![](../../images/eg_mesh_subdivision.png)
+
+通常做法：
+
+1. 创建更多三角形(顶点)
+2. 更新它们的位置
+
+
+##### Loop Subdivision
+
+1. 将每个三角形划分为4个三角形
+2. 根据权重更新顶点的位置(新旧顶点各自以不同方式进行更新)
+
+新顶点：
+
+![](../../images/loop_subdivision_new.png)
+
+白点即为新顶点，其位置为周围四个顶点的权重之和
+
+旧顶点：
+
+![](../../images/loop_subdivision_old.png)
+
+白色旧顶点也是自身及邻接顶点的权重之和，权重的设置与旧顶点度数关联
+
+
+##### Catmull-Clark Subdivision
+
+![](../../images/catmull-clark_subdivision1.png)
+
+定义：
+
+1. 所有非四边形的面都称为Non-quad face
+2. 所有度不为4的点称为奇异点
+3. 每次细分时在每个面中添加一个点，每条边的中点也都添加一个点，面上的新顶点连接所有边上的新顶点
+
+第一次细分后结果：
+
+![](../../images/catmull-clark_subdivision2.png)
+
+
+特点：
+
+1. 非四边形面的数量与奇异点相同，即现在共有$2+2=4$个
+2. 奇异点的度数与原来所在面的边数相等，即这里为3度
+3. 第一次细分后所有的面都会变成四边形，且后续奇异点数目不再增加
+
+Catmull-Clark 顶点更新规则
+
+![](../../images/Catmull-Clark_Vertex_Update_Rules.png)
+
+##### 收敛性：整体形状和折痕
+
+![](../../images/convergence_of_loop_and_catmull.png)
+
+#### 曲面简化(Mesh Simplification)
+
+目的：降低分辨率的同时尽量保持形状/外观
+
+![](../../images/eg_mesh_simplification.png)
+
+##### 边坍缩
+
+边坍缩是曲面简化的常用方法，如上图所示将一条边的两个顶点合成为一个顶点，出于尽量保持形状的目的，需要正确选择不影响或影响最小的边进行坍缩，由此引入二次误差度量(Quadric Error Metrics)
+
+![](../../images/Collapsing_An_Edge.png)
+
+
+###### 二次误差度量(Quadric Error Metrics)
+
+![](../../images/Quadric_Error_Metrics.png)
+
+坍缩之后蓝色新顶点所在位置与原来各个平面的垂直距离之和，如此误差最小则整个模型样貌修改一定程度也会较小
+
+##### 曲面简化算法流程
+
+1. 为模型每条边赋值，其值为坍缩后代替老顶点产生的新顶点所得到的最小二次误差
+2. 选取权重最小的边做坍缩，新顶点的位置为原计算得出使二次误差值最小的位置
+3. 坍缩之后，会改动与之相连的其他边，更新这些边的权值
+4. 重复步骤，直到符合终止条件
+
+符合贪心算法标准，无法获得最优解，但效果依旧合适
+
+![](../../images/eg_Quadric_Error_Mesh_Simplification.png)
+
+-------------------------------------------
+
+#### 纹理映射(Shadow Mapping)
+
+Shadow Mapping是一种基于图像的算法
+1. 阴影计算期间无需进行几何体计算
+2. 必须进行反走样处理
+3. 不在阴影中的点必须同时在灯光和相机范围内
+
+##### 计算流程
+
+阴影映射总体需要两个pass
+
+Pass1:render from light
+1. 获得从光源视角得到的深度图像
+
+![](../../images/render_from_light.png)
+
+Pass2:render from eye
+1. 从观看视角(相机视角)获得带有深度的标准图像
+2. 将观看视角中的可见点投影回光源
+   1. 光源和观看视角的下的深度相同时为可见
+   2. 光源和观看视角下的深度不相同则为被阻挡
+
+![](../../images/project_to_light.png)
+
+
+----------------------------------------------
+
+
+
+
+
+
diff --git a/content/computergraphic/动画.md b/content/computergraphic/动画.md
new file mode 100644
index 0000000..acf6a8a
--- /dev/null
+++ b/content/computergraphic/动画.md
@@ -0,0 +1,802 @@
+---
+title: "动画"
+date: 2022-08-01T16:38:54+08:00
+
+---
+
+动画：
+
+1. 交流工具，用于展示会动的东西
+2. 关注美学，早期动画是绘画制作的，不关注物理是否符合现实，只要看起来正确
+3. 建模或几何的拓展：动画即为在不同时间或不同帧有不同几何形状，将3D模型延伸到时间维度
+
+动画生成：
+
+将很多图形按一定顺序和速度播放
+
+1. 电影：一秒播放24帧
+2. 视频：30帧每秒
+3. 游戏：体验好需要60帧甚至144帧每秒
+4. 虚拟现实：防止用户产生眩晕需要两眼画面90帧每秒
+
+
+## 动画发展历史
+
+* 远古人类壁画
+
+![](../../images/animation_part1_1.png)
+
+* 圆盘转动
+
+人们人为制造的可以看到的动画
+
+最早起，有类似圆盘的物体，可固定在某处，可以旋转
+
+![](../../images/animation_part1_2.png)
+
+* 第一部电影
+
+早期不用于娱乐，是一种科学研究的设备，如下图拍摄奔跑中的马可用于研究马匹运动时四肢动态
+
+
+![](../../images/animation_part1_3.png)
+
+* 第一部与电影时长相当的动画
+
+第一部手绘的与电影时长相当的动画，即剧场版：白雪公主和七个小矮人
+
+每秒播放24帧，制作耗时极长
+
+![](../../images/animation_part1_4.png)
+
+* 第一部计算机生成的动画
+
+可追溯至1963年
+
+
+![](../../images/animation_part1_5.png)
+
+* 早期计算机动画
+
+如下图为人脸的三维结构网格，已经可以做到人物面部表情
+
+
+![](../../images/animation_part1_6.png)
+
+* 电子(计算机生成)恐龙(Digital Dinosaurs)
+
+如下图，侏罗纪公园，真正将计算机生成的恐龙放入电影中
+
+
+![](../../images/animation_part1_7.png)
+
+* 第一部计算机生成的电影时长动画
+
+第一部完全用计算机生成的动画电影：
+
+皮克斯的《玩具总动员》
+
+采用光栅化的方式生成阴影效果
+
+
+![](../../images/animation_part1_8.png)
+
+* 十年前的计算机动画
+
+依旧缺少一些细节
+
+![](../../images/animation_part1_9.png)
+
+* 2019-冰雪奇缘2
+
+充满各种细节
+
+
+![](../../images/animation_part1_10.png)
+
+## 关键帧动画
+
+下图中，上面一行的3个动作是重要位置，对应的帧称为关键帧
+
+下面一行在2个动作间补充过渡的动作
+
+
+
+![](../../images/animation_part1_11.png)
+
+### 关键帧插值
+
+给定一系列不同的帧，中间帧采用插值的方式计算得到
+
+找出每一帧中重要的点在其他帧的位置，所有点一一对应找出后就可以插值计算得到结果
+
+插值得到的过渡往往需要看着自然、真实，对插值方式有一定要求
+
+最简单的是线性插值，但下图为非线性插值
+
+
+![](../../images/animation_part1_12.png)
+
+线性插值：
+
+给定任意的连续点，将其连接成线段
+
+有时需要更好的连续性，就需要用到曲线和样条，这说明几何和动画之间时存在联系的
+
+
+![](../../images/animation_part1_13.png)
+
+-------------
+
+## 物理模拟
+
+关键字动画是最简单的方式，插值方式生成中间帧，但人们往往更常用物理仿真的方式
+
+### 牛顿运动定律
+
+$$F = ma$$
+
+F: 施加在物体上的力
+
+m：物体的质量
+
+a：物体的加速度
+
+1. 小球在重力影响下抛出时会形成抛物线
+2. 衣服可认为由网格形成，任何一个顶点有一定质量，受重力影响，也受其他点作用的力的影响
+
+![](../../images/animation_part1_14.png)
+
+#### 案例
+
+* 布料模拟
+
+
+![](../../images/animation_part1_15.png)
+
+* 流体仿真
+
+1. 模拟水的运动和水滴的形成位置
+2. 模拟了位置和形状后进行渲染得到样式
+
+![](../../images/animation_part1_16.png)
+
+### 质点弹簧系统
+
+#### 案例
+
+* 绳子模拟
+
+将一根绳子模拟成很多小的弹簧，允许其在重力作用下来回摆动
+
+![](../../images/animation_part1_17.png)
+
+* 头发
+
+
+
+![](../../images/animation_part1_18.png)
+
+* 布料
+
+布料是由网格描述的，可以使用各种不同的质点弹簧系统描述，还可使用一个点进行拖拽
+
+
+![](../../images/animation_part1_19.png)
+
+建模足够好的情况下，模拟与仿真可以做到与现实几乎一致
+
+
+![](../../images/animation_part1_20.png)
+
+上图受限于PDF，建议结合games101第21课
+
+#### 简单的质点弹簧系统
+
+* 质点弹簧系统：一系列相互连接的质点和弹簧
+
+* 最基础的单元：一个弹簧两侧连着两个质点
+
+![](../../images/animation_part1_21.png)
+
+* 理想的弹簧(无长度，产生的力与被拉长的长度成比例)
+
+$$f_{a\rightarrow b} = k_s(b-a)$$
+
+$$f_{b\rightarrow a} = -f_{a\rightarrow b}$$
+
+1. $f_{a\rightarrow b }$为应用到a上，往b方向的作用力，往往取决于a和b之间的距离
+2. (b-a)为从a指向b的向量，b-a越长，力越大，可以写出a点往b点的力
+3. $k_s$劲度系数(胡克定律：固体材料受力后，应力与形变量之间存在线性关系)
+4. 因为力的作用的相对性，a受到向右的力，b肯定受到向左的力，两者互为相反
+
+* 非0长度弹簧
+
+弹簧在正常情况下有一定的长度，为Rest length 
+
+弹簧在拉伸后
+
+1. b和a的距离为$||b - a||$
+2. 形变量为$||b - a|| - l$
+3. 受力的方向$\frac{(b - a)}{||b - a||}$
+
+$$f_{a \rightarrow b } = k_s \frac{b - a}{||b - a||}(||b - a|| - l)$$
+
+因能量守恒，会永远振动下去
+
+* 加入摩擦力
+
+平常我们会用x来表示位置，x的一阶导数（x′）表示速度，x的二阶导数（x′′）表示加速度，在物理模拟中会用x上面加一个点表示速度，加2个点表示加速度
+
+$$\dot{x} = v$$
+
+$$\ddot{x} = a$$
+
+加入摩擦力（damping force）使它能停止
+
+对于任何一个运动的质点，如果想让它停，那力的方向肯定和速度方向相反
+
+
+
+
+![](../../images/animation_part1_22.png)
+
+问题：
+
+会引起所有的运动都停下来，这样描述的摩擦力只能描述外部的力，描述不了弹簧之间内部的力
+
+* 加入内部摩擦力
+
+目的：希望弹簧恢复到正常长度
+
+方向：$-(b - a)/||b - a||$
+
+大小：下图红框部分，a和b之间的相对速度投影在ab方向上的速度
+
+![](../../images/animation_part1_23.png)
+
+#### 弹簧结构
+
+弹簧可以组合成各种形状
+
+
+如下图，可以每2根共用一个质量表示一张平面，也可以在三维空间中进行连接
+
+![](../../images/animation_part1_24.png)
+
+##### 使用各种弹簧模拟一块布
+
+1. 问题1：切变会受影响
+2. 问题2：存在一种力让整个形状变得不是一个平面
+
+![](../../images/animation_part1_25.png)
+
+* 加入斜的对角线解决切边
+
+在以上的形状中加入斜的对角线，发生切变时，新加的蓝线会被压缩，那弹簧就会向外抵抗它
+
+![](../../images/animation_part1_26.png)
+
+存在结构不对称问题，无法使模拟的布在任何一个方向拉它，它的行为保持一致
+
+* 加入另外一个方向上的斜对角线
+
+不能抵抗非平面的弯曲(沿着竖的或横的线折叠)
+
+![](../../images/animation_part1_27.png)
+
+* 加上跳过相邻质点的连接线
+
+如下图的红线，任何一个点都和它隔一个点连一根线
+
+红线的连接是非常弱的，蓝线非常强
+
+![](../../images/animation_part1_28.png)
+
+* 例子
+
+下图是质点弹簧系统做的裙子
+
+简化的表示，未表示纤维、股和线等之间的力的关系
+
+
+![](../../images/animation_part1_29.png)
+
+* 拓展
+
+除了质点弹簧系统，还有其他的方法，比如有限元方法（FEM (Finite Element Method)），这个方法被广泛应用于车辆碰撞，能够表现力之间的传导作用
+
+
+![](../../images/animation_part1_30.png)
+
+### 粒子系统
+
+用于描述一些很小很小移动的东西
+
+建模一堆很微小的东西，定义每一个粒子会受到的力（有重力、风力、粒子和粒子之间的力）
+
+很容易模仿一些魔法效果、雾、灰尘等等
+
+粒子越多模拟得越精细，但是越慢；越少，计算速度越快，但效果差一些
+
+
+![](../../images/animation_part1_31.png)
+
+#### 存在问题
+
+1. 粒子系统可以模拟流体，这样可能需要很多粒子
+2. 粒子和粒子之间的作用不只有碰撞，还可能有引力，需要随时更新粒子的位置
+
+#### 算法
+
+1. 动态生成一些新的粒子
+2. 计算每个粒子的作用力
+3. 根据作用力更新粒子的位置和速度
+4. 如果粒子有存活时间，移除消亡的粒子
+5. 渲染粒子
+
+#### 粒子系统的力
+
+* 吸引力和排斥力
+  * 重力、电磁力
+  * 弹力、推力
+* 阻尼力
+  * 摩擦力、空气阻力、粘滞力
+* 碰撞
+  * 墙、容器、固定物体
+  * 动态物体、角色身体碰撞
+
+#### 例子
+
+* 万有引力
+
+最小的物体都会满足此规律
+
+$$F_g = G\frac{m_1m_2}{d^2}$$
+
+$$G = 6.67428 \times 10^{-11}Nm^2kg^{-2}$$
+
+![](../../images/animation_part1_32.png)
+
+* 银河模拟
+
+![](../../images/animation_part1_33.png)
+
+* 基于粒子的流体模拟
+
+模拟的是粒子，渲染的是像玻璃、是否带白沫
+
+![](../../images/animation_part1_34.png)
+
+#### 粒子间相互作用
+
+粒子系统不一定只是描述最简单的点，这个粒子也就是在一个很大范围内有很多重复的东西
+
+个体的运动属性：
+
+会被中央的相邻点吸引
+
+粒子间间隔不会太近
+
+所有粒子会对齐一个方向
+
+有了以上的属性就可以通过粒子的方法解出来
+
+![](../../images/animation_part1_35.png)
+
+* 分子结构
+
+
+![](../../images/animation_part1_36.png)
+
+* 人群
+
+![](../../images/animation_part1_37.png)
+
+## 运动学
+
+在图形学中运动学分为正向的和反向的，即正运动学和逆运动学
+
+### 正运动学
+
+#### 骨骼系统
+
+用于描述和人骨骼连接拓扑结构类似的结构，可定义不同的关节
+
+![](../../images/animation_part1_38.png)
+
+* Pin 
+  
+钉子钉住后只能在钉住的平面内往一个方向旋转
+
+![](../../images/animation_part1_39.png)
+
+* Ball 
+
+有一个东西可以包住一个球，这个球可以任意的在任意方向旋转
+
+
+
+* Prismatic joint
+
+可以拉长，也就是可以有一些移动
+
+![](../../images/animation_part1_40.png)
+
+
+#### 一个简单的关节
+
+如下图，只能在平面内发生旋转，类似于肩和肘的旋转，假设第一段旋转$\theta_1$度，第二段旋转$\theta_2$度，如何确定尖端位置
+
+![](../../images/animation_part1_41.png)
+
+先算出上方黑点的位置，因为$\theta_2$是在$\theta_1$的基础上旋转的，可以用$\theta_1$加$\theta_2$计算
+
+![](../../images/animation_part1_42.png)
+
+因此，正向运动学需要定义好连接方式，定义好它们之间的各种位置，就可以找到各种点的位置
+
+* 例子
+
+人类行走动作模拟
+
+![](../../images/animation_part1_43.png)
+
+
+
+
+
+##### 优缺点
+
+* 优点
+
+实现容易
+
+* 缺点
+
+它的定义都很物理
+
+但是艺术家们更喜欢直观的控制尖端进行动画的创建，而非调整角度
+
+### 逆向运动学
+
+逆运动学可以手里捏着尖端到处移动，它会自动的调整它的关节的位置，使得尖端就在你要的位置上
+
+![](../../images/animation_part1_44.png)
+
+如下图中，给出固定点P，它就会给出$\theta_1$和$\theta_2$,解出这两个角度的过程比较复杂
+
+![](../../images/animation_part1_45.png)
+
+#### 问题
+
+* 逆向运动学的解有时候不唯一
+
+如图，尖端位置确定，但存在两个解
+
+
+![](../../images/animation_part1_46.png)
+
+
+![](../../images/animation_part1_47.png)
+
+* 存在无解的情况
+
+最上面的关节点只可能出现在下图的虚线上，尖端通过旋转可以在一个圆上，从而尖端只有可能在外层的圈和内层的圈之间，其他位置到不了
+
+![](../../images/animation_part1_48.png)
+
+#### 问题优化
+
+一般N维IK问题的数值求解
+
+* 选择初始配置
+* 定义错误度量(例如：目标与当前位置之间距离的平方)
+* 计算误差梯度作为配置的函数
+* 应用梯度下降或牛顿方法
+
+
+
+## 绑骨(Riging)
+
+对于一个形状的控制，其实就是木偶操作，一定程度上就是逆运动学的一个应用
+
+例子：
+
+![](../../images/animation_part1_49.png)
+
+### 形状混合
+
+人物有2个不同的动作，这2个动作之间可以通过插值的方式做。利用控制点做了2个不同的造型，然后将控制点和控制点之间的位置做插值
+
+实际为混合控制点及其影响区域
+
+
+![](../../images/animation_part1_50.png)
+
+
+### 动作捕捉
+
+给真人各个不同的地方加上控制点，让这些控制点的位置直接反应到虚拟的造型上去。要建立虚拟的人物和真实的人物之间的关系，此时只要人在做动作时将它拍下来，就可以知道控制点的不同的位置并反应到对应的人物上面去
+
+
+
+![](../../images/animation_part1_51.png)
+
+#### 优缺点
+
+* 优点
+
+可以迅速捕捉大量的真实数据，避免手K的耗时耗力的操作
+
+真实感非常强
+
+* 缺点
+
+进行动作捕捉需要很多前期的准备
+
+捕捉出来的动作可能不符合艺术家的需求，需要调整（比如真人去演动画人物，动画人物的表情是很夸张的；或者有时捕捉不到好的数据，比如捕捉条件有限制，人在正面的时候看到的控制点，背面也有但正面看不到，那就要在背后加一个摄像机，这就需要成本，而且正常需要更多的摄像机；人物动作的时候还会遮挡）
+
+![](../../images/animation_part1_52.png)
+
+#### 其他捕捉方法
+
+还有磁力的（不受遮挡影响）、机械的（真正在人身上贴上机械的东西）
+
+
+
+![](../../images/animation_part1_53.png)
+
+### 光学动作捕捉
+
+应用最广泛的还是光学的捕捉方法，贴一些Maker（贴片或小球）贴在人身上，然后用很多很复杂的摄像机，将这些点的位置非常准确的测出来
+
+![](../../images/animation_part1_54.png)
+
+![](../../images/animation_part1_55.png)
+
+#### 获取的动作数据
+
+下图曲线就为一个控制点不同时间在三维空间中的位置
+
+![](../../images/animation_part1_56.png)
+
+#### 面部动画的问题
+
+非常真实的动画往往会出现恐怖谷效应
+
+恐怖谷效应：人们会对生成的过于真实的人类感到害怕
+
+
+![](../../images/animation_part1_57.png)
+
+#### 面部动作捕捉
+
+阿凡达这部电影具有里程碑式的效应，就是因为使用了面部动作捕捉
+
+
+![](../../images/animation_part1_58.png)
+
+#### 动画/电影的生成过程
+
+分别为Pre-Production、Production、Post-Production三个部分，具体工作内容和职责可由下图所示
+
+
+![](../../images/animation_part1_59.png)
+
+-----------------------------------
+
+## 单粒子模拟
+
+可在已知任何一个物体任何时刻的速度和初始位置的情况下计算某个时间后的位置
+
+1. 粒子满足匀速直线运动，初始位置加上速度和时间的乘积即可
+2. 一个粒子在一个速度场会沿着类似水流的方向往前走
+
+
+
+![](../../images/animation_part2_1.png)
+
+此时在任何一个位置x和时间t，都有一个速度
+
+$$v(x,t)$$
+
+
+
+### 常微分方程(ODE)
+
+对于一个物体的运动模拟，可以写成一阶常微分方程（Ordinary Differential Equation (ODE)的形式
+
+$$\frac{dx}{dt} = \dot{x} = v(x,t)$$
+
+### 欧拉方法(前向欧拉，显式欧拉)
+
+已知速度和起始位置，求任意时刻位置
+
+![](../../images/animation_part2_2.png)
+
+将时间细分为很多的小块，不断计算$t+\Delta t$的位置
+
+$$x^{t+\Delta t} = x^ t+\Delta t \dot{x}^t$$
+
+$$\dot{x}^{t+\Delta t} = \dot{x}^t + \Delta t \ddot{x}^t$$
+
+始终使用上一时刻的量来估计下一时刻的量
+
+#### 问题
+
+欧拉方法会迅速变得不稳定
+
+* 减少$\Delta t$来减少误差
+
+$\Delta t$分得越细，模拟就会越精确，如果越大，和实际的路线偏离得越多
+
+![](../../images/animation_part2_3.png)
+
+* 不稳定性
+
+不稳定：无论取多大的$\Delta t$，它都会变得和实际结果相差无限远
+
+如下图，不管取多大的步长，路线都肯定不会沿着螺旋形走，而且一定会离开这个螺旋形的速度场
+
+事实上，粒子在一个螺旋形的速度场，一定会按照严格的圆周运动
+
+
+![](../../images/animation_part2_4.png)
+
+如下图速度场中，粒子运动轨迹与实际按一根曲线慢慢走到水平存在极大差别
+
+#### 总结：数值方法解微分方程都会面临的问题
+
+* 误差
+
+每一步计算都会有误差，累积起来还是有误差
+
+如果用的步长较小，就可以降低误差
+
+对于图形学来说，有时候模拟出来的误差问题也不大，因为图形学关注的是模拟看起来的效果，而不是物理上特别的真实
+
+* 不稳定
+
+不管通过怎样的方法模拟得到的结果，最后都和实际的正确的结果差得越来越远
+
+如下图对应链接的视频，在绝地求生中，车辆撞上摩托后会出现奇怪的翻滚现象，这在许多存在物理引擎的游戏中普遍存在
+
+![](../../images/animation_part2_5.png)
+
+#### 解决办法
+
+* 中点法
+
+避免欧拉方法在模拟的过程中让结果离得越来越远
+
+1. 一开始有一个位置和一个方向，可以直接用欧拉方法来模拟某个$\Delta t$，让其先到达a
+2. 取原始点和a点之间的中点b，考虑它所在的速度
+3. 再回到原始的出发点，应用b点的速度来重新再算一遍欧拉方法，到达c点
+
+![](../../images/animation_part2_6.png)
+
+$$x_{mid} = x(t) + \Delta t/2 \cdot v(x(t),t)$$
+
+$$x(t+\Delta t) = x(t) +\Delta t \cdot v(x_{mid},t)$$
+
+依旧使用的欧拉方法只是计算了两次，第一次得到中点速度，第二次代入中点速度计算
+
+因为多了一个二次项而更加准确
+
+$$x^{t+\Delta t} = x^t +\frac{\Delta t}{2}(\dot{x}^t+\dot{x}^{t+\Delta t})$$
+
+$$\dot{x}^{t+\Delta t} = \dot{x}^t + \Delta t \ddot{x}^t$$
+
+$$\dot{x}^{t+\Delta t} = x^t +\Delta t \dot{x}^t + \frac{(\Delta t)^2}{2}\ddot{x}^t$$
+
+可以认为中点法作为修正的欧拉方法算出了局部的二次的模型,因而比一次的模型准确
+
+* 自适应步长改变
+
+如图，原始点使用欧拉方法经$\Delta t$在$x_T$上
+
+将时间减半，得到2个$\Delta t$，计算2次，从原始点先用$\frac{\Delta t}{2}$ 算到一个位置，再使用$\frac{\Delta t}{2}$再算一次，到达$\frac{x_T}{2}$
+
+![](../../images/animation_part2_7.png)
+
+如果$x_T和\frac{x_T}{2}$这2个点差得挺远，这就意味着将$\Delta t$分成2部分分别考虑这样做会更准确，那就应该考虑$\frac{\Delta t}{2}$；如果差得不远，就没必要再分下去
+
+
+
+
+
+* 隐式欧拉方法
+
+使用下一个时间的梯度来更新此时
+
+要解下列方程组，如果速度与加速度之间不是简单的线性关系就不太好解了
+
+$$x^{t+\Delta t} = x^t +\Delta t \dot{x}^{t+\Delta}t$$
+
+$$\dot{x}^{t+\Delta t} = \dot{x}^t+\Delta t \ddot{x}^{t+\Delta t}$$
+
+可以用求根公式,虽然比之前数值的解法要慢很多，但隐式的方法可以提供更好的稳定性
+
+* 龙格库塔方法(Runge-Kutta Families)
+
+龙格库塔是一类解常微分方程（ODE）方法（特别是非线性的情况）
+
+其中RK4方法是应用最广泛的
+
+解决的方法和欧拉方法是一样的:
+
+有一个一阶导数，它和时间和位置有关，并且有一个初始情况
+
+在更新的时候稍微有点不一样：用上一帧的位置用$\Delta t$乘以某个平均值来更新
+
+下面的4个值是不同位置和不同时间在速度场中的值
+
+![](../../images/animation_part2_8.png)
+
+#### 非物理方法
+
+通过调整它的不同位置，使得它最后能够满足某种限制
+
+优点：
+
+实现起来快、简单
+
+缺点：
+
+有时不能保证能量守恒的性质
+
+## 刚体模拟
+
+刚体不会发生形变，它会让内部所有的点都按照同一种方式去运动
+
+如下图，一个刚体的位置、朝向、速度、角速度分别对时间求导后得到速度、角速度、加速度、角加速度
+
+![](../../images/animation_part2_13.png)
+
+## 流体模拟
+
+### 简单的非物理方法
+
+通过模拟形成水的体积的小球的位置来模拟整个水的运动
+
+1. 认为整个水体是由很多不可压缩的刚体小球组成的
+2. 水在任何地方都是不可压缩的
+3. 给定任何一个时刻这些小球它们分布，都可以知道任何一个地方的密度。如果有任何一个地方的密度变得和水一开始平静的时候的密度不一样，那就需要通过移动小球的位置把这个密度修正
+4. 需要知道任何一个点它的密度对所有的小球位置的梯度（导数）
+
+![](../../images/animation_part2_9.png)
+
+### 欧拉方法和拉格朗日方法
+
+物理模拟中模拟大规模的物质
+
+* 拉格朗日方法俗称质点法
+
+模拟水是认为水是由很多圆形的小水滴组成，挨个模拟小水滴
+
+如下图，如果模拟一群小鸟的移动，就只关注某一只
+
+![](../../images/animation_part2_10.png)
+
+* 欧拉方法俗称网格法
+
+这里是指如何去看待模拟的一系列大规模的物体，将整个空间分成不同的网格，不管网格中的东西是出去了还是进来了，就考虑这个网格随着不同的时间是如何变化的
+
+如下划分多个网格就知道时间t为黑色的鸟，t-1应显示蓝色的鸟
+
+![](../../images/animation_part2_11.png)
+
+### 物质点方法
+
+结合了上述两个方法
+
+1. 认为这些不同的粒子都具有某些材质属性，存储在点上
+2. 融化的过程在网格中做
+3. 再将格子上的信息写回不同的粒子上去
+
+![](../../images/animation_part2_12.png)
+
+
+-------------------------
+
diff --git a/content/computergraphic/双向反射分布函数.md b/content/computergraphic/双向反射分布函数.md
new file mode 100644
index 0000000..7387c76
--- /dev/null
+++ b/content/computergraphic/双向反射分布函数.md
@@ -0,0 +1,178 @@
+---
+title: "双向反射分布函数(BRDF)"
+date: 2022-07-23T15:05:33+08:00
+
+---
+
+### 光的反射
+
+
+对于在某一点上发生的反射，我们通常认为：
+
+* 光进来打到了一个物体，被弹走后，改变了方向
+* 光线打到了某个物体表面后被吸收，再从物体表面将吸收的能量辐射出去
+
+
+#### 通过Radiance 和 Irradiance 来解释
+
+从某个立体角($\omega$)来的Radiance会打在dA上，在dA上转换成能量，并以光的形式辐射到另一个方向上去(dLr),即表现为出去的Radiance
+
+![](../../images/reflaction_radiance_irradiance.png)
+
+对于dA来说，其接收到的能量只考虑某一方向下立体角的Radiance,在投影后就可以计算dA接收到的Irradiance,Irradiance又会转换成Radiance反射出去
+
+
+出于描述dA从某个方向接收到能量后向某一方向辐射的能量值的目的，我们定义了双向反射分布函数(BRDF)
+
+
+### Bidirectional Reflectance Distribution Function (BRDF)
+
+BRDF描述了dA表面是如何把一个方向收集到的能量反射到另一个方向去(定义收集到的能量如何如何往各个方向去分配(漫反射还是镜面反射))
+
+![](../../images/BRDF_define.png)
+
+镜面反射下，反射出去的方向上分布了所有能量
+
+漫反射下，吸收的能量会被均等的分配到各个不同的出射方向上去
+
+BRDF本质上描述了光线和物体是如何作用的，因而BRDF项也定义了物体的不同材质
+
+### 反射方程(The Reflection Equation)
+
+反射方程定义的是任意着色点，在不同的光照下，我们考虑任意一个输入的光照的入射方向对出射方向的贡献，并累加所有入射方向的贡献
+
+![](../../images/the_reflection_equation.png)
+
+公式解释：
+
+考虑任一不同方向的Radiance到图示的点，再通过BRDF的计算，可以得到出射的Radiance
+
+存在问题：
+
+从某个方向观察着色点意味着需要考虑所有到达这个着色点的光线，在光线弹射次数大于一次的情况下，能到达着色点的光线并非只有光源，还可能有其他面反射过来的光线(一个面接收光源照射后反射的Radiance还能够照亮其他面，产生递归问题)
+
+
+### 渲染方程(The Rendering Equation)
+
+渲染方程在反射方程上考虑了物体自发光的情况，提高了通用性，几乎所有物体表面的光线传播都可以使用下列公式来总结
+
+$$L_o(p,w_o) = L_e(p,w_o) + \int_{\Omega+} {L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)dw_i}$$
+
+* 渲染方程与Blinn-Phong模型都假设所有方向向外(考虑所有入射来的方向为球心向整个半球的各个方向)
+* $\Omega +$和反射方程中的$H^2$都表示半球
+
+
+#### 帮助理解渲染方程
+
+反射方程：
+
+* 对于一个点光源，反射方程描述Li进来经过BRDF反射到观察方向上去的能量
+
+![](../../images/understanding_flection_equation1.png)
+
+* 如果有多个光源，就累加计算每个点光源光线到这个点反射到观测方向上的能量值
+
+![](../../images/understanding_reflection_equation2.png)
+
+* 如果有一个面光源(一堆点光源的集合)，则将面光源上任意一个点的贡献积分起来
+
+![](../../images/understanding_reflection_equation3.png)
+
+渲染方程：
+
+* 在考虑其他物体反射过来的光时，可以将反射面视为光源，由于渲染方程假设所有方向都是向外的，所以从x点指向反射面就要变成负的
+
+![](../../images/understanding_rendering_equation1.png)
+
+该点向某一观察方向辐射出去的Radiance是依赖于其他点辐射出去的Radiance，即为递归过程
+
+
+递归的另一用处：简化方程
+
+在某个方向看向一点时，我们不知道看到的能量(Lr)、从其他反射到这一点的Radiance，但其他项都已知，可定义物体的不同材质(diffuse、gloss、specular)
+
+![](../../images/rendering_equation_simplify.png)
+
+可利用数学上的一些简单表达式进行简化
+
+$$I(u) = e(u) + \int {I(v) k(u,v)dv}$$
+
+I: 从两个不同位置(u,v表示)辐射出去的Radiance，
+
+e：着色点自己发出的能量在加上从其他物体表面反射来的Radiance反射到该着色点后有多少能量辐射到观察方向
+
+$k(u,v)dv$ : 方程核心
+
+
+进一步简化：
+
+将BRDF和积分写成某种操作符(算子)后简化为下列式子，
+
+$$L = E +KL$$
+
+所有物体辐射出的所有能量 = 所有光源辐射出来的能量加上辐射出来的能量被反射后的能量
+
+解渲染方程 ：
+
+* 将KL移至方程左侧，L写成单位矩阵*L的形式
+* 将(I-k)移至右侧
+* 计算(1-K)的逆即可解出L的值
+
+$$L = E + KL$$
+$$IL - KL = E$$
+$$(I - K)L = E$$
+$$L = (I - K )^{-1}E$$
+
+算子本身具有类似泰勒展开的性质
+
+$$L = (I + K + K^2 + K^3 + \ldots)E$$
+$$ L = E +KE+ K^2E +K^3E + \ldots $$
+
+可看做：
+
+光源直接辐射(E)，加上经过一次反射后的辐射(KE)，加上经过两次反射后的辐射(k^2E)
+
+即分解了光线传播过程的弹射次数
+
+
+### 全局光照(global illumination)
+
+光线弹射一次得到为直接光照，弹射两次及以上为间接光照，所有光线弹射次数的项加起来的结果为全局光照(直接光照+间接光照)
+
+#### 实例-光栅化
+
+光栅化在已知着色点与光源位置的情况下便可以做着色，着色实际为直接光照
+
+因此光栅化能表现的光线传播内容实际上只有零次和一次弹射(光源自己+直接光照)
+
+* 直接光照(光源能直接照射的地方有颜色，其余位置为黑的)
+
+![](../../images/Direct_illumination_eg.png)
+
+* 一次间接光照(光弹射两次)
+
+![](../../images/one-bounce_global_illumination_eg.png)
+
+* 两次间接光照(光弹射一次，两次，三次累积后的全局光照效果)
+
+![](../../images/two-bounce_global_illumination_eg.png)
+
+* 四次间接光照(玻璃灯内部变亮，在弹射三次时，仅足够进入物体，不足以离开物体)(双层玻璃需要两次弹射进入，两次弹射离开)
+
+![](../../images/four-bounce_global_illumination_eg.png)
+
+8次弹射和16次弹射只会提高暗处亮度，难以感知到
+
+在无限次数弹射下，亮度会收敛到某一个值上，不会有剧烈变化，也不会产生过曝
+
+在相机的情况下，保持快门打开则会产生过曝现象，与辐射度量学中单位时间的条件相应，快门打开使积累能量的时间变长，亮度变亮
+
+
+
+
+
+
+
+
+
+
diff --git a/content/computergraphic/基本变换.md b/content/computergraphic/基本变换.md
new file mode 100644
index 0000000..9222aee
--- /dev/null
+++ b/content/computergraphic/基本变换.md
@@ -0,0 +1,243 @@
+---
+title: "3D基本变换和观测变换(viewing transform)"
+date: 2022-05-10T09:10:25+08:00
+
+---
+## 3D基本变换
+
+### 平移矩阵
+通常处理三维中对模型进行平移的行为
+
+<br>$T(t_x,t_y,t_z) = \begin{pmatrix} 1 &0 &0 &t_x \\\\ 0 &1 &0 &t_y \\\\ 0 &0 &0 &t_z \\\\ 0 &0 &0 &1 \end{pmatrix} $<br>
+
+
+$t_x,t_y,t_z$通常表示对应轴上平移的距离
+
+--------------------------
+
+### 缩放矩阵
+通常处理三维中对模型进行缩放的行为
+
+$S(s_x,s_y,s_z) = \begin{pmatrix} s_x &0 &0 &0 \\\\0 &s_y &0 &0 \\\\ 0 &0 &s_z &0 \\\\ 0 &0 &0 &1 \end{pmatrix} $
+
+$s_x,s_y,s_z$通常表示对应xyz轴的缩放比例
+
+-------------------------------------------
+
+### 旋转矩阵
+这个矩阵通常处理三维中对模型绕坐标轴进行旋转的行为
+
+-------------
+
+绕x轴旋转的矩阵为
+$\begin{pmatrix} 1 &0 &0 &0 \\\\ 0 &cos(r) &-sin(r) &0 \\\\ 0 &sin(r) &cos(r) &0 \\\\ 0 &0 &0 &1 \end{pmatrix} $
+
+---------------------
+绕y轴旋转的矩阵为
+$\begin{pmatrix} cos(r) &0 &sin(r) &0 \\\\ 0 &1 &0 &0 \\\\ -sin(r) &0 &cos(r) &0 \\\\ 0 &0 &0 &1 \end{pmatrix} $
+
+-----------------------
+
+绕z轴旋转的矩阵为
+$\begin{pmatrix} cos(r) &-sin(r) &0 &0 \\\\ sin(r) &cos(r) &0 &0 \\\\ 0 &0 &1 &0 \\\\ 0 &0 &0 &1 \end{pmatrix} $
+
+----------------------
+对于给定三个旋转角度的旋转，通常使用欧拉角
+
+$R_{xyz}(\alpha,\beta,\gamma)=R_x(\alpha)R_y(\beta)R_z(\gamma)$
+
+此时的三个旋转方向将被称为roll,pich,yaw
+
+![flight_euler](../../images/flight_euler_angle.png)
+
+-----------------------
+
+对于围绕某一特定点进行旋转的行为，则将该点平移至原点处后视为绕特定轴旋转
+![](../../images/rotate_around_point.png)
+
+
+---------------------------
+
+
+
+### 视角变换矩阵
+这个矩阵通常用来定义相机对应的视角朝向，利用这个矩阵来将相机位置移动到原点，便于后续的模型进行平移旋转等变换
+
+```c++
+Eigen::Matrix4f view = Eigen::Matrix4f::Identity();
+
+Eigen::Matrix4f translate;
+translate << 1, 0, 0, -eye_pos[0],
+             0, 1, 0, -eye_pos[1],
+             0, 0, 1, -eye_pos[2],
+             0, 0, 0,  1;
+
+view = translate * view;//移动相机位置到顶点
+```
+
+在上述代码中，eye_pos(x,y,z,1)往往为相机的位置
+
+-----------------------------------------------------------
+
+### 正交/投影矩阵
+
+#### 正交矩阵
+
+正交矩阵将使摄像头置于坐标系原点，看向-Z轴方向，可以在Y轴上平行移动。
+最终结果将表现为在XY轴平面上的2D图像，让模型坐标归一化到[-1,1]之间
+
+----------------------------------
+
+总体流程
+
+为了将一个$[l,r]\times[b,t]\times[f,n]$的长方体转换为符合canonical(正则、规范、标准)的正方体，我们需要进行两步操作
+
+第一步
+
+平移这个长方体到坐标系的原点
+
+对应矩阵$M_{translate}=\begin{bmatrix} \frac{2}{r-l} &0 &0 &0 \\\\ 0 &\frac{2}{t-b} &0 &0 \\\\ 0 &0 &0 &\frac{2}{n-f} \\\\ 0 &0 &0 &1 \end{bmatrix}$
+
+第二步
+
+缩放这个长方体到符合正则、规范、标准的正方体
+
+对应矩阵$M_{scale}=\begin{bmatrix} 1 &0 &0 &-\frac{r+l}{2} \\\\ 0 &1 &0 &-\frac{t+b}{2} \\\\ 0 &0 &1 &-\frac{n+f}{2} \\\\ 0 &0 &0 &1 \end{bmatrix}$
+
+由第一二步可得出
+
+正交矩阵为$M_{ortho}=\begin{bmatrix} \frac{2}{r-l} &0 &0 &0 \\\\ 0 &\frac{2}{t-b} &0 &0 \\\\ 0 &0 &0 &\frac{2}{n-f} \\\\ 0 &0 &0 &1 \end{bmatrix}\times\begin{bmatrix} 1 &0 &0 &-\frac{r+l}{2} \\\\ 0 &1 &0 &-\frac{t+b}{2} \\\\ 0 &0 &1 &-\frac{n+f}{2} \\\\ 0 &0 &0 &1 \end{bmatrix}$
+
+图示
+
+![正交矩阵](../../images/3I~K5PRW$Y5JLF3}RC@RE0P.png)
+
+--------------------
+
+#### 投影矩阵
+
+投影矩阵将使模型满足自然界透视效果，如物体近大远小、所有的平行线变得不再平行，总会交于一点
+
+------
+
+推导过程
+
+
+
+将远平面与近平面连线形成的梯形“挤压”到成为一个正方体
+
+![](../../images/X({M{B)24R8DF[AB98E9]@1.png)
+
+挤压的过程对梯形做横切面可知，计算挤压后的坐标点值实质上为计算相似三角形
+
+如下图，可知挤压后的坐标与之前的坐标存在的数学关系为
+![](../../images/3O_1NAGAMER%[EP6T91$LBO.png)
+
+$$y^{'}=\frac{n}{z}y$$   $$x^{'}=\frac{n}{z}x$$ 
+
+由此可知经过“挤压”后的坐标为
+$$M_{persp->ortho}\times\begin{pmatrix}
+    x \\\\ y \\\\ z \\\\ 1
+\end{pmatrix}=\begin{pmatrix}
+    nx \\\\ ny \\\\ {未知} \\\\ z
+\end{pmatrix}$$
+
+所以
+$$M_{persp->ortho}=\begin{pmatrix}
+    n &0 &0 &0 \\\\ 0 &n &0 &0 \\\\ ? &? &? &? \\\\ 0 &0 &1 &0
+\end{pmatrix}$$
+
+又由远平面在被“挤压”后相当于近平面做正交投影得到的远平面，可知
+
+1. 任何在近平面上的点的坐标在“挤压”的过程中不发生改变
+2. 任何在远平面的点的坐标中的Z值不发生改变,即$$\begin{pmatrix}
+    0 \\\\ 0 \\\\ f \\\\ 1
+\end{pmatrix}\rArr\begin{pmatrix}
+    0 \\\\ 0  \\\\ f \\\\ 1
+\end{pmatrix}==\begin{pmatrix}
+    0 \\\\ 0 \\\\ f^2 \\\\ f
+\end{pmatrix}$$
+
+在将上述坐标公式中Z的值以n替换之后可得
+$$\begin{pmatrix}
+    x \\\\ y \\\\ n \\\\ 1
+\end{pmatrix}\rArr\begin{pmatrix}
+    x \\\\ y \\\\ n \\\\ 1
+\end{pmatrix}==\begin{pmatrix}
+    nx \\\\ ny \\\\ n^2 \\\\ n
+\end{pmatrix}$$
+据此，可推测第三行未知坐标值符合以下关系
+$$\begin{pmatrix}
+    0 &0 &A &B
+\end{pmatrix}\begin{pmatrix}
+    x \\\\ y \\\\ n \\\\ 1
+\end{pmatrix}=n^2$$
+因此
+$$An+B=n^2$$
+联立性质2推导的
+$$Af+B=f^2$$
+可得出
+$$A=n+f$$
+$$B=-nf$$
+
+所以
+$$M_{persp}=M_{ortho}M_{persp->ortho}=$$
+$$\begin{pmatrix} \frac{2}{r-l} &0 &0 &0 \\\\ 0 &\frac{2}{t-b} &0 &0 \\\\ 0 &0 &0 &\frac{2}{n-f} \\\\ 0 &0 &0 &1 \end{pmatrix}$$
+$$\times$$
+$$\begin{pmatrix} 1 &0 &0 &-\frac{r+l}{2} \\\\ 0 &1 &0 &-\frac{t+b}{2} \\\\ 0 &0 &1 &-\frac{n+f}{2} \\\\ 0 &0 &0 &1 \end{pmatrix}$$
+$$\times$$
+$$\begin{pmatrix} n &0 &0 &0 \\\\ 0 &n &0 &0 \\\\ 0 &0 &n+f &-nf \\\\ 0 &0 &1 &0 \end{pmatrix}$$
+
+----------------------------------------------
+#### 涉及FovY的投影矩阵
+FovY表示视域，即摄像机在固定时能看到的最大角度或最低角度的范围
+
+Aspect ratio 表示纵横比，投影平面的长宽比
+![](../../images/fovY.png)
+
+对应的相似三角形关系不变，参数改变
+![](../../images/triangle.png)
+可得如下关系
+$$\tan{\frac{fovY}{2}}=\frac{t}{|n|}$$
+$$aspect=\frac{r}{t}$$
+因此
+$$t=near\times tan(\frac{fovY}{2})$$
+
+$$r=aspect\times near\times tan(\frac{fovY}{2})$$
+$$l=-aspect\times near \times tan(fovY/2)$$
+带入上述由l,b,n,f构成的矩阵可得
+$$M_{persp->ortho}$$
+$$=$$
+$$\begin{pmatrix} \frac{2}{r-l} &0 &0 &0 \\\\ 0 &\frac{2}{t-b} &0 &0 \\\\ 0 &0 &\frac{2}{n-f} &0 \\\\ 0 &0 &0 &1 \end{pmatrix}$$
+$$\times$$
+$$\begin{pmatrix} 1 &0 &0 &-\frac{r+l}{2} \\\\ 0 &1 &0 &-\frac{t+b}{2} \\\\ 0 &0 &1 &-\frac{n+f}{2} \\\\ 0 &0 &0 &1 \end{pmatrix}$$
+$$=$$
+
+$$\begin{pmatrix}
+    \frac{\frac{\cot{FovY}}{2}}{apsect*near} &0 &0 &0 \\\\ 0 & \frac{\frac{\cot{FovY}}{2}}{near} & 0 & 0 \\\\ 0 & 0 & \frac{2}{near-far} & 0 \\\\ 0 & 0 & 0 & 1 
+\end{pmatrix}$$
+
+$$\times$$
+
+$$\begin{pmatrix}
+    1 &0 &0 &0 \\\\ 0 &1 &0 &0 \\\\ 0 &0 &1 &-\frac{near+far}{2} \\\\ 0 &0 &0 &1
+\end{pmatrix}$$
+
+$$=$$
+
+$$\begin{pmatrix}
+    \frac{\frac{\cot{FovY}}{2}}{apsect * near} &0 &0 &0 \\\\ 0 &\frac{\frac{\cot{FovY}}{2}}{near} &0 &0 \\\\ 0 &0 &\frac{2}{near-far} &-\frac{near+far}{near-far} \\\\ 0 &0 &0 &1 
+\end{pmatrix}$$
+
+----------------
+#### 视口变换
+
+经过MVP矩阵计算后得到的一个正则的正方体需要将X轴和Y轴上的坐标映射到屏幕坐标[0,width]$\times$[0,height]
+
+变换时需要先将[-1,1]缩放到屏幕大小[width,height]，再进行平移使得原点坐标与屏幕原点对齐
+
+变换矩阵
+$$M_{viewport}=\begin{bmatrix}
+    \frac{width}{2} &0 &0 &\frac{width}{2} \\\\ 0 &\frac{height}{2}   &0 &\frac{height}{2} \\\\ 0 &0 &1 &0 \\\\ 0 &0 &0 &1 
+\end{bmatrix}$$
+
diff --git a/content/computergraphic/常用光照模型.md b/content/computergraphic/常用光照模型.md
new file mode 100644
index 0000000..2b8aa22
--- /dev/null
+++ b/content/computergraphic/常用光照模型.md
@@ -0,0 +1,132 @@
+---
+title: "常用光照模型"
+date: 2022-05-19T11:55:15+08:00
+
+---
+
+#### 着色(shading)
+
+着色往往是指向模型物体上色或添加材质特性的流程(不包含阴影的计算)
+
+对于计算以某个点为反射点的反射向摄像机的光照，我们需要四个主要数据
+1. 视线方向，v
+2. 模型表面法线，n
+3. 光线方向(许多光线中的一条)，l
+4. 模型表面性质(如，颜色，粗糙度等)
+
+![](../../images/shading_light_caculate.png)
+
+#### blinn-phong
+
+在进一步计算时，我们先对效果进行分析，将效果拆分如下图为3个部分
+
+分别为
+
+1. 镜面反射高光（Specular highlights）：对于绝缘体而言其与高光对应，对于金属而言其与它本身的光对应
+2. 漫反射(diffuse reflection):来自于光在物体表面的散射现象
+3. 环境光(ambient lighting)：光在物体之间弹射，最终在整个环境中形成的一个基本光
+
+![](../../images/light_separete.png)
+
+由此可见，一个物体在渲染后体现的颜色是这三种光的总和，即每个位置的颜色就是specular+diffuse+ambient
+
+
+##### Diffuse Reflection
+
+在计算漫反射时我们要考虑反射点接收了多少能量从而判断高光的亮度大小
+
+根据lambert's cosine law,反射点吸收能量的多少与反射点法线和光线的夹角有关,即如图中表现的$\cos{\theta}=l\cdot n$
+
+![](../../images/lambert'scosine_low.png)
+
+
+由此我们可以将漫反射总结为如下公式(lambertian Shading)
+
+$L_d=k_d(I/r^2)max(0,n\cdot l)$
+
+1. $L_d$ : 我们想要的反射光线
+2. $k_d$ : 漫反射系数
+3. $(I/r^2)$ :到达反射点的能量值
+4. $max(0,n\cdot l)$ : 反射点接收的能量值 
+
+
+##### Specular Term(高光)
+
+高光(Specular)指的是视线在一定的角度区域观看模型表面时会产生一个类似镜面反射的效果
+
+![](../../images/Specular_show.png)
+
+如图中黄色区域为可见高光的视线范围
+
+计算过程中需要引入一个半程向量(光线与视线夹角一半方向上的一个单位向量，半程向量与法线向量越接近，镜面反射强度越高)
+
+$$ h=bisector(v,l) = \frac{v+l}{ || v+l || } $$
+
+$$L_s=k_s(I/r^2)max(0,\cos \alpha)^p$$
+$$\quad =k_s(I/r^2)max(0,n \cdot h)^p$$
+
+![](../../images/specular_cacular.png)
+
+$ k_s $ : 镜面反射系数
+$ p $ : 高光的面积，P越大高光面积越小
+$ L_s $ : 计算的高光效果光线
+
+高光的效果和范围大小与$k_s$和p有关，下图展示了变化效果
+
+![](../../images/specular_value_change_show.png)
+
+
+##### ambient Term (环境光)
+
+任何物体都可以反射光，这使得光在多个物体间弹射，最终会在环境中形成一个最基本的光，通常会被视为常量
+
+！这是一个近似的效果(不符合物理)
+
+$$L_a=k_a I_a$$
+
+$k_a$ : 环境光系数，确定当前环境的底色
+
+##### Blinn-phong Reflection Model
+
+![](../../images/blinn-phong_model_cacu.png)
+
+$$L = L_a + L_d + L_s $$
+$$\quad = k_aI_a+k_d(I/r^2)max(0,n\cdot l)+k_s(I/r^2)max(0,n\cdot h)^p$$
+
+当然这种方式会产生严重的塑料感，这种感觉可以通过调整参数来减少或避免，下次再述(挖坑)
+
+------------------------------------------------
+
+#### 渲染序列
+
+渲染序列可以分为三种：
+
+逐三角渲染（flat shading）
+   1. 三角形面或一个法线向量视为是一个平面
+   2. 对平滑表面的表现力不友好
+   
+![](../../images/flat_shading.png)
+
+ 逐顶点渲染（Gouraud shading）
+   1. 根据三角形顶点对颜色进行插值计算
+   2. 每一个顶点都有一个法线向量
+   
+![](../../images/Gourand_shading.png)
+
+   1. 如何获取逐顶点的法线向量
+      1. 对于标准的几何图形：顶点的法线向量就在顶点位置
+      2. 对于非标准的几何图形：包含该顶点的周围几个表面的法线取平均值,可由计算公式$$ N_v=\frac{\sum_{i}N_i}{\lVert \sum_{i}N_i \rVert}$$ 得到
+    
+![](../../images/average_normal.png)
+   
+
+逐像素渲染（phong shading）
+   1. 对每一个三角形的法线向量插值(Barycentric interpolation)
+   2. 对每一个像素计算完整的渲染模型
+   3. 注意：非Blinn-Phong反射模型
+
+![](../../images/phong_shading.png)
+
+
+------------------------------
+
diff --git a/content/computergraphic/材质与外观.md b/content/computergraphic/材质与外观.md
new file mode 100644
index 0000000..1f4530d
--- /dev/null
+++ b/content/computergraphic/材质与外观.md
@@ -0,0 +1,458 @@
+---
+title: "材质与外观"
+date: 2022-07-25T15:23:18+08:00
+
+---
+
+### 图形学中的材质
+
+用于描述光线和不同材质间的作用关系
+
+![](../../images/eg_material_in_cg.png)
+
+上图从左至右分别为三维空间中的网格模型，渲染出的两种不同结果
+
+#### 材质(Material) == BRDF
+
+渲染方程由物理量推出，因而渲染方程本身严格正确，BRDF描述了某一种材质，因此BRDF决定了光如何被反射
+
+###### 漫反射材质
+
+漫反射：任何一根光线打到漫反射位置的点上会被均匀地分散到各个不同的方向上去
+
+![](../../images/diffuse_lambertian_material.png)
+
+* 漫反射材质可定义任何一个不同的点上不同的漫反射系数
+
+经验定义：
+
+在Blinn-phong模型中，我们定义过漫反射系数，有多少Intensity到达，然后用一个0到1的颜色控制能被吸收多少（RGB三个通道各不相同，那就引入了颜色）
+
+
+正确定义：
+
+空间中从任何一个方向进来的光的Radiacne是一样的，反射出来的光因为漫反射所以也是同样的
+
+因此如果如果这个点不发光也不吸收光（白的），那就意味着所有的光进来多少就发射出去多少。也就是进来多少Irradiance，就会出去多少Irradiance，因为Radiance是一致的的，所以入射和出射的Radiance也要是一样的
+
+![](../../images/caculate_diffuse_material.png)
+
+要使Li等于Lo，所以BRDF为$1/\pi$,此时是完全不吸收能量的
+
+可定义一个反射率(albedo)在0到1之间，那就可以引入不同颜色的BRDF，值为$albedo/\pi$。这个BRDF的范围是$(0,1/\pi)$
+
+$$f_r = \rho/\pi$$
+
+
+###### Glossy材质
+
+类似于镜面反射又有些粗糙
+
+![](../../images/glossy_material.png)
+
+
+###### 类玻璃/水的通透材质
+
+![](../../images/Ideal_feflective_material.png)
+
+
+左图为玻璃球(水的性质)，右图有颜色且来自于玻璃球壳内，说明折射光在玻璃里传播时会被部分吸收
+
+
+#### 反射
+
+##### 物理上的反射定律
+
+镜面反射：入射角等于反射角
+
+![](../../images/perfect_specular_reflection_in_physic1.png)
+
+##### 计算公式
+
+方式一：
+
+根据反射定律，入射光的方向和出射方向的正中间一定是法线方向，再利用平行四边形法则，将$\omega o$和$\omega i$加起来，一定会沿着n方向，其长度为$2\cos \theta $
+
+方式二：
+
+将入射和反射角投影到局部坐标系上，可以认为任何一个方向和法线的夹角为0，意味着其方向沿着法线方向，为坐标系的水平方向
+
+
+再定义一个$\phi$角度：规定$\omega i$、$\omega o$、n在某一个平面上，$\phi$等于0，如果这个平面绕着n在转，所形成的角度叫方位角
+
+通过这种方式可以将任何的角度拆成$\theta$和$\phi$，对于左图从上往下看，得到右图，入射角和出射角的朝向在方位角上正好相反（也就是在一个角度上加上一个$\pi$），然后所有的角度都是按$2\pi$循环的
+
+所以已知$\theta和\phi$，就可以计算出射方向
+
+![](../../images/perfect_specular_reflection_in_physic2.png)
+
+镜面反射：
+
+对于一个全镜面反射来说，只需要考虑菲涅尔系数
+
+$$L_o(\omega_o) = F_r(\omega_r)L_i(\omega_r) = \int_{\Omega}f_r(\omega_o,\omega_i)L_i(\omega_i)\cos \theta_i d\omega_i$$
+
+$\omega_r和\omega_o$关于表面法线对称
+
+此处描述$f_r$BRDF项使用狄拉克函数$\delta$
+
+$\delta$函数满足：
+
+$$\delta(x) = \begin{cases}
+    \infty & \text{x = 0} \\\\
+    0 & {x \neq 0 }
+\end{cases}$$
+
+
+$$\int_{-\infty}^{+\infty} {\delta(x)} =1$$
+
+$$\int_{-\infty}^{+\infty} {f(x)\delta(x-x_0)dx} = f(x_0)$$
+
+此时将狄拉克函数代入方程中可得到
+
+$$L_0 = \int_{\Omega} {\frac{\delta(\omega_i - \omega_r )}{\cos\theta_i}F_r(\omega_i)\cos\theta_i d\omega_i} = F_r(\omega_r)L_i(\omega_r)$$
+
+得到镜面反射的BRDF表达式：
+
+$$f_r(p,\omega_0,\omega_i) = F_r(\omega_r)\frac{\delta(\omega_i - \omega_r)}{\cos\theta_i}$$
+
+
+### 折射
+
+* 色散：一束平行光经过棱镜后，因为不同的波长有不同的折射率，会被分解成不同的光线
+* Caustics(不准确翻译为焦散)
+
+产生Caustics的原因永远不是散射，而是聚焦
+
+形成原因：光线打到的海水表面时，光线会往不同的方向去折射，对于海底的某一个点来说，有几率接收到来自不同方向打过来的光
+
+
+![](../../images/eg_specular_refraction.png)
+
+
+
+#### 斯内尔定律(Snell's Law)
+
+不同材质拥有不同的额折射率，如真空认为是1，水为1.333，折射率越高说明光在穿过这个材质时会被折射得非常厉害，折射角会非常小，体现出不同波长的光被折射得不同程度
+
+![](../../images/medium_eg_snell_law.png)
+
+方位角的朝向中，入射光和折射光也是正好相反的
+
+入射角的正弦和折射角的正弦满足折射率相乘相等
+
+$$\eta_i \sin\theta_i = \eta_t \sin\theta_t$$
+
+![](../../images/snell_law_caculation.png)
+
+由斯内尔定律可计算折射角的余弦
+
+$$\eta_i \sin\theta_i = \eta_t \sin\theta_t$$
+
+$$\cos\theta_t = \sqrt{1-\sin^2\theta_t} $$
+
+$$= \sqrt{1-(\frac{\eta_i}{\eta_t})^2 sin^2\theta_i}$$
+
+$$\sqrt{1-(\frac{\eta_i}{\eta_t})^2(1-\cos^2 \theta_i)}$$
+
+
+#### 全反射现象
+
+当满足下列条件时，折射角的余弦的计算没有实数意义，即折射不可能发生
+
+$$1-(\frac{\eta_i}{\eta_t})^2(1-\cos^2\theta_i) < 0$$
+
+要使上式成立则
+
+$$\frac{\eta_i}{\eta_t} > 1$$
+
+即入射介质的折射率大于折射介质的折射率，此时可能会发生没有折射的现象，名为全反射现象
+
+如：Snell's Window/Circle
+
+人在水底，往各个不同的方向看，只能看到一个锥形的区域（97.2度）。如下图，最左边的一根光线的折射角就已经达到90度了，如果角度再大一点，所有能量都会反射到池子底部
+
+
+![](../../images/eg_snell_window.png)
+
+
+#### BSDF = BRDF + BTDF
+
+BRDF中的R表示反射，折射是BTDF，其中的T是transmit。BRDF和BTDF加起来可以统称BSDF，其中的S表示散射
+
+#### 菲涅尔项(Fresnel Reflection/Term)
+
+反射率取决于入射角（和光的偏振）的现象
+
+![](../../images/eg_fresnel_reflection.png)
+
+如上图中，反射现象随着视角变化而明显
+
+##### 绝缘体
+
+图中红线所示，如果一根光几乎和物体表面完全持平，那它就会被完全反射掉；如果光和物体是垂直的，更多的能量会发生折射，反射的能量会非常少
+
+下图的另外两根线表示的是极化现象，和光线的波动性有关，其实光线是沿着各个不同方向有振动的，极化就是只沿着某一个方向振动（S和P是两个方向的极化）
+
+![](../../images/fresnel_term_dielectric.png)
+
+
+##### 导体
+
+导体的菲涅尔项和绝缘体的不一样，即使在垂直看过去的情况下，也是反射很多能量
+
+导体的折射率是复数，需要一个N和一个K
+
+![](../../images/fresnel_term_conductor.png)
+
+
+##### 菲涅尔项的公式
+
+一个0到1之间的数，有多少能量会被反射，2个不同的极化（polarization：S和P）会告诉你不同的反射率，如果考虑不极化的光，就将2项平均
+
+![](../../images/fresnel_term_formule.png)
+
+
+
+##### 菲涅尔近似式
+
+可认为该曲线在视角为0度时为某一个值，到达90度值就为1，和绝缘体类似，对导体而言，不考虑其下降再上升的过程
+
+基准反射率与折射率存在数学关系
+
+$$R_0 = (\frac{n_1-n_2}{n_1+n_2})^2$$
+
+曲线上升到90度时为1，0度时等于$R_0$
+
+$$R(\theta) = R_0 + (1 - R_0)(1 - \cos\theta)^5$$
+
+可近乎完美地近似绝缘体或导体
+
+
+#### 微表面材质/模型
+
+如下图在空间站拍摄的照片，有相对完美的高光，但看不到地球表面的山、树、和建筑物
+
+与微表面理论不谋而和，只要离得足够远，看向一个物体时，很多微小的东西看不到，看到的是它们最终形成的对表面的作用（对光形成的总体的效应）
+
+
+##### 微表面理论(Microfacet Theory)
+
+假设物体表面是粗糙的，从远处看看到的是材质（外观），从近处看看到的是几何
+
+* Macroscale层级：（flat & rough）从远处看，看到的是一个平面，并且是粗糙（材质看上去是粗糙的）的；
+
+* Microscale层级：（bumpy & specular）从近处看，可以看到很多凹凸不平的表面，并且每一个小的表面的微元都认为是完全镜面反射的物体
+
+
+漫反射将光反射到各个方向上就是认为所有的微表面都像一个很小的镜子，分布又各不规则，最后形成的分布就会把光打到各个不同的方向上去
+
+![](../../images/microfacet_theory.png)
+
+
+##### 微表面法线分布
+
+* 可使用微表面模型将表面的粗糙程度用微表面的法线分布表示
+
+glossy材质：
+
+如下图的表面，看起来很平，它们的分布法线差的不太远，基本都是朝上的。所以如果将它们的分布画出来，它们的法线会集中在宏观的表面法线的周围
+
+![](../../images/microfacet_BRDF_glossy.png)
+
+diffuse材质：
+
+如下图，如果表面粗糙（意味着所有的微表面会沿着不同的方向），如果将法线画出来，那它的分布就会离中心离的特别远都会有分布的值
+
+![](../../images/microfacet_BRDF_diffuse.png)
+
+* 微表面模型的BRDF公式
+
+菲涅尔项（Fresnel）- F（i，h）：
+
+表示总共有多少能量被反射。根据不同的入射方向有不同程度的反射（也就是说如果入射方向几乎是平的，那么就会有大量能量被反射）
+
+法线分布（distribution of normals）- D（h）：
+
+这个分布表示在任何一个给定方向上分布的值（可能是集中在中间的，可能是均匀分散开的）
+
+只有当微表面的法线方向和half vector完全一致的时候，才能吧入射方向的光反射到出射方向上去
+
+阴影遮掩（shadowing-masking）（几何项） - G（i，o，h）：
+
+这些微表面间有可能会发生互相遮挡。对入射的光线，有可能会出现自己给自己的阴影；对于观察方向也是一样的，有部分也有可能因为遮挡会看不到
+
+光线近似平行于表面时更易发生自遮挡，这种入射方向为掠射角(Grazing Angle),阴影遮掩的提出正是用于修正掠影角
+
+![](../../images/microfacet_BRDF_caculate.png)
+
+-------------------
+
+使用微表面材质渲染得到的图像质量很高，且微表面模型可描述的物体种类较多，金属、皮质、木头
+
+![](../../images/microfacet_BRDF_example.png)
+
+#### 各向同性/各向异性材质
+
+如下图在电梯间的内部，电梯间的六面几乎都是金属，金属是平面的，如果说头顶上有一些小灯打到金属的表面上去会形成高光，高光一般都是圆和椭圆，但这里出现了一条一条的现象
+
+当金属为拉丝金属，就会产生如图现象
+
+![](../../images/isotropic_inside_an_elevator.png)
+
+* 各向同性：认为其微表面不存在一定的方向性，或方向性微弱
+
+下图可见法线在各个方向上的分布是均匀的
+
+![](../../images/isotropic_materials_theory.png)
+
+* 各向异性：认为其法线分布具有明确的方向性
+
+![](../../images/anisotropic_materials_theory.png)
+
+
+* Anisotropic BRDFs 
+
+如果出射方向和入射方向在方位角上旋转，得到的还是相同的BRDF，那就是各向同性的材质。如果不只和相对的方位角有关，还和绝对的方位角有关，那这个BRDF就是各向异性的
+
+$$f_r(\theta_i,\phi_i;\theta_r,\phi_r) \neq f_r(\theta_i,\phi_i;\theta_r, - \phi_r)$$
+
+* 尼龙
+
+正常尼龙做法为水平方向和竖直方向的一根压一根，其各向异性在对角线上有不同的表现
+
+![](../../images/anisotropic_BRDF_nylon.png)
+
+* 天鹅绒
+
+底层有很多伸出去的纤维，如果这些纤维往各个不同方向上分布是均匀的，就可认为是各向异性。但我们可将纤维拨到一边去，认为造出各向异性效果
+
+![](../../images/anistotropic_BRDF_velvet.png)
+
+#### BRDF属性
+
+* 非负性
+
+$$f_r(\omega_i - \omega_r) \geq 0 $$
+
+* 线性
+
+BRDF可拆分为多块，分别做光线传播，再累加各块，得到结果与未拆分相同
+
+$$L_r(p,\omega_r) = \int_{H^2} f_r(p,\omega_i \rightarrow \omega_r)L_i(p,\omega_i)\cos\theta_id\omega_i$$
+
+* 可逆性
+
+交换入射方向和出射方向，得到的BRDF值相同
+
+$$f_r(\omega_r \rightarrow \omega_i) = f_r(\omega_i \rightarrow \omega_r)$$
+
+* 能量守恒
+
+BRDF不会让能量变多
+
+$$\forall \omega_r \int_{H^2} f_r(\omega_i \rightarrow \omega_r)\cos \theta_i d\omega_i \leq 1 $$
+
+path tracing 中光线在无限次弹射后会收敛正是因为能量守恒
+
+* 各向同性和各向异性
+
+各向同性说明BRDF的值只与相对的方位角相关，可改写为下式
+
+$$f_r(\theta_i,\phi_i;\theta_r,\phi_r)  f_r(\theta_i,\phi_i;\theta_r, - \phi_r)$$
+
+原本四维的BRDF会变成三维
+
+* 由于BRDF的可逆性，所以对于各向同性来说，相对的方位角无需考虑正负
+
+$$f_r(\theta_i,\theta_r,\phi_r - \phi_i) = f_r(\theta_r,\theta_i,\phi_i - \phi_r) = f_r(\theta_i,\theta_r,|\phi_r - \phi_i|)$$
+
+#### 测量BRDF
+
+BRDF可以用各种各样不同的模型去描述，但这些模型都是基于物理的描述或者近似，但只有测量出来的BRDF才是对的BRDF
+
+* 测量原因
+
+以前的模型不够准确
+
+可以通过某些物理方法测出菲涅尔项（绿线、红线），发现和理论上的曲线（蓝线）看起来完全不一样。也就是说实际上菲涅尔项非常复杂，不是简单公式可以描述的，所以之前的模型是不太准确的
+
+
+物理上得出的很多结论大多经过简化，与实际不同，在多数情况下需要测量
+
+测量后可以不用推出一些模型，可以直接用测的数据
+
+![](../../images/measuring_BRDF_motivation.png)
+
+##### 怎么测量
+
+* 理论
+
+BRDF是2个方向（一个入射方向，一个出射方向）的一个函数，如果盯着一个着色点看，并改变它的入射方向（比如拿一个灯从四面八方照它），相机从四面八方去拍它，这样就可以覆盖BRDF所有可能的输入方向和可能的输出方向对，这样就可以做测量
+
+![](../../images/image-based_BRDF_measurement.png)
+
+* 实践仪器
+
+这个器械有2个爪子，一个抓相机，一个抓光源，将样本放在正中间（球心），这2个爪子可以在球面上任意的旋转
+
+![](../../images/gonioreflectometer.png)
+
+* 算法
+
+枚举所有出射方向，放置光源
+
+枚举所有入射方向，放置相机
+
+测量Radiance
+
+```
+foreach outgoing direction wo
+    move light to illuminate surface with a thin beam from wo
+    for each incoming direction wi
+        move sensor to be at direction wi from surface
+        measure incident radiance
+
+
+
+```
+
+测得BRDF是四维的，测量十分耗时
+
+固定了摄像机之后，光源要整个走一遍球面，才能覆盖所有的光源方向，如果下次换一下相机的方向，就又要把光源在整个球面走一遍，这就叫curse of dimentionality
+
+* 提升算法效率
+
+如果测量的BRDF是各向同性的，实际上只有三维的
+
+用BRDF的可逆性，只考虑相对方位角的话，又可以减少一半的测量
+
+* BRDFs存在的问题
+
+1. 需要精确测量掠影角
+2. 需要足够高密度的采样频率来测量，以捕获高频的镜面反射
+3. 逆向反射
+4. 空间反射率会发生变化
+
+
+* BRDFs的存储
+
+
+需要的存储要求
+1. 紧凑的表现形式
+2. 准确表示测量的数据
+3. 能正确表现任意方向
+4. 需要可用于重要性采样的良好分布
+
+
+* BRDF库
+
+BRDF库存储了很多不同的材质，大多数是假设各向同性的
+
+对每一个材质做了90*90*180次测量，并存储结果至一个三维数组
+
+存储数据量大(未压缩)
+
+![](../../images/tabular_representation.png)
+
+
diff --git a/content/computergraphic/相机与透镜.md b/content/computergraphic/相机与透镜.md
new file mode 100644
index 0000000..4c52ed2
--- /dev/null
+++ b/content/computergraphic/相机与透镜.md
@@ -0,0 +1,447 @@
+---
+title: "相机与透镜"
+date: 2022-07-29T14:39:13+08:00
+
+---
+
+计算机图形学中有两种成像方法：光栅化成像和光线追踪成像
+
+这两种方法都是一种合成(Synthesis)的方法，即这个在自然界中不存在，但我们不知可以通过合成方法成像，还可以通过捕捉(capture)方法成像
+
+$$Image = Synthesis + Capture$$
+
+当然还有很多种成像方法，最简单的捕捉成像方法是使用相机。当然现在还在研究很多别的更好成像技术（比如：光线的传播其实是有时间的，有一些研究会研究光在极短时间内的传播，就可以看到光线真正在空间中进行传播的过程，这个过程叫Transient image（瞬息图像））
+
+![](../../images/image_synthesis_capture.png)
+
+
+## 相机
+
+![](../../images/inside_the_camera.png)
+
+
+最早的相机起源子小孔成像
+
+如果中间平面上的一个孔是一个理想的点，那左边所有不同的有反射光的点，通过中间的孔会在另一侧形成和左边的人道理的像，此时在另一侧放一个传感器将其记录在胶片上就可以得到一张相片
+
+小孔成像对应的相机为针孔相机(pinhole camera)
+
+生活中常见的则为带透镜的相机
+
+![](../../images/lenses_from_image_on_sensor.png)
+
+### 相机部件
+
+* 快门(shutter)
+
+下图为去掉了镜头后的相机快门部分，控制光在多少分之一秒内进入相机
+
+![](../../images/Shuntter_exposes_sensor_for_precise_duration.png)
+
+* 传感器
+
+记录传感器上任何一个点(像素)的Irradiance
+
+![](../../images/sensor_accumulates_irradiance_during_exposure.png)
+
+如果一个相机没有透镜或针孔是无法拍出照片的，如果将一个感光元件直接放在一个人的面前，任何一个点上都可能收集到来自不同方向的光，而这个点作为传感器无法区分来自各个方向的光线，此时会将各个方向的能量都综合在这个点上，会导致所有东西都是模糊的
+
+![](../../images/sensors_without_lenses.png)
+
+前沿中存在传感器可通过方向性的光分开记录的研究，但目前依旧认为只能记录Irradiance而非Radianc
+
+### 小孔成像过程
+
+小孔成像现象在公元前就已经被发现和提出
+
+![](../../images/pinhole_camera.png)
+
+在今天，针孔摄像机拍摄依旧可行，大多数使用的相机都是带有透镜的，
+
+真正做一个如下图的针孔(硬纸板中间有一个6mm直径能透光的地方)，也能用这个小针孔拍摄某个场景，记录在胶片上。但拍出来的东西是没有深度可言的，任何地方都不会是虚的，都一定是清楚的
+
+![](../../images/largest_pinhole_photograph.png)
+
+![](../../images/largest_pinhole_photograph1.png)
+
+虚化正是来源于透镜。在计算光线追踪是，我们使用的就是针孔摄像机的模型，所以也得不出不同的地方会有不同的模糊
+
+### 视场(Field of View)(FOV)
+
+视场往往意味着能够看到多大的范围，对于广角镜头，通常意味着能够拍到更广的角度，可见的FOV更大，对于手机上的相机，视场就相对比较小
+
+![](../../images/effect_of_focal_length_on_fov.png)
+
+#### 从小孔成像的针孔摄像机理解视场
+
+通过上图的相似三角形关系，如果分别从传感器的两个边缘和小孔连一条线，那么两条线中的区域都是可视范围
+
+1. 传感器的高度认为是h
+2. 传感器和小孔之间的距离(焦距，小孔成像中不存在此概念)是f
+3. 通过平分FOV可计算得出
+
+$$FOV = 2\arctan(\frac{h}{2f})$$
+
+将传感器放置在离小孔更近的地方会使f变小，FOV变大，这样就可以通过内部设计推断视场有多大
+
+#### 焦距(focal length)和视场
+
+##### 通过定义焦距的方式来定义视场
+
+不同视场决定不同拍照结果。视场和传感器大小及焦距相关，所以人们通常定义视场(FOV)以35mm格式的胶片为基准，固定传感器的大小，再通过定义焦距的方式来定义FOV
+
+![](../../images/focal_length_vs_filed_of_view1.png)
+
+
+
+##### 单反镜头的焦距
+
+购买单反镜头时会有不同的焦距参数的原因正是视场不同
+
+* 17mm is wide angle 104$^\circ$
+* 50mm is a "normal" lens 47$^\circ$
+* 200mm is telephoto lens 12$^\circ$
+
+##### 手机相机的焦距
+
+对于手机相机，其传感器很小，所以对应的焦距也小很多，手机上显示的焦距往往只是一个等效的概念
+
+##### 不同视场的效果
+
+当视场越窄，看到的东西越远
+
+![](../../images/focle_length_vs_field_of_view2.png)
+
+#### 传感器(Sensor)大小和视场(FOV)
+
+小一点的传感器会对应小一点的视场
+
+![](../../images/effect_of_sensor_size_on_fov.png)
+
+
+##### 传感器与胶片
+
+传感器与胶片这两个概念不一样，平常往往认为是一回事，认为传感器上各个不同的点会对应写到对应的位置上去，存在一个一一对应的关系。我们认为传感器接收到的图像就是最后成像出来的图像。对于渲染器而言，传感器负责记录每个像素最后收到的Irradiance有多大，胶片用于决定应存储的图片格式
+
+##### 传感器大小
+
+大相机有大的传感器也就有大的分辨率，所以不同相机价格各不相同，相机机身越大，镜头越大越长越好，价格也就越高
+
+![](../../images/sensor_size.png)
+
+
+#### 曝光
+
+理解：
+
+如果对明亮场景拍照，得到的结果会亮一些，如果对着一个比较暗的场景，但快门按下的时间长即曝光时间长，也可以得到一个比较亮的照片。因此通过进来多少光和让光进来多长时间，进行累积就可以得到曝光度
+
+在辐射度量学上，单位时间内有光打到一个表面，单位时间内又辐射出去，就只需要考虑单位时间，但照相是考虑整体时间
+
+1. 曝光时间(T)由快门控制
+2. Irradiance(E)指传感器单位面积接收的光能
+3. H = T $\times$ E
+
+Irradiance往往由光圈大小(影响镜头接收到多少光)和焦距决定
+
+#### 影响照片亮度的因素
+
+* 光圈的大小
+
+相机为精密仪器，可控制光圈大小，最大可开到镜头一样大，由f-stop控制。实际上是仿生学设计，模仿人的瞳孔的动态大小调节功能
+
+* 快门速度
+
+快门速度越快，开放时间越短，更少的光进入
+
+* ISO增益/感光度(ISO gain)
+
+可简单理解为后期处理，当感光元件感知到某个层级的光后利用ISO后期乘上一个数值(可发生在不同的地方，可发生在硬件，调节传感器灵敏度，还可以生成照片的数字信号上进行调节)
+
+#### 各因素不同的配置
+
+* 下图第一行参数中用F数表示光圈大小，黑色为遮挡物，白色为光圈大小，F数越大，光圈越小(点号写成逗号为欧洲写法)
+* 第二行参数使用分数表示快门速度(1/1000即为快门开放1/1000秒)
+* 第三行参数是ISO，不同ISO可简单理解为相乘
+
+![](../../images/exposure_aperture_shutter_gain.png)
+
+#### ISO简单地放大信号会放大噪声
+
+任何一个信号肯定会产生噪声，对整个信号去乘以一个很大的数，在放大信号的同时也会放大噪声，这也是在很暗的环境中使用很小的光圈和快门时间会拍出来一张很暗的图
+
+正常情况下，都不会通过调ISO的方式来得到一个更亮的图，在小范围内调整无误但调得特别大后一定会出现噪声问题
+
+产生噪声的原因：
+
+将光认为是光子，如果快门时间不足，那么进入感光元件的光子数就少，光子数少就会造成noisy
+
+![](../../images/ISO_gain_vs_noise_in_canon.png)
+
+#### 光圈与F数
+
+* 描述光圈大小常用F-Number
+
+* F数有两种写法：FN(F后接一个数字)或F/N
+
+* F数的非正式理解：光圈的直径的逆，即$\frac{1}{直径}$
+
+* 如图，调光圈可以直接调出曝光度
+
+![](../../images/F-Number_exposure_levels.png)
+
+
+#### 快门曝光时间对结果的影响
+
+快门
+
+![](../../images/physical_shutter.png)
+
+* 调节曝光度
+
+* 产生运动模糊(motion blur)
+
+常出现在高速运动的物体上，在快门打开的期间物体发生了运动，就意味着在快门开合过程中会记录物体的一段移动，传感器由起到平均作用，所以表现为模糊
+
+更长的快门时间会造成更严重的运动模糊，对于等长的快门时间，物体运动越快，越容易出现运动模糊
+
+![](../../images/side_effect_of_shutter_speed1.png)
+
+但是更短的快门时间，曝光度也降低了，所以为了达到相同的亮度，就要调节ISO或光圈的大小
+
+![](../../images/side_effect_of_shutter_speed2.png)
+
+运动模糊的好处
+
+1. 没有运动模糊会从人的感知上觉得赛车非常慢
+2. 对于运动的物体，一帧的拍摄相当于在不同的时间对物体所在的位置进行了一个采样，如果有运动模糊，就相当于做了一个反走样
+
+rolling shutter问题
+
+电子控制的快门可以认为是任何时刻任何位置同步打开，但机械快门则需要一个过程，如果物体运动比机械快门的速度快就会出现Rolling Shutter问题，因为图像上不同位置可能记录的是不同时间进来的光
+
+![](../../images/side_effect_of_shutter_speed.png)
+
+#### 均衡快门和光圈
+
+快门的时间打开得短就会暗，那就可以提高光圈的大小，用更小的F数。以下的表格上下对应的参数基本可以达到相同的曝光度。但达到的效果并不会一模一样（因为大光圈会引起前景深的问题，快门时间又会引起运动模糊）
+
+![](../../images/f-stop_vs_shutter_speed.png)
+
+-----
+
+### 快速或长曝光摄影
+
+#### 快速摄影
+
+每秒拍摄更多帧数然后按正常帧数播放，每张照片的快门时间非常少又需要保证每张都清晰且有正常的曝光度，可以用更大的光圈和更高ISO
+
+![](../../images/hight-speed_photography1.png)
+
+#### 超低速(长曝光)摄影
+
+用非常小的光圈慢慢拍，也就是所谓的延迟摄影，摄影界中称为拉丝，也就是长曝光造成的运动模糊
+
+![](../../images/long-exposure_photography1.png)
+
+![](../../images/long-exposure_photography2.png)
+
+![](../../images/long-exposure_photography3.png)
+
+## 镜头
+
+### Thin Lens Approximation
+
+* 真正的镜头设计是高度复杂的
+
+无论相机还是手机，都不使用单个透镜来成像，往往使用一个透镜组
+
+![](../../images/real_lens_dfsigns_are_comples.png)
+
+* 真正的镜头元素是不理想的
+
+如下图，一面是凸的，一面是平的，这样就不可能将光聚在一起
+
+![](../../images/real_lens_elements_are_not_ideal.png)
+
+* 我们研究的是理想的薄透镜(忽略厚度)
+
+理想透镜：
+
+1. 对于平行于透镜的光如果打进来会被集中到一个点上(焦点)，定义焦距是焦点到透镜中心的距离
+2. 光路有可逆性，如果光线穿过焦点，被透镜折射后会变成平行的一束光
+3. 假设薄透镜可以任意改变焦距(透镜焦距固定，相机能改是因为透镜组)
+
+![](../../images/ideal_thin_lens_focal_point.png)
+
+* 透镜满足的物理规律
+
+1. 平行光会被折射成过焦点，以及过焦点的光会被变成平行光出去
+2. 任何一个透镜可以假设任何一条光穿过透镜中心，它的方向不会发生改变
+3. 对于固定焦距的透镜，如果改变像距，物距一定跟着改变
+
+* 薄透镜公式(Gauss's Ray Tracing Construction/Gaussian Thin Lens Equation)
+
+如下图，左侧物体会经过透镜成像到右侧去，可定义一些参数
+
+定义物距（物体到透镜的垂直距离）：$Z_o$
+
+定义像距（成的像到透镜的垂直距离）：$Z_i$
+
+透镜的焦距f
+
+$$\frac{1}{f} = \frac{1}{z_i}+\frac{1}{z_o}$$
+
+推导过程
+
+平行光必定过焦点，过焦点的光会变成平行光
+
+![](../../images/gauss_ray_diagrams.png)
+
+忽略中间过透镜中心的光
+
+![](../../images/gauss_ray_tracing_construction.png)
+
+可见如下图的几何关系，左侧在光到达透镜前可形成两个相似三角形，右侧也相同
+
+![](../../images/gauss_ray_tracing_construction1.png)
+
+将两组关系做运算
+
+![](../../images/gauss_ray_tracing_construction2.png)
+
+### 散焦模糊(Defocus Blur)(景深)
+
+#### 弥散圆(Circle of Confusion)
+
+出于解释模糊，我们引入CoC的概念
+
+如图左边远处有一个平面(Focal Plane)，所有的光经过透镜后都会被聚焦到右边一个平面上(Image)
+
+* 如果物体不在Focal Plane上会出现模糊
+
+![](../../images/computing_circle_of_confusion_size.png)
+
+* 模糊原因
+
+任何地方有一个点，它穿过透镜后，可以根据上面透镜的公式算出像距，但是如果成像平面不在这个地方，而是离得有一段距离，光线就会在原本成像的地方之后继续传播，那被感光元件接收到的时候就不再是一个点了，而是变成了一个圆(CoC)
+
+* CoC大小计算
+
+与Aperture的大小相关
+
+CoC的直径/Aperture的直径 = $d'/Z_i$
+
+$$\frac{C}{A} = \frac{d'}{z_i} = \frac{|z_s - z_i|}{z_i}$$
+
+可见CoC的大小和透镜本身的大小成正比
+
+* 物体是否模糊取决于光圈的大小
+
+下图光圈f数为1.4，为大光圈，可以看到更模糊的效果
+
+![](../../images/coc_vs_aperture_size.png)
+
+#### 光圈大小
+
+之前的光圈定义实际不准确，F数拥有明确定义
+
+* F数定义
+
+焦距/光圈直径
+
+$$N = f/A$$
+
+* 常见F数
+
+1.4,2,2.8,4.0,5.6,8,11,16,22,32
+
+* 写法
+
+常写为f/数字
+
+* 例子
+
+![](../../images/example_f-stop_caculations.png)
+
+* CoC的大小和F数成反比
+
+![](../../images/size_of_coc_is_inversely_proportional_to_f-stop.png)
+
+$$C = A\frac{|z_s - z_i|}{z_i} = \frac{f}{N}\frac{|z_s - z_i|}{z_i}$$
+
+### 光线追踪理想的薄透镜(Ray Tracing Ideal Thin Lenses)
+
+之前Ray Tracing和Path Tracing都是从相机往任何一个像素中心连线，默认是小孔成像的针孔摄像机的模型
+
+但是我们可以模拟薄透镜，给它一个焦距，可以将Sensor放置到离镜头有多远，然后实际去做光线追踪
+
+* 实例
+
+![](../../images/eg_of_rendering_with_lens_focus.png)
+
+#### 具体实现
+
+* 定义场景
+
+确定sensor大小，定义透镜焦距，光圈大小
+
+定义透镜和某个平面的距离$Z_o$
+
+根据物距$Z_o$和焦距，可计算像距$Z_i$
+
+![](../../images/ray_tracing_for_defocus_blur.png)
+
+* 使用光线追踪算法渲染
+
+找一些光线能够穿过透镜，打到场景中
+
+在成像平面(感光元件，胶片)上选一些点X'
+
+在透镜上另选X"，两点连线便可知道其方向，且感光元件上的X'处会记录这条线上的Radiance
+
+
+![](../../images/ray_tracing_for_defocus_blur1.png)
+
+
+* 景深(Depth of Field)
+
+如下两图，一个用大光圈，一个用小光圈
+
+过大的光圈对应大的CoC，一个点会变成更大的圆，所以就会更模糊，但总归在一些地方是不模糊的，即不同光圈大小会影响模糊范围
+
+![](../../images/depth_of_field.png)
+
+如下图中，一个光经透镜会打到一个成像平面，该成像平面附近区域都认为CoC足够小
+
+![](../../images/circle_of_confusion_for_depth_of_field.png)
+
+景深：实际场景中有一段深度，该深度经透镜后会在成像平面附近形成一段区域，区域内认为CoC是足够小的
+
+因此计算景深就是计算CoC在这个很小的一段范围内，认为对应场景是清晰的
+
+可简单认为成像平面中的许多像素不是一个点，存在各自的大小，CoC的大小和像素大小差不多或比像素小，都可认为结果是锐利的
+
+计算DOF
+
+如下图，考虑景深的最远和最近处，分别让它们穿过透镜，到某一地方可以得到右边的范围
+
+![](../../images/depth_of_filed_fyi.png)
+
+DOF参数效果
+
+![](../../images/DOF_demonstration_fyi.png)
+
+* 修改焦距
+
+焦距越大，DOF越浅，只有焦点上的成像是清晰的，焦点之前的清晰范围叫前景深，之后的叫后景深
+
+* 改变F数
+
+光圈越小，景深越大，光圈越小意味着越接近小孔，DOF清晰的范围越大
+
+* 调CoC
+
+更大的CoC对应的景深就更深
+
+F-stop可简单理解为光圈大小又是透镜大小，本质是遮挡透镜，动态改变透镜大小
diff --git a/content/computergraphic/纹理.md b/content/computergraphic/纹理.md
new file mode 100644
index 0000000..91bab9e
--- /dev/null
+++ b/content/computergraphic/纹理.md
@@ -0,0 +1,412 @@
+---
+title: "纹理"
+date: 2022-07-09T21:49:09+08:00
+
+---
+
+
+
+#### 重心坐标
+
+###### 重心坐标定义
+
+![](/../../images/barycentric_coordinates.png)
+
+
+对于一个三角形的三点坐标A,B,C,平面内的一点（x,y）可以写成三点的线性组合式
+
+$$(x,y)=\alpha A + \beta B + \gamma C = \alpha + \beta + \gamma = 1$$
+
+此时三个顶点的权重（$\alpha , \beta , \gamma$）为（x,y）的重心坐标
+
+注意：如果三个坐标值都为非负，则这个重心位于三角形内部
+
+
+###### 三角形的几何角度下求解
+
+![](../../images/geometric_barycentric.png)
+
+将点与三个顶点相连，三个三角形的面积分别为$A_A,A_B,A_C$对应的重心坐标的计算式,
+
+$$\alpha = \frac{A_A}{A_A+A_B+A_C}$$
+
+$$\beta = \frac{A_B}{A_A+A_B+A_C}$$
+
+$$\gamma = \frac{A_C}{A_A+A_B+A_C}$$
+
+
+
+在已知四点坐标的情况下则可通过行列式的几何意义求解（任意两个二维向量组合成矩阵的行列式的绝对值为这两条向量所围成平行四边形的面积）
+
+设任意一点为P(x,y)则
+
+$$A_B = \lvert AP,AC \rvert $$
+$$A_C = \lvert AB,AP \rvert $$
+$$A_A = \lvert BC,BP \rvert $$
+
+可得出
+$$\gamma = \frac{(y_a - y_b) + (x_b - x_a)y + x_a y_b - x_b y_a }{(y_a - y_b)x_c + (x_b - x_a)y_c + x_a y_b - x_b y_a}$$
+
+$$\beta = \frac{(y_a - y_c)x + (x_c - x_a)y + x_a y_c - x_c y_a}{(y_a - y_c)x_b + (x_c - x_a)y_b + x_a y_c - x_c y_a}$$
+
+$$\alpha = 1 - \beta - \gamma$$
+
+
+###### 三角形的坐标系角度下求解
+
+对于重心坐标系存在另一种等价视角：
+
+以A点为原点，AB,AC分别为新的坐标系的单位向量构建坐标系，如图
+
+![](../../images/barycentric_in_coordinates.jpg)
+
+给定的任意点P的坐标可表示为$P(\beta , \gamma)$ ,可推出P点坐标满足以下关系
+
+$$p = a + \beta(b - a) + \gamma(c - a)$$
+
+化简后得
+
+$$p = (1 - \beta  - \gamma )a + \beta b + \gamma c $$
+
+表现为一个线性方程组如下
+
+$$
+\begin{bmatrix}
+    x_b - x_a & x_c - x_a 
+    \\\\
+    y_b - y_a & y_c - y_a 
+\end{bmatrix}
+\begin{bmatrix}
+    \beta
+    \\\\
+    \gamma
+\end{bmatrix}=
+\begin{bmatrix}
+    x_p - x_a 
+    \\\\
+    y_p - y_a
+\end{bmatrix}
+$$
+
+
+###### 重心坐标的用处
+
+对顶点处的值进行线性插值，如下图
+
+![](../../images/barycentric_coor_interpo.png)
+
+$$V = \alpha V_A + \beta V_B + \gamma V_C$$
+
+$V_A,V_B,V_C$ 可以对应为：
+1. 位置
+2. 纹理坐标
+3. 颜色
+4. 法线
+5. 深度
+6. 材质属性
+
+###### 插值部分代码实现
+
+``` c++
+//三维向量插值
+static Eigen::Vector3f interpolate(float alpha, float beta, float gamma, const Eigen::Vector3f& vert1, const Eigen::Vector3f& vert2, const Eigen::Vector3f& vert3, float weight)
+{
+    return (alpha * vert1 + beta * vert2 + gamma * vert3) / weight;
+}
+
+// 二维向量插值
+static Eigen::Vector2f interpolate(float alpha, float beta, float gamma, const Eigen::Vector2f& vert1, const Eigen::Vector2f& vert2, const Eigen::Vector2f& vert3, float weight)
+{
+    auto u = (alpha * vert1[0] + beta * vert2[0] + gamma * vert3[0]);
+    auto v = (alpha * vert1[1] + beta * vert2[1] + gamma * vert3[1]);
+
+    u /= weight;
+    v /= weight;
+
+    return Eigen::Vector2f(u, v);
+}
+//计算重心
+static std::tuple<float, float, float> computeBarycentric2D(float x, float y, const Vector4f* v){
+    float c1 = (x*(v[1].y() - v[2].y()) + (v[2].x() - v[1].x())*y + v[1].x()*v[2].y() - v[2].x()*v[1].y()) / (v[0].x()*(v[1].y() - v[2].y()) + (v[2].x() - v[1].x())*v[0].y() + v[1].x()*v[2].y() - v[2].x()*v[1].y());
+    float c2 = (x*(v[2].y() - v[0].y()) + (v[0].x() - v[2].x())*y + v[2].x()*v[0].y() - v[0].x()*v[2].y()) / (v[1].x()*(v[2].y() - v[0].y()) + (v[0].x() - v[2].x())*v[1].y() + v[2].x()*v[0].y() - v[0].x()*v[2].y());
+    float c3 = (x*(v[0].y() - v[1].y()) + (v[1].x() - v[0].x())*y + v[0].x()*v[1].y() - v[1].x()*v[0].y()) / (v[2].x()*(v[0].y() - v[1].y()) + (v[1].x() - v[0].x())*v[2].y() + v[0].x()*v[1].y() - v[1].x()*v[0].y());
+    return {c1,c2,c3};
+}
+
+//光栅化时，判断深度之后进行插值计算得出对应的数值
+
+// auto interpolated_color（颜色）
+auto interpolated_color=interpolate(alpha,beta,gamma,t.color[0],t.color[1],t.color[2],1);
+// auto interpolated_normal（法线）
+auto interpolated_normal = interpolate(alpha,beta,gamma,t.normal[0],t.normal[1],t.normal[2],1).normalized();
+// auto interpolated_texcoords（纹理坐标）
+auto interpolated_texcoords = interpolate(alpha,beta,gamma,t.tex_coords[0],t.tex_coords[1],t.tex_coords[2],1);
+// auto interpolated_shadingcoords（着色坐标）
+auto interpolated_shadingcoords = interpolate(alpha,beta,gamma,view_pos[0],view_pos[1],view_pos[2],1);
+
+
+```
+
+#### 纹理映射处理
+
+###### 简单的纹理映射 ： 漫反射颜色
+
+伪代码 ：
+```
+for each rasterized screen sample (x,y):
+    (u,v) = evaluate texture coordinate at (x,y)
+    texcolor = texture.sample(u,v);
+    set sample's color to texcolor
+
+```
+
+sample(x,y) : 通常为像素的重心
+
+texture coordinate at (x,y)：使用重心坐标值
+
+sample's color : 通常为漫反射率值 kd
+
+###### 纹理放大处理（简单方式）
+
+前置知识：
+
+1. 通常不需要进行纹理放大操作，这会导致纹理分辨率不足
+2. 纹理的一个像素通常被称为纹理元素或纹素(texel)
+
+
+假设我们需要在红点处纹理采样的值f(x,y),黑点为对应的纹理采样点
+
+此时我们会选取红点位置周围的四个采样点，同时计算其与周围四个采样点的偏移值(s,t)如下图
+
+![](../../images/bilinear_interpolation.png)
+
+可得相应的计算过程:
+
+1. 定义线性插值
+$$lerp(x,v_0,v_1) = v_0 + x(v_1 - v_0)$$
+
+2. 计算两个辅助值
+$$u_0 = lerp(s,u_{00},u_{10})$$
+$$u_1 = lerp(s,u_{01},u_{11})$$
+
+3. 计算顶点插值得出结果
+$$f(x,y) = lerp(t,u_0,u_1)$$
+
+
+采用线性插值的方式进行纹理放大的计算往往能够获得很好的结果和平衡的性能消耗
+
+###### 纹理放大至过大的情况
+
+此时在点采样下会产生摩尔纹和锯齿，如下图
+
+![](../../images/moire_and_jaggies.png)
+
+通常处理是进行超采样，同时也会有几个问题
+
+1. 超采样能产生质量足够高的结果，带来的性能开销也很高
+2. 当纹理极度缩小时，许多纹素会被压缩在内存(texel footprint)里
+3. 单一像素中的信号序列过大
+4. 需要更高的采样频率
+
+
+所以我们更倾向于使用范围序列而非点序列
+
+![](../../images/point_query_and_range_query.png)
+
+
+###### Mipmap(支持 Range Query)
+
+mipmap 可由下图表示
+
+![](../../images/mipmap_information.png)
+
+
+对应产生的mip层次结构也由下图表示
+
+![](../../images/mip_hierarchy.png)
+
+
+在计算对应层次的mipmap时，我们需要相邻采样点的纹理坐标来估计纹理内存
+
+![](../../images/compute_mip_level_D.png)
+
+如上图所示，我们能够得到两个值
+
+$$L = \max \left( \sqrt{(\frac{d_u}{d_X})^2 + (\frac{d_v}{d_X})^2},\sqrt{(\frac{d_u}{d_y})^2 + (\frac{d_v}{d_y})^2} \right) $$
+
+$$D = \log_2 L$$
+
+在使用时往往D值会四舍五入为整数，这会导致纹理的不连续，因此，我们还需要进行下图所示的Trilinear Interpolation 从而得到一个连续的D值
+
+
+![](../../images/Trilinear_interpolation.png)
+
+在插值处理后的纹理依旧会存在过度模糊(overblur)的现象，但相比于超采样的高性能开销依旧有很大的提升
+
+###### Anisotropic Filtering and EWA filtering
+
+Anisotropic Filtering
+1. 可以查找轴对齐的矩形区域纹理
+2. 对角线纹理处理依旧存在问题
+
+
+![](../../images/Anisotropic_filtering.png)
+
+EWA filtering
+1. 权重均衡
+2. 采用mipmap层次结构
+3. 可以处理纹理中的不规则像素(irregular footprints)
+
+
+Irregular Pixel Footprint in Texture的产生情况如下图
+
+![](../../images/irregular_pixel_footprint.png)
+
+
+#### 纹理的应用
+
+
+##### 纹理的用途
+
+在现代GPU中，纹理贴图 = 内存数据 + 范围序列(reang query)即反走样
+
+常用的方式是向片元计算中提供相应的数据
+
+应用的地方:
+
+1. 环境光
+2. 存储微表面
+3. 程序化纹理生成
+4. 实体建模
+5. 立体渲染（体绘制）
+
+
+###### 环境光贴图和立方体贴图(Environment and Cube Map)
+
+环境光贴图通常指在贴图上绘制模型周围环境光效，实现某些模型反射环境光的效果
+
+![](../../images/Environment_Map.png)
+
+也用于一些镜面反射的物体实现真实光照
+
+![](../../images/Environmental_Lighting.png)
+
+![](../../images/Spherical_Environment_Map.png)
+
+
+在一些球型表面贴图会存在形变问题，如下图的顶部和底部
+
+![](../../images/Spherical_Map_Problem.png)
+
+
+立方体贴图则由球体上一个向量沿自身方向映射到立方体上的点获得
+
+![](../../images/Cube_Map.png)
+
+一个立方体使用6个方形纹理贴图来生成纹理
+
+
+###### Bump Mapping
+
+在不提高模型面数的情况下展示表面细节
+
+1. 对表面的每一条法线进行扰动(仅用于着色计算)
+2. 高度偏移纹理定义的每个纹素
+
+
+扰动法线的计算(平面)
+
+1. 假设原平面法线为$$n(p) = (0,1)$$
+2. $ p $点处的导数为 $$dp = c * [h(p + 1) - h(p)]$$
+3. 扰动后的法线值为$$n(p) = (-dp,1).normalized()$$
+
+
+![](../../images/perturb_the_normal.png)
+
+
+扰动法线的计算(3D)
+
+1. 假设原平面法线为$$n(p) = (0,0,1)$$
+2. $p$点处的导数为
+    $$\frac{d_p}{d_u} = c_1 * [h(u + 1) - h(u)]$$
+    $$\frac{d_p}{d_v} = c_2 * [h(v + 1) - h(v)]$$
+3. 扰动后的法线为$$n = (\frac{-d_p}{d_u},\frac{-d_p}{d_v},1).normalized()$$
+4. 坐标计算基于本地坐标系
+
+
+部份代码实现
+```c++
+    float x = normal.x();
+    float y = normal.y();
+    float z = normal.z();
+    Eigen::Vector3f t = Eigen::Vector3f(x*y/sqrt(x*x+z*z),sqrt(x*x+z*z),z*y/sqrt(x*x+z*z));
+    Eigen::Vector3f b = normal.cross(t);
+    Eigen::Matrix3f TBN;
+    TBN <<
+    t.x(),b.y(),normal.x(),
+    t.y(),b.x(),normal.y(),
+    t.z(),b.z(),normal.z();
+
+    float u = payload.tex_coords.x();
+    float v = payload.tex_coords.y();
+    float w = payload.texture->width;
+    float h = payload.texture->height;
+
+    float dU=kh * kn * (payload.texture->getColor(u+1.0f/w,v).norm()-payload.texture->getColor(u,v).norm());
+    float dV=kh * kn * (payload.texture->getColor(u,v+1.0f/h).norm()-payload.texture->getColor(u,v).norm());
+
+    Eigen::Vector3f ln = Eigen::Vector3f(-dU,-dV,1.0f);
+    normal=TBN *ln;
+
+    // Let n = normal = (x, y, z)
+    // Vector t = (x*y/sqrt(x*x+z*z),sqrt(x*x+z*z),z*y/sqrt(x*x+z*z))
+    // Vector b = n cross product t
+    // Matrix TBN = [t b n]
+    // dU = kh * kn * (h(u+1/w,v)-h(u,v))
+    // dV = kh * kn * (h(u,v+1/h)-h(u,v))
+    // Vector ln = (-dU, -dV, 1)
+    // Normal n = normalize(TBN * ln)
+
+
+    Eigen::Vector3f result_color = {0, 0, 0};
+    result_color = normal;
+
+```
+
+
+
+###### 纹理贴图能够影响着色效果
+
+Displacement mapping 
+
+1. 是Bump mapping的更进一步
+2. 与Bump mapping 使用相同纹理贴图
+3. 会改变模型顶点坐标
+
+![](../../images/Displacement_mapping.png)
+
+
+3D程序化噪声和实体建模
+
+![](../../images/Procedural_noise_and_Solid.png)
+
+将部分着色效果提前绘制到贴图上
+
+![](../../images/Provide_precomputed_shading.png)
+
+3D图像纹理和体绘制
+
+![](../../images/3D_texture_and_volume.png)
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/content/computergraphic/走样与反走样.md b/content/computergraphic/走样与反走样.md
new file mode 100644
index 0000000..6171ad6
--- /dev/null
+++ b/content/computergraphic/走样与反走样.md
@@ -0,0 +1,164 @@
+---
+title: "走样与反走样"
+date: 2022-05-12T22:08:22+08:00
+
+---
+### 走样
+
+
+
+#### 从像素角度
+
+屏幕是由一个个像素组成，在光栅化时，只有中心被三角形覆盖的像素会被着色，而且被覆盖的像素点的分布往往是离散的，自然而然地形成如下图斜线形成的阶梯状的锯齿
+
+![](../../images/aliasing_pixel.png)
+
+---------------
+
+#### 从信号角度
+##### 采样和滤波理论(Sampling and Filtering Theory)
+###### 采样(sample)
+采样就是将连续信号转换成离散信号(采样信号)，经过滤波后会被恢复成重建信号
+
+![](../../images/sample_and_reconstruct.png)
+
+如果采样的频率过低，则会发生走样或混叠(aliasing),如图中，蓝色的为原信号，红色为采样点，绿色虚线为重建后的信号
+
+过低的采样频率会使重建的信号成为低频信号
+![](../../images/figure.5.17.png)
+
+若采样频率恰好是原信号的两倍，重建信号则表现为一条直线
+![](../../images/figure5.17.1.png)
+
+采样理论(sampling theorem)：采样频率必须为原信号频率的两倍以上，才能完整地重建原始信号,存在一个最大频率，因而采样频率有频带限制
+<br>奎斯特率(Nyquist rate): 频率为原信号频率两倍的采样频率<br>
+
+###### 重建(reconstruction)
+
+重建时需要采样信号进行滤波，通常使用下图中的三种滤波器(box filter,tent filter,sinc filter)，且滤波器的面积必须为1以确保恢复的信号不会被放大或缩小
+
+![](../../images/three_filter.png)
+
+box filter 对信号进行滤波并重建信号的过程如下图
+<br>直接将采样点位置替换为box filter波形的方式会因 box filter 本身的不连续使重建信号产生不平滑的现象<br>
+但仍然因其易于实现的特性被用于重建
+
+![](../../images/box_filter_construct.png)
+
+-----------
+tent filter 在滤波时会对每个相邻的采样点之间使用线性插值，一次重建的信号更加平滑，但采样点位置会发生斜率突变，所以tent filter 并不完美
+
+![](../../images/tent_filter_constructed.png)
+
+-------------
+出于让重建信号保持平滑的目的，我们必须使用一个理想低通滤波器
+
+基于傅立叶变换理论的解释：理想低通滤波器在频域中的表现类似于box filter,在频域中相乘时会过滤掉所有超过这个滤波器宽度的频率，在频域的box fliter 转换到空域的时候会是一个sinc filter ，在频域相乘也等价于在空域中进行卷积，卷积即为滤波
+![](../../images/convolution_theorem.png)
+
+例如sinc filter就能够实现过滤高频信号，保留低频信号的理想低通滤波器效果
+
+![](../../images/sinc_filter_process.png)
+
+对于sinc filter 在假设采样频率为$f_s$,采样点间隔为$\frac{1}{f_S}$的情况下，它会过滤掉超过$\frac{f_S}{2}$的所有高频信息，因此，sinc filter 在采样频率为1.0会是一个理想低通滤波器，此时采样信号的最大频率应当小于$\frac{1}{2}$,但是由于sinc filter 有无限的滤波范围，所以它会在某些范围内出现负值
+
+尽管负值的出现不常见，但在实践时我们更倾向于使用无负值的lobes(常见的有高斯滤波器(Gaussian filter)),并且使用重采样(resample)的方式对重建信号进行放大或者缩小
+
+注：如果对于卷积为主的各类滤波感到不解可见[【官方双语】那么……什么是卷积？](https://www.bilibili.com/video/BV1Vd4y1e7pj/)
+
+---------------------------
+
+#### 重采样
+
+设采样信号灯的采样间隔为整数列，间隔为1，则我们可以通过重采样来将采样点间隔变为a，当$a>1$时会缩小信号(downsampling)，$a<1$时会放大信号(upsampling)
+
+如图，对重建信号使用双倍采样率进行重采样便实现了信号放大
+![](../../images/resample_upsample.png)
+
+这种方法不适用于信号缩小，易使信号过于高频
+
+对于信号缩小的情况，我们需要先对1间隔采样信号使用$sinc(\frac{x}{2})$ filter 滤波产生一个连续信号，再重采样2间隔，由于频谱范围更大的低通滤波器才能过滤更多的高频信号，类似于对图像进行第一次模糊再重采样产生一个低分辨率图像
+
+![](../../images/resample_downsampling.png)
+
+由下图可见，滤波可以对三角形的边缘产生模糊，进而产生一定的反走样效果
+![](../../images/sample_resulst.png)
+![](../../images/pre-filter_sample.png)
+
+### 反走样
+
+#### 现代反走样技术
+
+##### Screen-Based Antialiasing
+
+对于我们之前提到的采样，我们只对像素正方形的中心进行是否在三角形内部的判断，这意味着对于边缘的像素正方形，无论覆盖面积有多大，只要不包含中心点都会被判定在三角形外，从而不被渲染，当采样率提升，如下图的4spp(sample per pixel)以某种方式混合计算获得更好的像素效果
+
+![](../../images/Screen-Based.png)
+
+Screen-Based Antialiasing 通常在屏幕空间区域使用采样图案来采样从而对颜色进行如下的加权计算
+
+对整个像素内颜色的平均计算遵循：
+$$p(x,y)=\sum_{i=1}^nw_ic(i,x,y)$$
+$n:$每个像素内采样点的数量
+
+$c(i,x,y):$ 计算采样位置在屏幕坐标系上的坐标$(x,y)$并填充颜色,也可以视为两个方程，$f(i,n)$定位屏幕上需要采样的位置$(x_f,y_f)$,第二个方程计算填充的颜色
+
+$w_i:$每个采样点所占的权重，通常为uniform形式，由外界输入
+
+###### Supersamping Antialiasing (SSAA) 超采样抗锯齿
+在每一个像素里计算多个采样的算法往往被称为超采样(supersample)或过采样(oversample)
+
+SSAA又被称为全屏幕抗锯齿(full-screen antialiasing,FSAA)，也叫超采样抗锯齿(supersampling antialiasing,SSAA)
+
+主要在于渲染比目标分辨率大的图像后，过滤邻近的像素点来采样至目标分辨率
+
+例如：
+
+当目标图像分辨率为1280$\times$1024时，渲染2560$\times$2048的图像后进行2$\times$2像素的采样，得到目标图像
+
+劣势：
+
+性能开销大，每次都需要对子样本进行完整的包含深度测试的采样，当然也可以减少采样点($2\times1或1\times2$)来减少部分开销
+
+与超采样相关的累计缓存(accumulation buffer)也可以起到减少开销的作用，主要在于使用一个与生成图像分辨率相同的buffer，但每个通道中有更多的颜色bit
+
+例如在采样的像素为$2\times2$的情况下，会生成4张图像且每张图都会在X或Y轴上偏移半个像素的距离使得输出像素的采样点正好对应图像的像素点中心
+
+优势：
+
+实现方式简单，只需要一个高分辨率图像和box filter就可以实现
+
+下图是采样点在像素点内位置类型
+   ![](../../images/sample_point_position.png)
+
+案例：NAVIDIA's DSR(dynamic super resolution)
+
+渲染4k的图像利用13个采样点的高斯滤波采样回1080p提升画面细节
+
+
+------------
+
+###### MSAA(Multisampling antialiasing)
+MSAA同样在一个像素中设置多个采样点，在光栅化时计算三角形在像素内对采样点的覆盖率，之后只计算每个片元的像素着色器，采样中心点的位置计算颜色信息再乘上覆盖率，最后输出这个像素的颜色
+
+颜色计算与深度判断
+![](../../images/MSAA.png)
+
+总体流程如下
+![](../../images/MSAA_sample.png)
+![](../../images/MSAA_color.png)
+
+与SSAA不同的是，MSAA只对每个像素计算一次采样，而非对整个图像进行渲染，但计算量依旧倍增
+
+------------
+
+###### CSAA(coverage sampling antialiasing) and EQAA(enhanced quality antialiasing)
+两者前后分别在2006年由NVIDIA和AMD先后提出
+
+两种技术都通过提前存储片元的平均效果来提高采样率
+
+例如，EQAA在2f4x模式下，会对每四个采样点计算并通过表的形式存储颜色和深度值(如下图)，这使得四个采样点只需1bit空间就可以确认像素位置的着色颜色值
+
+![](../../images/EQAA_color_table.png)
+
+
diff --git a/content/computergraphic/路径追踪.md b/content/computergraphic/路径追踪.md
new file mode 100644
index 0000000..30df0a5
--- /dev/null
+++ b/content/computergraphic/路径追踪.md
@@ -0,0 +1,536 @@
+---
+title: "路径追踪"
+date: 2022-07-24T15:01:07+08:00
+
+---
+
+### 概率论基础复习
+
+在路径追踪的计算中需要引入部分概率论内容，在此进行部分复习
+
+
+#### 随机变量
+
+* 随机变量：一个值，表示某些事件发生
+
+* $x \backsim p(x)$ ：随机变量的分布，随机变量取到某个值的可能性
+
+例如：对于一个骰子，共有6个面，每个面在上面的概率相等，都为1/6
+
+#### 概率
+
+* 概率必定为非负
+* 所有事件的发生概率和为1
+
+$$p_i \geq 0$$
+
+$$\sum_{i = 1}^n p_i = 1$$
+
+例如：对于上述的骰子，概率为$p_i = \frac{1}{6}$
+
+#### 随机变量的期望
+
+如图，对于这四个可供选择的长方形，每一个选择有一个值为$X_i$,每一个选择都对应一个概率为$p_i$,那么期望则为将所有值乘以其对应的概率后累加得到的数值
+
+![](../../images/eg_expected_value.png)
+
+可见上图的期望值为
+
+$$E[X] = \sum_{i = 1} ^ n x_ip_i$$
+
+例如：一个骰子可以取值1、2、3、4、5、6,每一个取值的概率都是1/6,期望为
+
+$$E[X] = \sum_{i=1}^n \frac{i}{6} = (1+2+3+4+5+6)/6 = 3.5$$
+
+
+#### 概率密度函数
+
+随机变量的取值可以是一些固定的值(离散型)，也可以是下图所示一些连续的值(连续型)
+
+![](../../images/probability_distribution_function.png)
+
+某一位置的概率为其周围一小段微元与曲线相连线形成的梯形面积
+
+上面这条曲线P(x)即为概率密度函数(简称PDF)
+
+概率密度在所有值上的积分等于1，与概率和为1类似
+
+期望的计算则是用任意一个取值乘以概率密度，并加以积分
+
+对于满足下列条件的P(x)
+$$p(x) \geq 0 \\ \\ and \int p(x)dx = 1$$
+
+期望值为
+
+$$E[X] = \int x P(x)dx$$
+
+
+当一个函数本身是随机变量时：
+
+例如一个随机变量满足一定的PDF
+$$X \backsim p(x)$$
+
+另外一个函数为
+
+$$Y = f(X)$$
+
+此时Y的期望为
+
+$$E[Y] = E[f(X)] = \int f(x)p(x)dx$$
+
+--------------------
+
+### 蒙特卡洛积分(Monte Carlo Integration)
+
+#### 使用理由
+
+计算给定函数的定积分时，如果$f(x) = x^2$,就可以计算出不定积分为$\frac{1}{3}X^3 + 常数$，之后利用不定积分即可求出它在a和b的值，两者相减即得积分
+
+若函数较为复杂，如下图所示，不便于使用解析方法，就要使用数值的方法计算(蒙特卡洛积分)
+
+![](../../images/reason_for_monte_carlo_integration.png)
+
+#### 大致流程
+
+黎曼积分：
+
+将上图a和b之间均匀拆分为100份，取每一份的中间位置，找到对应的Y(即将整个曲线下方面积分解为各个小长方形面积之和)
+
+蒙特卡洛积分：
+
+* 在a和b之间随便取一个数，找到这个数对应的f(x)
+* 假设整个曲线为一个长方形，长方形高度为刚才去的值的对应位置高度，长方形宽度视为a到b的长度，利用长方形面积近似曲线下围面积
+* 将第二步重复多次，在a到b区间采样多次，将得到的长方形面积平均求值，就可以得到相对准确的结果
+
+
+#### 定义
+
+定积分f(x)，即从a到b的值：
+
+$$\int_a^b f(x)dx$$
+
+x的积分域在ab区间，对概率密度函数随机采样一个变量，得到Xi
+
+$$随机变量 \\ \\ \\ X_i \backsim p(x)$$
+
+蒙特卡洛积分可近似为下列式子，即$f(Xi)/p(xi)$的平均
+
+$$F_N = \frac{1}{N} \sum_{i = 1}^N {\frac{f(X_i)}{p(X_i)}}$$
+
+
+#### 特殊情况
+
+* 在a到b之间均匀采样时，我们使用的概率密度函数(PDF)在各处的值相等，即为一个常数，又已知PDF在积分域上的积分值为1，此PDF可解出值为$\frac{1}{(b-a)}$
+
+![](../../images/uniform_monte_carlo_estimator.png)
+
+* 采用蒙特卡洛积分计算时，需要知道f(Xi)和p(Xi),随机采样得到的值为Xi,蒙特卡洛积分只需计算f(Xi)除以p(Xi)的平均值，p(Xi)的值始终为$\frac{1}{(b-a)}$
+
+$$F_N = \frac{b-a}{N}\sum_{i=1}^Nf(X_i)$$
+
+#### 总结
+
+蒙特卡洛积分：
+
+只需积分域内使用一个PDF采样，得到该样本的f(Xi)和概率密度P(Xi)的值，两者相除后取平均值
+
+注意：
+
+1. N越大(采样次数越多)，得到的结果越精准
+2. 积分域是定义在X上的积分，所以采样目标一定是X
+
+
+### 路径追踪(path tracing)
+
+#### Whitted-Style Ray Tracing 存在的问题
+
+* Whitted-style Ray Tracing 对Specular(镜面)材质的表现效果是正确的，而glossy(磨砂)材质的效果则表现不正确
+
+Specular材质：光线在物体表面能发生镜面反射则称为此材质，光线在打在表面时，会沿着镜面反射方向离去，也是镜面能够映出周围环境光的原因
+
+Glossy材质：有镜面反射的样子，但又有些许模糊，类似毛玻璃效果，有一定粗糙度但能产生高光
+
+![](../../images/mirror_and_glossy_reflection.png)
+
+
+* whitted-style ray tracing 在遇到漫反射时会停止光线弹射直接做相应的shading
+
+这种情况会忽视漫反射物体和漫反射物体之间的光线都不被渲染，也不符合漫反射将光线均匀地反射到各个不同方向上的物理定义
+
+两个示例中左侧为直接光照，右侧为全局光照，都采用路径追踪的方式计算得到
+
+![](../../images/path_traced_direct_global_illumination.png)
+
+可见在场景中只有上面一个光源的情况下，在直接光照里，天花板为黑色，但实际上光线会发生多次弹射，天花板应是亮的，右侧才是我们想要的效果
+
+Color bleeding: 左侧全局光照图中高立方体左侧是红，光线在弹射到墙面后再反射到这个面，之后到达摄像头(眼睛)，z这种现象就为Color bleeding
+
+Cornell box真实存在，3D模型也是存在的，广泛用于测试各种全局光照效果
+
+----------------------
+
+两中表现效果错误来自于Whitted-style ray tracing的光线弹射计算
+
+1. 光线打到specular的物体上，会沿着镜面方向反射或沿着折射方向折射
+2. 光线打到diffuse(漫反射)的物体上，这条光线就停止了
+
+虽然存在错误，但完全按照物理量推算的渲染方程是完全正确的，为了正确计算，我们要解出这个渲染方程
+
+$$L_o(p,w_o) = L_e(p,w_o) + \int_{\Omega+} {L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)dw_i}$$
+
+
+
+#### 蒙特卡洛积分分解渲染方程
+
+##### 直接光照
+
+假设存在下图场景，我们认为各个方向进来的光$\omega i$ 均匀分布在球面上
+
+![](../../images/suppose_scene_1.png)
+
+* 假设该点不发光，因而直接光照强度结果来自于四面八方入射来的光照强度
+
+忽略渲染方程发光项后的形式
+
+$$L_o(p,w_o) =\int_{\Omega+} {L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)dw_i}$$
+
+
+###### 使用蒙特卡洛积分求解
+
+* 通过蒙特卡洛求解我们需要在不同方向上采样，考虑对应的f(x)和PDF的值
+
+着色点为p点时，从P点反射到摄像头的辐射为
+
+$$L_o(p,w_o) =\int_{\Omega+} {L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)dw_i}$$
+
+蒙特卡洛为了算积分会在积分域上进行采样获得样本X，计算f(x)/p(x)，再求平均
+
+$$\int_a^b f(x)dx \approx \frac{1}{N}\sum_{k=1}^N \frac{f(X_k)}{p(X_k)}$$
+
+$$X_k \backsim p(x)$$
+
+* 求出f(x)
+
+将蒙特卡洛积分的方法迁移到解渲染方程上，则f(x)就是渲染方程中积分的所有计算式
+
+$$L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)$$
+
+* PDF的值
+
+PDF涉及对积分域进行采样，这里为对半球进行采样
+
+使用最简单的均匀采样，认为半球上采样到任何一个方向上的概率密度是相同，PDF为一个常数
+
+$$p(\omega_i) = \frac{1}{2\pi}$$
+
+球面面积为$4\pi$，半球面面积为$2\pi$,半球对应立体角为$2\pi$,均匀采样使PDF的所在角度积分为1，因此PDF为$\frac{1}{2\pi}$
+
+* 将渲染方程改写成蒙特卡洛形式
+
+每次均匀地在半球上采样，取一个入射方向$\omega_i$,将上值代入可得下列式子
+
+$$L_o(p,w_o) =\int_{\Omega+} {L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)dw_i}$$
+
+$$\approx \frac{1}{N}\sum_{i=1}^N \frac{L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)}{p(\omega_i)}$$
+
+由此可写出以下着色算法
+
+```
+着色点p，方向为w0
+    随机选择PDF采样得到的N个方向wi
+    初始化结果Lo
+    对于选中的wi
+        从p点连出一条光线
+        如果光线打到了光源
+            Lo+=(1/N) * Li * fr * cosine/pdf(wi)
+    返回Lo
+
+```
+-------------
+
+```
+shade(p, wo)
+    Randomly choose N directions wi~pdf
+    Lo = 0.0
+    For each wi
+        Trace a ray r(p, wi)
+        If ray r hit the light
+            Lo += (1 / N) * L_i * f_r * cosine / pdf(wi)
+    Return Lo
+```
+
+
+##### 全局光照
+
+全局光照下，我们需要考虑反射面反射过来的光，计算从Q反射到P点反射了多少辐射能
+
+![](../../images/introducing_global_illumination.png)
+
+只需在直接光照的算法中添加分支便可支持全局光照
+
+```
+着色点p，方向为w0
+    随机选择PDF采样得到的N个方向wi
+    初始化结果Lo
+    对于选中的wi
+        从p点连出一条光线
+        如果光线打到了光源
+            Lo+=(1/N) * Li * fr * cosine/pdf(wi)
+        如果光线打到了q点的物体
+            Lo +=(1/N) * shade(q,-wi) * fr * cosine/pdf(wi)
+    返回Lo
+
+```
+
+
+--------------------------
+
+```
+shade(p, wo)
+    Randomly choose N directions wi~pdf
+    Lo = 0.0
+    For each wi
+        Trace a ray r(p, wi)
+        If ray r hit the light
+            Lo += (1 / N) * L_i * f_r * cosine / pdf(wi)
+        Else If ray r hit an object at q
+            Lo += (1 / N) * shade(q, -wi) * f_r * cosine / pdf(wi)
+        
+Return Lo
+
+```
+
+
+打到物体上是需要考虑q点反射过来的能量，即在q点-wi方向看过去的直接光照
+
+---------------------
+
+##### 上述算法存在的问题
+
+* 这种方式打出不同光线再以递归的方式计算，会使光线的数量呈指数爆炸增长
+
+如下图，打到第一个物体上后反射出N根光线，打到第二个物体后会再发出N个光线，即变成$N^2$条光线，会超出处理能力
+
+![](../../images/explosion_of_ray_as_ray_go_up.png)
+
+解决方法：
+
+1. 取N等于1，但是会产生较大噪声
+2. 采用N=1来做蒙特卡洛积分，即为路径追踪，(N!=1时为分布式光线追踪，会产生指数爆炸)
+3. N=1的情况下会产生噪声，但需要得到的只是一个像素的Radiance，所以只需计算穿过一个像素的多个path再求平均即可得到目标Radiance
+
+path:一条完整连接视点和光源的路径
+
+算法：
+
+```
+ray_generation(camPos, pixel)
+    Uniformly choose N sample positions within the pixel
+    pixel_radiance = 0.0
+    For each sample in the pixel
+        Shoot a ray r(camPos, cam_to_sample)
+        If ray r hit the scene at p
+            pixel_radiance += 1 / N * shade(p, sample_to_cam)
+    Return pixel_radiance
+
+```
+
+* 递归算法永远不停
+
+真实世界中光线本身弹射次数也是不停的，但计算机不能无限模拟，也不能提前限制弹射次数，这样会损失多次弹射的能量
+
+解决方案：
+
+用Russian Roulette(俄罗斯轮盘赌)的方法来决定以一定概率去停止光线继续弹射
+
+俄罗斯轮盘思想：
+
+1. 某一着色点出射的Radiance是$L_o$
+2. 自定一个概率p(0< p < 1)
+3. 以一定的概率p往某一方向打一条光线
+4. 得到一定结果后取$L_o/p$为返回值
+5. 在1-p的概率内就不打光线，返回值为0
+
+可视为取两个值的离散型随机变量，可以通过概率乘以值并加起来计算期望
+
+$$E = P*(L_o/p) + (1-p)*0 = L_o$$
+
+对应修改后的着色算法
+
+指定概率$P_RR$
+
+随意在0到1中取一个数ksi
+
+如果$ksi>P_RR$,意味着不该往外把一根光线
+
+其他情况下正常打出光线，最后结果需除以$P_RR$
+
+```
+shade(p, wo)
+    Manually specify a probability P_RR
+    Randomly select ksi in a uniform dist. in [0, 1]
+    If (ksi > P_RR) return 0.0;
+    Randomly choose ONE direction wi~pdf(w)
+    Trace a ray r(p, wi)
+    If ray r hit the light
+        Return L_i * f_r * cosine / pdf(wi) / P_RR
+    Else If ray r hit an object at q
+        Return shade(q, -wi) * f_r * cosine / pdf(wi) / P_RR
+
+```
+
+至此得出不太高效的正确path tracing算法
+
+----------------
+
+Samples(采样率)可认为是path，SPP(samples per pixel)就是一个像素打出多少path
+
+low SPP下，计算速度快，图片噪声多
+
+High SPP下，计算速度慢，图片噪声少
+
+![](../../images/High_and_low_spp_result.png)
+
+
+##### 算法依旧不高效的原因
+
+![](../../images/reason_of_being_inefficient.png)
+
+光线能否打到光源上取决于运气，当光源小时往往会浪费过多光线，需要改用更好的PDF用来采样，而非简单的均匀采样
+
+##### 光源上采样
+
+蒙特卡洛允许许多采样方法，我们可以直接在光源上采样
+
+![](../../images/sample_the_light.png)
+
+n'为光源本身朝向，在与着色点连线后可得$\theta$(连线和着色点法线的夹角) $\theta$'(连线和光源法线的夹角)，此时若在视为二维平面的光源上均匀采样，则PDF为$\frac{1}{A}$
+
+此时得到一个定义在光源上的积分，需要将渲染方程改写
+
+* 将对$d\omega$的积分改为对$dA$的积分
+
+dA: 光源上的一个小平面
+
+$d\omega$：是上面小的表面投影到单位球上形成的面积(单位球半径为1，立体角为dA投影到单位球上的面积除以1的平方)
+
+$d\omega$和dA的关系：dA的朝向不一定朝向着色点，则需要计算$dAcos\theta'$，将光源所在平面垂直地和着色点连线，除以距离绝对值的平方，得出$d\omega$
+
+$$d\omega = \frac{dAcos\theta'}{||x' - x||^2}$$
+
+重写后的渲染方程为：
+
+$$L_o(x,\omega_o) = \int_{\Omega+} L_i(x,\omega_i)f_r(x,\omega_i,\omega_o)\cos \theta d\omega_i$$
+
+$$\int_A L_i(x,\omega_i)f_r(x,\omega_i,\omega_o)\frac{dAcos\theta'}{||x' - x||^2} dA$$
+
+即可使用蒙特卡洛积分进行计算,此时的PDF为1/A
+
+##### 改进后的算法
+
+着色点的着色结果来源于两个部分：
+* 光源的贡献(直接光源，无需进行俄罗斯轮盘赌剔除)
+
+均匀地在光源上采样后对改写后的渲染方程使用蒙特卡洛积分计算
+
+* 非光源贡献(间接光源，需要进行俄罗斯轮盘赌剔除)
+
+如果通过了俄罗斯轮盘赌测试，就发出一条射线，打到了一个非光源的点q时将其贡献加入
+
+算法：
+
+```
+shade(p, wo)
+    # Contribution from the light source.
+    Uniformly sample the light at x’ (pdf_light = 1 / A)
+    L_dir = L_i * f_r * cos θ * cos θ’ / |x’ - p|^2 / pdf_light 
+
+
+    # Contribution from other reflectors.
+    L_indir = 0.0
+    Test Russian Roulette with probability P_RR
+    Uniformly sample the hemisphere toward wi (pdf_hemi = 1 / 2pi)
+    Trace a ray r(p, wi)
+    If ray r hit a non-emitting object at q
+        L_indir = shade(q, -wi) * f_r * cos θ / pdf_hemi / P_RR
+    Return L_dir + L_indir
+
+```
+
+
+##### 处理光源遮挡
+
+上述算法中，光源采样并未考虑光源遮挡问题
+
+发生下图蓝色物体遮挡在光源和着色点之间时，需要判断光源能否贡献到着色点
+
+![](../../images/light_source_blocked_judge.png)
+
+判断方式：
+
+着色点到光源上的采样点取一根连线，从着色点往这根连线的方向打出一根光线，判断是否会打到某个物体，自然可以直接判断直接光照是否被遮挡，不被遮挡时，直接光照可直接计算，被遮挡时，自然为0
+
+改进后算法：
+
+```
+shade(p, wo)
+    # Contribution from the light source.
+    Uniformly sample the light at x' (pdf_light = 1 / A)
+    Shoot a ray from p to x’
+    If the ray is not blocked in the middle
+        L_dir = L_i * f_r * cos θ * cos θ’ / |x' - p|^2 / pdf_light 
+
+
+    # Contribution from other reflectors.
+    L_indir = 0.0
+    Test Russian Roulette with probability P_RR
+    Uniformly sample the hemisphere toward wi (pdf_hemi = 1 / 2pi)
+    Trace a ray r(p, wi)
+    If ray r hit a non-emitting object at q
+        L_indir = shade(q, -wi) * f_r * cos θ / pdf_hemi / P_RR
+    Return L_dir + L_indir
+
+
+```
+
+最终path tracing的出的效果
+
+![](../../images/is_path_tracing_correct.png)
+
+可见，path tracing 与照片相比能够做到几乎百分百相似
+
+
+##### 光线追踪新旧计算算法
+
+早期多是Whitted-style Ray Tracing
+
+现代：
+
+可理解为所有光线传播方式的集合
+
+* (Unidirectional & bidirectional) path tracing
+* Photon mapping 
+* Metropolis light transport 
+* VCM / UPBP… 
+
+当然，现在还做不到完美的实时光线追踪，也是现在探讨前沿
+
+----------------------------
+
+##### 补充问题
+
+* 蒙特卡洛积分应该选择什么样的PDF？
+
+重要性采样理论
+
+* 随机数是否有质量之分？
+
+存在质量之分，不同的随机数有各自特点，如low discrepancy sequences、TAA中使用的Halton sequence
+
+* 是否可以将采样半球和采样光源这两种采样方法结合起来，使其效果更好？
+
+存在，称为multiple imp Sampling,简称MIS
+
+* 我们算出了一个像素的Radiance，可是我们最后看到的是颜色，这个Radiance是不是颜色？
+
+颜色与Radiance并非一一对应关系，将Radiance换算为颜色需要经过gamma校正
diff --git a/content/computergraphic/辐射度量学.md b/content/computergraphic/辐射度量学.md
new file mode 100644
index 0000000..6eb5bfb
--- /dev/null
+++ b/content/computergraphic/辐射度量学.md
@@ -0,0 +1,170 @@
+---
+title: "辐射度量学基础(Basic radiometry)"
+date: 2022-07-22T15:33:53+08:00
+
+---
+
+本文建议与以下链接结合观看，便于理解
+
+[光照与阴影](https://ciechanow.ski/lights-and-shadows/)
+
+### 辐射度量学
+
+1. 辐射度量学是一个物理上准确定义光照的方法，定义了一系列单位和方法描述光照
+2. 给光照定义了不同空间中的属性：辐射通量(Radiant flux)、强度(intensity)、辐照度(irradiance)、辐射度(radiance)
+3. 基于几何光学，认为光沿直线传播，没有波动性
+
+#### 引入辐射度量学的目的
+
+* Whitted-style的光线追踪实际上不符合真实物理
+
+Whitted-style采用的Blinn-Phong模型实际假设了反射为完美的镜面反射，忽略光线在反射后的能量损失
+
+* 辐射度量学是一个精准的给我们一系列物理量的方法
+
+辐射度量学精准地定义出物体表面与光的作用、光源、材质、光线传播，确保得到正确的结果
+
+#### 辐射量和辐射通量(Radiant Energy and Flux)
+
+辐射量(Radiant Energy)：电磁辐射的能量，单位为焦耳
+
+$$Q[J = Joule]$$
+
+辐射通量(Radiant Flux)：每单位时间的能量，在物理上为功率，单位为瓦特，光学上单位为流明(lumen)
+
+$$\Phi \equiv \frac{d_Q}{d_t} [W = Watt] [lm = lumen]$$
+
+辐射通量同时可以表示为在单位时间内通过一个感光平面的光子数量
+
+![](../../images/another_defination_of_flux.png)
+
+#### 辐射强度(Radiant Intensity)
+
+定义：单位时间内，单位立体角辐射的能量
+
+![](../../images/Radiant_Intensity_define.png)
+
+坎德拉(Candela): 发光强度的SI单位。一坎德拉是光源在给定方向上的发光强度，该光源发出540 $\times $1012Hz的单色辐射，并且在该方向上的辐射强度为1/683瓦/球面度
+
+角度：圆上圆弧长度与半径的比值
+* $\theta = \frac{l}{r}$
+* 圆的最大角度为$2\pi$
+
+立体角：球面对向面积与半径平方的比值
+* $\Omega = \frac{A}{r^2}$
+* 球体的最大角度为$4\pi$
+
+微分立体角：球面上当立体角的方向与Z轴的夹角($\theta$)、绕着Z轴旋转的角($\phi$)发生改变时，会在对应方向的球面上框出一片区域，该区域对应的立体角即为微分立体角
+
+![](../../images/differential_solid_angles1.png)
+
+对于球体$S^2$:
+$$\Omega = \int_{S^2} {d\omega} = \int_0^{2\pi} \int_0^{\pi} {\sin\theta d{\theta} d{\phi}} = 4\pi$$
+
+
+在辐射度量中，我们也会用$\omega$表示三维空间中的一个方向，可以使用$\theta和\phi$的方式来定义其位置，并利用$\sin \theta d_{\theta} d_{\phi}$来计算微分立体角
+
+![](../../images/differential_solid_angles_w.png)
+
+
+#### 光强(Intensity)
+
+定义一个点光源的亮度可以定义其Flux，所以光强即为这个光源在任何一个方向上的亮度
+
+对所有方向上单位立体角的光强进行积分就可以得到Flux(poweer)
+
+$$\Phi = \int_{S^2} {Id\omega} = 4\pi I$$
+
+对于各向同性光源(点光源向各个方向均匀地辐射出能量)
+
+$$I = \frac{\Phi}{4\pi}$$
+
+![](../../images/Isotropic_Point_source.png)
+
+#### 现代LED灯实例
+
+对于下图中的LED灯，可见：
+
+标注输出815流明，11瓦功率相当于白炽灯60瓦功率
+
+假设其为各向同性光源
+
+Itensity = 815 lumens / 4pi sr = 65 candelas
+
+![](../../images/modern_LED.png)
+
+#### 辐照度(Irradiance)
+
+定义：单位面积内的能量
+
+![](../../images/Irradiance_define.png)
+
+
+单位面积需与入射光线垂直才算是接收到的范围，否则要将其投影到垂直的方向
+
+例如Lambert's Cosine Law中平行光打到单位面上如果垂直则可以接收到6根光线，平面若倾斜则只能接收到三个光线，接收到的能量要乘以$\cos \theta$
+
+![](../../images/Lambert_cosine_law_irradiance.png)
+
+--------------------------
+
+基于辐照度来理解光照衰减
+
+定义光源的power为$\phi$,认为其往各个方向都是均等地辐射出能量
+
+之前普遍理解为能量分布在球壳上，壳越大则每个地方分布的能量越少
+
+采用辐照度则认为对于最中间的球壳来说，其半径为1，则下图中该点出的辐照度为$E = \phi / (4\pi 1^2 )$,球壳半径为r时，辐照度为$\phi / (4 \pi r^2)$,也就等于$E/r^2$
+
+![](../../images/Irradiance_Fallof.png)
+
+由此可得出并非Idensity在衰减，而是Irradiance在衰减
+
+
+#### 辐射(Radiance)
+
+定义：单位立体角下每单位面积下的power
+
+![](../../images/radiance_define.png)
+
+由此可知power需要进行两次微分，一次立体角，一次投影后单位面积
+
+intensity、radiance和irradiance的联系
+
+Intensity:每单位角power
+
+Irradiance:每单位投影面积的power
+
+Radiance：每单位投影面积的Intensity
+
+Radiance: 每单位角的Irradiance
+
+
+#### 入射辐射(Incident Radiance)
+
+从一个方向打到一个很小的面上的能量，即为入射辐射
+
+![](../../images/Incident_radiance_define.png)
+
+是沿着给定光线到达表面的光(给定表面上的点和入射方向)
+
+#### 出射辐射(Exiting Radiance)
+
+王某一个方向(立体角)辐射的能量即为出射辐射
+
+![](../../images/Exiting_radiance_define.png)
+
+是沿着给定光线到达表面的光(给定表面上的点和出射方向)
+
+
+#### irradiance 和 Radiance 的区别
+
+irradiance: dA收到的所有能量
+
+radiance: dA从某一个方向收到的能量
+
+E(p)即为irradiance,等于所有方向上的Radiance的和
+
+![](../../images/Irradiance_vs_radiance.png)
+
+
diff --git a/content/computergraphic/采样与光栅化.md b/content/computergraphic/采样与光栅化.md
new file mode 100644
index 0000000..0f8c6db
--- /dev/null
+++ b/content/computergraphic/采样与光栅化.md
@@ -0,0 +1,114 @@
+---
+title: "采样与光栅化"
+date: 2022-05-12T09:10:25+08:00
+
+---
+
+
+#### 屏幕空间
+屏幕空间可以被看做是由一组像素点构成，每个像素点可以被视为中心为$(x+0.5,y+0.5)$的一个正方形，
+
+![](../../images/pixel_and_screen_space.png)
+
+--------------
+
+#### 模型的面
+大多数模型的面(mesh)以三角形为主（也有一些不同的面）
+选择三角形的原因：
+1. 大多数多边形最终都可以被分割为三角形
+2. 边界清晰，便于判定某个点是否位于面内(与采样有关)
+3. 对于三角形的每个顶点值有清晰的插值方式(质心插值)
+
+------------
+#### 采样的功能（光栅化）
+遍历整个屏幕上所有的像素点，如果某个像素点的中心位于三角形内，则对这个像素点进行采样
+
+伪代码
+```c++
+for(int x = 0 ; x < xmax; ++x)
+    for(int y = 0; y< xmax ; ++y)
+        image[x][y] = inside(tri,x+0.5,y+0.5);
+```
+
+可视化过程如图
+
+![](../../images/sample_progress.png)
+
+----------------
+
+#### 判断像素点在三角形内部
+inside的判断主要由叉乘(cross product)来实现
+
+计算三角形各边的向量和目标测试点与三角形三个顶点的向量，将各边向量分别与测试点与顶点的向量进行叉乘，得出三个值，如果三个值得符号相同，则目标测试点位于三角形内，相反则测试点在三角形外
+
+代码实现
+```C++
+//判断测试点是否在三角形内
+static bool insideTriangle(int x, int y, const Vector3f* _v)
+{
+	// TODO : Implement this function to check if the point (x, y) is inside
+    // the triangle represented by _v[0], _v[1], _v[2]
+
+	//测试点的坐标为(x, y)
+	//三角形三点的坐标分别为_v[0], _v[1], _v[2]
+
+	//叉乘公式为(x1, y1)X(x2, y2) = x1*y2 - y1*x2
+
+	//准备三角形各边的的向量
+	Eigen::Vector2f side1;
+	side1 <- _v[1].x() - _v[0].x(), _v[1].y() - _v[0].y();
+	Eigen::Vector2f side2;
+	side2 <- _v[2].x() - _v[1].x(), _v[2].y() - _v[1].y();
+	Eigen::Vector2f side3;
+	side3 <- _v[0].x() - _v[2].x(), _v[0].y() - _v[2].y();
+
+	//计算测量点和三角形各点连线的向量
+	Eigen::Vector2f v1;
+	v1 <- x - _v[0].x(), y - _v[0].y();
+	Eigen::Vector2f v2;
+	v2 <- x - _v[1].x(), y - _v[1].y();
+	Eigen::Vector2f v3;
+	v3 <- x - _v[2].x(), y - _v[2].y();
+
+	//三角形各边的的向量叉乘测量点和三角形各点连线的向量
+	float z1 = side1.x() * v1.y() - side1.y() * v1.x();
+	float z2 = side2.x() * v2.y() - side2.y() * v2.x();
+	float z3 = side3.x() * v3.y() - side3.y() * v3.x();
+
+	//判断叉乘结果是否有相同的符号
+	if ((z1 > 0 && z2 > 0 && z3 > 0) || (z1 < 0 && z2 < 0 && z3 < 0))
+	{
+		return true;
+	}
+	else
+	{
+		return false;
+	}
+}
+```
+#### 加速算法
+
+##### Bounding box
+
+每一次判断屏幕上的像素点是否在三角形内都检测所有在屏幕上像素点会带来额外的性能开销和渲染时间
+
+使用包围盒将三角形包围后，只判断包围盒内的像素点是否在三角形内能够减少这种情况的出现
+
+![](../../images/BoundingBox.png)
+
+代码实例
+
+```c++
+    auto v = t.toVector4();//包含三角形三个顶点的结构体
+//利用三角形的三个顶点，计算三角形的包围盒
+    float min_x = std::min(v[0].x(), std::min(v[1].x(), v[2].x()));
+	float max_x = std::max(v[0].x(), std::max(v[1].x(), v[2].x()));
+	float min_y = std::min(v[0].y(), std::min(v[1].y(), v[2].y()));
+	float max_y = std::max(v[0].y(), std::max(v[1].y(), v[2].y()));
+```
+
+##### incremental triangle Traversal 
+对于每一行像素点，只遍历三角形最左到最右的像素点，只适用于较窄的且经过旋转的三角形
+
+![](../../images/IncrementalTriangleTraversal.png)
+
diff --git a/content/computergraphic/高级光线传播与复杂外观建模.md b/content/computergraphic/高级光线传播与复杂外观建模.md
new file mode 100644
index 0000000..7e236da
--- /dev/null
+++ b/content/computergraphic/高级光线传播与复杂外观建模.md
@@ -0,0 +1,617 @@
+---
+title: "高级光线传播与复杂外观建模"
+date: 2022-07-27T22:55:53+08:00
+
+---
+
+## 无偏的光线传播方法(Unbiased light transport methods)
+
+### 双向路径追踪(Bidirectional Path Tracing)
+
+双向路径追踪是对之前路径追踪的扩展，生成两个子路径
+
+从光源打出一些sub-path，从摄像机出发也可以生成另外一系列的子路径。双向路径追踪会将这些子路径的端点连接起来形成一条完整的路径
+
+![](../../images/bidirectional_path_tracing_theory.png)
+
+### BDPT适用的场景
+
+图例中，左图为路径追踪，右图为双向路径追踪，适用的都是每个像素32个采样点，但可见双向路径追踪能产生更好的效果
+
+![](../../images/eg_bidirectional_path_tracing.png)
+
+原因：
+
+在如图场景中，光线追踪难以找到一条带有大量能量的路径。此场景中光源往上方角落打出，整个场景都是被间接光所照亮的，此时光线从摄像机出发后第一次打到的地方往往是diffuse的，导致其不好控制它打到之后能量集中的区域
+
+缺点：
+
+实现较难，相对计算速度慢
+
+### Metropolis Light Transport(MLT)
+
+使用统计学上采样的工具--- 马尔可夫链(当前有一个样本，马尔可夫链可以根据当前样本生成和它靠近的下一个样本，并用这些样本估计函数的值)
+
+与均匀采样不同，均匀采样时在a和b之间以均等概率选择一个x，且相互独立
+
+给定足够的时间，马尔可夫链的蒙特卡洛方法可以生成一系列以任意的函数形状为PDF生成的样本
+
+#### 使用马尔可夫方法的原因
+
+蒙特卡洛方法实际上在采样的PDF(p(x))和要积分的函数(f(x))形状一致的时候是最合适的，此时variance是最小的
+
+任何未知的函数都可以通过马尔可夫链的方法生成一系列分布和被积函数形状一致的样本
+
+##### 马尔可夫方法具有局部性
+
+马尔可夫方法是一个局部的方法，当给出一个路径时，可以生成它周围跟它相似的路径
+
+如图中蓝色光路，对该光路做出微笑扰动就可以得到一条新路径
+
+不断在一个path周围产生更多path就可以找到所有的path
+
+![](../../images/MLT_caculate.png)
+
+#### MLT方法与BDPT的效果对比
+
+* 优点
+
+在下图中类似的场景下MLT的效果很好，其适合做复杂、困难的光线传播
+
+![](../../images/MLT_pros.png)
+
+Caustics是光线经过聚焦打在游泳池底，然后被人眼看见。光线要穿过水的表面（凹凸不平，还有浪），会被聚焦到一系列的地方（水面有办法将光线聚焦到一系列的线上）。这种情况渲染起来非常困难，因为假设游泳池底是diffuse的，光线会先经过一个specular的水面，游泳池底被我们看见也要经过一个specular（这种路径简称SDS（specular-diffuse-specular））
+
+
+* 缺点
+
+MLT难以在理论上预估最后收敛的速度(path tracing中使用的蒙特卡洛积分可以分析variance，从而预估渲染收敛的时间)
+
+所有操作都是局部的，有些像素收敛快，有的像素收敛慢，使渲染出来的结果图像看上去比较脏
+
+![](../../images/MLT_cons.png)
+
+不适用于渲染动画，因为不同连续帧的收敛速度不同，画面会产生严重抖动
+
+-------------------------------
+
+## 有偏的光线传播方法(biased light transport methods)
+
+### 光子映射(Photon Mapping)
+
+尤其适用于渲染Caustics和Specular-Diffuse-Specular(SDS)
+
+
+![](../../images/photon_mapping_theory.png)
+
+#### 实现方法
+
+* 从光源出发，光子碰到物体后计算所有反射和折射，直到光子打到diffuse的物体上停止，此时整理所有光子即可得到光子位置信息
+
+![](../../images/photon_mapping_approach.png)
+
+* 从眼睛或相机开始，往各个不同方向打出各种各样的子路径，计算反射和折射直到打在diffuse的物体上
+
+* 结合上述两步结果计算局部密度估计
+
+局部密度估计是建立在上面的观察上的，一开始打了很多光子，光子分布在物体表面了，从相机出发的一堆光线也打到物体表面上了，那我们看到的物体表面，光子分布越集中的地方就越亮，越不集中就越不亮，当第二趟打到各种不同的物体表面的时候就要做一个局部的密度估计
+
+具体解法：
+
+* 将所有的光子组织成自上而下的加速结构模式，然后可以迅速定位到一个着色点周围有多少个光子，找它最近的一些
+* 计算N个光子所占的面的面积
+* 计算密度：用光子的数量N除以它们占的面积
+
+![](../../images/photon_mapping_cacul.png)
+
+
+#### N的取值
+
+如果用很少的光子的数量，就会得到一个很有噪声的图，如果用更多的光子，结果虽然会好一些，但是得到的结果会糊
+
+![](../../images/photon_mapping_biased.png)
+
+##### 产生取值问题的原因(有偏的原因)
+
+* 计算密度时，我们认为密度时当前这个点的周围取一个微小的面积dA,它里面有多少个光子
+
+$$dN/dA$$
+
+* 实际计算密度为给定光子数计算实际面积
+
+$$\delta N/\delta A$$
+
+* 正常情况下两者接近但不同(光子数量和周围覆盖面积都是有限的)
+
+$$dN/dA != \delta N/\delta A $$
+
+因此密度的估计并不正确，dA无限小时才是正确的计算
+
+当实际的面积足够小(打出的光子数量足够多)，结果就越接近于正确
+
+所以该方法是有偏(biased)但一致(consistent)的
+
+有偏(biased)：得到的结果相比正确的结果只要有任何一点的模糊（blurry），就是有偏的
+
+一致(consistent)：虽然有模糊，但是只要样本足够多，就会最后让它收敛到不模糊的结果
+
+
+### Vertex Connection and Merging(VCM)
+
+双向路径追踪和光子映射的结合
+
+BDPT中，生成两个sub-path再将端点连起来，如果有的path满足下述性质就用光子映射将虚线圆内的两个sub-path的贡献结合在一起
+
+性质：左边path和右边path的端点在同一个面上，此时可认为其中一半是光子
+
+往往用于电影行业渲染
+
+![](../../images/vertex_connection_and_merging.png)
+
+### 实时辐射度算法(Instant Radiosity(IR))
+
+有时又称为多光源算法(many-light approaches)
+
+之前的光线传播往往不区分光的来源(反射或自己发出)，实时辐射度算法中就将已经被照亮的区域认为是光源，用于照亮其他区域
+
+#### 计算方法
+
+* 从光源打出很多光线子路径(light sub-path)，这些光会停在某些地方，认为停的位置就变成了新的光源(VPL)
+
+* 看到如下图中的着色点后就用新的光源来照亮(相当于实际考虑光线弹射两次)
+
+![](../../images/instant_radiosity.png)
+
+#### 优缺点
+
+* 优点(下图左)
+
+快速，往往会在漫反射场景中有良好的效果
+
+* 缺点(下图右)
+
+在窄的缝隙或接缝处会出现发光
+
+VPL不能做glossy的物体
+
+窄缝发光问题与距离平方向有关，在计算light sampling时，更改立体角的采样为对面积的采样，所以产生了面积乘以cos除以两个点之间的距离的值，当两个点距离极近时就会得到一个非常大的结果
+
+![](../../images/instant_radiosity_eg.png)
+
+
+## 高级外观建模
+
+### 散射介质/参与介质(participating media)
+
+定义在空间中而非简单的表面上,如：
+
+雾
+
+![](../../images/participating_media_fog.png)
+
+云
+
+![](../../images/participating_media_cloud.png)
+
+--------------------
+
+光在前进的路径上如果穿进了散射介质则会发生散射和吸收
+
+1. 如云中间有光源则其本身会发光
+2. 光线路径上如果有很多小的晶体则会把光线随机反射到其他方向上去
+3. 传播的过程中也可能会接收到从其他方向反射过来的光
+
+![](../../images/participating_media1.png)
+
+#### 散射计算
+
+类比与物体表面，物体为diffuse的才会认为光线被均匀地反射到各个不同的方向上去，散射介质也是相同，任何一点都会发生散射，使用Phase Function(相位函数)定义散射计算
+
+下图相位函数决定了散射的方式和方向(与BRDF类似，BRDF决定如何反射，相位函数决定如何散射)
+
+![](../../images/participating_media2.png)
+
+#### 散射介质渲染
+
+光线在散射介质内部能传播多远是有这个介质的吸收能力决定，当传播停止后再考虑光线的反射方向，与光在物体表面的弹射类似，只是中间的任何一个点都有可能会发生方向的改变。但始终会找到一个path，在将弹射点和光源相连，计算整个路径的贡献(不考虑Rendering equation，因为渲染方程描述物体表面与物体的作用而非体积间的相互作用)
+
+#### 应用
+
+超能特工队
+
+![](../../images/participating_media_application1.png)
+
+游戏：刺客信条
+
+![](../../images/participating_media_application2.png)
+
+巧克力(流体模拟)
+
+![](../../images/participating_media_demo.png)
+
+### 毛发建模(Hair/fur/fiber)缩写：BCSDF
+
+如下图中所示，头发往往是一根一根的，若梳理平整还可暂且视为表面，但大多数情况下，头发都是飘散的
+
+可见头发会有两种高光，一种无色发白，一种有色
+
+![](../../images/hair_appearance.png)
+
+#### 高光计算
+
+如下图中的模型，一根光线打到圆柱上(毛发模型)会散射出一个圆柱，且同时有光线散射到各个方向上
+
+* kajiya-Kay Model
+
+![](../../images/kajiya-kay_model.png)
+
+但表现却不太符合现实，与Blinn-Phong类似
+
+![](../../images/eg_kajiya-kay_model.png)
+
+* Marschner Model
+
+该模型广泛使用，考虑了光线打到圆柱上的情形
+
+1. 有部分光被反射，记为R
+2. 一部分会穿透到头发里发生折射，可记为T，一根光线要穿透一根头发需要穿透两次，因而产生TT的光线传播方式
+3. 光线发生一次穿透进入头发内部，在头发内壁上发生一次反射后返回，返回时再发生一次穿透，记为TRT
+
+![](../../images/marschner_model1.png)
+
+在这一模型中(下图左)，我们会将头发认为是一个玻璃的圆柱(总体可认为是扭曲，但局部必定是直的)，包含两种结构，外层cuticle(表层)，内层cortex(皮层)
+
+头发内部存在有色素，光线穿透后会有部分被吸收再向外传播
+
+![](../../images/marschner_model2.png)
+
+该模型也考虑了三种光线和模型之间的相互作用(上图右)
+
+将计算结果综合后可得到一个十分拟真的效果
+
+![](../../images/eg_marschner_model.png)
+
+当然上述过程只定义了单根头发与光线的相互作用，与多根头发作用时需要额外计算多次散射
+
+多次散射：光线打到一根头发穿透两次再和第二根，第三根$\dotsb$直到光线进入摄像机(被看见)，计算量庞大
+
+应用：
+
+最终幻想15(ff15)
+
+![](../../images/hair_appearance_model_application1.png)
+
+疯狂动物城
+
+![](../../images/hair_appearance_model_application2.png)
+
+-------------------------
+
+### 动物毛发的计算
+
+人的毛发计算模型往往不能用于动物毛发计算，如下图，左侧为人的毛发模型计算结果，可见其不足以描述光线与动物毛发的相互作用
+
+![](../../images/fur_appearance_as_human_fur.png)
+
+* 生物结构
+
+人的毛发与动物毛发的共同点：
+
+都有三个结构，cuticle(表皮)、cotex(皮层)、Medulla(髓质，复杂内部结构，光线进入后会反射到各个方向)
+
+不同点：
+
+动物毛发中的髓质更大，光线进入后更容易发生反射
+
+![](../../images/human_fur_vs_animal_fur.png)
+
+由此可见，Marschner Model中忽略髓质在动物毛发计算中并不适用
+
+![](../../images/importance_of_medulla.png)
+
+有无髓质的对比
+
+![](../../images/importance_of_medulla2.png)
+
+
+#### 双层圆柱模型(Double Cylinder Model)
+
+该模型中加入了对髓质的精确描述
+
+![](../../images/double_cylinder_model.png)
+
+光线在打到表面后依旧会发生反射，穿过结构后也可能无法到达髓质或是到达后没有发生反射，与Marschner Model中一样，存在R、TT、TRT
+
+同样会有部分光穿过髓质的时候发散到各个方向上去(TTs),TRT也相同，在穿过髓质的过程中，两次都有可能被散射，形成TRTs
+
+![](../../images/double_cylinder_model_lobes.png)
+
+可以使用5个不同的分量，在原来的3个模型上加上2个散射的结果
+
+![](../../images/double_cylinder_model_lobes2.png)
+
+##### 应用
+
+下图中的仓鼠，由60万根毛发组成，在每像素中有1024个采样点的采样率下，每帧需要渲染36.9分钟
+
+![](../../images/60000_fur_fibers_hamster.png)
+
+猩球崛起
+
+![](../../images/double_cylinder_model_application1.png)
+
+狮子王
+
+![](../../images/double_cylinder_model_application2.png)
+
+#### 颗粒材质(Granular Material)
+
+如香料、盐、糖等等
+
+![](../../images/granular_material.png)
+
+计算量很大，但可以做些简化
+
+比如一个沙子城堡，每一单元上由不同石子构成，各自成分占比也可得出，渲染结果在离得近的时候可以看到一粒一粒的，离得远的情况下就会是一个沙丘
+
+![](../../images/granular_material_1.png)
+
+![](../../images/granular_material_application1.png)
+
+![](../../images/granular_material_application2.png)
+
+--------------------
+
+### 表面模型(Surface Models)
+
+#### 半透明材质(Translucent Material)
+
+翻译有些许错误，Translucent不应为半透明，semitransparent才是半透明，两者存在些许差别
+
+光线在穿过透明介质时会涉及到吸收，本身还涉及到散射，说明光线可以从某一个地方进入这一个表面再从另一个地方出这个表面
+
+即并非沿着一个方向传播并被吸收，可以被传导到其他方向上去
+
+![](../../images/translucent_material_jade.png)
+
+![](../../images/translucent_material_jellyfish.png)
+
+在物理上，常常认为光线在某一个点进入某一个表面，在里面发生了大量散射，从另一个点钻出
+
+![](../../images/subsurface_scattering.png)
+
+#### 次表面散射(Subsurface Scattering)
+
+出于描述上述反射过程的目的，将其定义为次表面散射
+
+##### 次表面散射可理解为对BRDF概念的延伸
+
+BRDF: 光线打到这个点，并从这个点出来，所有作用都发生在一个点上
+
+BSSRDF：可理解为吧BRDF的概念延伸到从一个点以任意方向进来再从任意一个其他的地方以任意方向出去
+
+![](../../images/BRDF_vs_BSSRDF.png)
+
+* 定义
+
+和BRDF概念一致，只是在中间加入了一个Subsurface Scattering,次表面反射对应的BSSRDF规定了光线从哪个点和方向进，从哪个点和方向出
+
+$$S(x_i,\omega_i,x_o,\omega_o)$$
+
+* 渲染方程
+
+需要额外考虑从各个方向进入其他点的光，因此需要对方向和面积进行积分
+
+$$L(x_o,\omega_o) = \int_A\int_{H^2} {S(x_i,\omega_i,x_o,\omega_o)L_i(x_i,\omega_i)\cos\theta_id\omega_idA}$$
+
+
+* Dipole Approximation
+
+以上算法稍显复杂，我们可以采用一下方式进行简化
+
+光线打到物体上与物体底部出现光源类似，会从底部照亮着色点周围的一片，为了物理上的真实，推出一个光源不够，还要对应上方有一个光源，还要对应上方存在一个光源，相当于有两个光源照亮周围着色点的一块
+
+![](../../images/dipole_approximation.png)
+
+* 效果
+
+BRDF，类石膏材质效果
+
+![](../../images/eg_BRDF_caarve.png)
+
+BSSRDF,类大理石
+
+![](../../images/eg_BSSRDF_carve.png)
+
+如图,BRDF渲染的皮肤效果显得干燥，BSSRDF则能有很好的效果
+
+![](../../images/BRDF_vs_BSSRDF.png)
+
+* 应用
+
+人脸渲染
+
+![](../../images/BSSRDF_application.png)
+
+
+### 布料(cloth)
+
+* 布料组成
+
+由一系列缠绕的纤维构成，有几个不同的层级
+
+纤维(fiber)是最基础的，纤维可以缠绕成不同的股(ply),不同的股再经过不同的缠绕形成线(yarn)
+
+![](../../images/cloth_yarn_and_ply.png)
+
+Woven or Knitted(编织或针织)
+
+一种是机器织的，一根压一根的，像桌布之类的做法
+
+一种是手工织的，像打毛衣一样
+
+对于布来说，它是纤维缠绕而成的，所以算它的表面模型就非常麻烦，因为与针织或纺织的方向有关
+
+可以通过编织图案计算BRDF模型
+
+* 问题
+
+布料模型大多数并非在一个表面上，难以使用BRDF来表示
+
+![](../../images/render_as_surface_limitation.png)
+
+* 解决方案1
+
+所以将织物认为是在空间中分布的体积，然后可以将其划分成超级细小的格子，每一个格子里面大概知道纤维的朝向、分布、复杂程度等等，那就可以将这些性质转化成光线的吸收和散射。将这些性质转换成对云烟雾这种反射介质的渲染，不再将布料当成一个面，而是当成一个体积，体积中任何一个微小的块都知道它的性质
+
+计算量庞大，计算时间长
+
+![](../../images/cloth_render_as_participating_media.png)
+
+* 解决方案2
+
+布料本身是纤维，渲染每一根纤维也能产生很好的效果，计算量同样惊人
+
+![](../../images/cloth_render_as_actual_fibers.png)
+
+* 应用
+
+![](../../images/cloth_application.png)
+
+
+#### 有细节的材质(Detailed Appearance)
+
+如下图，渲染结果不错但并不真实，因为结果过于完美
+
+![](../../images/detailed_appearance_motivation.png)
+
+真实情况下车上会有高光，高光周围会有类似于蜘蛛网结构的划痕。鼠标上则会有由很多小的凸起形成的高光
+
+![](../../images/detailed_appearance_motivation1.png)
+
+下图由微表面模型渲染得出，结果完美但不真实
+
+![](../../images/detailer_appearance1.png)
+
+加入了实际可能产生不完美的地方
+
+![](../../images/detailer_appearance2.png)
+
+模拟被同方向刷出的各项异性材质
+
+![](../../images/detailer_appearance3.png)
+
+* 微表面模型中的法线分布
+
+微表面模型中重要的是微表面的法线分布，描述分布时，往往使用非常简单的模型(正态分布、高斯)，得到的自然是没有什么细节的结果(法线分布没有体现各种各样的变化和细节)
+
+![](../../images/distribution_of_normals.png)
+
+在蜗牛壳上贴了一个大的法线贴图，每个面都可以产生高光，所有高光形成一起就可以变成一个大高光
+
+![](../../images/define_detail1.png)
+
+Metallic flakes:可替换别的模型，例如很多人在车漆中添加的亮片，亮片会形成很多不同的方向，不同方向会形成不同的反光
+
+![](../../images/different_details2.png)
+
+虽然能够定义各种细节，但渲染十分困难，需要渲染接近一个月才能得到这个结果
+
+![](../../images/details_apperance_3.png)
+
+* 渲染困难的原因：
+
+认为每一个微表面是一个镜面，如下图场景中有一个针孔摄像机和一个点光源，那从摄像机打根光线过去，打到哪个表面，就可以知道它的法线，也就可以知道它的镜面反射方向，所以也就很难通过反射的方式让光线打到光源上。从光源打过来也是同理，打到一个微表面，并且知道如何反射，但就是反射不到摄像机上去
+
+![](../../images/difficult_path_sampling_problem.png)
+
+解决：
+由于一个像素会覆盖很多的微表面，如果将一个小的范围内的微表面的法线分布计算出来便可代替原本光滑的分布并用在微表面模型里
+
+![](../../images/BRDF_over_a_pixel.png)
+
+
+* P-NDF的形状：
+
+如果考虑像素覆盖的范围，就可以得到各种各样神奇的法线分布(NDF)。可以想象一个像素覆盖了非常多的微表面，那这些微表面自然会显示出一些统计学的规律,那如果覆盖的范围小，就会显示出一些很独特的性质，法线分布就会看上去很有特点
+
+![](../../images/p-NDFs_have_sharp_features.png)
+
+不同类型的法线贴图会引起不同的法线分布
+
+![](../../images/p-NDF_sharps.png)
+
+* 例子和应用
+
+![](../../images/blender_detail.png)
+
+![](../../images/ocean_wave_detail.png)
+
+游戏中的应用-古墓丽影中的雪地
+
+![](../../images/detailed_material_application.png)
+
+#### 波动光学
+
+引入细节后，还用几何光学解释就不对，物理上当物体非常小，小到和光的波长相当时，就不能假设光线是沿直线传播的，而必须假设这个光是一个波，这就会涉及到衍射和干涉现象的发生
+
+![](../../images/wave_optics_application.png)
+
+比如在黑屋里，用点光源照亮一个金属片，会在本身只有一个颜色的金属片上看到各种各样的颜色
+
+![](../../images/Observations_1.png)
+
+![](../../images/Observations_2.png)
+
+白光照射后反射出来的便为白光，如果不是白的就一定有波动光学(Wave Optics)
+
+波动光学得出的BRDF与几何光学的BRDF很像但具有不连续的特点(光会发生干涉，会引起部分区域加强或减弱)
+
+![](../../images/detailed_material_under_wave_optics.png)
+
+以下为波动关系渲染的结果
+
+![](../../images/wave_optics_application.png)
+
+![](../../images/wave_optics_application%202.png)
+
+--------------------
+
+### 程序化材质生成(Procedural Appearance)
+
+用一定的方式指导生成，无需真正地生成，可以动态查询
+
+如下图可定义各种各样的花纹，花瓶打碎后可见花瓶内部纹理,可定义一个三维纹理
+
+![](../../images/procedural_appearance1.png)
+
+存储量在三维下会变得很大，可利用noise函数(x,y,z)，给定任何x,y,z可得到对应的值,这样可以实现什么时候用就什么时候去查
+
+![](../../images/procedural_appearance2.png)
+
+procedural更多意味着不生成，需要时再查询
+
+* 车上的锈
+
+可生成一系列噪声，可对噪声做出一系列操作(二值化(binary noise))；铁锈往往是不同区域有不同分布，这个噪声如果为0到1，当函数值大于0.8时认为是1，小于0.8就认为是0
+
+![](../../images/procedural_appearance3.png)
+
+应用最广泛的是柏林(Perlin)噪声
+
+* 生成地形
+
+![](../../images/procedural_appearance4.png)
+
+* 生成海浪
+
+![](../../images/procedural_appearance5.png)
+
+* 生成木头纹理
+
+![](../../images/procedural_appearance6.png)
+
+常用Houdini来做程序化材质，且是先程序化生成再拿去使用
+
+-------------------
+
diff --git a/content/mathematics/公式大全.md b/content/mathematics/公式大全.md
new file mode 100644
index 0000000..67aeddc
--- /dev/null
+++ b/content/mathematics/公式大全.md
@@ -0,0 +1,13 @@
+---
+title: "《数学一》公式大全"
+date: 2022-12-24T13:05:40+08:00
+
+---
+
+# 高等数学
+
+## 函数，极限，连续
+
+### 函数
+
+#### 函数的定义
diff --git a/content/posts/hello-world.md b/content/posts/hello-world.md
new file mode 100644
index 0000000..175d137
--- /dev/null
+++ b/content/posts/hello-world.md
@@ -0,0 +1,6 @@
+---
+title: "Hello World"
+date: 2022-05-10T09:01:33+08:00
+draft: true
+---
+this is a test post
\ No newline at end of file
diff --git a/content/stuff/result.md b/content/stuff/result.md
new file mode 100644
index 0000000..05021bf
--- /dev/null
+++ b/content/stuff/result.md
@@ -0,0 +1,10955 @@
+
+---
+title: "每日一题"
+date: 2022-08-22T21:53:27+08:00
+
+---
+
+
+该题更新于：2022-09-02 18:45:36
+
+ 
+-----每日一题 Day 39------
+ 
+
+计算机组成原理
+4  某虚拟存储器系统采用页式内存管理,假定内存容量为4个页面,开始时是空的,页面访问地址流：1 8 1 7 8 2 7 2 1 8 3 8 2 1 3 1 7 1 3 7 使用LRU页面替换算法的命中率是______（西北工业大学 2015年）
+
+A 65%
+
+B 70%
+
+C 75%
+
+D 80% 
+ 
+
+---------
+
+该题更新于：2022-09-02 18:44:49
+
+ 
+-----每日一题 Day 39------
+ 
+
+操作系统
+3 有三个同时到达的作业J1、J2、J3，运行时间分别是1、2、3，若系统中仅有一台单道运行的处理机，按照______序列执行时平均周转时间最小。（西安电子科技大学 2013年）
+A J1-->J2-->J3
+
+B J2-->J3-->J1
+
+C J2-->J1-->J3
+
+D.J1-->J3-->J2 
+ 
+
+---------
+
+该题更新于：2022-09-02 18:44:03
+
+ 
+-----每日一题 Day 39------
+ 
+
+计算机网络
+2 在因特网中，下列哪个不是IP层所需解决的问题______（中国海洋大学 2011年）
+
+A 流量控制
+
+B 路径选择
+
+C 寻址
+
+D 分段和重新组装 
+ 
+
+---------
+
+该题更新于：2022-09-01 16:51:32
+
+ 
+-----每日一题 Day 38------
+ 
+
+计算机组成原理
+
+4 ‌假设同一套指令集用不同的方法设计了两种机器M1和M2。机器M1的时钟周期为0.8ns，机器M2的时钟周期为1.2ns。某个程序P在机器M1上运行时的CPI为4，在M2上的CPI为2。对于程序P来说，哪台机器的执行速度更快？快多少？ ______(上海交通大学)
+‍
+A.M1 比 M2快，快25%
+
+B.M2 比 M1 快，快33%
+
+C.M1 比M2快，快33%
+
+D.M2 比 M1 快，快25% 
+ 
+
+---------
+
+该题更新于：2022-09-01 16:50:38
+
+ 
+-----每日一题 Day 38------
+ 
+
+操作系统
+
+3 解决碎片问题，以及使程序可浮动的最好的办法是采用____技术（辽宁大学 2014年）
+
+A 静态重定位
+
+B 动态重定位
+
+C 内存静态分配
+
+D 内存动态分配 
+ 
+
+---------
+
+该题更新于：2022-09-01 16:49:43
+
+ 
+-----每日一题 Day 38------
+ 
+
+计算机网络
+
+2 关于千兆以太网的说法中不正确的是_____（重庆大学 2010年）
+
+A 千兆以太网中可以使用光纤或者双绞线
+
+B 千兆以太网仍然可以使用共享介质技术
+
+C 千兆以太网只能工作在全双工模式
+
+D 千兆以太网介质访问控制方法仍然可以使用CSMA/CD技术 
+ 
+
+---------
+
+该题更新于：2022-09-01 16:48:10
+
+ 
+-----每日一题 Day 38------
+ 
+
+数据结构
+
+1  一个具有513个节点的二叉树，有___种可能的层高（西安交通大学 2015年）
+
+A 513
+
+B 512
+
+C 504
+
+D 503 
+ 
+
+---------
+
+该题更新于：2022-08-31 18:00:48
+
+ 
+-----每日一题 Day 37------
+ 
+
+计算机组成原理
+
+4 一个计算机有cache、主存和用于虚拟存储的磁盘。若所访问的字在cache中,则存取它只需20ns。若字在主存而不在cache中,则需要60ns将它装入cache,然后再从cache存取。若字不在主存中,则需要12ns将它由磁盘取来装入主存,再用60ns将它复制到cache,最后从cache存取。cache命中率是0.9,主存命中率是0.6。那么此系统访问一个字的平均存取时间是_____(以ns为单位)(清华大学 2012年)
+
+A 18
+
+B 21.68
+
+C 22.8
+
+D 26.48 
+ 
+
+---------
+
+该题更新于：2022-08-31 17:59:55
+
+ 
+-----每日一题 Day 37------
+ 
+
+操作系统
+
+3 下列说法正确的是_____（南京大学 2012年）
+
+A 请求分页存储管理系统，若把页面的大小增加一倍，则 缺页中断次数会减少一半。 
+
+B 虚拟存储器的实现是基于程序局部性原理，其实质是借助外存将内存较小的物理地址空间转化为较大的逻辑地址空间。 
+
+C 虚存容量仅受外存容量的限制。
+
+D 请求分页存储管理中，页面置换算法很多，但只有佳置换算法能完全避免进程的抖动，因而应用广泛；其他如改进型 CLOCK算法虽然也能避免进程的抖动，但其效率一般很低。
+ 
+
+---------
+
+该题更新于：2022-08-31 17:58:52
+
+ 
+-----每日一题 Day 37------
+ 
+
+计算机网络
+
+2 当一台计算机发送 E-mail 信息给另外一台计算机时，下列的哪一个过程正确描述了数据打包的 5 个转换步骤______（华中科技大学 2011年）
+
+A 数据，数据段，数据包，数据帧，比特
+
+B 比特，数据帧，数据包，数据段，数据
+
+C 数据包，数据段，数据，比特，数据帧
+
+D 数据段，数据包，数据帧，比特，数据 
+ 
+
+---------
+
+该题更新于：2022-08-31 17:57:57
+
+ 
+-----每日一题 Day 37------
+ 
+
+数据结构
+
+1 一棵有15个节点的完全二叉树和一棵同样有15个节点的普通二叉树，叶子节点的个数最多会差_____个（南开大学 2015年）
+
+A 3
+
+B 5
+
+C 7
+
+D 9 
+ 
+
+---------
+
+该题更新于：2022-08-30 18:35:17
+
+ 
+-----每日一题 Day 36------
+ 
+
+计算机组成原理
+
+4 ‌假定编译器将赋值语句“x=x+3；”转换为指令“add xaddt,3”, 其中xaddt是x对应的存储单元地址，若执行该指令的计算机采用页式虚拟存储管理方式，并配有相应的TLB，且Cache使用直写方式，完成该指令的功能，需要访问主存的次数最少是_____次(电子科技大学)
+
+A.2
+
+B.3
+
+C.0
+
+D.1 
+ 
+
+---------
+
+该题更新于：2022-08-30 18:34:24
+
+ 
+-----每日一题 Day 36------
+ 
+
+操作系统
+
+3 下列关于线程说法错误的是______（辽宁大学 2015年）
+
+A 耗时的操作使用线程，提高程序响应
+
+B 耗内存的操作使用线程，提高内存利用率
+
+C 多CPU的系统使用线程，提高CPU利用率
+
+D 并行操作使用线程，如c/s架构中服务端程序为每个客户端请求创建一个线程来响应 
+ 
+
+---------
+
+该题更新于：2022-08-30 18:33:18
+
+ 
+-----每日一题 Day 36------
+ 
+
+计算机网络
+
+2 下列说法错误的是_____（杭州电子科技大学 2012年）
+
+A 信道的码元传输速率是有上限的
+
+B 频带宽度越宽的信道，其信息传输速率越大
+
+C 信噪比越大的信道，其信息传输速率越大
+
+D 在信道频带宽度和信噪比不变的情况下，可以通过调制方式提高码元极限传输速率 
+ 
+
+---------
+
+该题更新于：2022-08-30 18:32:17
+
+ 
+-----每日一题 Day 36------
+ 
+
+数据结构
+
+1 设F是由T1、T2和T3三棵树组成的森林，与F对应的二叉树为B，T1、T2和T3的结点数分别为N1、N2和N3，则二叉树B的根结点的左子树的结点数为______（福州大学 2014年）
+
+A N1-1
+
+B N2-1
+
+C N2+N3
+
+D N1+N3 
+ 
+
+---------
+
+该题更新于：2022-08-29 18:53:57
+
+ 
+-----每日一题 Day 35------
+ 
+
+计算机组成原理
+
+4 设存储器容量为512K字,字长32位,模块数=8,用交叉方式进行组织。存储周期T=200ns,数据总线宽度为32位,总线传送周期τ=50ns。则交叉存储器带宽是_____位/s（北京大学 2016年）
+
+A 46.5×10^(7)
+
+B 16×10^(7)
+
+C 5.5×10^(7)
+
+D 32×10^(7) 
+ 
+
+---------
+
+该题更新于：2022-08-29 18:53:03
+
+ 
+-----每日一题 Day 35------
+ 
+
+操作系统
+
+3 下列说法不正确的是______（北京交通大学 2014年）
+
+A 可以采用一次性请求所有资源来预防死锁
+
+B 可以采用强占其它进程已占资源的方法来预防死锁
+
+C 可以通过提高进程优先级的方法解除死锁
+
+D 可以采用资源分配拒绝策略（如银行家算法）避免死锁 
+ 
+
+---------
+
+该题更新于：2022-08-29 18:52:10
+
+ 
+-----每日一题 Day 35------
+ 
+
+计算机网络
+
+2 以下哪一个不属于因特网基本的服务功能______（北京航空航天大学 2010年）
+
+A DNS
+
+B E-mail
+
+C WWW
+
+D FTP 
+ 
+
+---------
+
+该题更新于：2022-08-29 18:51:04
+
+ 
+-----每日一题 Day 35------
+ 
+
+数据结构
+
+1 分别以下列序列构造二叉排序树，与用其它三个序列所构造的结果不同的是_____(安徽大学 2015年)
+
+A (100,80,60,90,120,130,110)
+
+B (100,120,110,130,80,60,90)
+
+C (100,80,90,60,120,110,130)
+
+D (100,60,80,90,120,110,130) 
+ 
+
+---------
+
+该题更新于：2022-08-26 18:07:26
+
+ 
+-----每日一题 Day 34------
+ 
+
+计算机组成原理
+
+4 以下关于流水段的功能部件的描述中，错误的是_______（上海大学 2014年）
+‏
+A.所有功能部件都要用组合逻辑实现
+
+B.同一个功能部件可以在不同的流水段中被使用
+
+C.寄存器写口只能在指令结束时的“写回”阶段被使用
+
+D.每个功能部件在每条指令中都只被使用一次 
+ 
+
+---------
+
+该题更新于：2022-08-26 18:06:37
+
+ 
+-----每日一题 Day 34------
+ 
+
+操作系统
+
+3 下列说法正确的是_____（南京理工大学 2012年）
+
+A 作业一旦被作业调度选中，就获得了CPU的控制权。 
+
+B 单CPU多道程序设计是指每一时刻可以有多个进程在执行。
+
+C 用户进程所执行的程序都是用户编写的程序。 
+
+D 为了避免出现内存中进程全部处于阻塞状态的情况，操作 系统可选择将一些进程转移到磁盘，再调入新进程运行。 
+ 
+
+---------
+
+该题更新于：2022-08-26 18:05:32
+
+ 
+-----每日一题 Day 34------
+ 
+
+计算机网络
+
+2 下列地址中_____是私有地址（重庆邮电大学 2010年）
+
+A 172.32.0.1
+
+B 172.0.0.1
+
+C 172.16.0.255
+
+D 172.15.255.255 
+ 
+
+---------
+
+该题更新于：2022-08-26 18:01:39
+
+ 
+-----每日一题 Day 34------
+ 
+
+数据结构
+
+1 能说明快速排序是不稳定的排序方法的一组关键字序列是______（暨南大学 2011年）
+
+A (10，20， 30， 40，50)
+
+B (50，40， 30, 20，10)
+
+C (20, 20，30，10，40)
+
+D (20， 40， 30, 30， 10) 
+ 
+
+---------
+
+该题更新于：2022-08-25 17:23:18
+
+ 
+-----每日一题 Day 33------
+ 
+
+计算机组成原理
+
+4 ．关于模４补码，下面叙述正确的是_______。（西安电子科技大学 2013年）
+ 
+Ａ．模４补码与模２补码不同，它更容易检查乘除运算中的溢出问题 
+
+Ｂ．每个模４补码存储时，只要存１个符号位 
+
+Ｃ．存储每个模４补码时，需要存２个符号位 
+
+Ｄ．模４补码，在算术与逻辑部件中为１个符号位 
+ 
+
+---------
+
+该题更新于：2022-08-25 17:22:24
+
+ 
+-----每日一题 Day 33------
+ 
+
+操作系统
+
+3 若干个等待访问磁盘者依次要访问的磁道为 19、43、40、4、79、11、76，当前磁头位于 40 号柱面，若用最短寻道时间优先磁盘调度算法，则磁头移动总距离为______（厦门大学 2015年）
+
+A 271
+
+B 117
+
+C 110
+
+D 129 
+ 
+
+---------
+
+该题更新于：2022-08-25 17:21:36
+
+ 
+-----每日一题 Day 33------
+ 
+
+计算机网络
+
+2 下列关于 IP 路由器功能的描述中，正确的是 _____（武汉大学 2016年）
+
+Ⅰ ． 运行路由协议，设置路由表
+
+Ⅱ ． 监测到拥塞时，合理丢弃 IP 分组
+
+Ⅲ ． 对收到的 IP 分组头进行差错校验，确保传输的 IP 分组不丢失
+
+Ⅳ ． 根据收到的 IP 分组的目的 IP 地址，将其转发到合适的输出线路上
+
+A 仅Ⅲ、Ⅳ
+
+B 仅Ⅰ、Ⅱ、Ⅲ
+
+C 仅Ⅰ、Ⅱ、Ⅳ
+
+D Ⅰ、Ⅱ、Ⅲ、Ⅳ 
+ 
+
+---------
+
+该题更新于：2022-08-25 17:13:33
+
+ 
+-----每日一题 Day 33------
+ 
+
+数据结构
+
+1  设一组初始记录关键字序列为(345，253，674，924，627)，则用基数排序需要进行_____趟的分配和回收才能使得初始关键字序列变成有序序列。(武汉科技大学 2014年)
+
+A 3
+
+B 4
+
+C 5
+
+D 8 
+ 
+
+---------
+
+该题更新于：2022-08-24 19:25:14
+
+ 
+-----每日一题 Day 32------
+ 
+
+计算机组成原理
+
+4 某计算机指令集中包含RR型运算指令（源操作数和目的操作数都是寄存器）、取数指令load,、存数指令store,、条件分支指令branch和直接跳转指令jump。 如果采用单周期数据通路实现该指令系统，各主要功能部件的操作时间为：指令存储器和数据存储器都是2ns; ALU和加法器都是1ns; 寄存器文件的读和写都是0.5ns. 在不考虑多路选择器、控制器、PC、符号扩展单元和传输延迟的情况下，该计算机的时钟周期至少为______（上海交通大学）
+
+A.5ns
+
+B.8ns
+
+C.7ns
+
+D.6ns 
+
+ 
+
+---------
+
+该题更新于：2022-08-24 19:23:23
+
+ 
+-----每日一题 Day 32------
+ 
+
+操作系统
+
+3 设文件F1 的当前引用计数为1，先建立F1 的符号链接文件F2，再建立F1 的硬链接文件 F3，则此时文件F1、F2 和F3 的引用计数值分别是_____(北京交通大学 2014年)
+
+A 2，1, 2
+
+B 2，2，2
+
+C 3，1，2
+
+D 3，2，2 
+ 
+
+---------
+
+该题更新于：2022-08-24 19:22:33
+
+ 
+-----每日一题 Day 32------
+ 
+
+计算机网络
+
+2 RIP 协议适用于基于 IP 的____（重庆邮电大学 2009年）
+
+A 大型网络
+
+B 中小型网络
+
+C 更大规模的网络
+
+D isp与isp之间 
+ 
+
+---------
+
+该题更新于：2022-08-24 19:21:27
+
+ 
+-----每日一题 Day 32------
+ 
+
+数据结构
+
+1 设查找表中有100个元素，如果用二分法查找方法查找数据元素X，则最多需要比较______次就可以断定数据元素X是否在查找表中。（福州大学 2014年）
+
+A 5
+
+B 6
+
+C 7
+
+D 8 
+ 
+
+---------
+
+该题更新于：2022-08-23 18:18:40
+
+ 
+-----每日一题 Day 31------
+ 
+
+计算机组成原理
+
+4 在以下情况中，不会引起指令流水线阻塞的是______（广东工业大学 2013年）
+
+A 外部中断
+
+B 指令数据相关
+
+C 条件转移
+
+D 数据旁路 
+ 
+
+---------
+
+该题更新于：2022-08-23 18:15:17
+
+ 
+-----每日一题 Day 31------
+ 
+
+计算机网络
+
+2 在使用 IP 地址时，如果网络号和主机号全1时，则表示_____（华东师范大学 2011年）
+
+A 地址可以使用，目的地址不可以使用，只在本网络进行广播
+
+B 源地址不可以使用，目的地址可以使用，只在本网络进行广播
+
+C 源地址可以使用，目的地址也可以使用，只在本网络进行广播
+
+D 源地址和目的地址都不可以使用，各路由器可以对广播进行转发 
+ 
+
+---------
+
+该题更新于：2022-08-23 18:14:05
+
+ 
+-----每日一题 Day 31------
+ 
+
+数据结构
+
+1 下列关键字序列为堆的是_____（南昌大学 2015年）
+
+A 100,60,70,50,32,65
+
+B 60,70,65,50,32,100
+
+C 65,100,70,32,50,60
+
+D 70,65,100,32,50,60 
+ 
+
+---------
+
+该题更新于：2022-08-22 21:55:53
+
+ 
+-----每日一题 Day 30------
+ 
+
+计算机组成原理
+
+4 连续两次启动同一存储器所需的最小时间间隔称为_____（合肥工业大学 2014年）
+
+A 存储周期
+
+B 存取时间
+
+C 存储时间
+
+D 访问周期 
+ 
+
+---------
+
+该题更新于：2022-08-22 21:54:25
+
+ 
+-----每日一题 Day 30------
+ 
+
+操作系统
+3 假设在单处理器多道程序系统中有5个程序A、B、C、D、E按顺 序几乎同时到达，其运行时间、优先级如下表所示
+
+程序	      运行时间(分钟)	     优先级
+
+A	        10				3
+
+B	         6				5
+
+C	         2				2
+
+D	         4				1
+
+E	         8				4
+
+
+对于HRRF调度算法，其平均周转时间为（不考虑进程切 换）_________分钟。 （南京大学 2012年）
+
+A 19.2
+
+B 14
+
+C 20
+
+D 18 
+ 
+
+
+---------
+
+该题更新于：2022-08-22 21:52:14
+
+ 
+-----每日一题 Day 30------
+ 
+
+计算机网络
+
+2 在无噪声情况下，若某通信链路的带宽为 6kHz ，若采用 4 个相位，每个相位具有 4 种振幅的 QAM 调制技术，那么该通信链路的最大数据传输速率变为_____(杭州电子科技大学 2011年)
+
+A 12kbps
+
+B 24kbps
+
+C 36kbps
+
+D 48kbps 
+ 
+
+---------
+
+该题更新于：2022-08-22 21:51:22
+
+ 
+-----每日一题 Day 30------
+ 
+
+数据结构
+
+1 下述有关hash冲突时候的解决方法的说法，错误的是_____（中科院计算所 1998年）
+
+A 通常有两类方法处理冲突：开放定址(Open Addressing)法和拉链(Chaining)法。
+
+B 开放定址更适合于造表前无法确定表长的情况
+
+C 在用拉链法构造的散列表中，删除结点的操作易于实现
+
+D 拉链法的缺点是：指针需要额外的空间，故当结点规模较小时，开放定址法较为节省空间 
+ 
+
+---------
+
+
+该题更新于：2022-08-19 16:56:19
+
+
+-----每日一题 Day 29------
+ 
+
+计算机组成原理
+
+4 主存地址为32位，按字节编址，主存和cache之间采用直接映射方式，主存块大小为4个字，每个字32位，采用回写（write back）方式，则能存放4K字数据的Cache的总容量的位数是_____(上海大学 2014年)
+
+A.148K 位
+
+B.158K 位
+
+C.146K 位
+
+D.147K 位 
+ 
+
+---------
+
+该题更新于：2022-08-19 16:55:25
+
+ 
+-----每日一题 Day 29------
+ 
+
+操作系统
+
+3 下列说法错误的是_____（复旦大学 2016年）
+
+A 批处理操作系统不允许用户随时干涉自己程序的运行。 
+
+B 单道批处理操作系统中，整个内存只用来存放一个用户程序，只有多任务操作系统中才会划分一部分空间用来存放管理程序。 
+
+C 用户程序中对操作系统的调用称为系统调用。实际上系统 调用指令本身是由CPU提供的机器指令，但其所调用的功能是操作系统提供的。 
+
+D 多机系统就是由两个或两个以上的计算机组成的计算机系统。 
+ 
+
+---------
+
+该题更新于：2022-08-19 16:54:15
+
+ 
+-----每日一题 Day 29------
+ 
+
+计算机网络
+
+2 一台刚刚接入互联网的WEB服务器第一次被访问到时，不同协议的发生顺序是下面中的____（杭州电子科技大学 2016年）
+
+A ARP -> DNS -> HTTP
+
+B ARP -> HTTP -> DNS
+
+C DNS -> HTTP -> ARP
+
+D HTTP -> DNS -> ARP 
+ 
+
+---------
+
+该题更新于：2022-08-19 16:53:21
+
+ 
+-----每日一题 Day 29------
+ 
+
+数据结构
+
+1 以下排序方式中占用O（n）辅助存储空间的是_____（安徽大学 2015年）
+
+A 简单选择排序
+
+B 快速排序
+
+C 堆排序
+
+D 二路归并排序 
+ 
+
+---------
+
+该题更新于：2022-08-18 18:14:21
+
+ 
+-----每日一题 Day 28------
+ 
+
+计算机组成原理
+
+4 设某流水线计算机有一个指令和数据合一的cache,已知cache的读/写时间为10ns,主存的读/写时间为100ns,取指的命中率为98%,数据的命中率为95%,在执行程序时,约有1/5指令需要存/取一个操作数,假设指令流水线在任何时候都不阻塞。与无cache比较,设置cache后计算机的运算速度可提高____倍(大连理工大学 2013年)
+
+A 2
+
+B 4
+
+C 8
+
+D 16 
+ 
+
+---------
+
+该题更新于：2022-08-18 18:13:32
+
+ 
+-----每日一题 Day 28------
+ 
+
+操作系统
+
+3 通过文件名存取文件时，文件系统内部的操作过程是通过_____（南京理工大学 2014年）
+
+A 文件在目录中查找文件数据存取位置。
+
+B 文件名直接找到文件的数据，进行存取操作。
+
+C 文件名在目录中查找对应的inode节点，通过inode节点存取文件数据。
+
+D 文件名在目录中查找对应的超级块，在超级块查找对应inode节点，通过inode节点存取文件数据 
+ 
+
+---------
+
+该题更新于：2022-08-18 18:12:33
+
+ 
+-----每日一题 Day 28------
+ 
+
+计算机网络
+
+2 下列观点正确的是_____（东南大学 2012年）
+
+A 组建计算机网络的目的是实现局域网的互联
+
+B 联入网络的所有计算机都必须使用同样的操作系统
+
+C 网络必须采用一个具有全局资源调度能力的分布操作系统
+
+D 互联的计算机是分布在不同地理位置的多台独立的自治计算机系统
+ 
+
+---------
+
+该题更新于：2022-08-18 18:11:39
+
+ 
+-----每日一题 Day 28------
+ 
+
+数据结构
+
+1 有一个单向链表，头指针和尾指针分别为p，q，以下____操作的复杂度会受队列长度的影响（福州大学 2014年）
+
+A 删除头部元素
+
+B 删除尾部元素
+
+C 头部元素之前插入一个元素
+
+D 尾部元素之后插入一个元素 
+ 
+
+---------
+
+该题更新于：2022-08-17 17:41:16
+
+ 
+-----每日一题 Day 27------
+ 
+
+计算机组成原理
+
+4 ‌对于IEEE754单精度浮点数加减运算，只要对阶时得到的两个阶码之差的绝对值大于等于______，就无须继续进行后续处理，此时运算结果直接取阶大的那个数.(电子科技大学)
+
+A.22
+
+B.23
+
+C.24
+
+D.25 
+ 
+
+---------
+
+该题更新于：2022-08-17 17:40:21
+
+ 
+-----每日一题 Day 27------
+ 
+
+操作系统
+
+3 在单处理器的多进程系统中，进程什么时候占用处理器和能占用多长时间，取决于____（重庆大学 2010年）
+
+A 进程相应的程序段的长度
+
+B 进程自身和进程调度策略
+
+C 进程总共需要运行时间多少
+
+D 进程完成什么功能 
+ 
+
+---------
+
+该题更新于：2022-08-17 17:39:13
+
+ 
+-----每日一题 Day 27------
+ 
+
+计算机网络
+
+2 某企业产品部的IP地址块为211.168.15.192/26，市场部的为211.168.15.160/27，财务部的为211.168.15.128/27，这三个地址块经聚合后可用地址数为_____（重庆邮电大学 2008年）
+
+A 126
+
+B 62
+
+C 128
+
+D 68 
+ 
+
+---------
+
+该题更新于：2022-08-17 17:38:01
+
+ 
+-----每日一题 Day 27------
+ 
+
+数据结构
+
+1 下面关于图的存储的叙述中正确的是____（北京师范大学 2015年）
+
+A 用邻接表法存储图，占用的存储空间大小只与图中边数有关，而与结点个数无关
+
+B 用邻接表法存储图，占用的存储空间大小与图中边数和结点个数都有关
+
+C 用邻接矩阵法存储图，占用的存储空间大小与图中结点个数和边数都有关
+
+D 用邻接矩阵法存储图，占用的存储空间大小只与图中边数有关，而与结点个数无关 
+ 
+
+---------
+
+该题更新于：2022-08-16 21:12:54
+
+ 
+-----每日一题 Day 26------
+ 
+
+计算机组成原理
+
+1. 假定一次ALU运算需要1个时钟周期，移位一次用1个时钟周期，则最快的32位原码一位乘法所需的时钟周期数大约为_____(北京大学)
+
+A.96
+
+B.32
+
+C.64
+
+D.100 
+ 
+
+---------
+
+该题更新于：2022-08-16 21:12:08
+
+ 
+-----每日一题 Day 26------
+ 
+
+操作系统
+
+3 下列说法不正确的是______（北京航空航天大学 2012年）
+
+A 子进程获得父进程的数据空间，堆和栈的复制品
+
+B 线程可以与同其进程的其他线程共享数据，但是它拥有自己的栈空间且拥有独立的执行序列
+
+C 线程执行开销小，但是不利于资源管理和保护
+
+D 进程适合在SMP机器上进行，而线程则可以跨机器迁移 
+ 
+
+---------
+
+该题更新于：2022-08-16 21:11:24
+
+ 
+-----每日一题 Day 26------
+ 
+
+计算机网络
+
+2 在以下几种拓扑结构中，使用线缆数量最多的是_____（重庆邮电大学 2008年）
+
+A 总线型
+
+B 环型
+
+C 树型
+
+D 星型 
+ 
+
+---------
+
+该题更新于：2022-08-16 21:10:17
+
+ 
+-----每日一题 Day 26------
+ 
+
+数据结构
+
+1.已知有向图G=(V,E)，其中V={a,b,c,d,e,f,g}，
+E={<a,b>,<a,c>,<a,d>,<b,e>,<c,e>,<c,f>,<d,f>,<e,g>,<f,g>}G的拓扑序列是________（北京工业大学 2013年）
+
+A a,c,d,f,b,e,g
+
+B a,c,b,f,d,e,g
+
+C a,c,d,e,b,f,g
+
+D a,b,e,c,d,f,g 
+ 
+
+---------
+
+该题更新于：2022-08-15 18:36:50
+
+ 
+-----每日一题 Day 25------
+ 
+
+计算机组成原理
+
+4.用一台主频为40MHz的处理器执行标准测试程序, 测试程序的指令条数(I)一共5000条。它所包含的混合指令数和响应所需的时钟周期如下表给出。这个处理器的MIPS数和程序的执行时间分别为________(上海交通大学)
+‍
+指令类型                          CPI          指令占比
+
+‍算术和逻辑                        1               60%
+‍
+高速缓存命中的访存          2              18%
+‍
+转移指令                           4              12%
+‍
+高速缓存失效的访存          8              10%
+
+A.2.24， 2.8*10^(-4)秒
+
+B.2.24， 112*10^(-4)秒
+
+C.17.9，  2.8*10^(-4) 秒
+
+D.89.6， 112*10^(-4) 秒 
+ 
+
+---------
+
+该题更新于：2022-08-15 18:35:12
+
+ 
+-----每日一题 Day 25------
+ 
+
+操作系统
+
+3. 不需要访问内存的寻址方式是_____（北京交通大学 2014年）
+
+A 直接寻址
+
+B 立即寻址
+
+C 间接寻址
+
+D 变址寻址 
+ 
+
+---------
+
+该题更新于：2022-08-15 18:34:21
+
+ 
+-----每日一题 Day 25------
+ 
+
+计算机网络
+
+2. 要发送的数据为11001001，采用CRC的生成多项式是P(X)=X3+X+1,则应添加在数据后面的余数为_________（北京航空航天大学 2010年）
+
+A 010
+
+B 101
+
+C 110
+
+D 001 
+ 
+
+---------
+
+该题更新于：2022-08-15 18:33:22
+
+ 
+-----每日一题 Day 25------
+ 
+
+数据结构
+
+1. 下列说法错误的是______(中国科学技术大学)
+
+A 只有在线性表的初始状态为反序的情况下,冒泡排序过程中元素的移动次数才会达到最大值。
+
+B 只有在线性表的初始状态为反序的情况下,简单选择排序过程中元素的移动次数才会达到最大值。
+
+C 只有在线性表的初始状态为反序的情况下,在直接插入排序过程中元素的移动次数才会达到最大值。
+
+D 对n个元素进行快速排序,在进行第一次划分时,关键字的比较次数总是n一1次。
+ 
+
+---------
+
+该题更新于：2022-08-12 15:07:30
+
+ 
+-----每日一题 Day 24------
+ 
+
+计算机组成原理
+
+4. 若x=103,y=-25,则下列表达式采用8位定点补码运算实现时，会发生溢出的是_____（太原理工大学 2009年）
+
+A x+y
+
+B -x+y
+
+C x-y
+
+D -x-y 
+ 
+
+---------
+
+该题更新于：2022-08-12 15:06:27
+
+ 
+-----每日一题 Day 24------
+ 
+
+操作系统
+
+3. 在下列有关请求分页管理的叙述中，正确的是_____（厦门大学 2016年）
+
+A.程序和数据是在开始执行前一次性装入的
+
+B.产生缺页中断一定要淘汰一个页面
+
+C.一个淘汰的页面一定要写回外存
+
+D.在页表中要有"中断位"、"访问位"等信息 
+ 
+
+---------
+
+该题更新于：2022-08-12 15:05:27
+
+ 
+-----每日一题 Day 24------
+ 
+
+计算机网络
+
+2. VLAN在现代组网技术中占有重要地位，同一个VLAN中的两台主机______（西北工业大学 2014年）
+
+A 必须连接在同一交换机上
+
+B 可以跨越多台交换机
+
+C 必须连接在同一集线器上
+
+D 可以跨越多台路由器 
+ 
+
+---------
+
+该题更新于：2022-08-12 15:04:06
+
+ 
+-----每日一题 Day 24------
+ 
+
+数据结构
+
+1. 某带链的队列初始状态为 front=rear=NULL 。经过一系列正常的入队与退队操作后， front=rear=10 。该队列中的元素个数为_______（苏州大学 2009年）
+
+A.1
+
+B.0
+
+C.1或0
+
+D.不确定
+ 
+
+---------
+
+该题更新于：2022-08-11 19:20:07
+
+ 
+-----每日一题 Day 23------
+ 
+
+计算机组成原理
+
+4. 下列说法正确的是________（南京理工大学 2014年）
+
+A.cache是内存的一部分,它可由指令直接访问。
+
+B.引入虚拟存储系统的目的,是为了加快外存的存取速度。
+
+C.在计算机中,存储器是数据传送的中心,但访问存储器的请求是由CPU或I/O所发出的。
+
+D.CPU中通常都设置若干个寄存器,这些寄存器与主存统一编址。访问这些寄存器的指令格式与访问存储器是相同的。 
+ 
+
+---------
+
+该题更新于：2022-08-11 19:19:02
+
+ 
+-----每日一题 Day 23------
+ 
+
+操作系统
+
+3. 在下述存储管理技术中，________处理不当会产生抖动。（辽宁大学 2017年）
+
+A.固定分区
+
+B.可变分区
+
+C.简单分页
+
+D.请求分页 
+ 
+
+---------
+
+该题更新于：2022-08-11 19:17:42
+
+ 
+-----每日一题 Day 23------
+ 
+
+计算机网络
+
+2. TCP/IP模型中，下列不属于网络层的协议是______（四川大学 2013年）
+
+A.IP协议
+
+B.ARP协议
+
+C.ICMP协议
+
+D.RIP协议 
+ 
+
+---------
+
+该题更新于：2022-08-11 19:16:08
+
+ 
+-----每日一题 Day 23------
+ 
+
+数据结构
+
+1. 下列排序算法中，某一趟排序结束后未必能选出一个元素放在其最终位置上的是______（南昌大学2015年）
+
+A.直接插入排序
+
+B.冒泡排序
+
+C.快速排序
+
+D.堆排序 
+ 
+
+---------
+
+该题更新于：2022-08-10 17:41:57
+
+ 
+-----每日一题 Day 22------
+ 
+
+计算机组成原理
+
+4.存储器容量为64MB，存储字长为64位，体数m = 8，分别用顺序方式和交叉方式进行组织。一个存储周期T = 100ns,数据总线宽度为64位，总线周期为 10ns 。‏各从顺序存储器和交叉存储器读出8个字，传输率（单位：位/秒）各是________（上海交通大学）
+
+A. 8 x 10^7, 1.7 x 10^7
+
+B. 1.7 x 10^7, 8 x 10^7
+
+C. 64 x 10^7, 301 x 10^7
+
+D. 8 x 10^7, 64 x 10^7 
+ 
+
+---------
+
+该题更新于：2022-08-10 17:38:53
+
+ 
+-----每日一题 Day 22------
+ 
+
+操作系统
+
+3. 下列说法错误的是_____（南京大学 2012年）
+
+A.在多道程序设计中，一个进程被中断后交出CPU控制权。一旦中断处理程序执行完成后，被中断的进程立即获得CPU控制权、恢复执行
+
+B.中断处理中，需要保护被中断进程的所有状态信息
+
+C.利用中断功能，处理器可以在I/O操作的执行过程中执行其它指令
+
+D.处理多个中断有两种方法：一种方法是正在处理一个中断时，禁止再发生中断；另一种方法是允许高优先级的中断打断低优先级的中断处理程序的执行 
+ 
+
+---------
+
+该题更新于：2022-08-10 17:37:53
+
+ 
+-----每日一题 Day 22------
+ 
+
+计算机网络
+
+2. 在数据通信中使用曼彻斯编码主要原因是_____（杭州电子科技大学 2015年）
+
+A. 实现对通道过程中传输错误的恢复
+
+B. 实现对通道过程中收发双方的数据同步
+
+C.提高对数据的有效传输速率
+
+D.提高传输信号的抗干扰能力 
+ 
+
+---------
+
+该题更新于：2022-08-10 17:36:53
+
+ 
+-----每日一题 Day 22------
+ 
+
+数据结构
+
+1. 以下________排序算法的最坏时间复杂度可以做到O(nlog(n))（暨南大学 2010年）
+
+A.归并排序
+
+B.快速排序
+
+C.冒泡排序
+
+D.插入排序 
+ 
+
+---------
+
+该题更新于：2022-08-09 22:16:42
+
+ 
+-----每日一题 Day 21------
+ 
+
+计算机组成原理
+
+4.下列说法错误的是______（上海大学 2016年）
+
+A.动态RAM和静态RAM都是易失性半导体存储器
+
+B.计算机的内存由RAM和ROM两种半导体存储器组成。
+
+C.个人微机使用过程中,突然断电RAM中保存的信息全部丢失,而ROM中保存的信
+息不受影响。
+
+D.CPU存储器容量越大,访问存储器所需的时间越长。 
+ 
+
+---------
+
+该题更新于：2022-08-09 22:15:52
+
+ 
+-----每日一题 Day 21------
+ 
+
+操作系统
+
+3.单处理机计算机系统中，______是并行操作的。（中国人民大学 2014年）
+
+A.处理机操作和通道操作
+
+B.程序与程序
+
+C.主程序与子程序
+
+D.用户程序与操作系统程序 
+ 
+
+---------
+
+该题更新于：2022-08-09 22:14:59
+
+ 
+-----每日一题 Day 21------
+ 
+
+计算机网络
+
+2. 下面关于以太网的描述正确的是_____（四川大学 2013年）
+
+A.数据是以广播方式发送的
+
+B.所有节点可以同时发送和接收数据
+
+C.节点若要发送数据时，检测到总线忙，就不再继续检测
+
+D.网络中有一个控制中心，用于控制所有节点的发送和接收 
+ 
+
+---------
+
+该题更新于：2022-08-09 22:14:00
+
+ 
+-----每日一题 Day 21------
+ 
+
+数据结构
+
+1. 假设在有序线性表A[1..30]上进行二分查找,则比较五次查找成功的结点数为______(厦门大学 2018年)
+
+A.8
+
+B.12
+
+C.15
+
+D.16 
+ 
+
+---------
+
+该题更新于：2022-08-08 18:29:32
+
+ 
+-----每日一题 Day 20------
+ 
+
+计算机组成原理
+
+4.给定一个32位 Linux 系统，系统中有一个数据容量为128 bytes的2路组关联映射cache，每个cache block的大小为32 bytes.  Long long 数据类型的长度为8 bytes， int数据类型的长度为4 bytes. 对如下程序，假设 table数组的内存起始地址是0x0.
+
+‏int i, int j; 
+
+‏int table[4][8];
+‏
+for (j = 0;
+ j < 8; j++) 
+‏ for (i = 0; i < 4; i++) 
+‏      
+ table[i][j] = i + j; 
+‏
+table中元素的访问，cache缺失率为_______（上海交通大学）
+
+A.1
+
+B.1/4
+
+C.1/8
+
+D.1/16 
+ 
+
+---------
+
+该题更新于：2022-08-08 18:27:26
+
+ 
+-----每日一题 Day 20------
+ 
+
+操作系统
+
+3.某文件系统采用位示图法管理外存储空间，每个磁盘块4KB，已知一块磁盘容量为40GB，则表示该磁盘所需的位示图需要占用_______的内存空间（广东工业大学 2018年）
+
+A.1280KB
+
+B.10240KB
+
+C.4096KB
+
+D.10MB 
+ 
+
+---------
+
+该题更新于：2022-08-08 18:26:32
+
+ 
+-----每日一题 Day 20------
+ 
+
+计算机网络
+
+2.以下各项中,不是数据报操作特点的是______（华中科技大学 2011年）
+
+A.每个分组自身携带有足够的信息,它的传送是被单独处理的
+
+B.在整个传送过程中,不需建立虚电路
+
+C.使所有分组按顺序到达目的端系统
+
+D.网络节点要为每个分组做出路由选择 
+ 
+
+---------
+
+该题更新于：2022-08-08 18:25:26
+
+ 
+-----每日一题 Day 20------
+ 
+
+数据结构
+
+1.一棵二叉树的前序遍历序列为ABCDEFG，它的中序遍历序列可能是______（湖南大学 2015年）
+
+A.CABDEFG
+
+B.ABCDEFG
+
+C.DACEFBG
+
+D.DBCEAFG 
+ 
+
+---------
+
+该题更新于：2022-08-05 17:34:18
+
+ 
+-----每日一题 Day 19------
+ 
+
+计算机组成原理
+
+4. 下列说法正确的是______（大连理工大学 2015年）
+
+A.浮点数的正负由阶码的正负符号决定。
+
+B.在CPU中执行算术运算和逻辑运算,都是按位进行且各位之间是独立无关的。
+
+C.全加器和半加器的区别在于是否考虑低位向高位进位。
+
+D.加法器是构成运算器的基本部件,为提高运算速度,运算器一般都采用串行加法器。 
+ 
+
+---------
+
+该题更新于：2022-08-05 17:33:23
+
+ 
+-----每日一题 Day 19------
+ 
+
+操作系统
+
+3. 在 Windows操作系统中，磁盘维护包括硬盘的检查、清理和碎片整理等功能，碎片整理的目的是______（广东工业大学 2013年）
+
+A.删除磁盘小文件
+
+B.获得更多磁盘可用空间
+
+C.优化磁盘文件存储
+
+D.改善磁盘的清洁度 
+ 
+
+---------
+
+该题更新于：2022-08-05 17:32:25
+
+ 
+-----每日一题 Day 19------
+ 
+
+计算机网络
+
+2. 下列选项中，对正确接收到的数据帧进行确认的MAC协议是_____（东南大学 2013年）
+
+A.CSMA
+
+B.CDMA
+
+C.CSMA/CD
+
+D.CSMA/CA
+ 
+
+---------
+
+该题更新于：2022-08-05 17:31:02
+
+ 
+-----每日一题 Day 19------
+ 
+
+数据结构
+
+1. 已知 10 个元素 (54,28,16,34,,73,62,95,60,26,43) ，按照依次插入的方法生成一棵二叉排序树，查找值为 62 的结点所需比较次数为_____（复旦大学 2014年）
+
+A. 2
+
+B. 3
+
+C. 4
+
+D. 5 
+ 
+
+---------
+
+该题更新于：2022-08-04 18:24:24
+
+ 
+-----每日一题 Day 18------
+ 
+
+计算机组成原理
+
+4. 某计算机的控制器采用微程序控制方式，微指令中的操作控制字段采用字段直接编码法，共有33 个微命令，构成 5 个互斥类，分别包含 7、 3、 12、 5 和 6 个微命令，则操作控制字段至少有______（大连理工大学 2015年）
+
+A.5位
+
+B.6位
+
+C.15位
+
+D.33位 
+ 
+
+---------
+
+该题更新于：2022-08-04 18:22:40
+
+ 
+-----每日一题 Day 18------
+ 
+
+操作系统
+
+3. 在微机系统中，对输入输出设备进行管理的基本程序模块(BIOS)存放在________（复旦大学 2014年）
+
+A.RAM中
+
+B.ROM中
+
+C.硬盘中
+
+D.寄存器中 
+ 
+
+---------
+
+该题更新于：2022-08-04 18:21:44
+
+ 
+-----每日一题 Day 18------
+ 
+
+计算机网络
+
+2. 下面关于虚拟局域网 VLAN 的叙述错误的是 _____（东南大学 2013年）
+
+A.VLAN是由一些局域网网段构成的与物理位置无关的逻辑组。
+
+B.利用以太网交换机可以很方便地实现VLAN。
+
+C.每一个VLAN的工作站可处在不同的局域网中。
+
+D.虚拟局域网是一种新型局域网。 
+ 
+
+---------
+
+该题更新于：2022-08-04 18:20:07
+
+ 
+-----每日一题 Day 18------
+ 
+
+数据结构
+
+1. 下面关于B和B+树的叙述中，不正确的是______（福州大学 2011年）
+
+A.B树和B+树都是平衡的多叉树。
+
+B.B树和B+树都可用于文件的索引结构。
+
+C.B树和B+树都能有效地支持顺序检索。
+
+D.B树和B+树都能有效地支持随机检索。 
+ 
+
+---------
+
+该题更新于：2022-08-03 17:31:05
+
+ 
+-----每日一题 Day 17------
+ 
+
+计算机组成原理
+
+4. 假定采用多模块交叉存储器组织方式，存储器芯片和总线支持突发传送，CPU通过存储器总线读取数据的过程为：发送首地址和读命令需1个时钟周期，存储器准备第一个数据需8个时钟周期，随后每个时钟周期总线上传送1个数据，可连续传送8个数据。若主存和cache之间交换的主存块大小为64B，存储宽度和总线宽度都为8B，则cache的一次缺失损失（缺失开销）至少为______个时钟周期。（北京理工大学 2011年）
+
+A.33
+
+B.20
+
+C.17
+
+D.65 
+ 
+
+---------
+
+该题更新于：2022-08-03 17:29:57
+
+ 
+-----每日一题 Day 17------
+ 
+
+操作系统
+
+3.下面关于采用抢占式调度方式系统中系统调用完成时返回的描述，不正确的是_______（北京大学 2014年）
+
+A.只有当调用者进程仍具有最高优先级时,才返回到调用者进程继续执行
+
+B.引发重新调度
+
+C.无条件返回调用者进程,从调用位置的下一条指令处继续执行
+
+D.有可能把调用者进程放入就绪队列而执行别的进程  
+
+---------
+
+该题更新于：2022-08-03 17:28:42
+
+ 
+-----每日一题 Day 17------
+ 
+
+计算机网络
+
+2.在 TCP 协议中，建立连接时需要将_____字段中的_______标志位置 1。（北京航空航天大学 2014年）
+
+A.保留,ACK
+
+B.保留,SYN
+
+C.偏移,ACK
+
+D.控制,SYN  
+
+---------
+
+该题更新于：2022-08-03 17:27:33
+
+ 
+-----每日一题 Day 17------
+ 
+
+数据结构
+
+1.一组记录的关键字为{25,48,16,35,79,82,23,40,36,72},其中,含有5个长度为2的有序表,按归并排序的方法对该序列再进行一趟归并后的结果为_______（北京工业大学 2011年）
+
+A.16,25,35,48,23,40,79,82,36,72
+
+B.16,25,35,48,79,82,23,36,40,72
+
+C.16,25,48,35,79,82,23,36,40,72
+
+D.16,25,35,48,79,23,36,40,72,82  
+
+---------
+
+该题更新于：2022-08-02 20:12:39
+
+ 
+-----每日一题 Day 16------
+ 
+
+计算机组成原理
+
+4.某32位计算机的cache容量为16KB，cache行的大小为16B，若主存与cache地址映像采用直接映像方式，则主存地址为0x1234E8F8的单元装入cache的地址是_______（北京科技大学 2012年）
+‍
+A.00010001001101；
+
+B.11010011101000；
+
+C.01000100011010；
+
+D.10100011111000； 
+ 
+
+---------
+
+该题更新于：2022-08-02 20:11:50
+
+ 
+-----每日一题 Day 16------
+ 
+
+操作系统
+
+3. 下列关于操作系统的各种功能的说法，正确的是______（北京交通大学 2016年）
+
+A.虚拟存储器"其实是外存
+
+B.文件管理可以实现文件的共享,保密和保护
+
+C.用户必须了解设备及接口的技术细节,才能使设备和计算机协调工作
+
+D.作业管理的任务主要是使内存资源得到合理使用。 
+ 
+
+---------
+
+该题更新于：2022-08-02 20:10:47
+
+ 
+-----每日一题 Day 16------
+ 
+
+计算机网络
+
+2.假如正在构建一个有22个子网的B类网络，但不久后该网络有可能会增至80个子网，同时每个子网要求支持至少300个主机，那么应该选择_____子网掩码（北京邮电大学 2015年）
+‍‍ 
+A.255.255.248.0
+
+B.255.255.255.0
+
+C.255.255.254.0
+
+D.255.255.0.0 
+ 
+
+---------
+
+该题更新于：2022-08-02 20:09:55
+
+ 
+-----每日一题 Day 16------
+ 
+
+数据结构
+
+1.数据表A中有10000个元素,如果仅要求找出其中最大的10个元素,则采用_______方法最节省时间（安徽大学 2015年）
+
+A.堆排序
+
+B.希尔排序
+
+C.快速排序
+
+D.基数排序 
+ 
+
+---------
+
+该题更新于：2022-08-01 22:00:04
+
+ 
+-----每日一题 Day 15------
+ 
+
+计算机组成原理
+
+4.下列说法正确的是_______（上海大学 2015年）
+
+A.一个正数的补码和这个数的原码表示一样,而正数的反码就不是该数的原码表示,而是原码各位数取反。
+
+B.表示定点数时,若要求数值0在计算机中惟一地表示为全0,应使用反码表示。
+
+C.将补码的符号位改用多位来表示,就变成变形补码,一个用双符号位表示的变形补码01.1010是正数。
+
+D.浮点数的取值范围由阶码的位数决定,而浮点数的精度由尾数的位数决定。 
+ 
+
+---------
+
+该题更新于：2022-08-01 21:59:09
+
+ 
+-----每日一题 Day 15------
+ 
+
+操作系统
+
+3.在SPOOLing系统中，用户进程实际分配到的是________。（北京交通大学 2014年）
+ A.一块内存区，即虚拟设备 
+
+B.共享设备的一部分存储区
+ 
+C.用户所要求的外设 
+
+D.虚拟设备的一部分空间 
+ 
+
+---------
+
+该题更新于：2022-08-01 21:58:17
+
+ 
+-----每日一题 Day 15------
+ 
+
+计算机网络
+
+2.一个数据报长度为4000字节(固定首部长度)。现在经过一个网络传送,但此网络能够传送的最大数据长度为1500字节。最后一个数据报片的片偏移字段为_____（杭州电子科技大学 2013年）
+
+A. 360
+
+B. 365
+
+C. 370
+
+D. 375 
+ 
+
+---------
+
+该题更新于：2022-08-01 21:56:59
+
+ 
+-----每日一题 Day 15------
+ 
+
+数据结构
+
+1.设哈希表长m=14,哈希函数H(key)=key MOD 11。表中已有4个节点addr(15)=4,addr(38)=5,addr(61)=6,addr(84)=7,其余地址为空,如用二次探查再散列法处理冲突,则关键字为49的节点的地址是_______(上海科技大学 2016年)
+
+A.8
+
+B.3
+
+C.5
+
+D.9
+ 
+
+---------
+
+该题更新于：2022-07-29 21:58:23
+
+ 
+-----每日一题 Day 14------
+ 
+
+计算机组成原理
+
+4. 下列说法正确的是______（清华大学 2012年）
+
+A. 兼容性是计算机的一个重要性能,通常是指向上兼容,即旧型号计算机的软件可以不加修改地在新型号计算机上运行。系列机通常月有这种兼容性。
+
+B.决定计算机计算精度的主要技术指标是计算机的字长。
+
+C.计算机"运算速度”指标的含义是指每秒钟能执行多少条操作系统的命令。
+
+D.利用大规模集成电路技术把计算机的运算部件和控制部件做在一块集成电路芯片上,这样的一块芯片叫做单片机。 
+ 
+
+---------
+
+该题更新于：2022-07-29 21:57:35
+
+ 
+-----每日一题 Day 14------
+ 
+
+操作系统
+
+3.在请求分页存储管理中，若采用FIFO页面淘汰算法，则当分配 的页面数增加时，缺页中断的次数________。 （厦门大学 2010年）
+
+A. 减少 
+
+B. 增加 
+
+C. 无影响 
+
+D.可能增加也可能减少 
+ 
+
+---------
+
+该题更新于：2022-07-29 21:52:10
+
+ 
+-----每日一题 Day 14------
+ 
+
+计算机网络
+
+2.一个网络有几个子网,其中的一个已经分配了子网掩码74.178.247.96/29。下列网络前缀中的________不能再分配给其他的子网（重庆大学 2010年）
+
+A. 74.178.247.120/29;
+
+B. 74.178.247.64/29;
+
+C. 74.178.247.80/28;
+
+D. 74.178.247.104/29 
+ 
+
+---------
+
+该题更新于：2022-07-29 21:51:17
+
+ 
+-----每日一题 Day 14------
+ 
+
+1.设有无向图G=(V,E)和G'=(V',E'),若G'是G的生成树,则下面说法不正确的是______(苏州大学 2009年)
+
+A.G'为G的连通分量
+
+B.G'是G的无环子图
+
+C.G'为G的子图
+
+D.G'为G的极小连通子图且V'=V 
+ 
+
+---------
+
+该题更新于：2022-07-28 21:51:13
+
+ 
+-----每日一题 Day 13------
+ 
+
+计算机组成原理
+
+4.某中断系统中,每抽取一个输入数据就要中断CPU一次,中断处理程序接收取样的数据,并将其保存到主存缓冲区内,该中断处理需要X秒。另一方面,缓冲区内每存储N个数据,主程序就将其取出进行处理,这种处理需要Y秒。因此,该系统可以每秒跟踪______次中断请求。（西安交通大学 2014年）
+
+A.N/(NX +Y)
+
+B.N/(X+Y)N
+
+C.min[1/X,1/Y]
+
+D.max[1/X,1/Y] 
+ 
+
+---------
+
+该题更新于：2022-07-28 21:50:27
+
+ 
+-----每日一题 Day 13------
+ 
+
+操作系统
+
+3. 在虚拟存储系统中，若进程在内存中占3块（开始时为空），采 用先进先出页面淘汰算法，当执行访问页号序列为1、2、3、4、1、 2、5、1、2、3、4、5、6时，将产生________次缺页中断。 （西安电子科技大学 2015年）
+
+A. 7 
+
+B. 8 
+
+C. 9 
+
+D. 10 
+ 
+
+---------
+
+该题更新于：2022-07-28 21:49:34
+
+ 
+-----每日一题 Day 13------
+ 
+
+计算机网络
+
+2.一个3200bit长的TCP报文传到IP层,加上160bit的首部后成为数据报。下面的互联网由两个局域网通过路由器连接起来。但第二个局域网所能传送的最长数据帧中的数据部分只有1200bit。因此数据报在路由器必须进行分片。则第二个局域网向其上层要传送________比特的数据(西北工业大学 2010年)
+
+A. 3360
+
+B. 3520
+
+C. 3680
+
+D. 3760 
+ 
+
+---------
+
+该题更新于：2022-07-28 21:48:47
+
+ 
+-----每日一题 Day 13------
+ 
+
+数据结构
+
+1.若一个有向图中的顶点不能排成一个拓扑序列,则可断定该有向图______（武汉科技大学 2013年）
+
+A.是个有根有向图
+
+B.是个强连通图
+
+C.含有多个入度为0的顶点
+
+D.含有顶点数目大于1的强连通分量 
+ 
+
+---------
+
+该题更新于：2022-07-27 21:22:57
+
+ 
+-----每日一题 Day 12------
+ 
+
+操作系统
+
+3. 下面内存管理方法中有利于程序动态链接的是________。（中国人民大学 2015年）
+ 
+A.分段存储管理 
+
+B.分页存储管理 
+
+C.可变分区分配 
+
+D.固定分区分配 
+ 
+
+---------
+
+该题更新于：2022-07-27 21:22:14
+
+ 
+-----每日一题 Day 12------
+ 
+
+计算机组成原理
+
+4. 下面情况下,可能不发生中断请求的是_____（中科院 2014年）
+
+A.DMA操作结束
+
+B.一条指令执行完毕
+
+C.机器出现故障
+
+D.执行"软中断”指令
+ 
+
+---------
+
+该题更新于：2022-07-27 21:20:26
+
+ 
+-----每日一题 Day 12------
+ 
+
+计算机网络
+
+2. 下列关于IP地址说法错误的是_____（中国海洋大学 2010年）
+
+A.IP地址不能反映任何有关主机位置的物理信息：
+
+B.一个主机同时连接在多个网络上时,该主机只能拥有一个自己的IP地址：
+
+C.由转发器或网桥连接起来的若干个局域网仍为一个网络：
+
+D.IP地址可用来指明一个网络的地址 
+ 
+
+---------
+
+该题更新于：2022-07-27 21:19:31
+
+ 
+-----每日一题 Day 12------
+ 
+
+数据结构
+
+1. 判定一个有向图是否存在回路除了可以利用拓扑排序方法外,还可以用_____（中国石油大学 2013年）
+
+A.求关键路径的方法
+
+B.求最短路径的Dijkstra方法
+
+C.广度优先遍历算法
+
+D.深度优先遍历算法 
+ 
+
+---------
+
+该题更新于：2022-07-26 21:25:16
+
+ 
+-----每日一题 Day 11------
+ 
+
+计算机组成原理
+
+4.以下论述正确的是_______(哈尔滨工业大学 2010年)
+
+A.CPU响应中断期间仍执行原程序
+
+B.在中断过程中,若又有中断源提出中断,CPU立即响应
+
+C.在中断响应中,保护断点、保护现场应由用户编程完成
+
+D.在中断响应中,保护断点是由中断响应自动完成的 
+ 
+
+---------
+
+该题更新于：2022-07-26 21:24:06
+
+ 
+-----每日一题 Day 11------
+ 
+
+操作系统
+
+3. 在可变式分区分配方案中，某一作业完成后，系统收回其主存空 间，并与相邻空闲区合并，为此需修改空闲区表，造成空闲区数减1的 情况是________。 （西安电子科技大学 2012年）
+
+A. 无上邻空闲区，也无下邻空闲区 
+
+B. 有上邻空闲区，但无下邻空闲区 
+
+C. 有下邻空闲区，但无上邻空闲区 
+
+D. 有上邻空闲区，也有下邻空闲区 
+ 
+
+---------
+
+该题更新于：2022-07-26 21:23:06
+
+ 
+-----每日一题 Day 11------
+ 
+
+计算机网络
+
+2. 下列关于流量控制和拥塞控制说法正确的是_____（南京大学 2011年）
+
+A流量控制是一个全局性的过程,涉及到所有的主机、所有的路由器,以及与降低网络传输性能有关的所有因素。
+
+B.流量控制往往指在给定的发送端和接收端之间的点对点通信量的控制。
+
+C..拥塞控制几乎总是涉及到接收者,接收者要向发送者反馈另一端情况的一些信息。
+
+D.拥塞控制体现在接收者不能跟上输入速度,流量控制体现在主机因网络承受能力有限而收到减慢发送的消息。 
+ 
+
+---------
+
+该题更新于：2022-07-26 21:21:57
+
+ 
+-----每日一题 Day 11------
+ 
+
+数据结构
+
+1. 带权有向图G用邻接矩阵A存储,则顶点i的入度等于A中_______（扬州大学 2013年）
+
+A.第i行非∞的元素之和
+
+B.第i列非∞的元素之和
+
+C.第i行非∞且非0的元素个数
+
+D.第i列非∞且非0的元素个数 
+ 
+
+
+---------
+
+该题更新于：2022-07-25 21:33:10
+
+ 
+-----每日一题 Day 10------
+ 
+
+计算机组成原理
+
+4. 微型机系统中,主机和高速硬盘进行数据交换一般采用________方式。（北京科技大学 2014年）
+
+A.程序中断控制
+
+B.直接存储器存取(DMA)
+
+C.程序直接控制
+
+D.通道控制 
+ 
+
+---------
+
+该题更新于：2022-07-25 21:32:16
+
+ 
+-----每日一题 Day 10------
+ 
+
+操作系统
+
+3. 分区存储管理方案不能采用虚存技术的原因是________。(电子科技大学 2009年)
+ 
+A.分区存储管理要求作业分次全部装入主存 
+
+B.分区存储管理要求作业分次全部装入主存，并一直驻留内存直 到运行结束
+ 
+C.分区存储管理作业可以部分装入主存但装入部分必须连续存放 
+
+D.分区存储管理要求作业一次性全部装入主存，并连续存放 
+ 
+
+---------
+
+该题更新于：2022-07-25 21:31:19
+
+ 
+-----每日一题 Day 10------
+ 
+
+计算机网络
+
+2. 下列关于PPP协议说法错误的是______（北京邮电大学 2013年）
+
+A. PPP协议是一种面向字节的协议
+
+B. PPP协议所有的帧长度都是整数个字节
+
+C. PPP协议使用一种特殊的字符填充法完成数据的填充
+
+D. PPP协议提供使用序号和确认的可靠传输。 
+ 
+
+---------
+
+该题更新于：2022-07-25 21:30:26
+
+ 
+-----每日一题 Day 10------
+ 
+
+数据结构
+
+1. 如果一棵二叉树的先序序列是…a…b…,中序序列是…b…a…,则_______（北京师范大学 2015年）
+
+A.节点a和节点b分别在某节点的左子树和右子树中
+
+B.节点b在节点a的右子树中
+
+C.节点b在节点a的左子树中
+
+D.节点a和节点b分别在某节点的两棵非空子树中 
+ 
+
+---------
+
+该题更新于：2022-07-22 17:10:11
+
+ 
+-----每日一题 Day 9------
+ 
+
+计算机组成原理
+
+4.计算机中常采用下列几种编码表示数据,其中,±0编码相同的是_______（杭州电子科技大学 2012年）
+    
+Ⅰ.原码   			
+Ⅱ.反码 		   	
+Ⅲ.补码 			  
+Ⅳ.移码
+
+
+A.I和Ⅲ
+
+B.Ⅱ和Ⅲ
+
+C.Ⅲ和IV
+
+D.I和IV 
+ 
+
+---------
+
+该题更新于：2022-07-22 17:07:41
+
+ 
+-----每日一题 Day 9------
+ 
+
+操作系统
+
+3.进程和程序的本质区别是_______（华东师范大学 2012年）
+
+A.进程存储在内存,程序存储在外存
+
+B.进程是非顺序执行机器指令,程序是顺序执行机器指令
+
+C.进程是分时使用计算机资源,程序是独占计算机资源
+
+D.进程具有动态特征,程序具有静态特征 
+ 
+
+---------
+
+该题更新于：2022-07-22 17:06:29
+
+ 
+-----每日一题 Day 9------
+ 
+
+计算机网络
+
+2.在某协议中,一个站点有数据要发送时,首先侦听信道：若信道为空,则按一定概率发送数据；若信道为忙,则一直监听至空闲,然后以一定概率发送数据。这个协议是_____(重庆大学 2019年)
+
+A.1-坚持CSMA
+
+B.非坚持CSMA
+
+C.P-坚持CSMA
+
+D.传递轮询 
+ 
+
+---------
+
+该题更新于：2022-07-22 17:05:07
+
+ 
+-----每日一题 Day 9------
+ 
+
+数据结构
+
+1.如果用孩子兄弟链来表示一棵具有n(n>1)个节点的树,则在该存储结构中______（河海大学 2012年）
+
+A.至多有n一1个非空的右指针域
+
+B.至少有两个空的右指针域
+
+C.至少有两个非空的左指针域
+
+D.至多有n一1个空的右指针域 
+ 
+
+---------
+
+该题更新于：2022-07-21 21:26:22
+
+ 
+-----每日一题 Day 8------
+ 
+
+计算机组成原理
+
+4.在微程序控制器中,机器指令和微指令的关系是_______（西北工业大学 2014年）
+
+A.每一条机器指令由一条微指令来执行
+
+B.一条微指令由若干条机器指令组成
+
+C.每一条机器指令由一段用微指令组成的微程序来解释执行
+
+D.一段微程序由一条机器指令来执行 
+ 
+
+---------
+
+该题更新于：2022-07-21 21:25:31
+
+ 
+-----每日一题 Day 8------
+ 
+
+操作系统
+
+3.当作业进入完成状态，操作系统________。 （西北大学 2012年）
+
+A.将删除该作业并收回所占资源，同时输出结果
+
+B.将该作业的控制块从当前作业队列中删除，收回其所占资源， 并输出结果 
+
+C.将收回该作业所占资源并输出结果 
+
+D.将输出结果并删除内存中的作业 
+ 
+
+---------
+
+该题更新于：2022-07-21 21:24:42
+
+ 
+-----每日一题 Day 8------
+ 
+
+计算机网络
+
+2.关于TCP／IP协议的描述中，说法错误的是_______（中国海洋大学 2012年）
+
+A.地址解析协议ARP属于应用层
+
+B.TCP、UDP协议都要通过IP协议来发送、接收数据
+
+C.TCP协议提供可靠的面向连接服务
+
+D.UDP协议提供简单的无连接服务 
+ 
+
+---------
+
+该题更新于：2022-07-21 21:23:30
+
+ 
+-----每日一题 Day 8------
+ 
+
+数据结构
+
+1.对于一棵具有n个节点、度为4的树来说_________（中国农业大学 2013年）
+
+A.树的高度至多是n一3
+
+B.树的高度至多是n一4
+
+C.第i层上至多有4*(i-1)个节点
+
+D.至少在某一层上正好有4个节点 
+ 
+
+---------
+
+该题更新于：2022-07-20 18:56:12
+
+ 
+-----每日一题 Day 7------
+ 
+
+计算机组成原理
+
+4.下列有关存储器的描述中,不正确的是_________（哈尔滨工业大学 2011年）
+
+A.多体交叉存储器主要解决内存的速度问题
+
+B.访问存储器的请求是由CPU发出的
+
+C.cache.与主存统一编址,即主存空间的某一部分属于cache
+
+D.cache的功能全由硬件实现 
+ 
+
+---------
+
+该题更新于：2022-07-20 18:55:09
+
+ 
+-----每日一题 Day 7------
+ 
+
+操作系统
+
+3. 下列说法正确的是________。(复旦大学 2015年)
+ 
+A.进程轮转调度算法是一种非剥夺式调度方式 
+
+B.若现行进程等待某一事件时引起调度，则该系统采用的是剥夺式调度
+ 
+C.实时操作系统中通常采用剥夺式调度方式 
+
+D.在剥夺式系统中，进程的周转时间较之非剥夺式系统是可预见的 
+ 
+
+---------
+
+该题更新于：2022-07-20 18:53:38
+
+ 
+-----每日一题 Day 7------
+ 
+
+计算机网络
+
+2. 以太网上只有两个站,它们同时发送数据,产生了碰撞。于是按二进制指数类型退避算法进行重传。重传次数记为i, i=1,2,3。第3次重传失败的概率为_______（东南大学 2017年）
+
+A. 0.5
+
+B. 0.25
+
+C. 0.125
+
+D. 0.0625 
+ 
+
+---------
+
+该题更新于：2022-07-20 18:52:26
+
+ 
+-----每日一题 Day 7------
+ 
+
+数据结构
+
+1.对稀疏矩阵采用压缩存储,其缺点之一是_______（福州大学 2014年）
+
+A.无法判断矩阵有多少行多少列
+
+B.无法根据行列号查找某个矩阵元素
+
+C.无法根据行列号计算矩阵元素的存储地址
+
+D.使矩阵元素之间的逻辑关系更加复杂 
+ 
+
+---------
+
+该题更新于：2022-07-19 20:16:59
+
+ 
+-----每日一题 Day 6------
+ 
+
+计算机组成原理
+
+4.关于二地址指令以下论述正确的是________（合肥工业大学 2014年）
+
+A.二地址指令中,运算结果通常存放在其中一个地址码所提供的地址中
+
+B.二地址指令中,指令的地址码字段存放的一定是操作数
+
+C.二地址指令中,指令的地址码字段存放的一定是寄存器号
+
+D.指令的地址码字段存放的一定是操作数地址 
+ 
+
+---------
+
+该题更新于：2022-07-19 20:16:07
+
+ 
+-----每日一题 Day 6------
+ 
+
+操作系统
+
+3.下列各项工作步骤，________不是创建进程所必需的步骤。（广东工业大学 2015年）
+
+A.建立一个PCB 
+
+B.由CPU调度程序为进程调度CPU 
+
+C.为进程分配内存等必要资源
+
+D.将PCB链入进程就绪队列 
+ 
+
+---------
+
+该题更新于：2022-07-19 20:15:15
+
+ 
+-----每日一题 Day 6------
+ 
+
+计算机网络
+
+2.当处于同一个局域网中的两个设备拥有相同的静态MAC地址时将会发生______（杭州电子科技大学 2015年）
+
+A.·先启动的设备可以使用该地址,另一个设备则无法通信
+
+B.后启动的设备可以使用该地址,另一个设备则无法通信
+
+C.两个设备都无法正常通信
+
+D.两个设备都可以正常通信,由于它]可以阅读整个分组的内容,并知道哪个分组
+是发送给自己而不是其他设备的 
+ 
+
+---------
+
+该题更新于：2022-07-19 20:13:57
+
+ 
+-----每日一题 Day 6------
+ 
+
+数据结构
+
+1.设栈S和队列Q的初始状态为空,元素e1-e6依次通过栈S,一个元素出栈后即入队列Q,若6个元素出队的序列是e2、e4、e3、e6、e5、e1,则栈S的容量至少应该是_______(湖南大学 2016年)
+
+A.5
+
+B.4
+
+C.3
+
+D.2 
+ 
+
+---------
+
+该题更新于：2022-07-18 17:11:23
+
+ 
+-----每日一题 Day 5------
+ 
+
+计算机组成原理
+
+4.某一SRAM芯片,其容量为512×8位,除电源端和接地端外,该芯片引出线的最小数目应为_____（华东师范大学 2012年）
+
+A.23
+
+B.25
+
+C.50
+
+D.19 
+ 
+
+---------
+
+该题更新于：2022-07-18 17:10:20
+
+ 
+-----每日一题 Day 5------
+ 
+
+操作系统
+
+3. 下列有关进程的描述中，不正确的是________。 （辽宁大学 2016年）
+
+A. 进程是在多程序并行环境中的完整的程序
+
+B. 进程可以由程序，数据和进程控制块描述 
+
+C. 进程是程序在处理机上的一次执行过程，是一个动态概念 
+
+D. 进程是程序在一个数据集合上运行的过程，它是系统进行资源 分配和调度的单位 
+ 
+
+---------
+
+该题更新于：2022-07-18 17:08:49
+
+ 
+-----每日一题 Day 5------
+ 
+
+计算机网络
+
+2. 信道速率为4kb/s。采用停止等待协议。传播时延t=20ms。确认帧长度和处理时间均可忽略。帧长为______才能使信道利用率达到至少50%.（南京大学 2015年）
+
+A. 80bit
+
+B. 100bit
+
+C. 160bit
+
+D. 200bit 
+ 
+
+---------
+
+该题更新于：2022-07-18 17:07:37
+
+ 
+-----每日一题 Day 5------
+ 
+
+数据结构
+
+1.假设用Q[0..M]实现环形队列,f作为队头指针指向队头元素的前一个位置,r作为队尾指针指向队尾元素。若用(r+1)%(M+1)==f作为队满的标志,则_________（上海科技大学 2017年）
+
+A.可用f==r作为队空的标志
+
+B.可用f>r作为队空的标志
+
+C.可用(f+1)%(M+1)==r作为队空的标志
+D.队列中最多可以有M+1个元素 
+
+ 
+
+---------
+
+该题更新于：2022-07-15 16:25:52
+
+ 
+-----每日一题 Day 4------
+ 
+
+计算机组成原理
+
+4.字长12位,用定点补码规格化小数表示时,所能表示的正数范围是_______（西安交通大学 2018）
+A. 2^-12~(1-2^-12) 
+B. 2^-11~(1-2^-11) 
+C.1/2~(1-2^-11) 
+D. (1/2+2^-11)~(1-2^-11)
+ 
+
+---------
+
+该题更新于：2022-07-15 16:19:46
+
+ 
+-----每日一题 Day 4------
+ 
+
+操作系统
+
+3.下面叙述正确的是________。 （中科院 2015）
+
+A. 中断服务程序的后一条指令是无条件转移指令
+B. 中断响应过程是由硬件和中断服务程序共同完成的 
+
+C. 在每条指令执行过程中，每个总线周期都要检查一次有无中断请求
+
+D. 检测有无DMA请求，通常安排在一条指令执行过程的末尾 
+ 
+
+---------
+
+该题更新于：2022-07-15 16:17:16
+
+ 
+-----每日一题 Day 4------
+ 
+
+计算机网络
+
+2.长度为100字节的应用层数据交给传输层传送,需加20字节的TCP首部。再交给网络层传送,需加上20字节的IP首部。最后交给数据链路层的以太网传送,再加上首部和尾部共18字节。数据的传输效率是________.（中国人民大学 2019）
+ 
+A.63.3%
+
+B.72.5%
+
+C.56.2%
+
+D.71.4%
+
+---------
+
+该题更新于：2022-07-15 16:13:07
+
+ 
+-----每日一题 Day 4------
+ 
+
+数据结构
+
+1.下列说法正确的是_______(中国农业大学 2015)
+
+A.分配给单链表的内存单元地址必须是连续的。
+
+B.与顺序表相比,在链表中顺序访问所有节点,其算法的效率比较低。
+
+C.从长度为n的顺序表中删除任何一个元素,时间复杂度都是O(1)。
+D.向顺序表中插人一个元素,平均要移动大约一半的元素。  
+
+---------
+
+该题更新于：2022-07-14 21:51:32
+
+ 
+-----每日一题 Day 3------
+ 
+
+计算机组成原理
+4．在补码加法运算时，产生溢出的情况是_______.（广东工业大学 2018年）
+
+Ｉ ．两个操作数的符号位相同，运算时采用单符号位，结果的符号位与操作数相同
+
+Ⅱ．两个操作数的符号位相同，运算时采用单符号位，结果的符号位与操作数不同 
+
+Ⅲ．运算时采用单符号位，结果的符号位和最高数位不同时产生进位 
+
+Ⅳ．运算时采用单符号位，结果的符号位和最高数位同时产生进位 
+
+Ｖ．运算时采用双符号位，运算结果的两个符号位相同 
+
+Ⅵ．运算时采用双符号位，运算结果的两个符号位不同 
+ 
+
+---------
+
+该题更新于：2022-07-14 21:49:34
+
+ 
+-----每日一题 Day 3------
+ 
+
+操作系统
+
+3.假设作业1、2、3、4同时到达，需要运行的时间分别为2、5、 8、3，作业的优先数分别为4、9、1、8。采用高优先数优先调度算法时，作业的平均周转时间为________小时。(北京交通大学 2014年)  
+
+A.4.5
+
+B.10.5
+
+C.4.75
+
+D.10.25
+
+---------
+
+该题更新于：2022-07-14 21:48:29
+
+ 
+-----每日一题 Day 3------
+ 
+
+计算机网络
+
+2.假设信号在媒体上的传播速率为2.3×10^8 m/s,当媒体长度为10cm，数据率为1M/s时，媒体中正在传播的比特数为_________。（中国海洋大学 2017年） 
+
+ 
+
+---------
+
+该题更新于：2022-07-14 21:46:37
+
+ 
+-----每日一题 Day 3------
+ 
+
+数据结构
+1.设高度为h的二叉树只有度为0和度为2的结点，则此类二叉树中所包含的结点数至少为______（安徽大学 2014年） 
+
+A.h+1
+
+B.2h-1
+
+C.2h
+
+D.2h+1
+ 
+
+---------
+
+该题更新于：2022-07-13 17:26:08
+
+ 
+-----每日一题 Day 2------
+ 
+
+计算机组成原理
+
+4..某机器字长为32位，存储器按半字编址，每取出一条指令后PC的值自动+2，说明其指令长度是______(北京航空航天大学 2018年)  
+
+A.16位
+
+B.32位
+
+C.64位
+
+D.128位
+
+---------
+
+该题更新于：2022-07-13 17:24:29
+
+ 
+-----每日一题 Day 2------
+ 
+
+操作系统
+
+3.关于临界区，正确的说法是________(北京交通大学 2009年)
+
+A.访问不同临界资源的两个进程不要求必须互斥的进入临界区
+
+B.临界区是包含临界资源的一段数据区
+
+C.临界区是一种用于进程同步的机制
+
+D.临界区是访问临界资源的一个进程或者线程
+
+ 
+
+---------
+
+该题更新于：2022-07-13 17:22:26
+
+ 
+-----每日一题 Day 2------
+ 
+
+计算机网络
+
+2.下列选项正确的是__________(北京大学  2019年)
+
+A.频分复用每个用户可以一直占用全部信道带宽；
+
+B.时分复用每个用户可以一直占用全部信道带宽；
+
+C.码分复用每个用户可以一直占用全部信道带宽；
+
+D.码分复用每个用户不可以一直占用全部信道带宽。
+
+ 
+
+---------
+
+该题更新于：2022-07-13 17:19:02
+
+ 
+-----每日一题 Day 2------
+ 
+
+数据结构
+1.带头结点的双向循环链表L为空表的条件是________(安徽大学  2014年) 
+A. L->next = L;
+
+B. L = NULL;
+
+C. L->next->prior = NULL;
+
+D. L->prior = NULL; 
+ 
+
+---------
+
+该题更新于：2022-07-12 18:44:47
+
+ 
+-----每日一题 Day 1------
+ 
+
+计算机组成原理
+
+4.下列哪个不是DMA的传送方式 ________（上海大学 2018年）  
+
+A.多路选择
+
+B.周期挪用
+
+C.与CPU交替访存
+
+D.停止CPU访问内存
+
+---------
+
+该题更新于：2022-07-12 18:43:14
+
+ 
+-----每日一题 Day 1------
+ 
+
+操作系统
+
+3.下面关于处理机调度的描述错误的是______.（北京大学 2020年）
+
+A.进程处于临界区时不能进行处理器调度
+
+B.进程读取的文件数据不在内存时,进程让出处理机进入睡眠状态
+
+C.先来先服务调度算法中有可能发生饥饿现象
+
+D.在实际操作系统设计中,时间片轮转调度算法、优先级调度算法以及多级反馈队列 
+
+大家可以在评论区发布自己的答案交流哦！
+
+---------
+
+该题更新于：2022-07-12 18:41:43
+
+ 
+-----每日一题 Day 1------
+ 
+
+计算机网络
+2.从滑动窗口的观点看,当发送窗口为1,接收窗只也为1时,相当于ARQ的_____方式。（中国海洋大学 2018年）  
+
+A.回退N帧ARQ
+
+B.选择重传ARQ
+
+C.停止等待
+
+D.连续ARQ
+
+---------
+
+该题更新于：2022-07-12 18:35:31
+
+ 
+-----每日一题 Day 1------
+
+数据结构
+
+1.假设一个栈由一个线性链表实现,其中仅有一个指针指向链表的第一个元素(栈顶)。
+下面哪一个关于进栈和出栈操作的算法复杂度是正确的?_______(上海科技大学 2018年)
+
+A.(1)0(1) (2)0(1)
+
+B.(1)0(1) (2)0(n)
+
+C.(1)0(n) (2)0(1)
+
+D.(1)0(n) (2)0(n)
+
+
+---------
+
+该题更新于：2022-09-05 18:55:29
+
+ 
+-----每日一题 Day 40------
+ 
+
+计算机组成原理
+
+4 设相对寻址的转移指令占两个字节,第1字节是操作码,第2字节是相对位移量(用补码表示)。每当CPU从存储器取出第一个字节时,即自动完成(PC)+1→PC。若PC的内容为2008H,要求转移到2001H地址,则该转移指令第2字节的内容应为______（中科院 2013年）
+
+A F6H
+
+B F7H
+
+C F8H
+
+D F9H 
+ 
+
+---------
+
+该题更新于：2022-09-05 18:54:46
+
+ 
+-----每日一题 Day 40------
+ 
+
+操作系统
+
+3 CPU的运算速度与许多因素有关，下面______是提高速度的有效措施（中国人民大学 2015年）
+
+(1) 增加CPU中寄存器的数目
+
+(2) 提高CPU的主频
+
+(3) 增加高速缓存（cache）容量
+
+(4) 优化BIOS的设计
+
+A (2)和(3)
+
+B (1)、(2)和(3)
+
+C (1)和(2)
+
+D (1)、(2)、(3)和(4) 
+ 
+
+---------
+
+该题更新于：2022-09-05 18:53:59
+
+ 
+-----每日一题 Day 40------
+ 
+
+计算机网络
+
+2 ‍下列不属于数据链路层的功能是_____（重庆大学 2010年）
+
+‏A.封装成帧
+
+B.差错检测
+
+C.可靠传输
+
+D.拥塞控制 
+ 
+
+---------
+
+该题更新于：2022-09-05 18:53:07
+
+ 
+-----每日一题 Day 40------
+ 
+
+数据结构
+
+1  下列叙述中正确的是_____(上海科技大学 2015年)
+
+A 在栈中，栈顶指针的动态变化决定栈中元素的个数
+
+B 在循环队列中，队尾指针的动态变化决定队列的长度
+
+C 在循环链表中，头指针和链尾指针的动态变化决定链表的长度
+
+D 在线性链表中，头指针和链尾指针的动态变化决定链表的长度 
+ 
+
+---------
+
+该题更新于：2022-09-06 18:35:57
+
+ 
+-----每日一题 Day 41------
+ 
+
+计算机组成原理
+
+4 ‍下列计算机系统性能评价的描述中正确的是_____（北京科技大学 2015年）
+
+A.主频高的机器性能不一定高
+
+B.程序MIPS值越高，计算机的性能越高
+
+C.程序的CPI值越低，计算机的性能越高
+
+D.同一程序在不同机器上运行时得到的MIPS值一定相同 
+ 
+
+---------
+
+该题更新于：2022-09-06 18:35:12
+
+ 
+-----每日一题 Day 41------
+ 
+
+操作系统
+
+3 若一个文件经常更新，且经常随机访问，则应选用的物理文件是_____（北京交通大学 2014年）
+
+A 顺序文件
+
+B 记录式文件
+
+C 索引文件
+
+D 链接文件 
+ 
+
+---------
+
+该题更新于：2022-09-06 18:34:27
+
+ 
+-----每日一题 Day 41------
+ 
+
+计算机网络
+
+2 下列不能隔离碰撞域的设备是_____（重庆邮电大学 2009年）
+
+A.网桥
+
+B.集线器
+
+C.交换机
+
+D.路由器 
+ 
+
+---------
+
+该题更新于：2022-09-06 18:33:39
+
+ 
+-----每日一题 Day 41------
+ 
+
+数据结构
+
+1 以下结构类型可用来构造链表的是_____(安徽大学 2013)
+
+A struct aa{ int a；int * b；}；
+
+B struct bb{ int a；bb * b；}；
+
+C struct cc{ int * a；cc b；}；
+
+D struct dd{ int * a；aa b；}； 
+ 
+
+---------
+
+该题更新于：2022-09-07 22:27:44
+
+ 
+ 
+-----每日一题 Day 42------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4  下列说法中，错误的是____（北京理工大学 2014年）
+ 
+A.软件与硬件具有逻辑功能的等价性
+ 
+B.寄存器的数据位对微程序级用户透明
+ 
+C.固件功能类似软件，形态类似硬件
+ 
+D.计算机系统层次结构中，微程序属于硬件级 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-07 22:27:07
+
+ 
+ 
+-----每日一题 Day 42------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列叙述中，正确的是______（东南大学 2012年）
+ 
+A CPU能直接读取硬盘上的数据
+ 
+B CPU能直接存取内存储器
+ 
+C CPU由存储器、运算器和控制器组成
+ 
+D CPU主要用来存储程序和数据 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-07 22:26:11
+
+ 
+ 
+-----每日一题 Day 42------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 主机A发送IP数据报给主机B，途中经过了8个路由器，则在此过程中使用ARP的次数为_____（北京航空航天大学 2014年）
+ 
+A.8
+ 
+B.9
+ 
+C.10
+ 
+D.11 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-07 22:25:32
+
+ 
+ 
+-----每日一题 Day 42------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 一个长度为100的循环链表，指针A和指针B都指向了链表中的同一个节点，A以步长为1向前移动，B以步长为3向前移动，至少需要同时移动多少步A和B才能再次指向同一个节点____。（北京大学 2014年）
+ 
+A 100
+ 
+B 49
+ 
+C 50
+ 
+D 51 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-08 15:41:58
+
+ 
+ 
+-----每日一题 Day 43------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 ‏如果某系统15*4=112成立，则系统采用的进制是______（华中科技大学）
+ 
+A.8
+ 
+B.7
+ 
+C.6
+ 
+D.9 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-08 15:41:09
+
+ 
+ 
+-----每日一题 Day 43------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 若某磁盘平均找道时间为20ms,数据传输速率为2MB/s,控制器延迟为2ms,转速为5000转/分。则读写一个扇区(512个字节)的平均时间为_____（复旦大学 2016年）
+ 
+A 20
+ 
+B 20.244
+ 
+C 26
+ 
+D 28.244 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-08 15:40:02
+
+ 
+ 
+-----每日一题 Day 43------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 若将网络16.0.0.0/8划分为4096个规模相同的子网，则每个子网可分配的最大IP地址个数是____（北京邮电大学 2015年）
+ 
+A.2046
+ 
+B.2048
+ 
+C.4094
+ 
+D.4096 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-08 15:38:46
+
+ 
+ 
+-----每日一题 Day 43------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 适用于压缩存储稀疏矩阵的两种存储结构是______（北京工业大学 2013年）
+ 
+A 三元组表和十字链表
+ 
+B 三元组表和邻接矩阵
+ 
+C 十字链表和二叉链表
+ 
+D 邻接矩阵和十字链表 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-09 15:05:31
+
+ 
+ 
+-----每日一题 Day 44------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4  下列关于补码和移码关系的描述中，错误的是_____（上海大学 2013年）
+ 
+A.零的补码和移码相同
+ 
+B.一般用译码表示浮点数的阶码，而用补码表示定点数
+ 
+C.同一个数的补码和移码，其数值部分相同，而符号相反
+ 
+D.相同位数的补码和移码具有相同的数据表示范围 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-09 15:04:48
+
+ 
+ 
+-----每日一题 Day 44------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3  下列说法错误的是______（南京大学 2010年）
+ 
+A 存储管理不仅是软件的任务，操作系统需要硬件支持来实 现较复杂的存储器管理。 
+ 
+B 通常，用户不能直接访问存储器管理硬件，而是由操作系 统负责对其控制。 
+ 
+C 虚地址即程序执行时所要访问的内存地址。
+ 
+D 请求分页系统允许进程的内存需求超过当前实际物理内存 的大小。 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-09 15:04:08
+
+ 
+ 
+-----每日一题 Day 44------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 ‏下列关于UDP协议的叙述中，正确的是_____（杭州电子科技大学 2012年）
+ 
+‏‏I.    是TCP/IP参考模型网际层中的协议
+ 
+‏‏II.   提供无连接服务
+ 
+‏‏III.  通过差错校验，保证可靠数据传输
+ 
+‏‏IV.  提供复用/分用服务
+ 
+A.仅I
+ 
+B.仅I、III
+ 
+C.仅II、IV
+ 
+D.I、II、III、IV 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-09 15:03:24
+
+ 
+ 
+-----每日一题 Day 44------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 在快速排序、冒泡排序、堆排序、归并排序、插入排序这五种排序算法中，属于稳定排序的有几个_____(大连理工大学 2015年)
+ 
+A 2
+ 
+B 3
+ 
+C 4
+ 
+D 5 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-13 20:40:12
+
+ 
+ 
+-----每日一题 Day 45------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 关于内存的下列说法中，正确的是_____（北京科技大学 2014年）
+ 
+A.采用虚拟内存技术后程序可以在硬盘上直接运行
+ 
+B.某计算机内存容量为8GB，按字节编址，那么它的地址总线为33位
+ 
+C.内存的存取速度不能低于CPU速度，否则会造成数据丢失
+ 
+D.程序只有在数据和代码等被调入内存后才能运行 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-13 20:39:08
+
+ 
+ 
+-----每日一题 Day 45------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列必须在核心态下执行的指令是____(电子科技大学 2009年)
+ 
+A.I/O操作
+ 
+B.从内存中取数  
+ 
+C.算术运算
+ 
+D.将运算结果装入内存 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-13 20:38:08
+
+ 
+ 
+-----每日一题 Day 45------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 ‍在一条点对点的链路上，为了减少IPv4地址的浪费，可为其分配的地址块为_____（北京邮电大学 2013年）
+ 
+A./8
+ 
+B./16
+ 
+C./30
+ 
+D./31 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-13 20:24:14
+
+ 
+ 
+-----每日一题 Day 45------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 红黑树的插入算法复杂度最坏情况是_____
+ 
+A O(n)
+ 
+B O(log(n))
+ 
+C O(nlog(n))
+ 
+D O(n^2) 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-14 18:33:28
+
+ 
+ 
+-----每日一题 Day 46------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 某计算机存储器按照字节编址，采用小端方式存储数据，假定编译器规定int和short型长度分别为32位和16位，并且数据按照边界对齐存储。 某C语言的程序段如下：
+ 
+‌struct 
+ 
+‌{
+ 
+‌    int a;
+ 
+‌    char b;
+ 
+‌    short c;
+ 
+‌} record;
+ 
+‌record.a = 273;
+ 
+‌若record变量的首地址为0xC008,则地址0xC008的内容是0X _____（中科院 2011年）
+ 
+A  0
+ 
+B 01
+ 
+C 10
+ 
+D 11 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-14 18:32:32
+
+ 
+ 
+-----每日一题 Day 46------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 ‍下列说法错误的是_____。（中国人民大学 2015年）
+ 
+A. 线程也具有就绪、阻塞和运行三种基本状态。
+ 
+B. 多对一模型的缺点是不能实现真正的并发
+ 
+C.‏用户线程是在用户空间管理的，内核也能感知。
+ 
+D.‌同一个进程内的多个线程之间共享进程的资源。 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-14 18:31:38
+
+ 
+ 
+-----每日一题 Day 46------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 下列属于数据链路层互连设备的是_____（中国海洋大学 2010年）
+ 
+A.集线器
+ 
+B.网桥和交换机
+ 
+C.路由器
+ 
+D.网关 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-14 18:30:54
+
+ 
+ 
+-----每日一题 Day 46------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 在平衡二叉树中插入一个结点后造成了不平衡，设最低的不平衡结点为A，并已知A的左孩子的平衡因子为0右孩子的平衡因子为1，则应作_____型调整以使其平衡。（中国石油大学 2013年）
+ 
+A LL
+ 
+B LR
+ 
+C RL
+ 
+D RR 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-15 18:34:56
+
+ 
+ 
+-----每日一题 Day 47------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 某计算机按字节编址，采用大端方式存储信息。其中，某指令的一个操作数的机器数为ABCD 00FFH，该操作数采用基址寻址方式，指令中形式地址（用补码表示）为FF00H，当前基址寄存器的内容为C000 0000H，则该操作数的LSB(即该操作数的最低位FFH)存放的地址是______(华中科技大学)
+ 
+A.BFFF FF00H
+ 
+B.BFFF FF03H
+ 
+C.C000 FF00H
+ 
+D.C000 FF03H 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-15 18:33:43
+
+ 
+ 
+-----每日一题 Day 47------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 对信号量S执行P操作后，使进程进入等待队列的条件是______。(西安交通大学)
+ 
+A.S.value>0
+ 
+B.S.value<=0
+ 
+C.S.value>=0
+ 
+D.S.value<0 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-15 18:33:06
+
+ 
+ 
+-----每日一题 Day 47------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 .32 个用户共享 2.048 Mbps 链路，使用TDM（时分多路复用）。当每个用户轮流使用时，以全速度发送8位。用户需要多长时间才能发送一次_______(华南理工大学)
+ 
+A.任何阶段都可被使用
+ 
+B.4 us
+ 
+C.125 us
+ 
+D.4 ms 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-15 18:32:17
+
+ 
+ 
+-----每日一题 Day 47------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 一个队列只能从右侧入队，左右侧皆可出队。顺序为Ka、Kb、Kc、Kd、Ke的序列入队后，不能得到的输出是_____(苏州大学 2009年)
+ 
+A Ka->Kb->Kc->Kd->Ke
+ 
+B Ke->Kd->Kc->Kb->Ka
+ 
+C Ka->Kb->Ke->Kc->Kd
+ 
+D Ke->Ka->Kc->Kb->Kd 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-16 20:45:16
+
+ 
+ 
+-----每日一题 Day 48------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 假定指令地址码给出的是寄存器的编号，则该操作数采用的寻址方式不可能是____(华中科技大学)
+ 
+A.变址寻址
+ 
+B.相对寻址
+ 
+C.寄存器寻址
+ 
+D.寄存器间接寻址 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-16 20:44:32
+
+ 
+ 
+-----每日一题 Day 48------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列关于常规存储器的论述中，正确的论述是_____(西安交通大学)
+ 
+A.作业在运行前，不必全部装入内存，但在运行过程中必须一直驻留内存
+ 
+B.存业在运行前，必须全部装入内存，且在运行过程中也一直驻留内存
+ 
+C.作业在运行前，必须全部装入内存，但在运行过程中不必一直驻留内存
+ 
+D.作业在运行前，不必全部装入内存，且在运行过程中也不必一直驻留内存 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-16 20:43:48
+
+ 
+ 
+-----每日一题 Day 48------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 数据链路层采用选择重传协议（SR）传输数据，发送方已发送了0~3号数据帧，现已收到1号帧的确认，而0、2号帧依次超时，则此时需要重传的帧数是______(华南理工大学)
+ 
+A.1
+ 
+B.2
+ 
+C.3
+ 
+D.4 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-16 20:43:05
+
+ 
+ 
+-----每日一题 Day 48------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 假设以数组A[60]存放循环队列的元素,其头指针是front=47,当前队列有50个元素,则队列的尾指针值为____(上海大学 2016年)
+ 
+A 3
+ 
+B 37
+ 
+C 97
+ 
+D 50 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-19 17:49:35
+
+ 
+ 
+-----每日一题 Day 49------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 下列说法正确的是____(北京理工大学)
+ 
+A 为了保证中断服务程序执行完毕以后,能正确返回到被中断的断点继续执行程序,必须进行现场保存操作。
+ 
+B 中断屏蔽技术是用中断屏蔽寄存器对中断请求线进行屏蔽控制,因此,只有多级中断系统(CPU提供多条中断请求输入线)才能采用中断屏蔽技术。
+ 
+C 一旦有中断请求出现,CPU立即停止当前指令的执行,转而去受理中断请求。
+ 
+D 中断级别最高的是不可屏蔽中断。 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-19 17:48:22
+
+ 
+ 
+-----每日一题 Day 49------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是____(北京交通大学)
+ 
+A ‌在多级目录结构中对文件的访问是通过路径名和用户目录名进行的
+ 
+B 文件可以被划分成大小相等的若干物理块且物理块大小也可任意指定
+ 
+C 文件的逻辑结构是指文件在磁盘上的存储组织方式。
+ 
+D ‎文件分配时，采用连续分配方式会产生外碎片。 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-19 17:47:02
+
+ 
+ 
+-----每日一题 Day 49------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 ‍假设一个经典的以太网站点正试图发送一个帧，在它要传输这个帧之前已有两个连续冲突。此时，可供该站点选择的随机等待时隙有_____个（北京邮电大学）
+ 
+A.4
+ 
+B.16
+ 
+C.8
+ 
+D.2 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-19 17:45:41
+
+ 
+ 
+-----每日一题 Day 49------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1  有一组数据“12,15,1,18,2,35,30,11”，用简单选择排序由小到大排序，第2趟交换数据后数据的顺序是_____（安徽大学 ）
+ 
+A 11，1，2，12，35，18，30，15
+ 
+B 1，2，12，18，15，35，30，11
+ 
+C 1，2，11，12，15，18，30，35
+ 
+D 1，2，11，12，15，18，35，30 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-20 15:03:58
+
+ 
+ 
+-----每日一题 Day 50------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 下列说法正确的是_____（北京理工大学）
+ 
+A DMA是主存与外设之间交换数据的方式,它也可用于主存与主存之间的数据交换。
+ 
+B CPU响应中断时暂停运行当前程序,自动转移到中断服务程序。
+ 
+C 一个通道可以连接多个外部设备控制器,一个外部设备控制器可以管理一台或多台外部设备。
+ 
+D 一个更高优先级的中断请求可以中断另一个中断处理程序的执行。 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-20 15:03:18
+
+ 
+ 
+-----每日一题 Day 50------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 有关设备管理的叙述中不正确的是_____。(北京交通大学)
+ 
+A.所有设备的启动工作都由系统统一来做
+ 
+B.通道是处理输入/输出的软件
+ 
+C.I/O操作完成后会触发中断
+ 
+D.编制好的通道程序是存放在主存中的 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-20 15:02:36
+
+ 
+ 
+-----每日一题 Day 50------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 考虑一个与主机 A 和  B 连接的交换机 （其他端口是空的）。交换机刚刚开始启动和运作。A发送一帧到B，然后B回复一帧到A。检查下列所有语句，当第二个帧 （从 B 发送给 A） 被交换机处理时，下列说法正确的是_____（北京邮电大学）
+ 
+‏A.该交换机不学习任何新的东西。
+ 
+B. 交换机不会学习 B的端口
+ 
+C.交换机通过广播帧到达 A.
+ 
+D.交换机将帧直接转发到 A
+ 
+ 
+
+---------
+
+该题更新于：2022-09-20 15:01:46
+
+ 
+ 
+-----每日一题 Day 50------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列哪种算法平均情况、最好情况和最坏情况下的时间复杂度都为O(n^2)_____（安徽大学 ）
+ 
+A 直接选择排序
+ 
+B 直接插入排序
+ 
+C 冒泡排序
+ 
+D 归并排序 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-21 18:40:12
+
+ 
+ 
+-----每日一题 Day 51------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 异步通信方式传送ASCII码，数据位8位，奇校验1位，停止位1位。当波特率为4800
+ 
+波特时，数据位的传送速率是_____（北京理工大学）
+ 
+A 4800 b/s
+ 
+B 6000b/s
+ 
+C 3840b/s
+ 
+D 4267b/s 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-21 18:39:23
+
+ 
+ 
+-----每日一题 Day 51------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列选项中，_______可能是抢占方式进程调度中引起调度的原因 (四川大学）
+ 
+A 当前的运行进程调用阻塞原语而进入阻塞状态
+ 
+B 当前的运行进程因提出申请I/O而阻塞
+ 
+C 有更高优先级的进程到达而从执行状态变为就绪状态
+ 
+D 正在执行的进程执行了P原语操作，由于资源不足而阻塞 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-21 18:37:17
+
+ 
+ 
+-----每日一题 Day 51------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 ‍以下关于MAC地址的描述中，错误的是_______(北京航空航天大学）
+ 
+A.目的地址与源地址分别表示帧的接收主机与发送主机的硬件地址
+ 
+B.硬件地址通常称为“物理地址”或“MAC地址”
+ 
+C.源地址可以是单播、多播或广播地址
+ 
+D.MAC地址长度为48bit 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-21 18:36:25
+
+ 
+ 
+-----每日一题 Day 51------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 执行____操作时，需要使用队列作为辅助存储空间。（北京工业大学）
+ 
+A 查找哈希（hash）表
+ 
+B 广度优先搜索图
+ 
+C 先序（根）遍历二叉树
+ 
+D 深度优先搜索图 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-22 21:46:55
+
+ 
+ 
+-----每日一题 Day 52------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 某计算机系统共有五级中断，其中断响应优先级从高到低为1--2--3--4--5 。现按如下规定修改：各级中断处理时均屏蔽本级中断，且处理1 级中断时屏蔽2 、3 、4和5 级中断；处理2级中断时屏蔽3 、4 、5级中断；处理4级中断时不屏蔽其他级中断；处理3 级中断时屏蔽4级和5 级中断；处理5 级中断时屏蔽4级中断。则中断处理优先级（从高到低）顺序为_____（北京理工大学）
+ 
+A 1--2--3--4--5 
+ 
+B 1--2--3--5--4
+ 
+C 1--2--5--4--3
+ 
+D 1--2--4--3--5 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-22 21:46:00
+
+ 
+ 
+-----每日一题 Day 52------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法错误的是______(辽宁大学）
+ 
+A 共享数据的并发访问可能会产生数据的不一致性。
+ 
+B 系统中只要存在相关进程就有可能存在进程之间的同步和互斥。
+ 
+C 对临界资源不能实现共享。
+ 
+D 一个临界资源可能对应多个临界区。 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-22 21:44:50
+
+ 
+ 
+-----每日一题 Day 52------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 一台交换机具有24个100Mbps的全双工端口和2个1000Mbps的全双工端口，如果所有的端口都工作在全双工状态，那么交换机总带宽等于_____(北京航空航天大学）
+ 
+A.6.4Gbps
+ 
+B.4.4Gbps
+ 
+C.8.8Gbps
+ 
+D.6.8Gbps 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-22 21:43:55
+
+ 
+ 
+-----每日一题 Day 52------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 若 A=10、B=4、C=6、D=4、E=15 则后缀表达式“ AB*CD+-E+ ”的值为______（北京工业大学）
+ 
+A 45
+ 
+B 31
+ 
+C 53
+ 
+D 65 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-23 16:44:18
+
+ 
+ 
+-----每日一题 Day 53------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 下列说法正确的是_____（大连理工大学）
+ 
+A 流水线中相关问题是指在一段程序的相邻指令之间存在某种关系，这种关系影响指令的并行执行。
+ 
+B 在CPU中，译码器主要用在运算器中挑选多路输入数据中的某一路数据送到ALU 。
+ 
+C 控制存储器是用来存放微程序的存储器，它应该比主存储器速度快。
+ 
+D 机器的主频最快，机器的速度就最快。 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-23 16:43:38
+
+ 
+ 
+-----每日一题 Day 53------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 设一磁盘盘面共有磁道200道，盘面总存储容量为1.6MB, 磁盘旋转一周的时间为25ms, 每道有4个区，各区之间有一间隙，磁头通过每个间隙需1.25ms 。则磁盘通道所需最大传输率是_____（复旦大学)
+ 
+A 200KB/s
+ 
+B 320KB/s
+ 
+C 400KB/s
+ 
+D 480KB/s 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-23 16:42:54
+
+ 
+ 
+-----每日一题 Day 53------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 一个网络的网络地址是：115.25.0.0，其子网掩码是255.255.224.0，下面的哪一个是合法的主机地址______（东南大学）
+ 
+A.115.25.31.255
+ 
+B.115.25.0.0
+ 
+C.115.25.0.255
+ 
+D.以上都不是 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-23 16:41:52
+
+ 
+ 
+-----每日一题 Day 53------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 某二叉树的前序序列为 ABCDEFG ，中序序列为 DCBAEFG ，则该二叉树的深度（根结点在第 1 层）为_______（福州大学）
+ 
+A 2
+ 
+B 3
+ 
+C 4
+ 
+D 5 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-26 17:35:20
+
+ 
+ 
+-----每日一题 Day 54------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 若某计算机数据线、地址线均是8bit, 有一条相对寻址的无条件转移指令存千内存的20H单元中，指令给出的位移量D =00010101 B, 设该指令占用2个字节,则该指令执行结束时PC的内容为______(哈尔滨工业大学)
+ 
+A 20H
+ 
+B 35H
+ 
+C 37H
+ 
+D 22H 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-26 17:34:36
+
+ 
+ 
+-----每日一题 Day 54------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 已知页面走向为1、2、1、3、1、2、4、2、1、3、4，且开始执 行时主存中没有页面。若只给作业分配2个物理块，当采用FIFO页面淘 汰算法时缺页率为_____(华东师范大学)
+ 
+A 7/11
+ 
+B 8/11
+ 
+C 9/11
+ 
+D 10/11 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-26 17:33:54
+
+ 
+ 
+-----每日一题 Day 54------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 某自治系统内采用 RIP 协议，若该自治系统内的路由器 R1 收到其邻居路由器 R2 的距离矢量中包含的信 息<net1，16>，则可能得出的结论是_____(杭州电子科技大学)
+ 
+A.R1 不能通过R2到达net1
+ 
+B.R1 可以通过R2到达 net1，代价是17
+ 
+C.R2 可以通过R1到达net1 ,代价是17
+ 
+D.R2 可以到达 net1，代价是 16 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-26 17:32:49
+
+ 
+ 
+-----每日一题 Day 54------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法正确的是_____(河海大学)
+ 
+A 已知一颗二叉树的前序遍历顺序和后序遍历顺序，可以唯一确定这棵二叉树
+ 
+B 将一个递归算法改为非递归算法时，通常使用队列作为辅助结构
+ 
+C 快速排序和堆排序都是不稳定排序
+ 
+D 二分查找法，平均时间复杂度为O(n) 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-27 18:45:19
+
+ 
+ 
+-----每日一题 Day 55------
+ 
+注意：第二天发布题目同一时间评论区公布答案哦！
+ 
+
+ 
+ 计算机组成原理
+ 
+4 设有一个1MB容量的存储器，字长为32位，按半字编址，编址范围为____
+ 
+A 00000H-3FFFFH
+ 
+B 00000H-7FFFFH
+ 
+C 00000H-FFFFFH
+ 
+D 以上选项均不对 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-27 18:44:34
+
+ 
+ 
+-----每日一题 Day 55------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3  若干个等待访问磁盘的访问柱面为20、44、40、4、80、12、 76，假设每移动一个柱面需要5毫秒，磁头臂当前位于第77号柱面，请 按短寻道时间优先算法完成上述各次访问总共花费的寻道时间为_____
+ 
+A 81
+ 
+B 329
+ 
+C 405
+ 
+D 1645 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-27 18:43:55
+
+ 
+ 
+-----每日一题 Day 55------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 一条MTU是1000字节的链路，假设每个数据分组有 20字节的头部信息,传输有效载荷为1980字节所需数据分组的最小数目是多少？假设先前的数据分组是最大尺寸，那么最后一个数据分组的大小是多少？____
+ 
+A.2 个数据包，第二个数据分组大小为 976 字节
+ 
+B.3 个数据包，第三个数据分组大小为 48 字节
+ 
+C.3 个数据包，第三个数据分组大小为 28 字节
+ 
+D.2 个数据包，第二个数据分组大小为 980 字节 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-27 18:42:52
+
+ 
+ 
+-----每日一题 Day 55------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 设n为3的倍数，则以下算法的时间复杂度为_______
+ 
+void fun(int n)
+ 
+{ int i, j, x, y;
+ 
+   for (i = 1; i < = n; i ++)
+ 
+     if (3 * i < = n)
+ 
+       for (j = 3 * i; j < = n; j++)
+ 
+       {
+ 
+          x++ ; y = 3 * x + 2;
+ 
+       }
+ 
+}
+ 
+A O(logn)
+ 
+B O(n)
+ 
+C O(nlogn)
+ 
+D O(n^2) 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-28 16:18:59
+
+ 
+ 
+-----每日一题 Day 56------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 已知cache命中率H=0.98, 主存周期是cache 的4倍，主存存取周期为200ns, 则cache
+ 
+-主存的效率为______。
+ 
+A 92%
+ 
+B 92.6%
+ 
+C 95.4%
+ 
+D 98% 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-28 16:18:24
+
+ 
+ 
+-----每日一题 Day 56------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 现有含40个磁道的盘面，文件在磁盘上非连续存放，逻辑上相邻的数据块的平均距离为13个磁道，磁头从一个磁道移到另一个磁道 需要6毫秒。已知每块的旋转延迟时间及传输时间分别为100毫秒、25 毫秒,则读取一个100块的文件需要多少时间？____
+ 
+A 131ms
+ 
+B 203ms
+ 
+C 13100ms
+ 
+D 20300ms 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-28 16:17:46
+
+ 
+ 
+-----每日一题 Day 56------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 下面的IPv4地址，哪些属于私有地址_____
+ 
+A.172.33.9.6
+ 
+B.192.0.2.3
+ 
+C.10.10.10.10
+ 
+D.172.15.1.9 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-28 16:17:06
+
+ 
+ 
+-----每日一题 Day 56------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 二维数组A[4][4]（即A[0...3][0...3] ）的元素起始地址是LOC(A[0][0]) = 1000,元素的长度为2 ，则LOC(A[2][2] ）为_____
+ 
+A 1018
+ 
+B 1020
+ 
+C 1022
+ 
+D 1024 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-29 21:20:52
+
+ 
+ 
+-----每日一题 Day 57------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 已知cache－主存系统效率为85% ，平均访问时间为60ns, cache 比主存快4倍，则
+ 
+cache命中率是_____
+ 
+A 93.2%
+ 
+B 95%
+ 
+C 96.5%
+ 
+D 98% 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-29 21:20:08
+
+ 
+ 
+-----每日一题 Day 57------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 一个磁盘的转速为7200转/分钟，每个磁道有160个扇区，每个 扇区大小为512B，那么在理想情况下，其数据传输率是_____
+ 
+A 4608KB/秒
+ 
+B 5760KB/秒
+ 
+C 7680KB/秒
+ 
+D 9600KB/秒 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-29 21:19:20
+
+ 
+ 
+-----每日一题 Day 57------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 ‏下面哪一种动态路由选择协议用作连接不同的互联网服务商自治系统间的协议_____
+ 
+A.OSPF
+ 
+B.IS-IS
+ 
+C.BGP
+ 
+D.RIP 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-29 21:17:42
+
+ 
+ 
+-----每日一题 Day 57------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 有一个有序表R[1...13] = { 1, 3, 9, 12, 32, 41, 45, 62, 75, 77, 82, 95, 100} ，当用二分查找法查找关键字为82 的节点时，经_____次比较后查找成功
+ 
+A 2
+ 
+B 3
+ 
+C 4
+ 
+D 5 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-30 15:08:26
+
+ 
+ 
+-----每日一题 Day 58------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 在页式虚拟存储器中，若主存容量为16MB, 页面容量为4KB, 程序地址空间为1G,则页表长度为_____行
+ 
+A 2^12
+ 
+B 2^15
+ 
+C 2^18
+ 
+D 2^20 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-30 15:07:29
+
+ 
+ 
+-----每日一题 Day 58------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 某磁盘有26310个柱面，16个读写头，并且每个磁道有63个扇区。相邻磁道之间的寻道时间为1毫秒，磁盘以7200转/分钟的速度旋转。假设读写磁头当前位于0号磁道上，则读整个磁盘需要多长时间？ _____
+ 
+A 3506597毫秒
+ 
+B 3532906毫秒
+ 
+C 3532907毫秒
+ 
+D 3532908毫秒 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-30 15:06:46
+
+ 
+ 
+-----每日一题 Day 58------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 假设一个 TCP 流在慢启动阶段，k 个数据段在 t 与 t + RTT 之间被发送。假设仍然保持在慢启动阶段，预期有多少个数据段在 t + RTT 和t + 2 * RTT 发送？_____
+ 
+A.k+1
+ 
+B.2^K
+ 
+C.k
+ 
+D.2k 
+ 
+ 
+
+---------
+
+该题更新于：2022-09-30 15:05:54
+
+ 
+ 
+-----每日一题 Day 58------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 设n 是偶数，下列程序段的时间复杂度为______
+ 
+int m = 0, i, j;
+ 
+for (i = 1; i < = n; i++)
+ 
+  for (j = 2 * i; j < = n; j++)
+ 
+     m++;
+ 
+A O(logn)
+ 
+B O(n)
+ 
+C O(nlogn)
+ 
+D O(n^2) 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-08 20:59:23
+
+ 
+ 
+-----每日一题 Day 59------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 存储体按照一定顺序划分成许多存储单元。每个存储单元有一个编号，称为存储单元的地址。访问存储器必须按地址进行访问，存储单元中存放的是______
+ 
+A.存储器单元的地址编号 
+ 
+B.指定单元存放的数据
+ 
+C.将要写人存储单元的内容 
+ 
+D.访问存储器的控制命令 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-08 20:58:43
+
+ 
+ 
+-----每日一题 Day 59------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 某操作系统的文件管理采用直接索引和多级索引混合的方 式，文件索引表共有16项，其中9项是直接索引项，4项是一级间接索 引项，3项是二次间接索引项，假定每个物理块的大小是1KB，每个索 引项占2B。则该文件系统大的文件可以达到______KB
+ 
+A 788489
+ 
+B 788480
+ 
+C 788490
+ 
+D 787465 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-08 20:55:31
+
+ 
+ 
+-----每日一题 Day 59------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法正确的是______
+ 
+A 用顺序表和单链表存储的有序表均可使用二分查找方法来提高查找速度。
+ 
+B n 个数据元素存放在一维数组A[1.. n] 中，在进行顺序查找时，其平均查找长度与
+ 
+这n个数的排列次序有关。
+ 
+C 若哈希表的装填因子a<l ，则可避免冲突的产生。
+ 
+D 在二叉排序树的任意一棵子树中，关键字最小的节点必无左孩子，关键字最大的节
+ 
+点必无右孩子。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-09 19:18:02
+
+ 
+ 
+-----每日一题 Day 60------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 计算机存储器用来存放被运算的数据和程序，如果读出一个存储单元的内容后，该单元的内容_______
+ 
+A.清零
+ 
+B.保持不变
+ 
+C.被取走
+ 
+D.不定 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-09 19:17:19
+
+ 
+ 
+-----每日一题 Day 60------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 在一个分页存储管理系统中，某作业的页表如下所示。已 知页面大小为1024字节，逻辑地址2148相应的物理地址为______。
+ 
+页号           块号
+ 
+0               2
+ 
+1               3
+ 
+2               1
+ 
+3               6
+ 
+A 2148
+ 
+B 1124
+ 
+C 1976
+ 
+D 3059 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-09 19:16:30
+
+ 
+ 
+-----每日一题 Day 60------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在下面这些点分十进制表示的IP地址中，哪一个是子网172.25.0.64/26中的最后一个可用地址?_____
+ 
+A.172.25.0.128
+ 
+B.172.25.0.94
+ 
+C.172.25.0.127
+ 
+D.172.25.0.126 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-09 19:15:42
+
+ 
+ 
+-----每日一题 Day 60------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法错误的是______
+ 
+A n 个顶点的无向图至多有n(n-1) 条边。
+ 
+B 在有向图中，各顶点的入度之和等于各顶点的出度之和。
+ 
+C 无论是有向图还是无向图，其邻接矩阵表示都是唯一的。
+ 
+D 对同一个有向图来说，只保存出边的邻接表中节点的数目总是和只保存入边的邻接表中节点的数目一样多。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-10 18:49:13
+
+ 
+ 
+-----每日一题 Day 61------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 动态存储器DRAM芯片共有16位地址，其中行地址8位，列地址8位，按异步刷新方案，每次刷新一行，2ms内将全部单元刷新一遍。则芯片刷新信号周期时间为______
+ 
+A 2.5μs
+ 
+B 12.5μs
+ 
+C 7.8μs
+ 
+D 3.9μs 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-10 18:48:32
+
+ 
+ 
+-----每日一题 Day 61------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 两个进程A和B，每一个进程都需要读取数据库中的记录1、2、 3，假如这两个进程都以1、2、3的次序读取记录，系统将不会发生死 锁。但如果A以3、2、1的次序读取记录，B以1、2、3的次序读取记录，则死锁可能发生。两个进程读取记录的次序如果不确定， 那么系统保证不发生死锁的概率是____
+ 
+A 1/9
+ 
+B 1/6
+ 
+C 1/3
+ 
+D 1/12 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-10 18:47:52
+
+ 
+ 
+-----每日一题 Day 61------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 若路由器R因为拥塞丢弃IP分组，则此时R可以向发出该IP分组的源主机发送的ICMP报文件类型是____
+ 
+A.目的不可达
+ 
+B.参数不正确
+ 
+C.路由重定向
+ 
+D.源抑制 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-10 18:47:06
+
+ 
+ 
+-----每日一题 Day 61------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法正确的是_____
+ 
+A 如果表示图的邻接矩阵是对称矩阵，则该图一定是无向图。
+ 
+B 连通图的生成树包含了图中所有顶点。
+ 
+C 对n 个顶点的连通图G 来说，如果其中的某个子图有n 个顶点、n-1 条边，则该子图一定是G 的生成树。
+ 
+D 最小生成树是指边数最少的生成树。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-11 18:37:30
+
+ 
+ 
+-----每日一题 Day 62------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是_____
+ 
+A 作业调度程序完成整个作业运行工作。 
+ 
+B 如果现有两道作业同时运行，一道以计算为主，另一道 以输入/输出为主，则应该让以计算为主的作业优先级高于以输入/输出 为主的作业。 
+ 
+C 与单道批处理不同，多道批处理系统必须具有作业调度 功能和进程调度功能，内存中可以存放多道作业。 
+ 
+D 在多道批处理系统中，当一个作业反复执行多次时，该作业每次的运行时间可能都不相同。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-11 17:41:19
+
+ 
+ 
+-----每日一题 Day 62------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 某计算机字长32位，采用4体交叉工作，若每个存储体的存取周期为200ns，用低2位地址作为体地址，存储数据按地址顺序存放。存储器的带宽是_____Mb／s
+ 
+A 320
+ 
+B 480
+ 
+C 640
+ 
+D 800 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-11 17:39:50
+
+ 
+ 
+-----每日一题 Day 62------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 FTP客户和服务器间传递FTP命令时，使用的连接是_____
+ 
+A.建立在UDP之上的控制连接
+ 
+B.建立在TCP之上的数据连接
+ 
+C.建立在TCP之上的控制连接
+ 
+D.建立在UDP之上的数据连接 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-11 17:38:59
+
+ 
+ 
+-----每日一题 Day 62------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法错误的是______
+ 
+A 强连通图不能进行拓扑排序。
+ 
+B 只要无向网中没有权值相同的边，其最小生成树就是唯一的。
+ 
+C 如果表示某个图的邻接矩阵是对称矩阵，则该图不一定是无向图。
+ 
+D 从n 个顶点的连通图中选取n-1 条权值最小的边，即可构成最小生成树。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-12 18:43:07
+
+ 
+ 
+-----每日一题 Day 63------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 系统总线中地址线的作用是______
+ 
+A.用于选择主存单元
+ 
+B.用于选择进行信息传输的设备
+ 
+C.用于指定主存单元和I／0设备接口电路的地址
+ 
+D.用于传送主存物理地址和逻辑地址 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-12 18:42:28
+
+ 
+ 
+-----每日一题 Day 63------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 某请求页式存储管理，允许用户编程空间为32个页面（每页 1KB），主存为16KB。如果一个用户程序有10页长，且某时刻该用户页面映射关系如下所示，则逻辑地址OAC5H相应的物理地址为______
+ 
+页号           块号
+ 
+0               8
+ 
+1               7
+ 
+2               4
+ 
+3               10
+ 
+A 12C5H
+ 
+B 22C5H
+ 
+C 1EC5H
+ 
+D 3AC5H 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-12 18:41:47
+
+ 
+ 
+-----每日一题 Day 63------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在下列有关曼彻斯特编码的说法中，正确的是______
+ 
+A.曼彻斯特编码不是自含时钟编码的数字数据编码
+ 
+B.曼彻斯特编码实际上就是差分曼彻斯特编码
+ 
+C.曼彻斯特编码前后的比特率相差两倍
+ 
+D.曼彻斯特编码并没有完全消除直流分量 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-12 18:40:57
+
+ 
+ 
+-----每日一题 Day 63------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法错误的是______
+ 
+A 在一个有向图的拓扑序列中若顶点a 在顶点b 之前，则图中必有一条边<a,b>
+ 
+B 强连通分量是有向图中的极大强连通子图。
+ 
+C 连通图的广度优先遍历中一般要采用队列来暂存刚访问过的顶点。
+ 
+D 图的深度优先遍历中一般要采用栈来暂存刚访问过的顶点。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-13 17:18:34
+
+ 
+ 
+-----每日一题 Day 64------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 已知［X］补=1.X1X2X3X4X5，若要X>－1／2，X1X2X3X4X5应满足_____
+ 
+A. X1必须为1，X2X3X4X5至少有一个1
+ 
+B. X1必须为1，X2X3X4X5任意
+ 
+C. X1必须为0，X2X3X4X5至少有一个1
+ 
+D. X1必须为0，X2X3X4X5任意 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-13 17:15:05
+
+ 
+ 
+-----每日一题 Day 64------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 香农定理从定量的角度描述了“带宽”与“速率”的关系。在香农定理的公式中，与信道的最大传输速率相关的参数主要有信道带宽与______
+ 
+A.频率特性
+ 
+B.信噪比
+ 
+C.相位特性
+ 
+D.噪声功率 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-13 17:13:39
+
+ 
+ 
+-----每日一题 Day 64------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法正确的是_____
+ 
+A 当改变网上某一关键路径上的任一关键活动后，必将产生不同的关键路径。
+ 
+B 在表示某工程的AOE 网中，加速其关键路径上的任意关键活动均可缩短整个下程的完成时间。
+ 
+C 在AOE 图中，关键路径上某个活动的时间缩短，整个工程的时间也就必定缩短。
+ 
+D 在AOE 图中，关键路径上活动的时间延长多少，整个工程的时间也就随之延长多少。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-14 21:07:38
+
+ 
+ 
+-----每日一题 Day 65------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 一个8位二进制整数，若采用补码表示，且由4个1和4个0组成，则最小值为______
+ 
+A. －120
+ 
+B.－7
+ 
+C. －112
+ 
+D.－121 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-14 21:06:54
+
+ 
+ 
+-----每日一题 Day 65------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法错误的是_____
+ 
+A 由于短作业优先调度算法的作业平均周转时间小于先来 先服务调度算法，因此短作业优先调度算法可用于分时系统。
+ 
+B 分时系统中，时间片越小越好。 
+ 
+C 用户程序部分包含着进程具体执行的指令，因而是进程映 像中重要的部分。
+ 
+D 为了避免出现内存中进程全部处于阻塞状态的情况，操作 系统可选择将一些进程转移到磁盘，再调入新进程运行。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-14 21:06:12
+
+ 
+ 
+-----每日一题 Day 65------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在下列数据交换方式中，数据经过网络的传输延迟长而且是不固定的，不能用于语音数据传输的是______
+ 
+A.线路交换
+ 
+B.报文交换
+ 
+C.虚电路分组交换
+ 
+D.数据报分组交换 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-14 21:05:18
+
+ 
+ 
+-----每日一题 Day 65------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法错误的是_____
+ 
+A 求单源最短路径的Dijkstra算法不适用于有负权边的有向网络。
+ 
+B 最短路径一定是简单路径。
+ 
+C 对有向图G ，如果以任一顶点出发进行一次深度优先或广度优先遍历能访问到每个顶点，则该图一定是完全图。
+ 
+D 拓扑排序算法不适合无向图的拓扑顺序。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-17 19:07:37
+
+ 
+ 
+-----每日一题 Day 66------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 零地址的运算类指令在指令格式中不给出操作数地址，参加的两个操作数来_____
+ 
+A.累加器和寄存器
+ 
+B.累加器和暂存器
+ 
+C.堆栈的栈顶和次栈顶单元
+ 
+D.暂存器和堆栈的栈顶单元 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-17 19:06:45
+
+ 
+ 
+-----每日一题 Day 66------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 采用可重入程序是通过使用_______的方法来改善响应时间的。
+ 
+A 减少用户数目           
+ 
+B 改变时间片长短
+ 
+C 加快对换速度           
+ 
+D 减少对换信息量 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-17 19:05:24
+
+ 
+ 
+-----每日一题 Day 66------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 流量控制是数据链路层的基本功能之一，有关流量控制，下列说法中正确的是_____
+ 
+A.只有数据链路层存在流量控制
+ 
+B.不只是数据链路层存在流量控制，不过各层的流量控制对象都一样
+ 
+C.不只是数据链路层存在流量控制，但是各层的流量控制对象都不一样
+ 
+D.以上都不对 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-17 19:03:17
+
+ 
+ 
+-----每日一题 Day 66------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 如果在树的孩子兄弟链存储结构中有6 个空的左指针域， 7 个空的右指针域， 5 个节
+ 
+点左右指针域都为空，则该树中叶子节点______
+ 
+A. 有7个
+ 
+B．有6个
+ 
+C  有5个
+ 
+D. 不能确定 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-18 18:16:45
+
+ 
+ 
+-----每日一题 Day 67------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 在关于一地址运算类指令的叙述中，正确的是_____
+ 
+A.仅有一个操作数，其地址由指令的地址码提供
+ 
+B.可能有一个操作数，也可能有两个操作数
+ 
+C.一定有两个操作数，另一个是隐含的
+ 
+D.指令的地址码字段存放的一定是操作码 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-18 18:15:57
+
+ 
+ 
+-----每日一题 Day 67------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 设基址寄存器的内容为 1000，在采用动态重定位的系统中，当执行指令“LOAD A，2000”时，操作数的实际地址是______  。
+ 
+A 1000                 
+ 
+B 2000
+ 
+C 3000                
+ 
+D 4000 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-18 18:15:06
+
+ 
+ 
+-----每日一题 Day 67------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2. 在数据帧中，当所传送的数据中出现控制字符时，就必须采取适当的措施，使接收方不至于将数据误认为是控制信息。这样才能保证数据链路层的传输是_____的。
+ 
+A.透明
+ 
+B.面向连接
+ 
+C.冗余
+ 
+D.无连接 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-18 18:14:03
+
+ 
+ 
+-----每日一题 Day 67------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 若3叉树中有a 个度为1 的节点、b 个度为2 的节点、c 个度为3 的节点，则该树有_____
+ 
+个叶子节点。
+ 
+A. 1+2b+3c 
+ 
+B. 1+2b+3c 
+ 
+C. 2b+3c 
+ 
+D. 1+b+2c 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-20 17:35:04
+
+ 
+ 
+-----每日一题 Day 68------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 直接、间接、立即3种寻址方式指令的执行速度，由快至慢的排序是______
+ 
+A.直接、立即、间接
+ 
+B.直接、间接、立即
+ 
+C.立即、直接、间接
+ 
+D.立即、间接、直接 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-20 17:34:18
+
+ 
+ 
+-----每日一题 Day 68------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 以下叙述中正确的是_________。
+ 
+A 请求页式管理中，只要发生缺页中断，就应该淘汰内存中的一页，然后将当前要访问的页放入内存
+ 
+B 在单用户、单任务系统中，在任何时候都只有一个程序运行，内存中只能放一道用户程序，也只有在一个程序运行完毕之后，才能装入下一个程序
+ 
+C 请求页式管理中的置换算法是为了解决逻辑地址与物理地理的映射问题
+ 
+D 页式管理中，地址越界保护是界地址寄存器来完成的 
+ 
+
+ 
+ 
+
+---------
+
+该题更新于：2022-10-20 17:33:35
+
+ 
+ 
+-----每日一题 Day 68------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 大量的广播信息会降低整个网络的性能是因为______
+ 
+A.网络上的每台计算机必须为每个广播信息发送一个确认信息
+ 
+B.网络上的每台计算机必须处理每个广播信息
+ 
+C.广播信息被自动路由到每个网段
+ 
+D广播信息不能自动转送到目的计算机 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-20 17:32:44
+
+ 
+ 
+-----每日一题 Day 68------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 一棵有124 个叶子节点的完全二叉树，最多有______个节点。
+ 
+A 247
+ 
+B 248
+ 
+C 249
+ 
+D 250 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-21 18:24:34
+
+ 
+ 
+-----每日一题 Day 69------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 在变址寄存器寻址方式中，若变址寄存器的内容是4E3CH，指令中的形式地址是63H，则它对应的有效地址是_____
+ 
+A. 63H
+ 
+B. 4D9FH
+ 
+C. 4E3CH
+ 
+D. 4E9FH 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-21 18:23:52
+
+ 
+ 
+-----每日一题 Day 69------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 以下叙述中错误的是_________。   
+ 
+A 段式管理把一个进程的虚拟地址空间设计成二维结构，即段号与段内绝对地址
+ 
+B 段页式管理的虚拟地址空间是三维的，即段号、页号和页内地址
+ 
+C 段式管理中，段的划分不是固定长度的
+ 
+D 动态页式管理中的几种常用的淘汰算法都可以用于段页式管理时的淘汰算法中 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-21 18:23:05
+
+ 
+ 
+-----每日一题 Day 69------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 载波侦听多路访问即CSMA________
+ 
+A 只用于总线拓扑结构
+ 
+B.只用于环状拓扑结构
+ 
+C 只用于星状拓扑结构
+ 
+D.能用于星状拓扑结构和总线拓扑结构 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-21 18:22:08
+
+ 
+ 
+-----每日一题 Day 69------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 若二叉树采用二叉链存储结构，如果要交换其所有分支节点的左、右子树位置，利用______遍历方法最合适。
+ 
+A. 先序
+ 
+B. 中序
+ 
+C. 后序
+ 
+D. 按层次 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-24 16:31:14
+
+ 
+ 
+-----每日一题 Day 70------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 _______方式用来支持浮动程序设计。
+ 
+A.相对寻址
+ 
+B.变址寻址
+ 
+C.寄存器间接寻址
+ 
+D.基址寻址 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-24 16:30:33
+
+ 
+ 
+-----每日一题 Day 70------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 在配有操作系统的计算机中，用户程序通过____向操作系统指出使用外部设备的要求。
+ 
+A 作业申请                 
+ 
+B 原语
+ 
+C 系统调用                 
+ 
+D I／O指令 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-24 16:29:52
+
+ 
+ 
+-----每日一题 Day 70------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 有关虚拟局域网的概念，下面说法中不正确的是______
+ 
+A.虚拟网络是建立在局域网交换机上的，以软件方式实现的逻辑工作组
+ 
+B.可以使用交换机的端口划分虚拟局域网，且虚拟局域网可以跨越多个交换机
+ 
+C.在使用MAC地址划分的虚拟局域网中，连接到集线器上的所有结点只能被划分到一个虚拟局域网中
+ 
+D.在虚拟局域网中的逻辑工作组各结点可以分布在同一物理网段上，也可以分布在不同的物理网段上 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-24 16:29:01
+
+ 
+ 
+-----每日一题 Day 70------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法错误的是_____
+ 
+A 哈夫曼树是带权路径长度最短的树，路径上权值较大的节点离根较近。
+ 
+B 在先序遍历二叉树的序列中，任何节点其子树的所有节点都是直接跟在该节点之后的。
+ 
+C 存在这样的二叉树，对它采用任何次序的遍历，结果都相同。
+ 
+D 若一个叶子节点是某二叉树先序遍历序列中的最后一个节点，则它必是该树中序遍历序列中的最后一个节点。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-25 17:52:05
+
+ 
+ 
+-----每日一题 Day 71------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 将子程序返回地址放在______中时，子程序允许嵌套和递归。
+ 
+A.寄存器
+ 
+B.堆栈
+ 
+C.子程序的结束位置
+ 
+D.子程序的起始位置 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-25 17:51:26
+
+ 
+ 
+-----每日一题 Day 71------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列有关设备的叙述中错误的是___________。
+ 
+A 缓冲区的引入，使得CPU和外设之间速度的不匹配现象得到了缓解，同时也缓解了通道方式的瓶颈问题
+ 
+B 打印机通过SPOOLING技术改造后，可以成为供多个用户同时使用的虚拟设备
+ 
+C 通道程序是由发出I／O设备请求的用户编制的，所以，该用户必须指出通道程序在内存的存放位置
+ 
+D 缓冲区是外设在进行数据传输期间专门用来暂存这些数据的主存区域 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-25 17:50:36
+
+ 
+ 
+-----每日一题 Day 71------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 如果一个局域网有11台主机与1台服务器，使用一个12端口的集线器连接了主机与服务器，则同时可以有______条并发的连接。
+ 
+A. 11
+ 
+B. 12
+ 
+C 1
+ 
+D. 2 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-25 17:49:38
+
+ 
+ 
+-----每日一题 Day 71------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 数组A[0...5][0...6] 的每个元素占5 个单元，将其按列优先次序存储在起始地址为1000 的连续内存单元中，则元素a[5][5] 的地址为______
+ 
+A. 1175 
+ 
+B. 1180 
+ 
+C. 1205 
+ 
+D. 1210 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-26 17:32:19
+
+ 
+ 
+-----每日一题 Day 72------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 变址寻址和基址寻址的有效地址形成方式类似，但______
+ 
+A.变址寄存器的内容在程序执行过程中是不能改变的
+ 
+B.基址寄存器的内容在程序执行过程中是可以改变的
+ 
+C 在程序执行过程中，变址寄存器的内容不能改变而基址寄存器的内容可变
+ 
+D.在程序执行过程中，基址寄存器的内容不能改变而变址寄存器的内容可变 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-26 17:31:40
+
+ 
+ 
+-----每日一题 Day 72------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 在下列叙述中，正确的一条是_____。
+ 
+A 在设备I／O中引入缓冲技术的目的是为了节省内存
+ 
+B 指令中的地址结构和外存容量是决定虚存作业地址空间的两个因素
+ 
+C 处于阻塞状态的进程被唤醒后，可直接进入运行状态
+ 
+D 在请求页式管理中，FIFO置换算法的内存利用率是较高的 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-26 17:31:02
+
+ 
+ 
+-----每日一题 Day 72------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 假如需要构建一个办公室网络，包含22台主机和1台服务器，并与学校的交换网相连接，下列设计中哪项性能最优_______
+ 
+A.使用一个24端口／10M的集线器
+ 
+B.使用一个24端口／10M的集线器，其中两个端口为10／100M
+ 
+C.使用一个24端口／10M的交换机
+ 
+D 使用一个24端口／10M的交换机，其中两个端口为10／100M 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-26 17:30:11
+
+ 
+ 
+-----每日一题 Day 72------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 最适合用做链式队列的链表是______
+ 
+A. 带队首指针和队尾指针的循环单链表
+ 
+B. 带队首指针和队尾指针的非循环单链表
+ 
+C. 只带队首指针的非循环单链表
+ 
+D．只带队首指针的循环单链表 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-27 18:07:48
+
+ 
+ 
+-----每日一题 Day 73------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 下列说法正确的是______
+ 
+A 数据寻址的最终目的是寻找操作数的有效地址。
+ 
+B 若操作数在寄存器中，可以采用直接寻址。
+ 
+C 寄存器堆栈的栈指针SP指向栈顶。
+ 
+D 对于自底向上生成的软堆栈，进栈时应先修改栈指针，再将数据压入堆栈。 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-27 18:07:07
+
+ 
+ 
+-----每日一题 Day 73------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 正在运行的进程在信号量S上作P操作之后，当S<0，进程将进入信号量的______      。
+ 
+A 等待队列              
+ 
+B 提交队列
+ 
+C 后备队列              
+ 
+D 就绪队列 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-27 18:06:29
+
+ 
+ 
+-----每日一题 Day 73------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 下列各项中，不属于基于网络层地址的虚拟局域网的优势的是_____
+ 
+A.能够按协议类型来划分网段
+ 
+B.用户可以在网络内部自由移动
+ 
+C.可以缩小网络规模
+ 
+D.能够减小由于协议转换而造成的网络延迟 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-27 18:02:29
+
+ 
+ 
+-----每日一题 Day 73------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 在一个具有n 个结点的有序单链表中插入一个新结点并仍然保待有序的时间复杂度是_____。
+ 
+A. O(1)
+ 
+8. O(n)
+ 
+C. O(n^2)
+ 
+D. O(nlogn) 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-28 18:09:39
+
+ 
+ 
+-----每日一题 Day 74------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 I／O编址方式通常可分统一编址和独立编址，___________
+ 
+A.统一编址是将I／O地址看作是存储器地址的一部分，可用专门的I／O指令对设备进行访问
+ 
+B.独立编址是指I／O地址和存储器地址是分开的，所以对I／O访问必须有专门的I／O指令
+ 
+C.统一编址是指I／O地址和存储器地址是分开的，所以可用访存指令实现CPU对设备的访问
+ 
+D.独立编址是将I／O地址看作是存储器地址的一部分，所以对I／O访问必须有专门的I／O指令 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-28 18:08:56
+
+ 
+ 
+-----每日一题 Day 74------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 预先静态分配法是通过破坏______条件，来达到预防死锁目的的。
+ 
+A 互斥使用资源/循环等待资源
+ 
+B 非抢占式分配/互斥使用资源 
+ 
+C 占有且等待资源/循环等待资源
+ 
+D 循环等待资源/互斥使用资源 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-28 18:08:09
+
+ 
+ 
+-----每日一题 Day 74------
+ 
+ 
+ 
+
+ 
+计算机网络 
+ 
+2 虚拟局域网中逻辑工作组的结点组成不受物理位置的限制，逻辑工作组的划分与管理是通过______实现的。
+ 
+A.硬件方式
+ 
+B.存储转发方式
+ 
+C.改变接口连接方式
+ 
+D软件方式 
+ 
+我发起了一个 
+
+---------
+
+该题更新于：2022-10-28 18:05:51
+
+ 
+ 
+-----每日一题 Day 74------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 设线性表中有2n 个元素，算法______在单链表上实现要比在顺序表上实现效率更高。
+ 
+A. 删除所有值为x 的元素
+ 
+B. 在最后一个元素的后面插入一个新元素
+ 
+C. 顺序输出前K 个元素
+ 
+D. 交换第i 个元素和第2n-i－1 个元素的值( i=0, 1, …, n-1) 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-31 18:46:35
+
+ 
+ 
+-----每日一题 Day 75------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 将用8位二进制补码表示的十进制数-121，扩展成16位二进制补码，结果用十六进制表示为______
+ 
+A. 0087H
+ 
+B. FF87H
+ 
+C. 8079H
+ 
+D. FFF9H 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-31 18:45:57
+
+ 
+ 
+-----每日一题 Day 75------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 一个进程的某个基本状态可以从其他两种基本状态转变过来，这个基本状态一定
+ 
+是______。
+ 
+A．运行状态 
+ 
+B．阻塞状态 
+ 
+C．就绪状态 
+ 
+D．完成状态 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-31 18:45:16
+
+ 
+ 
+-----每日一题 Day 75------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 有一个连接20台计算机的网络，其中5台连接到一个以太网集线器上，另外5台连接到另一个以太网集线器上，每个集线器分别连接到两个不同的交换机上，而两个交换机又分别连接到两个不同的路由器上，两个路由器通过以太网网桥互联，剩下的10台计算机直接连接到其中1台交换机上。那么，该网络有_______个以太网网段
+ 
+A. 7
+ 
+B. 12
+ 
+C. 13
+ 
+D. 16 
+ 
+ 
+
+---------
+
+该题更新于：2022-10-31 18:44:27
+
+ 
+ 
+-----每日一题 Day 75------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 二维数组M 的元素是4 个字符（每个字符占一个存储单元）组成的串，行下标i的范围从0 到4, 列下标j的范围从0到5, M按行存储时元素M[3][5] 的起始地址与M 按列存储时元素______的起始地址相同。
+ 
+A. M[2][4] 
+ 
+B. M[3)[4] 
+ 
+C. M[3][5] 
+ 
+D. M[4][4] 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-01 18:12:07
+
+ 
+ 
+-----每日一题 Day 76------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 在加法器、寄存器的基础上增加部分控制电路实现乘除法时，用B寄存器存放______
+ 
+A.被乘数和被除数
+ 
+B.被乘数和除数
+ 
+C.乘数和被除数
+ 
+D.乘数和除数 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-01 17:56:10
+
+ 
+ 
+-----每日一题 Day 76------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列选项中，降低进程优先级的合理时机是_______ 。
+ 
+A．进程的时间片用完 
+ 
+B．进程刚完成 I/O 而进入就绪队列
+ 
+C．进程长期处于就绪队列中 
+ 
+D．进程从就绪状态转为运行状态 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-01 17:55:30
+
+ 
+ 
+-----每日一题 Day 76------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 要构建一个可连接10个主机的网络（与其他网络互联），如果该网络采用划分子网的方法，则子网掩码为_______
+ 
+A. 255.255. 255.0
+ 
+B. 255.255.248.0
+ 
+C. 255.255. 240.0 
+ 
+D. 255.255. 224.0 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-01 17:54:48
+
+ 
+ 
+-----每日一题 Day 76------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 数组A中，每个元素A的长度为3个字节，行下标i从1到8, 列下标j从1 到10，从首地址SA开始连续存放在存储器内，该数组按行存放时，元素A[8][5]的起始地址为_______。
+ 
+A. SA+141 
+ 
+B. SA+144 
+ 
+C. SA+222 
+ 
+D. SA+225 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-02 19:05:52
+
+ 
+ 
+-----每日一题 Day 77------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 若浮点数用补码表示，判断运算结果是否是规格化数的方法是_____
+ 
+A.阶符与数符相同
+ 
+B.阶符与数符相异
+ 
+C. 数符与尾数最高有效数位相同
+ 
+D.数符与尾数最高有效数位相异 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-02 19:05:14
+
+ 
+ 
+-----每日一题 Day 77------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 有3 个作业J1、J2 和J3，其运行时间分别是2、5 和3 小时，假定它们同时到达并在
+ 
+同一台CPU 上以单道方式运行，则平均周转时间最小的执行序列是_______ 。
+ 
+A．J1、J2、J3 
+ 
+B．J3、J2、J1 
+ 
+C．J2、J1、J3 
+ 
+D．J1、J3、J2 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-02 19:04:34
+
+ 
+ 
+-----每日一题 Day 77------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 假如一台连接到网络上的计算机的网络配置为：IP地址为136.62.2.55，子网掩码为255.255.192.0，网关地址为136.62.89.1。这台计算机在网络中不能与其他主机进行通信。其中哪一项设置导致了问题的产生______
+ 
+A. 子网掩码 
+ 
+B. 网关地址 
+ 
+C. IP地址
+ 
+D.其他配置 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-02 19:03:48
+
+ 
+ 
+-----每日一题 Day 77------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 在线索化二叉树t中， t所指结点没有左子树的充要条件是_______
+ 
+A. t- >lchild = NULL
+ 
+B. t->ltag==1
+ 
+C. t- >ltag==1 且t->lchild==NULL
+ 
+D . 以上都不对 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-03 18:12:58
+
+ 
+ 
+-----每日一题 Day 78------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 两个浮点数相加，一个数的阶码值为7，另一个数的阶码值为9，则需要将阶码值较小的浮点数的小数点______
+ 
+A.左移1位
+ 
+B.右移1位
+ 
+C.左移2位
+ 
+D.右移2位 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-03 18:12:21
+
+ 
+ 
+-----每日一题 Day 78------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下面关于线程的叙述中，正确的是______。
+ 
+A．内核态线程的切换都需要内核的支持
+ 
+B．线程是资源的分配单位而进程是调度和分配的单位
+ 
+C．不管系统中是否有线程，线程都是拥有资源的独立单位
+ 
+D．在引入线程的系统中，进程仍然是资源分配和调度分派的基本单位 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-03 18:11:37
+
+ 
+ 
+-----每日一题 Day 78------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2  IP数据报穿越Internet过程中有可能被分片。在IP数据报分片以后，下列_____设备（负责IP数据报的重组
+ 
+A.源主机
+ 
+B.目的主机
+ 
+C.分片途经的路由器
+ 
+D.分片途经的路由器或目的主机 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-03 18:10:45
+
+ 
+ 
+-----每日一题 Day 78------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 某二叉树的先序遍历序列和后序遍历序列正好相反，则该二叉树一定是______
+ 
+A. 空或只有—个结点
+ 
+B. 完全二叉树
+ 
+C. 二叉排序树
+ 
+D . 高度等于其结点数 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-04 21:36:16
+
+ 
+ 
+-----每日一题 Day 79------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 下列叙述中，错误的是____
+ 
+运算器中通常都有一个状态标志寄存器，为计算机提供判断条件，以实现程序转移
+ 
+B.补码乘法器中，被乘数和乘数的符号都不参加运算
+ 
+C.并行加法器中高位的进位依赖于低位
+ 
+D.在小数除法中，为了避免溢出，要求被除数的绝对值小于除数的绝对值 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-04 21:35:37
+
+ 
+ 
+-----每日一题 Day 79------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 对两个并发进程，设互斥信号量为 mutex (mutex.value 初值为 1 ），若 mutex.value 当前值为-1 ，则______。
+ 
+A 表示没有进程进入临界区
+ 
+B 表示有一个进程进入临界区
+ 
+C 表示有 一个进程进入临界区，而另一个进程等待进入临界区
+ 
+D 表示有两个进程进入临界区 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-04 21:34:25
+
+ 
+ 
+-----每日一题 Day 79------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 下面哪个IP地址是有效的________
+ 
+A. 202. 280.130.45 
+ 
+B. 130.192.33.45
+ 
+C. 192.256.130.45
+ 
+D. 280. 192.33.456 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-04 21:33:40
+
+ 
+ 
+-----每日一题 Day 79------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 对某个无向图的邻接矩阵来说_______。
+ 
+A. 第i 行上的非零元素个数和第i 列的非零元素个数一定相等
+ 
+B .矩阵中的非零元素个数等于图中的边数
+ 
+C. 第i 行上，第i 列上非零元素总数等于顶点vi的度数
+ 
+D . 矩阵中非全零行的行数等于图中的顶点数 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-07 18:53:10
+
+ 
+ 
+-----每日一题 Day 80------
+ 
+ 
+ 
+
+ 
+4 若数据在存储器中采用以低字节地址为字地址的存放方式，则十六进制数12345678H的存储字节顺序按地址由小到大依次为______
+ 
+A. 12345678
+ 
+B. 78563412
+ 
+C. 87654321
+ 
+D. 34127856 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-07 18:52:30
+
+ 
+ 
+-----每日一题 Day 80------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 在 9 个生产者、 6 个消费者共享 8 个单元缓冲区的生产者 消费者问题中，互斥使用
+ 
+缓冲区的信号量其初始值为_______。
+ 
+A 1 
+ 
+B 6 
+ 
+C 8 
+ 
+D 9 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-07 18:51:50
+
+ 
+ 
+-----每日一题 Day 80------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 网络中发生了拥塞，根据是_______
+ 
+A.随着通信子网的负载的增加，吞吐量也增加
+ 
+B.网络结点接收和发出的分组越来越少
+ 
+C.网络结点接收和发出的分组越来越多
+ 
+D.随着通信子网的负载的增加，吞吐量反而降低 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-07 18:51:00
+
+ 
+ 
+-----每日一题 Day 80------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 一棵深度为k的平衡二叉树，其每个非终端结点的平衡因子均为0,则该树共有_____个结点。
+ 
+A. 2^(k-1)-1
+ 
+B. 2^(k-1)
+ 
+C. 2^(k-1)+1
+ 
+D. 2^(k)-1 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-08 18:04:46
+
+ 
+ 
+-----每日一题 Day 81------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 存储器采用部分译码法片选时_____
+ 
+A.不需要地址译码器
+ 
+B.不能充分利用存储器空间
+ 
+C.会产生地址重叠
+ 
+D. CPU的地址线全参与译码 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-08 18:04:04
+
+ 
+ 
+-----每日一题 Day 81------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下面关于重定位的描述中，错误的是 _____
+ 
+A 绝对地址是内存空间的地址编号
+ 
+B 用户程序中使用从 0 地址开始的地址编号是逻辑地址
+ 
+C 动态重定位中装入内存的程序仍保持原来的逻辑地址
+ 
+D 静态重定位中装入内存的程序仍保持原来的逻辑地址 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-08 18:03:25
+
+ 
+ 
+-----每日一题 Day 81------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 关于子网与子网掩码，下列说法中正确的是______
+ 
+通过子网掩码，可以从一个IP地址中提取出网络号、子网号与主机号
+ 
+子网掩码可以把一个网络进一步划分成几个规模相同或不同的子网
+ 
+C.子网掩码中的0和1一定是连续的
+ 
+D.一个B类地址采用划分子网的方法，最多可以划分为255个子网 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-08 18:02:45
+
+ 
+ 
+-----每日一题 Day 81------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 假定n>2，计算机执行下面的语句时，语句S的执行次数为_____。
+ 
+for （i=1； i<n－1； i++）
+ 
+     for （j=n；j>=i； j- -）
+ 
+         S；
+ 
+A.  n（n－1）
+ 
+B. （n+3)(n－2)／2
+ 
+C. （n+2)(n－1)／2
+ 
+D.   n(n－1)／2 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-09 19:36:30
+
+ 
+ 
+-----每日一题 Day 82------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 双端口存储器发生读写冲突的情况是______
+ 
+A.左端口与右端口的地址码不同
+ 
+B.左端口与右端口的地址码相同
+ 
+C.左端口与右端口的数据码相同
+ 
+D.左端口与右端口的数据码不同 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-09 19:35:53
+
+ 
+ 
+-----每日一题 Day 82------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 分区分配内存管 理方式的主要保护措施是 ______
+ 
+A  界地址保护
+ 
+B  程序代码保护 
+ 
+C  数据保护
+ 
+D  栈保护 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-09 19:35:16
+
+ 
+ 
+-----每日一题 Day 82------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 下列哪项不属于路由选择协议的功能_____
+ 
+A.获取网络拓扑结构的信息
+ 
+B 选择到达每个目的网络的最优路径
+ 
+C.构建路由表
+ 
+D.发现下一跳的物理地址 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-09 19:34:40
+
+ 
+ 
+-----每日一题 Day 82------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 设abcd以所给的次序进栈，在进栈操作时，允许退栈操作。若要使输出序列变为cbad，栈的操作序列为_____
+ 
+A. Push， Pop,    Push， Pop， Push， Pop， Push， Pop
+ 
+B. Push， Push， Push， Pop， Pop， Push， Pop， Pop
+ 
+C. Push， Push， Pop， Push， Pop， Pop， Push， Pop
+ 
+D. Push， Push， Push， Pop， Pop， Pop， Push， Pop 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-10 18:00:56
+
+ 
+ 
+-----每日一题 Day 83------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 容量为64块的cache采用组相联映射方式，字块大小为128个字，每4块为一组。若主存4096块，且以字编址，那么主存地址和主存标记的位数分别为_____
+ 
+A. 16，6
+ 
+B. 17，6
+ 
+C. 18，8
+ 
+D. 19，8 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-10 18:00:21
+
+ 
+ 
+-----每日一题 Day 83------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3  下面最有可能使得高地址空间成为大的空闲区的分配算法是 ______。
+ 
+A 首次适应算法 
+ 
+B 最佳适应算法
+ 
+C 最 差 适应算法 
+ 
+D 循环首次适应算法 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-10 17:59:38
+
+ 
+ 
+-----每日一题 Day 83------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在IP数据报头部中有两个有关长度的字段，一个为头部长度字段，一个为总长度字段。其中_____
+ 
+A.头部长度字段和总长度字段都以8比特为计数单位
+ 
+B.头部长度字段以8比特为计数单位，总长度字段以32比特为计数单位
+ 
+C.头部长度字段以32比特为计数单位，总长度字段以8比特为计数单位 
+ 
+D.头部长度字段和总长度字段都以32比特为计数单位 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-10 17:58:59
+
+ 
+ 
+-----每日一题 Day 83------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 用不带头结点的单链表存储队列时，其队头指针指向队头结点，其队尾指针指向队尾结点，则在进行删除操作时______
+ 
+A.仅修改队头指针
+ 
+B.仅修改队尾指针
+ 
+C.队头和队尾指针都要修改
+ 
+D.队头和队尾指针都可能要修改 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-11 16:22:39
+
+ 
+ 
+-----每日一题 Day 84------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 虚拟存储器中的页表有快表和慢表之分，下面关于页表的叙述中正确的______
+ 
+A.快表与慢表都存储在主存中，但快表比慢表容量小
+ 
+B.快表采用了优化的搜索算法，因此查找速度快
+ 
+C.快表比慢表的命中率高，因此快表可以得到更多的搜索结果
+ 
+D.快表采用快速存储器件组成，按照查找内容访问，因此比慢表查找速度快 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-11 16:22:00
+
+ 
+ 
+-----每日一题 Day 84------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 操作系统采用分页存储管理方式，要求______。
+ 
+A 每个进程拥有一张页表，且进程的页表驻留在内存 中
+ 
+B 每个进程拥有一张页表，但只有当前运行进程的页表驻留在内存中
+ 
+C 所有进程共享一张页表以节约有限的内存，但页表必须驻留在内存中
+ 
+D 所有进程共享一张页表，只有页表中当前使用的页必须驻留在内存中 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-11 16:21:24
+
+ 
+ 
+-----每日一题 Day 84------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 提供虚电路服务是网络层向传输层提供的一种服务，在进行数据交换的两个端系统之间_______
+ 
+只能有一条虚电路，但能为不同的进程服务
+ 
+B.可以有多条虚电路为不同的进程服务
+ 
+C.只能有一条虚电路为一个进程服务
+ 
+D.可以有多条虚电路为一个进程服务 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-11 16:20:36
+
+ 
+ 
+-----每日一题 Day 84------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法不正确的是_____
+ 
+A.在算法中消除递归不一定需要使用栈
+ 
+B.栈是实现过程和函数等子程序调用时所必需的结构
+ 
+C.任何一个递归过程都可以转换成非递归过程
+ 
+D.只有使用了局部变量的递归过程在转换成非递归过程时才必须使用栈 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-14 18:30:12
+
+ 
+ 
+-----每日一题 Day 85------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4  下列说法中正确的是_____
+ 
+微程序控制方式与硬布线控制方式相比较，前者可以使指令的执行速度更快
+ 
+B.若采用微程序控制方式，则可用μPC取代PC
+ 
+C.控制存储器可以用掩膜ROM、EPROM或闪速存储器实现
+ 
+D.指令周期也称为CPU周期 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-14 18:29:27
+
+ 
+ 
+-----每日一题 Day 85------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 虚存管理和实存管理的主要区别是 ______。
+ 
+A 虚存管理区分逻辑地址和物理地址，实存管理则不区分
+ 
+B 实存管理要求一程序在内存必须连续，而虚存管理则不需要连续的内存
+ 
+C 实存管理要求程序必须全部装入内存才开始运行，而虚存管理则允许程序在执行
+ 
+过程中逐步装入
+ 
+D 虚存管理以逻辑地址执行程序，而实存管理以物理地址执行程序 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-14 18:28:49
+
+ 
+ 
+-----每日一题 Day 85------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 动态路由选择和静态路由选择的主要区别在哪里_____
+ 
+A.动态路由选择需要维护整个网络的拓扑结构信息，而静态路由选择只需要维护有限的拓扑结构信息
+ 
+B.动态路由选择需要使用路由选择协议去发现和维护路由信息，而静态路由选择只需要手动配置路由信息
+ 
+C.动态路由选择的可扩展性要大大优于静态路由选择，因为在网络拓扑发生变化时路由选择不需要手动配置去通知路由器
+ 
+D.动态路由选择使用路由表，而静态路由选择不使用路由表 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-14 18:28:08
+
+ 
+ 
+-----每日一题 Day 85------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下述说法不正确的是_____
+ 
+A.数组可看成线性结构的一种推广，因此与线性表一样，可以对它进行插入、删除等操作
+ 
+B.稀疏矩阵以三元组表压缩存储后，必会失去随机存取功能
+ 
+C.从逻辑结构上看，n维数组的每个元素均属于n个向量
+ 
+D.数组也能采用链式存储结构 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-15 17:09:26
+
+ 
+ 
+-----每日一题 Day 86------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 下列叙述中正确的是_____
+ 
+A.控制器产生的所有控制信号称为微指令
+ 
+B.微程序控制器比硬布线控制器更加灵活
+ 
+C.微处理器的程序称为微程序
+ 
+D.采用微程序控制器的处理器称为微处理器 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-15 17:08:53
+
+ 
+ 
+-----每日一题 Day 86------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 为了使虚拟系统有效地发挥其预期的作用，所运行的程序应具有的特性是 _______。
+ 
+A 该程序不应含有过多的 I/O 操作
+ 
+B 该程序的大小不应超过实际的内存容量
+ 
+C 该程序应具有较好的局部性
+ 
+D 该程序的指令相关不应过多 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-15 17:08:21
+
+ 
+ 
+-----每日一题 Day 86------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 使用距离矢量路由选择协议的路由器通过以下哪种方式获得最佳路径____
+ 
+A.通过向相邻路由器发送一次广播以询问最佳路径
+ 
+B.运行最短路径优先（SPF）算法
+ 
+C.将接收到的路径的度量增加1
+ 
+D.测试每条路径 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-15 17:07:43
+
+ 
+ 
+-----每日一题 Day 86------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 一棵左右子树均不空的二叉树在先序线索化后，其中空的链域的个数是______
+ 
+A. 0
+ 
+B. 1
+ 
+C  2
+ 
+D.不确定 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-16 17:11:09
+
+ 
+ 
+-----每日一题 Day 87------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 微程序控制器中，机器指令与微指令的关系是______
+ 
+A.每一条机器指令由一条微指令来执行
+ 
+B.一条机器指令由一段用微指令编成的微程序来解释执行
+ 
+C.一段机器指令组成的程序可由一个微程序来执行
+ 
+D.每一条微指令由一条机器指令来解释执行 
+ 
+
+ 
+ 
+
+---------
+
+该题更新于：2022-11-16 17:10:24
+
+ 
+ 
+-----每日一题 Day 87------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 程序在执行中发 生缺页中断，由系统将该缺页调入内存后应继续执行______ 。
+ 
+A．被中断的前一条指令
+ 
+B．被中断的指令
+ 
+C．被中断的后一条指令
+ 
+D．程序的第一条指令 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-16 17:09:29
+
+ 
+ 
+-----每日一题 Day 87------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在距离矢量路由选择协议中，下列哪项最可能导致路由回路问题？_____
+ 
+A.由于网络带宽的限制，某些路由更新数据包被丢弃，
+ 
+B.由于路由器不知道整个网络的拓扑结构信息，当收到一个路由更新信息时，又将该更新信息发回向自己发送该路由信息的路由器
+ 
+C.当一个路由器发现自己的一条直接相邻链路断开时，没能将这个变化报告给其他路由器
+ 
+D.慢收敛导致路由器接收了无效的路由信息 
+ 
+
+ 
+ 
+
+---------
+
+该题更新于：2022-11-16 17:08:26
+
+ 
+ 
+-----每日一题 Day 87------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 当一棵有n个结点的二叉树按层次从上到下，同层次从左到右将结点中的数据存放在一维数组A[1..n］中时，数组中第i个结点的左孩子为_____
+ 
+A. A［i／2］
+ 
+B. A［2i］（若2i<=n）
+ 
+C. A［2i+1］（若2i+1<=n）
+ 
+D.不能确定 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-17 17:54:38
+
+ 
+ 
+-----每日一题 Day 88------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 微程序控制器中，微程序的入口地址是由_____形成的。
+ 
+A.机器指令的地址码字段
+ 
+B.微指令的微地址码字段
+ 
+C.机器指令的操作码字段
+ 
+D.微指令的微操作码字段 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-17 17:53:58
+
+ 
+ 
+-----每日一题 Day 88------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 有关虚拟存储器的叙述中，正确的是_____
+ 
+A 程序运行前必须全部装入内存，且在运行中必须常驻内存
+ 
+B 程序运行前不必全部装入内存，且在运行中不必常驻内存
+ 
+C 程序运行前不必全部装入内存，但在运行中必须常驻内存
+ 
+D 程序运行前必须全部装入内存，但 在运行中不必常驻内存 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-17 17:53:18
+
+ 
+ 
+-----每日一题 Day 88------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 当一个IP分组进行直接交付时，要求发送站和目的站具有相同的_____
+ 
+A. IP地址
+ 
+B.主机号
+ 
+C.网络号
+ 
+D.子网地址 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-17 17:52:32
+
+ 
+ 
+-----每日一题 Day 88------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 在下列叙述中，正确的叙述是______
+ 
+A.树的先序遍历和中序遍历可以得到树的后序遍历
+ 
+B.将一棵树转换成二叉树后，根结点没有右子树
+ 
+C.采用二叉链表作存储结构，树的先序遍历和其相应的二叉树的先序遍历的结果不同
+ 
+D.一棵树中的叶子结点数一定等于与其对应的二叉树的叶子结点数 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-18 17:09:18
+
+ 
+ 
+-----每日一题 Day 89------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 微指令执行的顺序控制问题，实际上是如何确定下一条微指令的地址问题。通常采用的一种方法是断定方式。其基本思想是_______
+ 
+A.用程序计数器PC来产生后继微指令地址
+ 
+B.用微程序计数器μPC来产生后继微指令地址
+ 
+C.通过微指令顺序控制字段由设计者指定或者由判断字段控制产生后继微指令地址
+ 
+D.通过指令中指定一个专门字段来控制产生后继微指令地址 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-18 17:08:38
+
+ 
+ 
+-----每日一题 Day 89------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 在请求分页存储管理中，若进程访问的页不在内存且内存又没有可用的 物理 块时，系
+ 
+统正确的处理顺序为 _______。
+ 
+A．决定淘汰页，页调出，缺页中断，页调入
+ 
+B．决定淘汰页，页调入，缺页中断，页调出
+ 
+C．缺页中断，决定淘汰页，页调出，页调入
+ 
+D．缺页中断，决定淘汰页，页调入，页调出 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-18 17:07:56
+
+ 
+ 
+-----每日一题 Day 89------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 关于TCP和UDP端口，下列说法中正确的是______
+ 
+TCP和UDP分别拥有自己的端口号，二者互不干扰，可以共存于同一台主机
+ 
+TCP和UDP分别拥有自己的端口号，但二者不能共存于同一台主机
+ 
+C  TCP和UDP的端口号没有本质区别，二者互不干扰，可以共存于同一台主机
+ 
+D. TCP和UDP的端口号没有本质区别，但二者相互干扰，不能共存于同一台主机 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-18 17:07:18
+
+ 
+ 
+-----每日一题 Day 89------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 在下列叙述中，错误的叙述是_____
+ 
+A.哈夫曼树是带权路径最短的树，路径上权值较大的结点离根较近
+ 
+B.哈夫曼树的结点个数不能是偶数
+ 
+C.给定一组叶结点的权值，构造出的哈夫曼树结构不唯一
+ 
+D.一棵哈夫曼树的带权路径长度等于其中所有分支结点的权值之和 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-21 19:41:55
+
+ 
+ 
+-----每日一题 Day 90------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 在下列存储器中，若按存取速度从快到慢的顺序排列，应当为_______
+ 
+高速缓存、寄存器组、主存、磁带、软磁盘、活动头硬磁盘
+ 
+寄存器组、高速缓存、主存、磁带、软磁盘、活动头硬磁盘
+ 
+寄存器组、高速缓存、主存、软磁盘、活动头硬磁盘、磁带
+ 
+寄存器组、高速缓存、主存、活动头硬磁盘、软磁盘、磁带 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-21 19:41:08
+
+ 
+ 
+-----每日一题 Day 90------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 与设备相关的中断处理过程是由_______完成的。
+ 
+A 用户级 I/O 
+ 
+B 与设备无关的操作系统软件
+ 
+C 中断处理 
+ 
+D 设备驱动程序 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-21 19:40:21
+
+ 
+ 
+-----每日一题 Day 90------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 下列关于TCP协议的叙述中，正确的是______
+ 
+A. TCP是一个点到点的通信协议
+ 
+B. TCP提供了无连接的可靠数据传输
+ 
+TCP将来自上层的字节流组织成数据报，然后交给IP协议
+ 
+D. TCP将收到的报文段组织成字节流提交给上层 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-21 19:39:28
+
+ 
+ 
+-----每日一题 Day 90------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列关于AOE网的说法正确的是_____。
+ 
+A. AOE网的含义是以顶点表示活动的网
+ 
+B.从源点到汇点的最短路径称作关键路径
+ 
+C.存在关键路径的AOE网一定是有向无环图
+ 
+D.关键路径上某个活动的时间缩短，整个工程的时间也就必定缩短 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-22 18:34:17
+
+ 
+ 
+-----每日一题 Day 91------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 以下论述正确的是_____
+ 
+A. CPU响应中断期间仍执行原程序
+ 
+B.在中断过程中，若又有中断源提出中断请求，CPU立即响应
+ 
+C.在中断响应中，保护断点、保护现场应由用户编程完成
+ 
+D.在中断响应中，保护断点是由中断隐指令自动完成的 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-22 18:32:46
+
+ 
+ 
+-----每日一题 Day 91------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 为提高存储器存取效率，在安排磁盘上信息分布时，通常是_____
+ 
+A.存满一面，再存另一面
+ 
+B.尽量将同一文件存放在一个扇区或相邻扇区的各磁道上
+ 
+C.尽量将同一文件存放在不同面的同一磁道上
+ 
+D.上述方法均有效 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-22 18:31:26
+
+ 
+ 
+-----每日一题 Day 91------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在客户／服务器模式的网络环境下，如何提高整个网络的性能？_____
+ 
+A.根据网络流量的大小改变传输的数据包的大小
+ 
+B.只传送“请求”和“结果”来减少网络的流量
+ 
+C.通过客户端本地存储所有的数据来降低网络流量
+ 
+D.在服务器上执行所有的数据处理 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-22 18:30:43
+
+ 
+ 
+-----每日一题 Day 91------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 一个有序表中有5个数据记录，其查找概率分别为p1=0.2，p2=0.15，p3=0.4，p4=0.15和p5=0.1，顺序查找时的查找成功的平均查找长度为_____。
+ 
+A. 1
+ 
+B. 2.5
+ 
+C. 2.8
+ 
+D. 3 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-23 17:55:24
+
+ 
+ 
+-----每日一题 Day 92------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 DMA方式是在_______之间建立一条直接数据通路。
+ 
+A. I／O设备和主存
+ 
+B.两个I／O设备
+ 
+C. I／O设备和CPU
+ 
+D. CPU和主存 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-23 17:54:35
+
+ 
+ 
+-----每日一题 Day 92------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 某磁盘的转速为7200r／min，传输速度为4MB／s，控制器开销为1ms。要保证读或写一个512B的扇区的平均时间为11.3ms。那么，该磁盘的平均寻道时间不超过_____
+ 
+A. 3.9ms
+ 
+B. 4.7ms
+ 
+C. 5.5ms 
+ 
+D. 6.1ms 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-23 17:54:00
+
+ 
+ 
+-----每日一题 Day 92------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 一台主机希望解析域名www.nankai. edu.cn，如果这台服务器配置的域名服务器为202.120.66.68， Internet根域名服务器为10.2.8.6，而存储www.nankai.edu. cn与其IP地址对应关系的域名服务器为202.113.16.10，那么这台主机解析该域名通常首先查询______
+ 
+A.地址为202.120.66.68的域名服务器
+ 
+B.地址为10.2.8.6的域名服务器
+ 
+C.地址为202.113.16.10的域名服务器
+ 
+D.不能确定，可以从这3个域名服务器中任选一个 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-23 17:53:19
+
+ 
+ 
+-----每日一题 Day 92------
+ 
+注意：第二天发布题目同一时间评论区公布答案哦！
+ 
+
+ 
+ 数据结构
+ 
+1 适用于折半查找的表的存储方式的要求为______
+ 
+A.顺序存储，记录可以无序
+ 
+B.顺序存储，记录必须有序
+ 
+C.链式存储，记录可以无序
+ 
+D.链式存储，记录必须有序 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-24 17:03:21
+
+ 
+ 
+-----每日一题 Day 93------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 DMA方式中，周期“窃取”是窃取一个_____
+ 
+A.存取周期
+ 
+B.指令周期
+ 
+C. CPU周期
+ 
+D.时钟周期 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-24 17:02:15
+
+ 
+ 
+-----每日一题 Day 93------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 在采用 SPOOLing 技术的系统中，用户的打印数据首先被送到______ 。
+ 
+A 内存固定区域 
+ 
+B 磁盘固定区域 
+ 
+C 终端 
+ 
+D 打印机 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-24 17:01:38
+
+ 
+ 
+-----每日一题 Day 93------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在数据传输速率为50kb／s的卫星信道上发送长度为1kb的帧。假设确认总是由数据帧捎带。帧头很短，帧序号的长度为3比特。对于停止等待协议，可以取得的最大信道利用率是_____ （假设卫星信道端到端的单向传播延迟时间为270ms）
+ 
+A 3.4%
+ 
+B 6.8%
+ 
+C 13.8%
+ 
+D 24.1% 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-24 17:00:49
+
+ 
+ 
+-----每日一题 Day 93------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 对于具有152个记录的文件，采用分块查找法，且每块长度为8。若索引表和各块内均用顺序查找，则平均查找长度为_______
+ 
+A. 4.5
+ 
+B. 9
+ 
+C. 14.5
+ 
+D. 24 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-25 18:39:44
+
+ 
+ 
+-----每日一题 Day 94------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 在采用DMA方式高速传输数据时，数据传送是______
+ 
+A.在总线控制器发出的控制信号控制下完成的
+ 
+B.在DMA控制器本身发出的控制信号控制下完成的
+ 
+C.由CPU执行的程序完成的
+ 
+D.由CPU响应硬中断处理完成的 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-25 18:38:57
+
+ 
+ 
+-----每日一题 Day 94------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 以下关于计算机外部设备说法中错误的是______ 。
+ 
+A 计算机外部设备可以分为存储型设备和输入输出型设备
+ 
+B 存储型设备可以作为内存的扩充，信息传输以块为单位
+ 
+C 输入输出型设备负责内存与外部设备间的信息传递，信息传输单位是字符
+ 
+D 存储型设备一般属于共享设备，而输入输出型设备则属于独占设备 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-25 18:38:13
+
+ 
+ 
+-----每日一题 Day 94------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在理想状态的信道中，数据从发送端到接收端是无差错的，但实际应用中，数据传输会产生差错。下列______不是由于物理传输介质影响差错的因素
+ 
+A.信号在物理线路上随机产生的信号幅度、频率、相位的畸形和衰减
+ 
+B.电气信号在线路上产生反射造成的回波效应
+ 
+C.数据的压缩率太高，造成在传输中出现的错误无法克服
+ 
+D.相邻线路之间的串线干扰，以及闪电、电磁的干扰等 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-25 18:33:19
+
+ 
+ 
+-----每日一题 Day 94------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下面说法错误的是______
+ 
+A.在索引顺序表中实现分块查找，在等概率查找情况下，其平均查找长度不仅与表中元素个数有关，而且与每块中元素个数有关
+ 
+B.对大小均为n的有序表和无序表分别进行顺序查找，在等概率查找的情况下，对于查找成功，它们的平均查找长度是相同的；而对于查找失败，它们的平均查找长度是不同的
+ 
+C.当采用分块查找时，记录的组织方式为每块内关键字不必有序，但块间必须有序
+ 
+D.就平均查找长度而言，分块查找最小，折半查找次之，顺序查找最大 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-28 18:05:40
+
+ 
+ 
+-----每日一题 Day 95------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 已知大写英文字母A的ASCII码为41H，现字母F被存放在某个存储单元中，若采用偶校验（假设最高位作为校验位），则该存储单元中存放的十六进制数据是_____
+ 
+A. 46H
+ 
+B. C6H
+ 
+C. 47H
+ 
+D. C7H 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-28 18:05:07
+
+ 
+ 
+-----每日一题 Day 95------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 设有一个记录式文件采用链接分配方式，逻辑记录的固定长度 100 字节，在磁盘上存
+ 
+储时采用记录成组分解技术，物理块（盘块）长度为 512 字节。如果该文件的目录项已经读
+ 
+入内存，要修改第 22 个逻辑记录共需启动磁盘 ______次。
+ 
+A 1 
+ 
+B 2 
+ 
+C 5 
+ 
+D 6 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-28 18:04:31
+
+ 
+ 
+-----每日一题 Day 95------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在CSMA/CD中，如果网络中某个发送站点一旦检测到冲突，就立即停止发送，并发冲突码，其他站点都会______
+ 
+ A.处于待发送状态
+ 
+B 相继竞争发送权
+ 
+C 接收到阻塞信号
+ 
+D.有可能继续发送数据 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-28 18:03:51
+
+ 
+ 
+-----每日一题 Day 95------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 在平衡二叉树中插入一个结点后造成了不平衡，设最低的不平衡结点为A，并已知A的左孩子的平衡因子为一1，右孩子的平衡因子为0，则应作____型调整以使其平衡。
+ 
+A. LL
+ 
+B. LR
+ 
+C. RL
+ 
+D RR 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-29 16:56:18
+
+ 
+ 
+-----每日一题 Day 96------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4  某机器字长16位，主存按字节编址，转移指令采用相对寻址，由两个字节组成，第一字节为操作码字段，第二字节为相对位移量字段。假定取指令时，每取一个字节PC自动加1。若某转移指令所在主存地址为2000H，相对位移量字段的内容为06H，则该转移指令成功转移后的目标地址是______
+ 
+A. 2006H
+ 
+B. 2007H
+ 
+C. 2008H
+ 
+D. 2009H 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-29 16:55:46
+
+ 
+ 
+-----每日一题 Day 96------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 位示图可用于磁盘空间的管理。设某系统磁盘共有 500 块，块号为 0~499 ，第 0 行的
+ 
+第 0 位表示第 0 块，第 0 行的第 1 位表示第 1 块，以此类推。若用位示图管理这 500 块的磁
+ 
+盘空间，当字长为 32 位时，第 i 个字节第 j 位对应的块号是______
+ 
+A 32 × i+j 
+ 
+B 32 × i+j-1 
+ 
+C 32 × i+j-32 
+ 
+D 32 × i+j -32 -1 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-29 16:55:07
+
+ 
+ 
+-----每日一题 Day 96------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在CSMA/CD中，假设站点发送数据帧所需的时间为1，任意两个站点之间的传播延迟时间为r，若能正常检测到冲突，对于基带总线网络，r的值应为______
+ 
+A r<=0.5
+ 
+B r<0.5
+ 
+C r>=1
+ 
+D 0.5<r<1 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-29 16:54:29
+
+ 
+ 
+-----每日一题 Day 96------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 高度为8的平衡二叉树的结点数至少为______
+ 
+A. 15
+ 
+B. 54
+ 
+C. 87
+ 
+D. 255 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-30 18:46:18
+
+ 
+ 
+-----每日一题 Day 97------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 指令操作所需的数据不会来自______
+ 
+A.寄存器
+ 
+B.指令本身
+ 
+C.主存
+ 
+D.控制存储器 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-30 18:45:46
+
+ 
+ 
+-----每日一题 Day 97------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是_____
+ 
+A 采用多道程序设计的系统中，系统中的程序道数越多则系统的效率越高。
+ 
+B 多道程序设计可以缩短系统中程序的执行时间。
+ 
+C 通常将 CPU 模式分为内核态（核心态）和用户态，这样做的目的是为了提高运行速度。
+ 
+D 微内核结构操作系统具有较高的灵活性和扩展性。 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-30 18:45:03
+
+ 
+ 
+-----每日一题 Day 97------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 已知以太网局域网的总线电缆长为200m，数据传输速率为10Mb／s，电磁波信号在电缆中的传播速率为200m／μs。则该局域网允许的帧的最小长度为______。
+ 
+A 10b
+ 
+B 20b
+ 
+C 30b
+ 
+D 40b 
+ 
+ 
+
+---------
+
+该题更新于：2022-11-30 18:44:26
+
+ 
+ 
+-----每日一题 Day 97------
+ 
+注意：第二天发布题目同一时间评论区公布答案哦！
+ 
+
+ 
+ 数据结构
+ 
+1设有哈希表中的关键字为（15，39，23，80， 44， 84， 27，55， 11， 10，69），用链地址法解决冲突，哈希函数为H（key）=key MOD 11，哈希地址为3的链中记录个数为_______
+ 
+A. 1
+ 
+B. 2
+ 
+C. 3
+ 
+D 4 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-01 17:27:45
+
+ 
+ 
+-----每日一题 Day 98------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 设相对寻址的转移指令占两个字节，第一个字节是操作码，第二个字节是相对位移量（用补码表示）。每当CPU从存储器取出第一个字节时，即自动完成（PC）+1→PC。设当前PC的内容为2003H，要求转移到200AH地址，则该转移指令第二字节的内容应为______
+ 
+A 04H
+ 
+B 05H
+ 
+C 06H
+ 
+D 07H 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-01 17:23:47
+
+ 
+ 
+-----每日一题 Day 98------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是______
+ 
+A 分时操作系统允许两个以上的用户共享一个计算机系统。
+ 
+B 操作系统的存储管理就是指对磁盘存储器的管理。
+ 
+C 实时操作系统只能用于控制系统而不能用于信息管理系统。
+ 
+D 从响应的角度看，分时系统与实时系统的要求相似。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-01 17:23:07
+
+ 
+ 
+-----每日一题 Day 98------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 一个48端口的交换机的冲突域和广播域个数分别是______
+ 
+A. 1，1
+ 
+B. 48，48
+ 
+C. 48.1
+ 
+D. 1，48 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-01 17:22:12
+
+ 
+ 
+-----每日一题 Day 98------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 哈希函数为H（key）=key MOD 11，表中已存入关键字分别为7、14，37、60和83的五个记录，此时哈希表的装填因子a=0.33。用二次探测再散列法解决冲突，则再放入关键字为49的记录时，它的位置下标是_______
+ 
+A. 5
+ 
+B. 8
+ 
+C.9
+ 
+D. 14 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-02 17:58:46
+
+ 
+ 
+-----每日一题 Day 99------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 堆栈寻址方式中，设A为累加器，SP为堆栈指示器，Msp为SP指示的栈顶单元，如果进栈操作的动作顺序是（A）→Msp， （SP)-1→SP，那么出栈操作的动作顺序应为_____
+ 
+A. （Msp）→A，（SP）+1→SP
+ 
+B. （SP)－1→SP， （Msp）→A
+ 
+C. （SP）+1→SP， （Msp）→A
+ 
+D.以上都不对 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-02 17:58:11
+
+ 
+ 
+-----每日一题 Day 99------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法错误的是_____
+ 
+A 系统调用与程序级的子程序调用是一致的。
+ 
+B 访管指令为非特权指令，在用户态下执行时会将 CPU 转换为核心态。
+ 
+C 执行系统调用时会产生中断。
+ 
+D 系统调用返回时，由核心态变为用户态执行用户程序。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-02 17:57:33
+
+ 
+ 
+-----每日一题 Day 99------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 一个以太网局域网中有A、B、C、D 4台主机，A给B发信息_____
+ 
+A.只有B收到信息
+ 
+B 4台主机都收到信息
+ 
+C.4台主机都收不到信息
+ 
+D. B C D 3台主机收到信息 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-02 17:56:37
+
+ 
+ 
+-----每日一题 Day 99------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列关于哈希表的说法错误的是______
+ 
+A.除留余数法是所有哈希函数中最好的。
+ 
+B.采用链地址法解决冲突时，不存在聚集现象。
+ 
+C.在哈希表查找中，比较操作一般也是不可避免的。
+ 
+D.若散列表的装填因子a<1，仍可能产生冲突。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-05 19:42:13
+
+ 
+ 
+-----每日一题 Day 100------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 一台8位微机的地址总线为16条，其RAM存储器容量为32KB，首地址为4000H，且地址是连续的。问可用的最高地址是______
+ 
+A 7FFFH
+ 
+B AFFFH
+ 
+C BFFFH
+ 
+D CFFFH 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-05 19:41:29
+
+ 
+ 
+-----每日一题 Day 100------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 操作系统中的三级调度是指 ______
+ 
+A CPU 调度、资源调度和网络调度 
+ 
+B CPU 调度、设备调度和存储器调度
+ 
+C 作业调度、进程调度和资源调度 
+ 
+D 作业调度、进程调度和中级调度 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-05 19:40:47
+
+ 
+ 
+-----每日一题 Day 100------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 有一个连接10台计算机的网络，其中5台连接到一个以太网集线器上，另外5台连接到另一个以太网集线器上，两个集线器连接到一个交换机上，而该交换机又通过一个路由器连接到另一个配置相同的远程办公室。那么，该交换机将能获知_______个MAC地址
+ 
+A 10
+ 
+B 11
+ 
+C 12
+ 
+D 14 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-05 19:39:54
+
+ 
+ 
+-----每日一题 Day 100------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 对序列（67， 56，34，45，78，12，23）进行递增的希尔排序，经一趟后序列变为（67，12， 23， 45，78，56， 34），则该趟采用的增量是______。
+ 
+A. 1
+ 
+B. 2
+ 
+C. 3
+ 
+D. 4 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-06 17:40:16
+
+ 
+ 
+-----每日一题 Day 101------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 有一个16KX16的存储器，由1KX4的DRAM芯片（内部结构为64×64）构成，如采用集中刷新方式，设存储器的读写周期为0.5us，死时间率为______
+ 
+A 0.6%
+ 
+B 1%
+ 
+C 1.6%
+ 
+D 2% 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-06 17:39:36
+
+ 
+ 
+-----每日一题 Day 101------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是_____
+ 
+A 进程状态的转换是由操作系统完成的，对用户是透明的。
+ 
+B 不同的进程必然对应不同的程序。
+ 
+C 进程控制块（ PCB ）是用户进程的私有数据结构，每个进程仅有一个 PCB 。
+ 
+D 当一个进程从阻塞态变为就绪态时，一定有一个进程从就绪态变为运行态。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-06 17:35:13
+
+ 
+ 
+-----每日一题 Day 101------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 若用冒泡排序方法对序列（12，24，36，48，60，72）从大到小排序，需要的比较次数是_____
+ 
+A. 5
+ 
+B. 10
+ 
+C. 15
+ 
+D. 25 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-07 17:10:44
+
+ 
+ 
+-----每日一题 Day 102------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 设计算机的存储器为64Kx16位，直接地址映像的cache容量为1KW（KW，千字），每块4字。则cache中可装入____块数据
+ 
+A 1024
+ 
+B 128
+ 
+C 256
+ 
+D 512 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-07 17:10:04
+
+ 
+ 
+-----每日一题 Day 102------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是_____
+ 
+A 进程从运行态变为阻塞态是由于时间片中断发生。
+ 
+B 进程可以自身决定从运行态转换为阻塞态。
+ 
+C 在抢占式进程调度下，现运行进程的优先级不低于系统中所有进程的优先级。
+ 
+D 在任何情况下采用短作业优先调度算法都能够使作业的平均周转时间最小。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-07 17:09:19
+
+ 
+ 
+-----每日一题 Day 102------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2  IP协议可能将原主机的IP数据报分片后再进行传输，在到达目的主机之前，分片后的IP数据报_____
+ 
+A. 可能再次分片，但不进行重组
+ 
+B.不可能再次分片和重组
+ 
+C 不可能再次分片，但能进行重组
+ 
+D.可能再次分片和重组 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-07 17:08:25
+
+ 
+ 
+-----每日一题 Day 102------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 序列（16，10，8，9，20，－1，5）进行一趟排序后变为（5，10，－1，9，20，8，16），则采用的排序方法是_____。
+ 
+A.选择排序
+ 
+B.快速排序
+ 
+C.冒泡排序
+ 
+D.希尔排序 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-08 15:13:07
+
+ 
+ 
+-----每日一题 Day 103------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 某计算机的主存地址位数为32位，按字节编址。假定数据cache中最多存放128个主存块，采用4路组相联方式，块大小为64B，每块设置了1位有效位。采用一次性写回策略，为此每块设置了1位＂脏”位。该数据cache的总位数为_____
+ 
+A 65536
+ 
+B 68480
+ 
+C 68224
+ 
+D 68352 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-08 15:12:28
+
+ 
+ 
+-----每日一题 Day 103------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是_____
+ 
+A 在分时系统 中，进程调度都采用优先级调度算法为主，短进程优先调度算法为辅。
+ 
+B 在单 CPU 上的进程就绪队列和阻塞队列都只能有一个。
+ 
+C 某进程被唤醒后立即投入运行，因此系统采用的一定是抢占式进程调度。
+ 
+D 时间片的大小对轮转法的性能有很大影响，时间片太短会导致系统开销增加。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-08 15:11:45
+
+ 
+ 
+-----每日一题 Day 103------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在Internet中，IP数据报的传输需要经由源主机和中间路由器到达目的主机，通常_____
+ 
+A. 源主机和中间路由器都知道IP数据报到达目的主机需要经过的完整路径
+ 
+B. 源主机知道IP数据报到达目的主机需要经过的完整路径，而中间路由器不知道
+ 
+C. 源主机不知道IP数据报到达目的主机需要经过的完整路径，而中间路由器知道
+ 
+D.源主机和中途路由器都不知道IP数据报到达目的主机需要经过的完整路径 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-08 15:10:37
+
+ 
+ 
+-----每日一题 Day 103------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 以下关于外部排序的说法错误的是____。
+ 
+A.影响外部排序的时间因素主要是内存与外存交换信息的总次数
+ 
+B.外部排序的两个基本操作过程是生成初始归并段和归并
+ 
+C.采用败者树进行k路平衡归并，其总的归并效率与k无关
+ 
+D.外部排序通过减少初始归并段个数和增加归并路数可以提高排序效率 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-09 17:35:57
+
+ 
+ 
+-----每日一题 Day 104------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 某个系统拥有48位的虚拟地址和36位的物理地址，并且主存储器的容量为128MB。如果系统中使用的页的大小为4096字节，该地址空间能够支持的虚页数和实页数分别是______
+ 
+A 2^36个，2^24个
+ 
+B 2^48个，2^36个
+ 
+C 2^48个，2^12个
+ 
+D 2^36个，2^12个 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-09 17:35:24
+
+ 
+ 
+-----每日一题 Day 104------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 一个正在访问临界资源的进程由于 又申请 I/O 操作而被阻塞时， ________。
+ 
+A 可以允许其他进程进入该进程的临界区
+ 
+B 不允许其他进程进入临界区和占用 CPU 执行
+ 
+C 可以允许其他就绪进程占用 CPU 执行
+ 
+D 不允许其他进程占用 CPU 执行 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-09 17:34:44
+
+ 
+ 
+-----每日一题 Day 104------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 子网掩码是255.255.192.0，那么下列的_____主机必须通过路由器才能与主机129.23.144.16通信
+ 
+A.129.23.191.21 
+ 
+B.129.23.127.222 
+ 
+C.129. 23.130.33 
+ 
+D. 129，23.148.122 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-09 17:31:16
+
+ 
+ 
+-----每日一题 Day 104------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 设有如下遗产继承规则：丈夫和妻子可以互相继承遗产，子女可以继承父亲和母亲的遗产，子女间不能相互继承，则表示该遗产继承关系最合适的数据结构应该是_______。
+ 
+A.树
+ 
+B.图
+ 
+C.线性表
+ 
+D.集合 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-12 16:53:50
+
+ 
+ 
+-----每日一题 Day 105------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 下列说法正确的是______
+ 
+A 存取周期是指启动一次存储器操作到完成该操作所需的时间
+ 
+B 随机存储器需要定时地进行刷新。
+ 
+C 集中刷新方式在刷新时间内并不影响CPU的读写操作.
+ 
+D CPU访问主存储器的时间与存储体的容量无关。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-12 16:53:11
+
+ 
+ 
+-----每日一题 Day 105------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是_____
+ 
+A 在信号量上除了能执行 P 、 V 操作外，不能执行其他任何操作。
+ 
+B 若信号量的初值为 1 ，则用 P 、 V 操作可以禁止任何进程进入临界区。
+ 
+C P、 V 操作只能实现进程互斥，不能 实现进程同步。
+ 
+D 进程 A 与进程 B 共享变量 S1 ，需要互斥；进程 B 与进程 C 共享变量 S2 ，需要互斥
+ 
+从而进程 A 与进程 C 也必须互斥。 
+ 
+
+ 
+ 
+
+---------
+
+该题更新于：2022-12-12 16:52:31
+
+ 
+ 
+-----每日一题 Day 105------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 假定TCP拥塞窗口值被设定为18KB，然后发生了超时事件。如果紧接着的4次突发传输都是成功的，那么拥塞窗口将为_______.(假设最大报文段长度MSS为1KB)。
+ 
+A 4KB
+ 
+B 8KB
+ 
+C 9KB
+ 
+D 10KB 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-12 16:51:46
+
+ 
+ 
+-----每日一题 Day 105------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 若有m个关键字互为同义词，若用线性探测法处理冲突，把这m个元素存人哈希表中，至少要进行______次探测。
+ 
+A. m－1
+ 
+B. m
+ 
+C. m+1
+ 
+D. m（m+1）／2 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-13 17:39:03
+
+ 
+ 
+-----每日一题 Day 106------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 下列关于RISC的叙述中，错误的是_____
+ 
+A. RISC普遍采用微程序控制器
+ 
+B. RISC大多数指令在一个时钟周期内完成
+ 
+C. RISC的内部通用寄存器数量相对CISC多
+ 
+D. RISC的指令数、寻址方式和指令格式种类相对CISC少 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-13 17:37:45
+
+ 
+ 
+-----每日一题 Day 106------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是_____
+ 
+A 当进程数 大于资源数时，进程竞争资源必然产生死锁。
+ 
+B 一旦出现死锁，所有进程都不能运行。
+ 
+C 有 m 个进程的操作系统出现死锁时，死锁进程的个数为 1 <k≤m 。
+ 
+D 银行家算法是防止死锁发生的方法之一。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-13 17:36:40
+
+ 
+ 
+-----每日一题 Day 106------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2  TCP为了提高效率又引入了滑动窗口协议，协议规定重传______的报文段
+ 
+A. 未被确认及至窗口首端的所有报文段
+ 
+B.未被确认
+ 
+C 未被确认及至退回N值的所有报文段
+ 
+D.仅丢失 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-13 17:35:41
+
+ 
+ 
+-----每日一题 Day 106------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法错误的是_____
+ 
+A 进行折半查找的表必须是顺序存储的有序表。
+ 
+B 折半查找所对应的判定树是一棵平衡二叉树
+ 
+C 对二叉排序树进行先序遍历得到的结点的值的序列是一个有序序列。
+ 
+D 在由n个元素组成的有序表上进行折半查找时，对任一个元素进行查找的长度都不会大于log2(n)+1 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-14 18:10:29
+
+ 
+ 
+-----每日一题 Day 107------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 微程序控制器的速度比硬布线控制器慢，主要是因为______
+ 
+A.增加了从磁盘存储器读取微指令的时间
+ 
+B.增加了从主存储器读取微指令的时间
+ 
+C.增加了从指令寄存器读取微指令的时间
+ 
+D.增加了从控制存储器读取微指令的时间 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-14 18:07:48
+
+ 
+ 
+-----每日一题 Day 107------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 TCP协议采用超时重传、捎带确认技术,其中捎带确认技术指的是在确认信息中捎带_____
+ 
+的序号以减少通信量。
+ 
+A.上一个已接收的报文段
+ 
+B.下一个希望接收的报文段
+ 
+C.正在发送的报文段
+ 
+D.下一个将要发送的报文段 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-14 18:07:10
+
+ 
+ 
+-----每日一题 Day 107------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法错误的是_____
+ 
+A 对于同一组记录，若生成二叉排序树时插入记录的次序不同，则可得到不同结构的二叉排序树。
+ 
+B 在分块查找中，在等概率情况下，其平均查找长度不仅与查找表的长度有关，而且与每块中的记录个数有关。
+ 
+C 哈希函数越复杂，随机性越好，冲突的概率越小
+ 
+D 在二叉排序树中插入的结点，总是叶子结点 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-15 17:55:33
+
+ 
+ 
+-----每日一题 Day 108------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 下列说法正确的是_____
+ 
+A 在冯·诺依曼计算机中，指令流是由数据流驱动的。
+ 
+B 执行指令时，指令在主存中的地址存放在指令寄存器中。
+ 
+C 指令周期是指CPU从主存中读出一条指令的时间。
+ 
+D 取指周期的操作与指令的操作码无关。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-15 17:54:57
+
+ 
+ 
+-----每日一题 Day 108------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 段页式存储管理汲取了分页和分段的优点，其实现原理结合了分页和分段管理的基本
+ 
+思想，即 _______
+ 
+A用分段方法来分配和管理内存物理空间，用分页方法来管理用户地址空间
+ 
+B用分段方法来分配和管理用户地址空间，用分页方法来管理内存物理空间
+ 
+C用分段方法来分配和管理内存空间，用分页方法来管理辅存空间
+ 
+D用分段方法来分配和管理辅存空间，用分页方法来管理内存 空间 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-15 17:54:13
+
+ 
+ 
+-----每日一题 Day 108------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 下列协议中属于面向连接的是_____ 
+ 
+A. IP
+ 
+B. UDP
+ 
+C. DHCP
+ 
+D. TCP 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-15 17:53:36
+
+ 
+ 
+-----每日一题 Day 108------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 在有向图G的拓扑序列中，若顶点Vi在顶点Vj之前，则下列情形不可能出现的是______
+ 
+A.G中有弧<Vi,Vj>
+ 
+B.G中有一条从Vi到Vj的路径
+ 
+C.G中没有弧<Vi,Vj>
+ 
+D.G中有一条从Vj到Vi的路径 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-16 17:44:25
+
+ 
+ 
+-----每日一题 Day 109------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 下列说法正确的是______
+ 
+A 指令周期又称为CPU周期
+ 
+B 微指令是指控制存储器中的一个单元的内容。
+ 
+C 在微程序控制器中，微指令寄存器用来存放微程序。
+ 
+D 微指令的操作控制字段采用字段编码时，兼容的微命令应安排在同一段中。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-16 17:43:42
+
+ 
+ 
+-----每日一题 Day 109------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是____
+ 
+A 在分页存储管理中，程序装入内存后其地址是连续的。
+ 
+B 分页存储管理中一个程序可以占用不连续的内存空间，而分段存储管理中一个程序则
+ 
+需要占用连续的内存空间。
+ 
+C 分段存储管理中的分段是由用户决定的。
+ 
+D 请求分页存储管理系统若把页的大小增加一倍，则缺页中断次数就会减少一半。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-16 17:43:03
+
+ 
+ 
+-----每日一题 Day 109------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2  TCP／IP的传输层协议使用______地址形式将数据传送给上层应用程序
+ 
+A. IP地址
+ 
+B. MAC地址
+ 
+C.端口号
+ 
+D.套接字（socket）地址 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-16 17:40:49
+
+ 
+ 
+-----每日一题 Day 109------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 下列说法错误的是_____
+ 
+A 对任意一个图，从它的某个顶点出发，进行一次深度优先或广度优先搜索，即可访问图的每个顶点。
+ 
+B 连通图上各边权值均不相同，则该图的最小生成树是惟一的
+ 
+C 有n个顶点的无向图，采用邻接矩阵表示，图中的边数等于邻接矩阵中非零元素之和的一半
+ 
+D 树的先根遍历算法可以理解为深度优先遍历算法的一种特殊形式. 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-20 18:20:23
+
+ 
+ 
+-----每日一题 Day 111------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 设相对寻址的转移指令占4字节，其中第1、第2字节是操作码，第3、第4字节是相对位移量（用补码表示）。设当前PC的内容为2008H，要求转移到2001H的地址，则该转移指令第3、第4字节的内容应为______
+ 
+A FFF5H
+ 
+B FFF9H
+ 
+C 000BH
+ 
+D 0007H 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-20 18:19:48
+
+ 
+ 
+-----每日一题 Day 111------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是_______
+ 
+A 磁盘高速缓冲区是设 在磁盘上的一块磁盘空间。
+ 
+B 磁盘移臂调度的目标是使磁盘旋转的周数最小。
+ 
+C 最短寻道时间优先（ SSTF ）算法的调度原则是要求磁头的移动距离最小，该算法有产生饥饿 的可能。
+ 
+D 磁盘扇区的编号必须连续。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-20 18:19:07
+
+ 
+ 
+-----每日一题 Day 111------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在OSI参考模型中，当相邻高层的实体把______传到低层实体后，被低层实体视为_____
+ 
+A. IDU， PDU
+ 
+B. PDU， IDU
+ 
+C. IDU， SDU
+ 
+D. PDU，SDU 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-20 18:18:21
+
+ 
+ 
+-----每日一题 Day 111------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 从一个栈顶指针为top的链栈中删除一个结点时，用x保存被删除的结点，应执行______
+ 
+A.x=top－>data； top=top－>next；
+ 
+B. top = top - >next； x=top；
+ 
+C. x=top－>data；
+ 
+D. x=top； top=top－>next； 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-21 18:52:46
+
+ 
+ 
+-----每日一题 Day 112------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 X、Y为定点二进制数，其格式为1位符号位，n位数值位。若采用Booth补码一位乘法实现乘法运算，则最多需要做加法运算的次数是______
+ 
+A. n－1
+ 
+B. n
+ 
+C. n+1
+ 
+D. n+2 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-21 18:52:11
+
+ 
+ 
+-----每日一题 Day 112------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是______
+ 
+A 设备独立性是指设备驱动程序独立于具体使用的物理设备。
+ 
+B 系统为所有设备配置了一张设备控制表，用于记录设备的特性以及 I/O 控制器连接的情
+ 
+况。
+ 
+C 引入缓冲的主要目的是为了提高 I/O 设备的利用率。
+ 
+D 等待设备的进程队列有时不必以先来先服务的顺序排队。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-21 18:51:30
+
+ 
+ 
+-----每日一题 Day 112------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 在下面对OSI参考模型的数据链路层的功能特性描述中，不正确的是_____
+ 
+A.通过交换与路由，找到数据通过网络的最有效的路径
+ 
+B.数据链路层的主要任务是提供一种可靠的通过物理介质传输数据的方法
+ 
+C.将数据分解成帧，并按顺序传输帧，并处理接收端发回的确认帧
+ 
+D.以太网的数据链路层分为LLC和MAC子层，并在MAC子层使用CSMA／CD协议争用信道 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-21 18:50:43
+
+ 
+ 
+-----每日一题 Day 112------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 在解决计算机主机与打印机之间速度不匹配问题时通常设置一个打印数据缓冲区，主机将要输出的数据依次写入该缓冲区，而打印机则从该缓冲区中取出数据打印。该缓冲区应该是一个______结构。
+ 
+A.堆栈
+ 
+B.队列
+ 
+C.数组
+ 
+D.线性表 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-22 20:03:08
+
+ 
+ 
+-----每日一题 Day 113------
+ 
+ 
+ 
+
+ 
+计算机组成原理
+ 
+4 存储器容量为32K X 16，则_______
+ 
+A.地址线为16根，数据线为32根 
+ 
+B.地址线为32根，数据线为16根
+ 
+C.地址线为15根，数据线为16根
+ 
+D.地址线为16根，数据线为15根 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-22 20:02:32
+
+ 
+ 
+-----每日一题 Day 113------
+ 
+ 
+ 
+
+ 
+操作系统
+ 
+3 文件系统采用两级索引分配方式，如果每个物理块的大小为 1KB ，每个物理块号占 4个字节（4B ），则该系统中单个文件允许的最大长度是 _____。
+ 
+A 64MB 
+ 
+B 128MB 
+ 
+C 32MB 
+ 
+D 256MB 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-22 20:01:54
+
+ 
+ 
+-----每日一题 Day 113------
+ 
+ 
+ 
+
+ 
+计算机网络
+ 
+2 设待传送数据总长度为L比特，分组总长度为P比特，其中头部开销长度为H比特，源结点到目的结点之间的线路数为h，每条线路上的延迟时间为D秒，数据传输率为Bb／s，在分组交换方式中每个分组在每个中间结点需要K比特的延迟时间（包括排队延迟时间和转发延迟时间），则传送所有数据，数据报分组交换所需时间为_______秒
+ 
+A. ((h-1)K/B+P/B)(L/(P-H))
+ 
+B.((h-1)K/B+hD+P/B)(L/(P-H))
+ 
+C. P/B(L/(P-H))+hD+(h-1) K/B
+ 
+D ((h-1)K/B+hD+P/B)(L/P) 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-22 20:01:05
+
+ 
+ 
+-----每日一题 Day 113------
+ 
+ 
+ 
+
+ 
+数据结构
+ 
+1 若已知一个栈的入栈序列是1，2，3，…，30，其输出序列是p1，p2，p3，…，pn，若p1=30，则p10为_______
+ 
+A.11
+ 
+B. 20
+ 
+C.30
+ 
+D.21 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-23 18:03:02
+
+ 
+ 
+-----每日一题 Day 114------
+ 
+注意：答案见评论区 
+ 
+
+ 
+计算机组成原理
+ 
+4 设机器字长为32位，一个容量为16MB的存储器，CPU按半字寻址，其可寻址的单元数是_____
+ 
+A. 2^24
+ 
+B. 2^23
+ 
+C. 2^22
+ 
+D. 2^21 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-23 18:02:06
+
+ 
+ 
+-----每日一题 Day 114------
+ 
+注意：答案见评论区 
+ 
+
+ 
+操作系统
+ 
+3 下列说法正确的是_____
+ 
+A 可顺序存取的文件不一定能随机存取，但可随机存取的文件都能顺序存取。
+ 
+B 文件的索引表全部存放在文件控制块 FCB 中。
+ 
+C 在文件系统中，打开文件是指创建一个文件控制块。
+ 
+D 在文件较大时，无论是进行顺序存取还是随机存取，都以索引文件方式最快。 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-23 18:01:08
+
+ 
+ 
+-----每日一题 Day 114------
+ 
+注意：答案见评论区 
+ 
+
+ 
+计算机网络
+ 
+2 采用滑动窗口机制对两个相邻结点A（发送方）和B（接收方）的通信过程进行流量控制。假定帧的序号长度为3比特，发送窗口与接收窗口的大小均为7，当A发送了编号为0、1、2、3这4个帧后，而B接收了这4个帧，但仅应答了0、1两个帧，A继续发送4、5两个帧，且这两个帧已进入B的接收缓冲区，而B仅应答了2、3两个帧，此时接收窗口最多能接收_____帧。
+ 
+A 3
+ 
+B 4
+ 
+C 5
+ 
+D 6 
+ 
+ 
+
+---------
+
+该题更新于：2022-12-23 17:59:48
+
+ 
+ 
+-----每日一题 Day 114------
+ 
+注意：答案见评论区
+ 
+
+ 
+数据结构
+ 
+1  设数组data[m］作为循环队列的存储空间，front为队头指针，rear为队尾指针，则执行出队操作后其头指针front值为____
+ 
+A. front=front+1
+ 
+B. front=（front +1）％（m－1）
+ 
+C. front=（front－1） ％m
+ 
+D. front=（front+1） ％m 
+ 
+ 
+
+---------
diff --git a/data/SVG.toml b/data/SVG.toml
new file mode 100644
index 0000000..4201913
--- /dev/null
+++ b/data/SVG.toml
@@ -0,0 +1,11 @@
+cube = '<svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>'
+light-bulb = '<svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg>'
+bilibili = '<svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg>'
+square-root-variable = '<svg class="icon" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg>'
+cubes = '<svg class="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg>'
+satellite-dish = '<svg class="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg>'
+gitea = '<svg  class="icon" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" ></path></svg>'
+
+# emoji覆盖
+sun = '<span class="icon">🌞</span>'
+moon = '<span class="icon">🌙</span>'
\ No newline at end of file
diff --git a/data/Socials.toml b/data/Socials.toml
new file mode 100644
index 0000000..f2636e0
--- /dev/null
+++ b/data/Socials.toml
@@ -0,0 +1,50 @@
+# Please do NOT edit this file!
+#
+# Create a new `Socials.toml` file in your site `data` directory
+# instead of editing here directly.
+#
+# For the `icon`, see SVG.toml
+
+#[[socials]]
+#    id = "rss"
+#    url = "/rss.xml"
+#    icon = "rss"
+#    title = "RSS"
+#    weight = 1
+
+[[socials]]
+    id = "email"
+    url = "mailto:qingci30@163.com"
+    icon = "envelope"
+    title = "Email"
+    weight = 2
+
+[[socials]]
+    id = "github"
+    url = "https://github.com/ink-soul"
+    icon = "github"
+    title = "GitHub"
+    weight = 3
+
+[[socials]]
+    id = "gitea"
+    url = "http://gitea.inksoul.top/inksoul"
+    icon = "gitea"
+    title = "gitea"
+   weight = 4
+
+[[socials]]
+    id = "bilibili"
+    url = "https://space.bilibili.com/262369930"
+    icon = "bilibili"
+    title = "bilibili"
+   weight = 5
+
+
+
+#[[socials]]
+#    id = "telegram"
+#    url = "https://t.me/yixiuer"
+#    icon = "telegram"
+#    title = "Telegram"
+#    weight = 5
diff --git a/images/11LK4(_2S}Q~OIDMGM6$XNK.jpg b/images/11LK4(_2S}Q~OIDMGM6$XNK.jpg
new file mode 100644
index 0000000..40937f4
Binary files /dev/null and b/images/11LK4(_2S}Q~OIDMGM6$XNK.jpg differ
diff --git a/images/3D_texture_and_volume.png b/images/3D_texture_and_volume.png
new file mode 100644
index 0000000..ac1f1a5
Binary files /dev/null and b/images/3D_texture_and_volume.png differ
diff --git a/images/3I~K5PRW$Y5JLF3}RC@RE0P.png b/images/3I~K5PRW$Y5JLF3}RC@RE0P.png
new file mode 100644
index 0000000..e8ea612
Binary files /dev/null and b/images/3I~K5PRW$Y5JLF3}RC@RE0P.png differ
diff --git a/images/3O_1NAGAMER%[EP6T91$LBO.png b/images/3O_1NAGAMER%[EP6T91$LBO.png
new file mode 100644
index 0000000..55bf5bd
Binary files /dev/null and b/images/3O_1NAGAMER%[EP6T91$LBO.png differ
diff --git a/images/60000_fur_fibers_hamster.png b/images/60000_fur_fibers_hamster.png
new file mode 100644
index 0000000..baf7016
Binary files /dev/null and b/images/60000_fur_fibers_hamster.png differ
diff --git a/images/Algebraic_Surfaces.png b/images/Algebraic_Surfaces.png
new file mode 100644
index 0000000..de8e46c
Binary files /dev/null and b/images/Algebraic_Surfaces.png differ
diff --git a/images/Anisotropic_filtering.png b/images/Anisotropic_filtering.png
new file mode 100644
index 0000000..fc1d174
Binary files /dev/null and b/images/Anisotropic_filtering.png differ
diff --git a/images/BRDF_define.png b/images/BRDF_define.png
new file mode 100644
index 0000000..212f4c6
Binary files /dev/null and b/images/BRDF_define.png differ
diff --git a/images/BRDF_over_a_pixel.png b/images/BRDF_over_a_pixel.png
new file mode 100644
index 0000000..a138c49
Binary files /dev/null and b/images/BRDF_over_a_pixel.png differ
diff --git a/images/BRDF_vs_BSSRDF.png b/images/BRDF_vs_BSSRDF.png
new file mode 100644
index 0000000..1fb3cec
Binary files /dev/null and b/images/BRDF_vs_BSSRDF.png differ
diff --git a/images/BSP-Tree.png b/images/BSP-Tree.png
new file mode 100644
index 0000000..3fd78ea
Binary files /dev/null and b/images/BSP-Tree.png differ
diff --git a/images/BSSRDF_application.png b/images/BSSRDF_application.png
new file mode 100644
index 0000000..5cbf242
Binary files /dev/null and b/images/BSSRDF_application.png differ
diff --git a/images/BVH_Traversal.png b/images/BVH_Traversal.png
new file mode 100644
index 0000000..abc0c4c
Binary files /dev/null and b/images/BVH_Traversal.png differ
diff --git a/images/BVH_build_step1.png b/images/BVH_build_step1.png
new file mode 100644
index 0000000..5a5b71e
Binary files /dev/null and b/images/BVH_build_step1.png differ
diff --git a/images/BVH_build_step2.png b/images/BVH_build_step2.png
new file mode 100644
index 0000000..a18d52e
Binary files /dev/null and b/images/BVH_build_step2.png differ
diff --git a/images/BVH_build_step3.png b/images/BVH_build_step3.png
new file mode 100644
index 0000000..957f6b0
Binary files /dev/null and b/images/BVH_build_step3.png differ
diff --git a/images/BVH_build_step4.png b/images/BVH_build_step4.png
new file mode 100644
index 0000000..2ba3981
Binary files /dev/null and b/images/BVH_build_step4.png differ
diff --git a/images/BoundingBox.png b/images/BoundingBox.png
new file mode 100644
index 0000000..c329d88
Binary files /dev/null and b/images/BoundingBox.png differ
diff --git a/images/Cache_-52135db77ba24310..jpg b/images/Cache_-52135db77ba24310..jpg
new file mode 100644
index 0000000..11f6156
Binary files /dev/null and b/images/Cache_-52135db77ba24310..jpg differ
diff --git a/images/Cache_-82fe908548173bf..jpg b/images/Cache_-82fe908548173bf..jpg
new file mode 100644
index 0000000..ceca510
Binary files /dev/null and b/images/Cache_-82fe908548173bf..jpg differ
diff --git a/images/Catmull-Clark_Vertex_Update_Rules.png b/images/Catmull-Clark_Vertex_Update_Rules.png
new file mode 100644
index 0000000..6c0b5d3
Binary files /dev/null and b/images/Catmull-Clark_Vertex_Update_Rules.png differ
diff --git a/images/Collapsing_An_Edge.png b/images/Collapsing_An_Edge.png
new file mode 100644
index 0000000..3027174
Binary files /dev/null and b/images/Collapsing_An_Edge.png differ
diff --git a/images/Constructive_Solid_Geometry.png b/images/Constructive_Solid_Geometry.png
new file mode 100644
index 0000000..2454c14
Binary files /dev/null and b/images/Constructive_Solid_Geometry.png differ
diff --git a/images/Continuity_Piecewise_Bezier_step1.png b/images/Continuity_Piecewise_Bezier_step1.png
new file mode 100644
index 0000000..632e7d8
Binary files /dev/null and b/images/Continuity_Piecewise_Bezier_step1.png differ
diff --git a/images/Continuity_Piecewise_Bezier_step2.png b/images/Continuity_Piecewise_Bezier_step2.png
new file mode 100644
index 0000000..9931932
Binary files /dev/null and b/images/Continuity_Piecewise_Bezier_step2.png differ
diff --git a/images/Continuity_Piecewise_Bezier_step3.png b/images/Continuity_Piecewise_Bezier_step3.png
new file mode 100644
index 0000000..c2e7288
Binary files /dev/null and b/images/Continuity_Piecewise_Bezier_step3.png differ
diff --git a/images/Cube_Map.png b/images/Cube_Map.png
new file mode 100644
index 0000000..e8ac793
Binary files /dev/null and b/images/Cube_Map.png differ
diff --git a/images/Cubic_Bezier_Basis_Functions.png b/images/Cubic_Bezier_Basis_Functions.png
new file mode 100644
index 0000000..bc10f54
Binary files /dev/null and b/images/Cubic_Bezier_Basis_Functions.png differ
diff --git a/images/DOF_demonstration_fyi.png b/images/DOF_demonstration_fyi.png
new file mode 100644
index 0000000..e2cb578
Binary files /dev/null and b/images/DOF_demonstration_fyi.png differ
diff --git a/images/David_Baraff.png b/images/David_Baraff.png
new file mode 100644
index 0000000..6e73479
Binary files /dev/null and b/images/David_Baraff.png differ
diff --git a/images/Defining_Bezier_Curve_Tangents.png b/images/Defining_Bezier_Curve_Tangents.png
new file mode 100644
index 0000000..157a48f
Binary files /dev/null and b/images/Defining_Bezier_Curve_Tangents.png differ
diff --git a/images/Demon_Piecewise_Cubic_Bezier_Curve.png b/images/Demon_Piecewise_Cubic_Bezier_Curve.png
new file mode 100644
index 0000000..b2eb6b0
Binary files /dev/null and b/images/Demon_Piecewise_Cubic_Bezier_Curve.png differ
diff --git a/images/Depth_map.png b/images/Depth_map.png
new file mode 100644
index 0000000..9e768a2
Binary files /dev/null and b/images/Depth_map.png differ
diff --git a/images/Direct_illumination_eg.png b/images/Direct_illumination_eg.png
new file mode 100644
index 0000000..262e34d
Binary files /dev/null and b/images/Direct_illumination_eg.png differ
diff --git a/images/Displacement_mapping.png b/images/Displacement_mapping.png
new file mode 100644
index 0000000..b53d13d
Binary files /dev/null and b/images/Displacement_mapping.png differ
diff --git a/images/EQAA_color_table.png b/images/EQAA_color_table.png
new file mode 100644
index 0000000..9b3d597
Binary files /dev/null and b/images/EQAA_color_table.png differ
diff --git a/images/Environment_Map.png b/images/Environment_Map.png
new file mode 100644
index 0000000..5c53d24
Binary files /dev/null and b/images/Environment_Map.png differ
diff --git a/images/Environmental_Lighting.png b/images/Environmental_Lighting.png
new file mode 100644
index 0000000..6d38b2d
Binary files /dev/null and b/images/Environmental_Lighting.png differ
diff --git a/images/Exiting_radiance_define.png b/images/Exiting_radiance_define.png
new file mode 100644
index 0000000..dead98c
Binary files /dev/null and b/images/Exiting_radiance_define.png differ
diff --git a/images/F-Number_exposure_levels.png b/images/F-Number_exposure_levels.png
new file mode 100644
index 0000000..92c52cc
Binary files /dev/null and b/images/F-Number_exposure_levels.png differ
diff --git a/images/GSMEY[N0%25}Z]G)(XY[%7Q.png b/images/GSMEY[N0%25}Z]G)(XY[%7Q.png
new file mode 100644
index 0000000..b99ab95
Binary files /dev/null and b/images/GSMEY[N0%25}Z]G)(XY[%7Q.png differ
diff --git a/images/Gourand_shading.png b/images/Gourand_shading.png
new file mode 100644
index 0000000..8e17fad
Binary files /dev/null and b/images/Gourand_shading.png differ
diff --git a/images/Halton_sequence.png b/images/Halton_sequence.png
new file mode 100644
index 0000000..0f88b90
Binary files /dev/null and b/images/Halton_sequence.png differ
diff --git a/images/High_and_low_spp_result.png b/images/High_and_low_spp_result.png
new file mode 100644
index 0000000..96cad75
Binary files /dev/null and b/images/High_and_low_spp_result.png differ
diff --git a/images/ISO_gain_vs_noise_in_canon.png b/images/ISO_gain_vs_noise_in_canon.png
new file mode 100644
index 0000000..3bbc936
Binary files /dev/null and b/images/ISO_gain_vs_noise_in_canon.png differ
diff --git a/images/Ideal_feflective_material.png b/images/Ideal_feflective_material.png
new file mode 100644
index 0000000..e12080c
Binary files /dev/null and b/images/Ideal_feflective_material.png differ
diff --git a/images/Incident_radiance_define.png b/images/Incident_radiance_define.png
new file mode 100644
index 0000000..3fbd492
Binary files /dev/null and b/images/Incident_radiance_define.png differ
diff --git a/images/IncrementalTriangleTraversal.png b/images/IncrementalTriangleTraversal.png
new file mode 100644
index 0000000..80fbb3a
Binary files /dev/null and b/images/IncrementalTriangleTraversal.png differ
diff --git a/images/Irradiance_Fallof.png b/images/Irradiance_Fallof.png
new file mode 100644
index 0000000..bd29ae8
Binary files /dev/null and b/images/Irradiance_Fallof.png differ
diff --git a/images/Irradiance_define.png b/images/Irradiance_define.png
new file mode 100644
index 0000000..36bf9b5
Binary files /dev/null and b/images/Irradiance_define.png differ
diff --git a/images/Irradiance_vs_radiance.png b/images/Irradiance_vs_radiance.png
new file mode 100644
index 0000000..4f80a45
Binary files /dev/null and b/images/Irradiance_vs_radiance.png differ
diff --git a/images/Isotropic_Point_source.png b/images/Isotropic_Point_source.png
new file mode 100644
index 0000000..27ffa20
Binary files /dev/null and b/images/Isotropic_Point_source.png differ
diff --git a/images/KD-Tree.png b/images/KD-Tree.png
new file mode 100644
index 0000000..fcb85a6
Binary files /dev/null and b/images/KD-Tree.png differ
diff --git a/images/KD-Tree_Pre-Processing.png b/images/KD-Tree_Pre-Processing.png
new file mode 100644
index 0000000..570e550
Binary files /dev/null and b/images/KD-Tree_Pre-Processing.png differ
diff --git a/images/Lambert_cosine_law_irradiance.png b/images/Lambert_cosine_law_irradiance.png
new file mode 100644
index 0000000..f876767
Binary files /dev/null and b/images/Lambert_cosine_law_irradiance.png differ
diff --git a/images/Level_Set_grid.png b/images/Level_Set_grid.png
new file mode 100644
index 0000000..ee1c868
Binary files /dev/null and b/images/Level_Set_grid.png differ
diff --git a/images/MLT_caculate.png b/images/MLT_caculate.png
new file mode 100644
index 0000000..77b64e6
Binary files /dev/null and b/images/MLT_caculate.png differ
diff --git a/images/MLT_cons.png b/images/MLT_cons.png
new file mode 100644
index 0000000..a633555
Binary files /dev/null and b/images/MLT_cons.png differ
diff --git a/images/MLT_pros.png b/images/MLT_pros.png
new file mode 100644
index 0000000..541d389
Binary files /dev/null and b/images/MLT_pros.png differ
diff --git a/images/MSAA.png b/images/MSAA.png
new file mode 100644
index 0000000..2546528
Binary files /dev/null and b/images/MSAA.png differ
diff --git a/images/MSAA_color.png b/images/MSAA_color.png
new file mode 100644
index 0000000..a51eeae
Binary files /dev/null and b/images/MSAA_color.png differ
diff --git a/images/MSAA_sample.png b/images/MSAA_sample.png
new file mode 100644
index 0000000..7dd1a49
Binary files /dev/null and b/images/MSAA_sample.png differ
diff --git a/images/Möller_Trumbore_Algorithm.png b/images/Möller_Trumbore_Algorithm.png
new file mode 100644
index 0000000..7cc7108
Binary files /dev/null and b/images/Möller_Trumbore_Algorithm.png differ
diff --git a/images/Observations_1.png b/images/Observations_1.png
new file mode 100644
index 0000000..2d2eb01
Binary files /dev/null and b/images/Observations_1.png differ
diff --git a/images/Observations_2.png b/images/Observations_2.png
new file mode 100644
index 0000000..a183636
Binary files /dev/null and b/images/Observations_2.png differ
diff --git a/images/Oct-Tree.png b/images/Oct-Tree.png
new file mode 100644
index 0000000..3c0f0c4
Binary files /dev/null and b/images/Oct-Tree.png differ
diff --git a/images/Procedural_noise_and_Solid.png b/images/Procedural_noise_and_Solid.png
new file mode 100644
index 0000000..70d351e
Binary files /dev/null and b/images/Procedural_noise_and_Solid.png differ
diff --git a/images/Provide_precomputed_shading.png b/images/Provide_precomputed_shading.png
new file mode 100644
index 0000000..c8e7c2e
Binary files /dev/null and b/images/Provide_precomputed_shading.png differ
diff --git a/images/QQ图片20211228095814.jpg b/images/QQ图片20211228095814.jpg
new file mode 100644
index 0000000..71ed83d
Binary files /dev/null and b/images/QQ图片20211228095814.jpg differ
diff --git a/images/Quadric_Error_Metrics.png b/images/Quadric_Error_Metrics.png
new file mode 100644
index 0000000..20c3269
Binary files /dev/null and b/images/Quadric_Error_Metrics.png differ
diff --git a/images/Radiant_Intensity_define.png b/images/Radiant_Intensity_define.png
new file mode 100644
index 0000000..14e894a
Binary files /dev/null and b/images/Radiant_Intensity_define.png differ
diff --git a/images/Ray-Intersection_With_Box.png b/images/Ray-Intersection_With_Box.png
new file mode 100644
index 0000000..d6bf3c6
Binary files /dev/null and b/images/Ray-Intersection_With_Box.png differ
diff --git a/images/Ray_Casting_Generate_Eye_Ray.png b/images/Ray_Casting_Generate_Eye_Ray.png
new file mode 100644
index 0000000..1cf3663
Binary files /dev/null and b/images/Ray_Casting_Generate_Eye_Ray.png differ
diff --git a/images/Ray_Casting_shading_pixel.png b/images/Ray_Casting_shading_pixel.png
new file mode 100644
index 0000000..1f40439
Binary files /dev/null and b/images/Ray_Casting_shading_pixel.png differ
diff --git a/images/Ray_Casting_theory.png b/images/Ray_Casting_theory.png
new file mode 100644
index 0000000..197e7f7
Binary files /dev/null and b/images/Ray_Casting_theory.png differ
diff --git a/images/Ray_Intersection_With_AABB.png b/images/Ray_Intersection_With_AABB.png
new file mode 100644
index 0000000..d5bc7da
Binary files /dev/null and b/images/Ray_Intersection_With_AABB.png differ
diff --git a/images/Ray_Intersection_With_Plane.png b/images/Ray_Intersection_With_Plane.png
new file mode 100644
index 0000000..a4836b6
Binary files /dev/null and b/images/Ray_Intersection_With_Plane.png differ
diff --git a/images/Ray_Scene_intersection_grid.png b/images/Ray_Scene_intersection_grid.png
new file mode 100644
index 0000000..359eeff
Binary files /dev/null and b/images/Ray_Scene_intersection_grid.png differ
diff --git a/images/Recursive_Ray_Tracing_progress.png b/images/Recursive_Ray_Tracing_progress.png
new file mode 100644
index 0000000..a6bc670
Binary files /dev/null and b/images/Recursive_Ray_Tracing_progress.png differ
diff --git a/images/Screen-Based.png b/images/Screen-Based.png
new file mode 100644
index 0000000..ddf33b8
Binary files /dev/null and b/images/Screen-Based.png differ
diff --git a/images/Shuntter_exposes_sensor_for_precise_duration.png b/images/Shuntter_exposes_sensor_for_precise_duration.png
new file mode 100644
index 0000000..b62b69e
Binary files /dev/null and b/images/Shuntter_exposes_sensor_for_precise_duration.png differ
diff --git a/images/Specular_show.png b/images/Specular_show.png
new file mode 100644
index 0000000..ba6dda6
Binary files /dev/null and b/images/Specular_show.png differ
diff --git a/images/Spherical_Environment_Map.png b/images/Spherical_Environment_Map.png
new file mode 100644
index 0000000..1313716
Binary files /dev/null and b/images/Spherical_Environment_Map.png differ
diff --git a/images/Spherical_Map_Problem.png b/images/Spherical_Map_Problem.png
new file mode 100644
index 0000000..849f6a3
Binary files /dev/null and b/images/Spherical_Map_Problem.png differ
diff --git a/images/Traversing_a_KD-Tree_step1.png b/images/Traversing_a_KD-Tree_step1.png
new file mode 100644
index 0000000..f870f6c
Binary files /dev/null and b/images/Traversing_a_KD-Tree_step1.png differ
diff --git a/images/Traversing_a_KD-Tree_step2.png b/images/Traversing_a_KD-Tree_step2.png
new file mode 100644
index 0000000..40b65e5
Binary files /dev/null and b/images/Traversing_a_KD-Tree_step2.png differ
diff --git a/images/Traversing_a_KD-Tree_step3.png b/images/Traversing_a_KD-Tree_step3.png
new file mode 100644
index 0000000..b165a98
Binary files /dev/null and b/images/Traversing_a_KD-Tree_step3.png differ
diff --git a/images/Traversing_a_KD-Tree_step4.png b/images/Traversing_a_KD-Tree_step4.png
new file mode 100644
index 0000000..cc19013
Binary files /dev/null and b/images/Traversing_a_KD-Tree_step4.png differ
diff --git a/images/Traversing_a_KD-Tree_step5.png b/images/Traversing_a_KD-Tree_step5.png
new file mode 100644
index 0000000..16501d6
Binary files /dev/null and b/images/Traversing_a_KD-Tree_step5.png differ
diff --git a/images/Traversing_a_KD-Tree_step6.png b/images/Traversing_a_KD-Tree_step6.png
new file mode 100644
index 0000000..91c4e7c
Binary files /dev/null and b/images/Traversing_a_KD-Tree_step6.png differ
diff --git a/images/Traversing_a_KD-Tree_step7.png b/images/Traversing_a_KD-Tree_step7.png
new file mode 100644
index 0000000..6326ddb
Binary files /dev/null and b/images/Traversing_a_KD-Tree_step7.png differ
diff --git a/images/Traversing_a_KD-Tree_step8.png b/images/Traversing_a_KD-Tree_step8.png
new file mode 100644
index 0000000..f59ddbe
Binary files /dev/null and b/images/Traversing_a_KD-Tree_step8.png differ
diff --git a/images/Trilinear_interpolation.png b/images/Trilinear_interpolation.png
new file mode 100644
index 0000000..6725c53
Binary files /dev/null and b/images/Trilinear_interpolation.png differ
diff --git a/images/Visualizing_de_Casteljau.png b/images/Visualizing_de_Casteljau.png
new file mode 100644
index 0000000..1158951
Binary files /dev/null and b/images/Visualizing_de_Casteljau.png differ
diff --git a/images/Wave_optics.png b/images/Wave_optics.png
new file mode 100644
index 0000000..ff7e181
Binary files /dev/null and b/images/Wave_optics.png differ
diff --git a/images/Why_Axis-Aligned.png b/images/Why_Axis-Aligned.png
new file mode 100644
index 0000000..965e236
Binary files /dev/null and b/images/Why_Axis-Aligned.png differ
diff --git a/images/X({M{B)24R8DF[AB98E9]@1.png b/images/X({M{B)24R8DF[AB98E9]@1.png
new file mode 100644
index 0000000..b9defd2
Binary files /dev/null and b/images/X({M{B)24R8DF[AB98E9]@1.png differ
diff --git a/images/Z-Buffer_test.png b/images/Z-Buffer_test.png
new file mode 100644
index 0000000..8294938
Binary files /dev/null and b/images/Z-Buffer_test.png differ
diff --git a/images/aliasing_pixel.png b/images/aliasing_pixel.png
new file mode 100644
index 0000000..12ccb4b
Binary files /dev/null and b/images/aliasing_pixel.png differ
diff --git a/images/animation_part1_1.png b/images/animation_part1_1.png
new file mode 100644
index 0000000..8406aae
Binary files /dev/null and b/images/animation_part1_1.png differ
diff --git a/images/animation_part1_10.png b/images/animation_part1_10.png
new file mode 100644
index 0000000..577a5ad
Binary files /dev/null and b/images/animation_part1_10.png differ
diff --git a/images/animation_part1_11.png b/images/animation_part1_11.png
new file mode 100644
index 0000000..36d2dd4
Binary files /dev/null and b/images/animation_part1_11.png differ
diff --git a/images/animation_part1_12.png b/images/animation_part1_12.png
new file mode 100644
index 0000000..25ec6ea
Binary files /dev/null and b/images/animation_part1_12.png differ
diff --git a/images/animation_part1_13.png b/images/animation_part1_13.png
new file mode 100644
index 0000000..81e7f5f
Binary files /dev/null and b/images/animation_part1_13.png differ
diff --git a/images/animation_part1_14.png b/images/animation_part1_14.png
new file mode 100644
index 0000000..6f0dc73
Binary files /dev/null and b/images/animation_part1_14.png differ
diff --git a/images/animation_part1_15.png b/images/animation_part1_15.png
new file mode 100644
index 0000000..19f119c
Binary files /dev/null and b/images/animation_part1_15.png differ
diff --git a/images/animation_part1_16.png b/images/animation_part1_16.png
new file mode 100644
index 0000000..d9fb97a
Binary files /dev/null and b/images/animation_part1_16.png differ
diff --git a/images/animation_part1_17.png b/images/animation_part1_17.png
new file mode 100644
index 0000000..238f348
Binary files /dev/null and b/images/animation_part1_17.png differ
diff --git a/images/animation_part1_18.png b/images/animation_part1_18.png
new file mode 100644
index 0000000..b0178c5
Binary files /dev/null and b/images/animation_part1_18.png differ
diff --git a/images/animation_part1_19.png b/images/animation_part1_19.png
new file mode 100644
index 0000000..fbbebde
Binary files /dev/null and b/images/animation_part1_19.png differ
diff --git a/images/animation_part1_2.png b/images/animation_part1_2.png
new file mode 100644
index 0000000..85f146e
Binary files /dev/null and b/images/animation_part1_2.png differ
diff --git a/images/animation_part1_20.png b/images/animation_part1_20.png
new file mode 100644
index 0000000..ad8aabd
Binary files /dev/null and b/images/animation_part1_20.png differ
diff --git a/images/animation_part1_21.png b/images/animation_part1_21.png
new file mode 100644
index 0000000..0c088b2
Binary files /dev/null and b/images/animation_part1_21.png differ
diff --git a/images/animation_part1_22.png b/images/animation_part1_22.png
new file mode 100644
index 0000000..d702f47
Binary files /dev/null and b/images/animation_part1_22.png differ
diff --git a/images/animation_part1_23.png b/images/animation_part1_23.png
new file mode 100644
index 0000000..c268aed
Binary files /dev/null and b/images/animation_part1_23.png differ
diff --git a/images/animation_part1_24.png b/images/animation_part1_24.png
new file mode 100644
index 0000000..2a32b1a
Binary files /dev/null and b/images/animation_part1_24.png differ
diff --git a/images/animation_part1_25.png b/images/animation_part1_25.png
new file mode 100644
index 0000000..6d2c672
Binary files /dev/null and b/images/animation_part1_25.png differ
diff --git a/images/animation_part1_26.png b/images/animation_part1_26.png
new file mode 100644
index 0000000..6e111ea
Binary files /dev/null and b/images/animation_part1_26.png differ
diff --git a/images/animation_part1_27.png b/images/animation_part1_27.png
new file mode 100644
index 0000000..9bef889
Binary files /dev/null and b/images/animation_part1_27.png differ
diff --git a/images/animation_part1_28.png b/images/animation_part1_28.png
new file mode 100644
index 0000000..13dcce9
Binary files /dev/null and b/images/animation_part1_28.png differ
diff --git a/images/animation_part1_29.png b/images/animation_part1_29.png
new file mode 100644
index 0000000..ff802de
Binary files /dev/null and b/images/animation_part1_29.png differ
diff --git a/images/animation_part1_3.png b/images/animation_part1_3.png
new file mode 100644
index 0000000..6627a6f
Binary files /dev/null and b/images/animation_part1_3.png differ
diff --git a/images/animation_part1_30.png b/images/animation_part1_30.png
new file mode 100644
index 0000000..26a48c3
Binary files /dev/null and b/images/animation_part1_30.png differ
diff --git a/images/animation_part1_31.png b/images/animation_part1_31.png
new file mode 100644
index 0000000..db7f344
Binary files /dev/null and b/images/animation_part1_31.png differ
diff --git a/images/animation_part1_32.png b/images/animation_part1_32.png
new file mode 100644
index 0000000..57bd6bc
Binary files /dev/null and b/images/animation_part1_32.png differ
diff --git a/images/animation_part1_33.png b/images/animation_part1_33.png
new file mode 100644
index 0000000..783438c
Binary files /dev/null and b/images/animation_part1_33.png differ
diff --git a/images/animation_part1_34.png b/images/animation_part1_34.png
new file mode 100644
index 0000000..cc456cc
Binary files /dev/null and b/images/animation_part1_34.png differ
diff --git a/images/animation_part1_35.png b/images/animation_part1_35.png
new file mode 100644
index 0000000..75fba8f
Binary files /dev/null and b/images/animation_part1_35.png differ
diff --git a/images/animation_part1_36.png b/images/animation_part1_36.png
new file mode 100644
index 0000000..6fc1f1c
Binary files /dev/null and b/images/animation_part1_36.png differ
diff --git a/images/animation_part1_37.png b/images/animation_part1_37.png
new file mode 100644
index 0000000..f866394
Binary files /dev/null and b/images/animation_part1_37.png differ
diff --git a/images/animation_part1_38.png b/images/animation_part1_38.png
new file mode 100644
index 0000000..985e967
Binary files /dev/null and b/images/animation_part1_38.png differ
diff --git a/images/animation_part1_39.png b/images/animation_part1_39.png
new file mode 100644
index 0000000..58e7608
Binary files /dev/null and b/images/animation_part1_39.png differ
diff --git a/images/animation_part1_4.png b/images/animation_part1_4.png
new file mode 100644
index 0000000..1854d3e
Binary files /dev/null and b/images/animation_part1_4.png differ
diff --git a/images/animation_part1_40.png b/images/animation_part1_40.png
new file mode 100644
index 0000000..745d1f7
Binary files /dev/null and b/images/animation_part1_40.png differ
diff --git a/images/animation_part1_41.png b/images/animation_part1_41.png
new file mode 100644
index 0000000..729d9dc
Binary files /dev/null and b/images/animation_part1_41.png differ
diff --git a/images/animation_part1_42.png b/images/animation_part1_42.png
new file mode 100644
index 0000000..accb163
Binary files /dev/null and b/images/animation_part1_42.png differ
diff --git a/images/animation_part1_43.png b/images/animation_part1_43.png
new file mode 100644
index 0000000..64b90f0
Binary files /dev/null and b/images/animation_part1_43.png differ
diff --git a/images/animation_part1_44.png b/images/animation_part1_44.png
new file mode 100644
index 0000000..adcabeb
Binary files /dev/null and b/images/animation_part1_44.png differ
diff --git a/images/animation_part1_45.png b/images/animation_part1_45.png
new file mode 100644
index 0000000..a64a3fa
Binary files /dev/null and b/images/animation_part1_45.png differ
diff --git a/images/animation_part1_46.png b/images/animation_part1_46.png
new file mode 100644
index 0000000..9c5ce3e
Binary files /dev/null and b/images/animation_part1_46.png differ
diff --git a/images/animation_part1_47.png b/images/animation_part1_47.png
new file mode 100644
index 0000000..6191f4a
Binary files /dev/null and b/images/animation_part1_47.png differ
diff --git a/images/animation_part1_48.png b/images/animation_part1_48.png
new file mode 100644
index 0000000..2bd8497
Binary files /dev/null and b/images/animation_part1_48.png differ
diff --git a/images/animation_part1_49.png b/images/animation_part1_49.png
new file mode 100644
index 0000000..bf94ff7
Binary files /dev/null and b/images/animation_part1_49.png differ
diff --git a/images/animation_part1_5.png b/images/animation_part1_5.png
new file mode 100644
index 0000000..7dd3cb8
Binary files /dev/null and b/images/animation_part1_5.png differ
diff --git a/images/animation_part1_50.png b/images/animation_part1_50.png
new file mode 100644
index 0000000..1b17d40
Binary files /dev/null and b/images/animation_part1_50.png differ
diff --git a/images/animation_part1_51.png b/images/animation_part1_51.png
new file mode 100644
index 0000000..8a26b15
Binary files /dev/null and b/images/animation_part1_51.png differ
diff --git a/images/animation_part1_52.png b/images/animation_part1_52.png
new file mode 100644
index 0000000..1fcc8fa
Binary files /dev/null and b/images/animation_part1_52.png differ
diff --git a/images/animation_part1_53.png b/images/animation_part1_53.png
new file mode 100644
index 0000000..b2ecbc1
Binary files /dev/null and b/images/animation_part1_53.png differ
diff --git a/images/animation_part1_54.png b/images/animation_part1_54.png
new file mode 100644
index 0000000..9b1b8fb
Binary files /dev/null and b/images/animation_part1_54.png differ
diff --git a/images/animation_part1_55.png b/images/animation_part1_55.png
new file mode 100644
index 0000000..6029ebb
Binary files /dev/null and b/images/animation_part1_55.png differ
diff --git a/images/animation_part1_56.png b/images/animation_part1_56.png
new file mode 100644
index 0000000..fb34968
Binary files /dev/null and b/images/animation_part1_56.png differ
diff --git a/images/animation_part1_57.png b/images/animation_part1_57.png
new file mode 100644
index 0000000..c814999
Binary files /dev/null and b/images/animation_part1_57.png differ
diff --git a/images/animation_part1_58.png b/images/animation_part1_58.png
new file mode 100644
index 0000000..0fba343
Binary files /dev/null and b/images/animation_part1_58.png differ
diff --git a/images/animation_part1_59.png b/images/animation_part1_59.png
new file mode 100644
index 0000000..41206ff
Binary files /dev/null and b/images/animation_part1_59.png differ
diff --git a/images/animation_part1_6.png b/images/animation_part1_6.png
new file mode 100644
index 0000000..742243d
Binary files /dev/null and b/images/animation_part1_6.png differ
diff --git a/images/animation_part1_7.png b/images/animation_part1_7.png
new file mode 100644
index 0000000..0e0abc9
Binary files /dev/null and b/images/animation_part1_7.png differ
diff --git a/images/animation_part1_8.png b/images/animation_part1_8.png
new file mode 100644
index 0000000..049f74b
Binary files /dev/null and b/images/animation_part1_8.png differ
diff --git a/images/animation_part1_9.png b/images/animation_part1_9.png
new file mode 100644
index 0000000..a9a721a
Binary files /dev/null and b/images/animation_part1_9.png differ
diff --git a/images/animation_part2_1.png b/images/animation_part2_1.png
new file mode 100644
index 0000000..bd29052
Binary files /dev/null and b/images/animation_part2_1.png differ
diff --git a/images/animation_part2_10.png b/images/animation_part2_10.png
new file mode 100644
index 0000000..be6000c
Binary files /dev/null and b/images/animation_part2_10.png differ
diff --git a/images/animation_part2_11.png b/images/animation_part2_11.png
new file mode 100644
index 0000000..ef8a284
Binary files /dev/null and b/images/animation_part2_11.png differ
diff --git a/images/animation_part2_12.png b/images/animation_part2_12.png
new file mode 100644
index 0000000..068f90c
Binary files /dev/null and b/images/animation_part2_12.png differ
diff --git a/images/animation_part2_13.png b/images/animation_part2_13.png
new file mode 100644
index 0000000..0f5d8e2
Binary files /dev/null and b/images/animation_part2_13.png differ
diff --git a/images/animation_part2_2.png b/images/animation_part2_2.png
new file mode 100644
index 0000000..3700e9b
Binary files /dev/null and b/images/animation_part2_2.png differ
diff --git a/images/animation_part2_3.png b/images/animation_part2_3.png
new file mode 100644
index 0000000..d9061c8
Binary files /dev/null and b/images/animation_part2_3.png differ
diff --git a/images/animation_part2_4.png b/images/animation_part2_4.png
new file mode 100644
index 0000000..c2179cd
Binary files /dev/null and b/images/animation_part2_4.png differ
diff --git a/images/animation_part2_5.png b/images/animation_part2_5.png
new file mode 100644
index 0000000..8e2f9dd
Binary files /dev/null and b/images/animation_part2_5.png differ
diff --git a/images/animation_part2_6.png b/images/animation_part2_6.png
new file mode 100644
index 0000000..7928142
Binary files /dev/null and b/images/animation_part2_6.png differ
diff --git a/images/animation_part2_7.png b/images/animation_part2_7.png
new file mode 100644
index 0000000..50efc38
Binary files /dev/null and b/images/animation_part2_7.png differ
diff --git a/images/animation_part2_8.png b/images/animation_part2_8.png
new file mode 100644
index 0000000..268cc03
Binary files /dev/null and b/images/animation_part2_8.png differ
diff --git a/images/animation_part2_9.png b/images/animation_part2_9.png
new file mode 100644
index 0000000..40e02d3
Binary files /dev/null and b/images/animation_part2_9.png differ
diff --git a/images/anisotropic_BRDF_nylon.png b/images/anisotropic_BRDF_nylon.png
new file mode 100644
index 0000000..267b709
Binary files /dev/null and b/images/anisotropic_BRDF_nylon.png differ
diff --git a/images/anisotropic_BRDFs_brushed_metal.png b/images/anisotropic_BRDFs_brushed_metal.png
new file mode 100644
index 0000000..104b7f4
Binary files /dev/null and b/images/anisotropic_BRDFs_brushed_metal.png differ
diff --git a/images/anisotropic_materials_theory.png b/images/anisotropic_materials_theory.png
new file mode 100644
index 0000000..9f3280a
Binary files /dev/null and b/images/anisotropic_materials_theory.png differ
diff --git a/images/anistotropic_BRDF_velvet.png b/images/anistotropic_BRDF_velvet.png
new file mode 100644
index 0000000..b3fb675
Binary files /dev/null and b/images/anistotropic_BRDF_velvet.png differ
diff --git a/images/another_defination_of_flux.png b/images/another_defination_of_flux.png
new file mode 100644
index 0000000..3bcc9ac
Binary files /dev/null and b/images/another_defination_of_flux.png differ
diff --git a/images/apple_touch_ico(180x180).png b/images/apple_touch_ico(180x180).png
new file mode 100644
index 0000000..22ecf26
Binary files /dev/null and b/images/apple_touch_ico(180x180).png differ
diff --git a/images/average_color.png b/images/average_color.png
new file mode 100644
index 0000000..a61e504
Binary files /dev/null and b/images/average_color.png differ
diff --git a/images/average_normal.png b/images/average_normal.png
new file mode 100644
index 0000000..16524e2
Binary files /dev/null and b/images/average_normal.png differ
diff --git a/images/background.png b/images/background.png
new file mode 100644
index 0000000..f00db62
Binary files /dev/null and b/images/background.png differ
diff --git a/images/barycentric_coor_interpo.png b/images/barycentric_coor_interpo.png
new file mode 100644
index 0000000..b4ceea6
Binary files /dev/null and b/images/barycentric_coor_interpo.png differ
diff --git a/images/barycentric_coordinates.png b/images/barycentric_coordinates.png
new file mode 100644
index 0000000..a336807
Binary files /dev/null and b/images/barycentric_coordinates.png differ
diff --git a/images/barycentric_in_coordinates.jpg b/images/barycentric_in_coordinates.jpg
new file mode 100644
index 0000000..66dfca9
Binary files /dev/null and b/images/barycentric_in_coordinates.jpg differ
diff --git a/images/bezier_surface_eg.png b/images/bezier_surface_eg.png
new file mode 100644
index 0000000..39e9923
Binary files /dev/null and b/images/bezier_surface_eg.png differ
diff --git a/images/bidirectional_path_tracing_theory.png b/images/bidirectional_path_tracing_theory.png
new file mode 100644
index 0000000..cd838c4
Binary files /dev/null and b/images/bidirectional_path_tracing_theory.png differ
diff --git a/images/bilinear_interpolation.png b/images/bilinear_interpolation.png
new file mode 100644
index 0000000..e98f972
Binary files /dev/null and b/images/bilinear_interpolation.png differ
diff --git a/images/blender_detail.png b/images/blender_detail.png
new file mode 100644
index 0000000..89d9a2a
Binary files /dev/null and b/images/blender_detail.png differ
diff --git a/images/blinn-phong_model_cacu.png b/images/blinn-phong_model_cacu.png
new file mode 100644
index 0000000..179850a
Binary files /dev/null and b/images/blinn-phong_model_cacu.png differ
diff --git a/images/box_filter_construct.png b/images/box_filter_construct.png
new file mode 100644
index 0000000..fa5d6e1
Binary files /dev/null and b/images/box_filter_construct.png differ
diff --git a/images/caculate_diffuse_material.png b/images/caculate_diffuse_material.png
new file mode 100644
index 0000000..bd043ad
Binary files /dev/null and b/images/caculate_diffuse_material.png differ
diff --git a/images/catmull-clark_subdivision1.png b/images/catmull-clark_subdivision1.png
new file mode 100644
index 0000000..c048d1a
Binary files /dev/null and b/images/catmull-clark_subdivision1.png differ
diff --git a/images/catmull-clark_subdivision2.png b/images/catmull-clark_subdivision2.png
new file mode 100644
index 0000000..b589bdf
Binary files /dev/null and b/images/catmull-clark_subdivision2.png differ
diff --git a/images/circle_of_confusion_for_depth_of_field.png b/images/circle_of_confusion_for_depth_of_field.png
new file mode 100644
index 0000000..945c8ec
Binary files /dev/null and b/images/circle_of_confusion_for_depth_of_field.png differ
diff --git a/images/cloth_application.png b/images/cloth_application.png
new file mode 100644
index 0000000..778597b
Binary files /dev/null and b/images/cloth_application.png differ
diff --git a/images/cloth_render_as_actual_fibers.png b/images/cloth_render_as_actual_fibers.png
new file mode 100644
index 0000000..13de577
Binary files /dev/null and b/images/cloth_render_as_actual_fibers.png differ
diff --git a/images/cloth_render_as_participating_media.png b/images/cloth_render_as_participating_media.png
new file mode 100644
index 0000000..3f40565
Binary files /dev/null and b/images/cloth_render_as_participating_media.png differ
diff --git a/images/cloth_yarn_and_ply.png b/images/cloth_yarn_and_ply.png
new file mode 100644
index 0000000..adfb767
Binary files /dev/null and b/images/cloth_yarn_and_ply.png differ
diff --git a/images/coc_vs_aperture_size.png b/images/coc_vs_aperture_size.png
new file mode 100644
index 0000000..c6e26d4
Binary files /dev/null and b/images/coc_vs_aperture_size.png differ
diff --git a/images/color_and_perception_1.png b/images/color_and_perception_1.png
new file mode 100644
index 0000000..62cd1a2
Binary files /dev/null and b/images/color_and_perception_1.png differ
diff --git a/images/color_and_perception_10.png b/images/color_and_perception_10.png
new file mode 100644
index 0000000..5a75438
Binary files /dev/null and b/images/color_and_perception_10.png differ
diff --git a/images/color_and_perception_11.png b/images/color_and_perception_11.png
new file mode 100644
index 0000000..4757b84
Binary files /dev/null and b/images/color_and_perception_11.png differ
diff --git a/images/color_and_perception_12.png b/images/color_and_perception_12.png
new file mode 100644
index 0000000..2fd3a0a
Binary files /dev/null and b/images/color_and_perception_12.png differ
diff --git a/images/color_and_perception_13.png b/images/color_and_perception_13.png
new file mode 100644
index 0000000..398550b
Binary files /dev/null and b/images/color_and_perception_13.png differ
diff --git a/images/color_and_perception_14.png b/images/color_and_perception_14.png
new file mode 100644
index 0000000..c6c7fc5
Binary files /dev/null and b/images/color_and_perception_14.png differ
diff --git a/images/color_and_perception_15.png b/images/color_and_perception_15.png
new file mode 100644
index 0000000..ab23da2
Binary files /dev/null and b/images/color_and_perception_15.png differ
diff --git a/images/color_and_perception_16.png b/images/color_and_perception_16.png
new file mode 100644
index 0000000..0dcd252
Binary files /dev/null and b/images/color_and_perception_16.png differ
diff --git a/images/color_and_perception_17.png b/images/color_and_perception_17.png
new file mode 100644
index 0000000..c588e2c
Binary files /dev/null and b/images/color_and_perception_17.png differ
diff --git a/images/color_and_perception_18.png b/images/color_and_perception_18.png
new file mode 100644
index 0000000..b321932
Binary files /dev/null and b/images/color_and_perception_18.png differ
diff --git a/images/color_and_perception_19.png b/images/color_and_perception_19.png
new file mode 100644
index 0000000..cc18c3b
Binary files /dev/null and b/images/color_and_perception_19.png differ
diff --git a/images/color_and_perception_2.png b/images/color_and_perception_2.png
new file mode 100644
index 0000000..b05f12e
Binary files /dev/null and b/images/color_and_perception_2.png differ
diff --git a/images/color_and_perception_20.png b/images/color_and_perception_20.png
new file mode 100644
index 0000000..2733e7e
Binary files /dev/null and b/images/color_and_perception_20.png differ
diff --git a/images/color_and_perception_21.png b/images/color_and_perception_21.png
new file mode 100644
index 0000000..37984d6
Binary files /dev/null and b/images/color_and_perception_21.png differ
diff --git a/images/color_and_perception_22.png b/images/color_and_perception_22.png
new file mode 100644
index 0000000..0967123
Binary files /dev/null and b/images/color_and_perception_22.png differ
diff --git a/images/color_and_perception_23.png b/images/color_and_perception_23.png
new file mode 100644
index 0000000..03750d5
Binary files /dev/null and b/images/color_and_perception_23.png differ
diff --git a/images/color_and_perception_24.png b/images/color_and_perception_24.png
new file mode 100644
index 0000000..6df4f32
Binary files /dev/null and b/images/color_and_perception_24.png differ
diff --git a/images/color_and_perception_25.png b/images/color_and_perception_25.png
new file mode 100644
index 0000000..3535cc3
Binary files /dev/null and b/images/color_and_perception_25.png differ
diff --git a/images/color_and_perception_26.png b/images/color_and_perception_26.png
new file mode 100644
index 0000000..35425fa
Binary files /dev/null and b/images/color_and_perception_26.png differ
diff --git a/images/color_and_perception_27.png b/images/color_and_perception_27.png
new file mode 100644
index 0000000..045d727
Binary files /dev/null and b/images/color_and_perception_27.png differ
diff --git a/images/color_and_perception_28.png b/images/color_and_perception_28.png
new file mode 100644
index 0000000..c709082
Binary files /dev/null and b/images/color_and_perception_28.png differ
diff --git a/images/color_and_perception_29.png b/images/color_and_perception_29.png
new file mode 100644
index 0000000..7017081
Binary files /dev/null and b/images/color_and_perception_29.png differ
diff --git a/images/color_and_perception_3.png b/images/color_and_perception_3.png
new file mode 100644
index 0000000..8243b2d
Binary files /dev/null and b/images/color_and_perception_3.png differ
diff --git a/images/color_and_perception_30.png b/images/color_and_perception_30.png
new file mode 100644
index 0000000..53f7843
Binary files /dev/null and b/images/color_and_perception_30.png differ
diff --git a/images/color_and_perception_31.png b/images/color_and_perception_31.png
new file mode 100644
index 0000000..a0421c4
Binary files /dev/null and b/images/color_and_perception_31.png differ
diff --git a/images/color_and_perception_32.png b/images/color_and_perception_32.png
new file mode 100644
index 0000000..4139986
Binary files /dev/null and b/images/color_and_perception_32.png differ
diff --git a/images/color_and_perception_33.png b/images/color_and_perception_33.png
new file mode 100644
index 0000000..47a6647
Binary files /dev/null and b/images/color_and_perception_33.png differ
diff --git a/images/color_and_perception_34.png b/images/color_and_perception_34.png
new file mode 100644
index 0000000..43663af
Binary files /dev/null and b/images/color_and_perception_34.png differ
diff --git a/images/color_and_perception_35.png b/images/color_and_perception_35.png
new file mode 100644
index 0000000..7fc10ff
Binary files /dev/null and b/images/color_and_perception_35.png differ
diff --git a/images/color_and_perception_36.png b/images/color_and_perception_36.png
new file mode 100644
index 0000000..06cd9e4
Binary files /dev/null and b/images/color_and_perception_36.png differ
diff --git a/images/color_and_perception_37.png b/images/color_and_perception_37.png
new file mode 100644
index 0000000..9569a78
Binary files /dev/null and b/images/color_and_perception_37.png differ
diff --git a/images/color_and_perception_38.png b/images/color_and_perception_38.png
new file mode 100644
index 0000000..8042fd2
Binary files /dev/null and b/images/color_and_perception_38.png differ
diff --git a/images/color_and_perception_39.png b/images/color_and_perception_39.png
new file mode 100644
index 0000000..1d4670a
Binary files /dev/null and b/images/color_and_perception_39.png differ
diff --git a/images/color_and_perception_4.png b/images/color_and_perception_4.png
new file mode 100644
index 0000000..14af91e
Binary files /dev/null and b/images/color_and_perception_4.png differ
diff --git a/images/color_and_perception_40.png b/images/color_and_perception_40.png
new file mode 100644
index 0000000..136cc44
Binary files /dev/null and b/images/color_and_perception_40.png differ
diff --git a/images/color_and_perception_41.png b/images/color_and_perception_41.png
new file mode 100644
index 0000000..1bb8fba
Binary files /dev/null and b/images/color_and_perception_41.png differ
diff --git a/images/color_and_perception_42.png b/images/color_and_perception_42.png
new file mode 100644
index 0000000..956c241
Binary files /dev/null and b/images/color_and_perception_42.png differ
diff --git a/images/color_and_perception_43.png b/images/color_and_perception_43.png
new file mode 100644
index 0000000..9378eb2
Binary files /dev/null and b/images/color_and_perception_43.png differ
diff --git a/images/color_and_perception_44.png b/images/color_and_perception_44.png
new file mode 100644
index 0000000..404e0a5
Binary files /dev/null and b/images/color_and_perception_44.png differ
diff --git a/images/color_and_perception_45.png b/images/color_and_perception_45.png
new file mode 100644
index 0000000..119e0cf
Binary files /dev/null and b/images/color_and_perception_45.png differ
diff --git a/images/color_and_perception_46.png b/images/color_and_perception_46.png
new file mode 100644
index 0000000..29e48d2
Binary files /dev/null and b/images/color_and_perception_46.png differ
diff --git a/images/color_and_perception_47.png b/images/color_and_perception_47.png
new file mode 100644
index 0000000..46c50a0
Binary files /dev/null and b/images/color_and_perception_47.png differ
diff --git a/images/color_and_perception_48.png b/images/color_and_perception_48.png
new file mode 100644
index 0000000..6ca3de3
Binary files /dev/null and b/images/color_and_perception_48.png differ
diff --git a/images/color_and_perception_49.png b/images/color_and_perception_49.png
new file mode 100644
index 0000000..b579098
Binary files /dev/null and b/images/color_and_perception_49.png differ
diff --git a/images/color_and_perception_5.png b/images/color_and_perception_5.png
new file mode 100644
index 0000000..7fe8421
Binary files /dev/null and b/images/color_and_perception_5.png differ
diff --git a/images/color_and_perception_50.png b/images/color_and_perception_50.png
new file mode 100644
index 0000000..e507f6e
Binary files /dev/null and b/images/color_and_perception_50.png differ
diff --git a/images/color_and_perception_51.png b/images/color_and_perception_51.png
new file mode 100644
index 0000000..2f30012
Binary files /dev/null and b/images/color_and_perception_51.png differ
diff --git a/images/color_and_perception_52.png b/images/color_and_perception_52.png
new file mode 100644
index 0000000..74c5cc3
Binary files /dev/null and b/images/color_and_perception_52.png differ
diff --git a/images/color_and_perception_53.png b/images/color_and_perception_53.png
new file mode 100644
index 0000000..213a578
Binary files /dev/null and b/images/color_and_perception_53.png differ
diff --git a/images/color_and_perception_54.png b/images/color_and_perception_54.png
new file mode 100644
index 0000000..a4a97c5
Binary files /dev/null and b/images/color_and_perception_54.png differ
diff --git a/images/color_and_perception_6.png b/images/color_and_perception_6.png
new file mode 100644
index 0000000..c8e87ea
Binary files /dev/null and b/images/color_and_perception_6.png differ
diff --git a/images/color_and_perception_7.png b/images/color_and_perception_7.png
new file mode 100644
index 0000000..67a11b5
Binary files /dev/null and b/images/color_and_perception_7.png differ
diff --git a/images/color_and_perception_8.png b/images/color_and_perception_8.png
new file mode 100644
index 0000000..6fcadd7
Binary files /dev/null and b/images/color_and_perception_8.png differ
diff --git a/images/color_and_perception_9.png b/images/color_and_perception_9.png
new file mode 100644
index 0000000..0c7d14d
Binary files /dev/null and b/images/color_and_perception_9.png differ
diff --git a/images/compute_mip_level_D.png b/images/compute_mip_level_D.png
new file mode 100644
index 0000000..40c064b
Binary files /dev/null and b/images/compute_mip_level_D.png differ
diff --git a/images/computing_circle_of_confusion_size.png b/images/computing_circle_of_confusion_size.png
new file mode 100644
index 0000000..1585d65
Binary files /dev/null and b/images/computing_circle_of_confusion_size.png differ
diff --git a/images/convergence_of_loop_and_catmull.png b/images/convergence_of_loop_and_catmull.png
new file mode 100644
index 0000000..1d9acf1
Binary files /dev/null and b/images/convergence_of_loop_and_catmull.png differ
diff --git a/images/convolution_example1.png b/images/convolution_example1.png
new file mode 100644
index 0000000..e8c3b4b
Binary files /dev/null and b/images/convolution_example1.png differ
diff --git a/images/convolution_example2.png b/images/convolution_example2.png
new file mode 100644
index 0000000..efd8f34
Binary files /dev/null and b/images/convolution_example2.png differ
diff --git a/images/convolution_theorem.png b/images/convolution_theorem.png
new file mode 100644
index 0000000..6144d57
Binary files /dev/null and b/images/convolution_theorem.png differ
diff --git a/images/cover1.jpg b/images/cover1.jpg
new file mode 100644
index 0000000..dc7c36d
Binary files /dev/null and b/images/cover1.jpg differ
diff --git a/images/de_Casteljau_Algorithm_step1.png b/images/de_Casteljau_Algorithm_step1.png
new file mode 100644
index 0000000..c387c35
Binary files /dev/null and b/images/de_Casteljau_Algorithm_step1.png differ
diff --git a/images/de_Casteljau_Algorithm_step2.png b/images/de_Casteljau_Algorithm_step2.png
new file mode 100644
index 0000000..dd3d927
Binary files /dev/null and b/images/de_Casteljau_Algorithm_step2.png differ
diff --git a/images/de_Casteljau_Algorithm_step3.png b/images/de_Casteljau_Algorithm_step3.png
new file mode 100644
index 0000000..9b12fd5
Binary files /dev/null and b/images/de_Casteljau_Algorithm_step3.png differ
diff --git a/images/de_Casteljau_Algorithm_step4.png b/images/de_Casteljau_Algorithm_step4.png
new file mode 100644
index 0000000..f86dcb7
Binary files /dev/null and b/images/de_Casteljau_Algorithm_step4.png differ
diff --git a/images/de_Casteljau_Algorithm_step5.png b/images/de_Casteljau_Algorithm_step5.png
new file mode 100644
index 0000000..dc91775
Binary files /dev/null and b/images/de_Casteljau_Algorithm_step5.png differ
diff --git a/images/de_Casteljau_Algorithm_step6.png b/images/de_Casteljau_Algorithm_step6.png
new file mode 100644
index 0000000..2394118
Binary files /dev/null and b/images/de_Casteljau_Algorithm_step6.png differ
diff --git a/images/de_Casteljau_pyramid_of.png b/images/de_Casteljau_pyramid_of.png
new file mode 100644
index 0000000..e84877d
Binary files /dev/null and b/images/de_Casteljau_pyramid_of.png differ
diff --git a/images/define_detail1.png b/images/define_detail1.png
new file mode 100644
index 0000000..55857c6
Binary files /dev/null and b/images/define_detail1.png differ
diff --git a/images/depth_of_field.png b/images/depth_of_field.png
new file mode 100644
index 0000000..89deee7
Binary files /dev/null and b/images/depth_of_field.png differ
diff --git a/images/depth_of_filed_fyi.png b/images/depth_of_filed_fyi.png
new file mode 100644
index 0000000..8aba82c
Binary files /dev/null and b/images/depth_of_filed_fyi.png differ
diff --git a/images/detailed_appearance_motivation.png b/images/detailed_appearance_motivation.png
new file mode 100644
index 0000000..fb335f3
Binary files /dev/null and b/images/detailed_appearance_motivation.png differ
diff --git a/images/detailed_appearance_motivation1.png b/images/detailed_appearance_motivation1.png
new file mode 100644
index 0000000..626741e
Binary files /dev/null and b/images/detailed_appearance_motivation1.png differ
diff --git a/images/detailed_material_application.png b/images/detailed_material_application.png
new file mode 100644
index 0000000..a2c5124
Binary files /dev/null and b/images/detailed_material_application.png differ
diff --git a/images/detailed_material_under_wave_optics.png b/images/detailed_material_under_wave_optics.png
new file mode 100644
index 0000000..ca08be4
Binary files /dev/null and b/images/detailed_material_under_wave_optics.png differ
diff --git a/images/detailer_appearance1.png b/images/detailer_appearance1.png
new file mode 100644
index 0000000..e15bfbc
Binary files /dev/null and b/images/detailer_appearance1.png differ
diff --git a/images/detailer_appearance2.png b/images/detailer_appearance2.png
new file mode 100644
index 0000000..7a0e41e
Binary files /dev/null and b/images/detailer_appearance2.png differ
diff --git a/images/detailer_appearance3.png b/images/detailer_appearance3.png
new file mode 100644
index 0000000..33b4866
Binary files /dev/null and b/images/detailer_appearance3.png differ
diff --git a/images/details_apperance_3.png b/images/details_apperance_3.png
new file mode 100644
index 0000000..e186f80
Binary files /dev/null and b/images/details_apperance_3.png differ
diff --git a/images/different_details2.png b/images/different_details2.png
new file mode 100644
index 0000000..2c7d8f0
Binary files /dev/null and b/images/different_details2.png differ
diff --git a/images/differential_solid_angles1.png b/images/differential_solid_angles1.png
new file mode 100644
index 0000000..a23163a
Binary files /dev/null and b/images/differential_solid_angles1.png differ
diff --git a/images/differential_solid_angles_w.png b/images/differential_solid_angles_w.png
new file mode 100644
index 0000000..c8f9b06
Binary files /dev/null and b/images/differential_solid_angles_w.png differ
diff --git a/images/difficult_path_sampling_problem.png b/images/difficult_path_sampling_problem.png
new file mode 100644
index 0000000..f2bf96e
Binary files /dev/null and b/images/difficult_path_sampling_problem.png differ
diff --git a/images/diffuse_lambertian_material.png b/images/diffuse_lambertian_material.png
new file mode 100644
index 0000000..2f75206
Binary files /dev/null and b/images/diffuse_lambertian_material.png differ
diff --git a/images/dipole_approximation.png b/images/dipole_approximation.png
new file mode 100644
index 0000000..802a03e
Binary files /dev/null and b/images/dipole_approximation.png differ
diff --git a/images/distribution_of_normals.png b/images/distribution_of_normals.png
new file mode 100644
index 0000000..da22f3d
Binary files /dev/null and b/images/distribution_of_normals.png differ
diff --git a/images/double_cylinder_model.png b/images/double_cylinder_model.png
new file mode 100644
index 0000000..960bd5e
Binary files /dev/null and b/images/double_cylinder_model.png differ
diff --git a/images/double_cylinder_model_application1.png b/images/double_cylinder_model_application1.png
new file mode 100644
index 0000000..0365c7e
Binary files /dev/null and b/images/double_cylinder_model_application1.png differ
diff --git a/images/double_cylinder_model_application2.png b/images/double_cylinder_model_application2.png
new file mode 100644
index 0000000..259b44c
Binary files /dev/null and b/images/double_cylinder_model_application2.png differ
diff --git a/images/double_cylinder_model_lobes.png b/images/double_cylinder_model_lobes.png
new file mode 100644
index 0000000..52a472f
Binary files /dev/null and b/images/double_cylinder_model_lobes.png differ
diff --git a/images/double_cylinder_model_lobes2.png b/images/double_cylinder_model_lobes2.png
new file mode 100644
index 0000000..d06a5fc
Binary files /dev/null and b/images/double_cylinder_model_lobes2.png differ
diff --git a/images/effect_of_focal_length_on_fov.png b/images/effect_of_focal_length_on_fov.png
new file mode 100644
index 0000000..b653d03
Binary files /dev/null and b/images/effect_of_focal_length_on_fov.png differ
diff --git a/images/effect_of_sensor_size_on_fov.png b/images/effect_of_sensor_size_on_fov.png
new file mode 100644
index 0000000..d2fa300
Binary files /dev/null and b/images/effect_of_sensor_size_on_fov.png differ
diff --git a/images/eg_BRDF_caarve.png b/images/eg_BRDF_caarve.png
new file mode 100644
index 0000000..2f1dd14
Binary files /dev/null and b/images/eg_BRDF_caarve.png differ
diff --git a/images/eg_BSSRDF_carve.png b/images/eg_BSSRDF_carve.png
new file mode 100644
index 0000000..6642404
Binary files /dev/null and b/images/eg_BSSRDF_carve.png differ
diff --git a/images/eg_Distance_Functions.png b/images/eg_Distance_Functions.png
new file mode 100644
index 0000000..af638d0
Binary files /dev/null and b/images/eg_Distance_Functions.png differ
diff --git a/images/eg_Factals.png b/images/eg_Factals.png
new file mode 100644
index 0000000..02e0800
Binary files /dev/null and b/images/eg_Factals.png differ
diff --git a/images/eg_Quadric_Error_Mesh_Simplification.png b/images/eg_Quadric_Error_Mesh_Simplification.png
new file mode 100644
index 0000000..5115d74
Binary files /dev/null and b/images/eg_Quadric_Error_Mesh_Simplification.png differ
diff --git a/images/eg_Recursive_Ray_Tracing.png b/images/eg_Recursive_Ray_Tracing.png
new file mode 100644
index 0000000..705aaea
Binary files /dev/null and b/images/eg_Recursive_Ray_Tracing.png differ
diff --git a/images/eg_bidirectional_path_tracing.png b/images/eg_bidirectional_path_tracing.png
new file mode 100644
index 0000000..59cb720
Binary files /dev/null and b/images/eg_bidirectional_path_tracing.png differ
diff --git a/images/eg_expected_value.png b/images/eg_expected_value.png
new file mode 100644
index 0000000..d630807
Binary files /dev/null and b/images/eg_expected_value.png differ
diff --git a/images/eg_explict_mapping.png b/images/eg_explict_mapping.png
new file mode 100644
index 0000000..8dbf979
Binary files /dev/null and b/images/eg_explict_mapping.png differ
diff --git a/images/eg_fresnel_reflection.png b/images/eg_fresnel_reflection.png
new file mode 100644
index 0000000..ceeca51
Binary files /dev/null and b/images/eg_fresnel_reflection.png differ
diff --git a/images/eg_in_outside_test_easy.png b/images/eg_in_outside_test_easy.png
new file mode 100644
index 0000000..8aad085
Binary files /dev/null and b/images/eg_in_outside_test_easy.png differ
diff --git a/images/eg_kajiya-kay_model.png b/images/eg_kajiya-kay_model.png
new file mode 100644
index 0000000..60b83b1
Binary files /dev/null and b/images/eg_kajiya-kay_model.png differ
diff --git a/images/eg_marschner_model.png b/images/eg_marschner_model.png
new file mode 100644
index 0000000..e8b4278
Binary files /dev/null and b/images/eg_marschner_model.png differ
diff --git a/images/eg_material_in_cg.png b/images/eg_material_in_cg.png
new file mode 100644
index 0000000..741ec90
Binary files /dev/null and b/images/eg_material_in_cg.png differ
diff --git a/images/eg_mesh_regularization.png b/images/eg_mesh_regularization.png
new file mode 100644
index 0000000..37ef793
Binary files /dev/null and b/images/eg_mesh_regularization.png differ
diff --git a/images/eg_mesh_simplification.png b/images/eg_mesh_simplification.png
new file mode 100644
index 0000000..ed56a65
Binary files /dev/null and b/images/eg_mesh_simplification.png differ
diff --git a/images/eg_mesh_subdivision.png b/images/eg_mesh_subdivision.png
new file mode 100644
index 0000000..c4c2a67
Binary files /dev/null and b/images/eg_mesh_subdivision.png differ
diff --git a/images/eg_object_partition.png b/images/eg_object_partition.png
new file mode 100644
index 0000000..9d5bd21
Binary files /dev/null and b/images/eg_object_partition.png differ
diff --git a/images/eg_of_rendering_with_lens_focus.png b/images/eg_of_rendering_with_lens_focus.png
new file mode 100644
index 0000000..39e5b33
Binary files /dev/null and b/images/eg_of_rendering_with_lens_focus.png differ
diff --git a/images/eg_point_cloud.png b/images/eg_point_cloud.png
new file mode 100644
index 0000000..2ceb004
Binary files /dev/null and b/images/eg_point_cloud.png differ
diff --git a/images/eg_polygon_mesh.png b/images/eg_polygon_mesh.png
new file mode 100644
index 0000000..89c85a3
Binary files /dev/null and b/images/eg_polygon_mesh.png differ
diff --git a/images/eg_sample_can_be_hard.png b/images/eg_sample_can_be_hard.png
new file mode 100644
index 0000000..3409726
Binary files /dev/null and b/images/eg_sample_can_be_hard.png differ
diff --git a/images/eg_snell_window.png b/images/eg_snell_window.png
new file mode 100644
index 0000000..389fd0f
Binary files /dev/null and b/images/eg_snell_window.png differ
diff --git a/images/eg_spatial_partition.png b/images/eg_spatial_partition.png
new file mode 100644
index 0000000..13e42d9
Binary files /dev/null and b/images/eg_spatial_partition.png differ
diff --git a/images/eg_specular_refraction.png b/images/eg_specular_refraction.png
new file mode 100644
index 0000000..7b75184
Binary files /dev/null and b/images/eg_specular_refraction.png differ
diff --git a/images/evaluation_of_bezier_surface.png b/images/evaluation_of_bezier_surface.png
new file mode 100644
index 0000000..38a75bf
Binary files /dev/null and b/images/evaluation_of_bezier_surface.png differ
diff --git a/images/example_f-stop_caculations.png b/images/example_f-stop_caculations.png
new file mode 100644
index 0000000..e3119ed
Binary files /dev/null and b/images/example_f-stop_caculations.png differ
diff --git a/images/explosion_of_ray_as_ray_go_up.png b/images/explosion_of_ray_as_ray_go_up.png
new file mode 100644
index 0000000..dd683f2
Binary files /dev/null and b/images/explosion_of_ray_as_ray_go_up.png differ
diff --git a/images/exposure_aperture_shutter_gain.png b/images/exposure_aperture_shutter_gain.png
new file mode 100644
index 0000000..1ed3931
Binary files /dev/null and b/images/exposure_aperture_shutter_gain.png differ
diff --git a/images/f-stop_vs_shutter_speed.png b/images/f-stop_vs_shutter_speed.png
new file mode 100644
index 0000000..bdf105d
Binary files /dev/null and b/images/f-stop_vs_shutter_speed.png differ
diff --git a/images/figure.5.17.png b/images/figure.5.17.png
new file mode 100644
index 0000000..b0a8598
Binary files /dev/null and b/images/figure.5.17.png differ
diff --git a/images/figure5.17.1.png b/images/figure5.17.1.png
new file mode 100644
index 0000000..16b83f2
Binary files /dev/null and b/images/figure5.17.1.png differ
diff --git a/images/first_page(100w).png b/images/first_page(100w).png
new file mode 100644
index 0000000..fc58966
Binary files /dev/null and b/images/first_page(100w).png differ
diff --git a/images/first_page(150w).png b/images/first_page(150w).png
new file mode 100644
index 0000000..a24c5b1
Binary files /dev/null and b/images/first_page(150w).png differ
diff --git a/images/first_page.png b/images/first_page.png
new file mode 100644
index 0000000..29852d8
Binary files /dev/null and b/images/first_page.png differ
diff --git a/images/flat_shading.png b/images/flat_shading.png
new file mode 100644
index 0000000..8afcc7f
Binary files /dev/null and b/images/flat_shading.png differ
diff --git a/images/flight_euler_angle.png b/images/flight_euler_angle.png
new file mode 100644
index 0000000..f7345dc
Binary files /dev/null and b/images/flight_euler_angle.png differ
diff --git a/images/focal_length_vs_filed_of_view1.png b/images/focal_length_vs_filed_of_view1.png
new file mode 100644
index 0000000..88dff9e
Binary files /dev/null and b/images/focal_length_vs_filed_of_view1.png differ
diff --git a/images/focle_length_vs_field_of_view2.png b/images/focle_length_vs_field_of_view2.png
new file mode 100644
index 0000000..c5c95d6
Binary files /dev/null and b/images/focle_length_vs_field_of_view2.png differ
diff --git a/images/four-bounce_global_illumination_eg.png b/images/four-bounce_global_illumination_eg.png
new file mode 100644
index 0000000..c956135
Binary files /dev/null and b/images/four-bounce_global_illumination_eg.png differ
diff --git a/images/fovY.png b/images/fovY.png
new file mode 100644
index 0000000..b99ab95
Binary files /dev/null and b/images/fovY.png differ
diff --git a/images/fresnel_term_conductor.png b/images/fresnel_term_conductor.png
new file mode 100644
index 0000000..e01a810
Binary files /dev/null and b/images/fresnel_term_conductor.png differ
diff --git a/images/fresnel_term_dielectric.png b/images/fresnel_term_dielectric.png
new file mode 100644
index 0000000..a520a58
Binary files /dev/null and b/images/fresnel_term_dielectric.png differ
diff --git a/images/fresnel_term_formule.png b/images/fresnel_term_formule.png
new file mode 100644
index 0000000..8112ef5
Binary files /dev/null and b/images/fresnel_term_formule.png differ
diff --git a/images/fur_appearance_as_human_fur.png b/images/fur_appearance_as_human_fur.png
new file mode 100644
index 0000000..a81b2be
Binary files /dev/null and b/images/fur_appearance_as_human_fur.png differ
diff --git a/images/gauss_ray_diagrams.png b/images/gauss_ray_diagrams.png
new file mode 100644
index 0000000..66db2af
Binary files /dev/null and b/images/gauss_ray_diagrams.png differ
diff --git a/images/gauss_ray_tracing_construction.png b/images/gauss_ray_tracing_construction.png
new file mode 100644
index 0000000..f8899e1
Binary files /dev/null and b/images/gauss_ray_tracing_construction.png differ
diff --git a/images/gauss_ray_tracing_construction1.png b/images/gauss_ray_tracing_construction1.png
new file mode 100644
index 0000000..8474721
Binary files /dev/null and b/images/gauss_ray_tracing_construction1.png differ
diff --git a/images/gauss_ray_tracing_construction2.png b/images/gauss_ray_tracing_construction2.png
new file mode 100644
index 0000000..16ffd98
Binary files /dev/null and b/images/gauss_ray_tracing_construction2.png differ
diff --git a/images/geometric_barycentric.png b/images/geometric_barycentric.png
new file mode 100644
index 0000000..eb3caa7
Binary files /dev/null and b/images/geometric_barycentric.png differ
diff --git a/images/glossy_material.png b/images/glossy_material.png
new file mode 100644
index 0000000..8c4e1aa
Binary files /dev/null and b/images/glossy_material.png differ
diff --git a/images/gonioreflectometer.png b/images/gonioreflectometer.png
new file mode 100644
index 0000000..18544a3
Binary files /dev/null and b/images/gonioreflectometer.png differ
diff --git a/images/granular_material.png b/images/granular_material.png
new file mode 100644
index 0000000..1a1b681
Binary files /dev/null and b/images/granular_material.png differ
diff --git a/images/granular_material_1.png b/images/granular_material_1.png
new file mode 100644
index 0000000..ab930f2
Binary files /dev/null and b/images/granular_material_1.png differ
diff --git a/images/granular_material_application1.png b/images/granular_material_application1.png
new file mode 100644
index 0000000..cfadf66
Binary files /dev/null and b/images/granular_material_application1.png differ
diff --git a/images/granular_material_application2.png b/images/granular_material_application2.png
new file mode 100644
index 0000000..bf89e5f
Binary files /dev/null and b/images/granular_material_application2.png differ
diff --git a/images/grid_build_progress_step1.png b/images/grid_build_progress_step1.png
new file mode 100644
index 0000000..bfd5f51
Binary files /dev/null and b/images/grid_build_progress_step1.png differ
diff --git a/images/grid_build_progress_step2.png b/images/grid_build_progress_step2.png
new file mode 100644
index 0000000..fcdbef4
Binary files /dev/null and b/images/grid_build_progress_step2.png differ
diff --git a/images/grid_build_progress_step3.png b/images/grid_build_progress_step3.png
new file mode 100644
index 0000000..7ef4eda
Binary files /dev/null and b/images/grid_build_progress_step3.png differ
diff --git a/images/grid_resolution_heuristic.png b/images/grid_resolution_heuristic.png
new file mode 100644
index 0000000..26606d1
Binary files /dev/null and b/images/grid_resolution_heuristic.png differ
diff --git a/images/grid_resolution_one_cell.png b/images/grid_resolution_one_cell.png
new file mode 100644
index 0000000..bd51e14
Binary files /dev/null and b/images/grid_resolution_one_cell.png differ
diff --git a/images/grid_resolution_too_many.jpg b/images/grid_resolution_too_many.jpg
new file mode 100644
index 0000000..1018f1e
Binary files /dev/null and b/images/grid_resolution_too_many.jpg differ
diff --git a/images/hair_appearance.png b/images/hair_appearance.png
new file mode 100644
index 0000000..0702b00
Binary files /dev/null and b/images/hair_appearance.png differ
diff --git a/images/hair_appearance_model_application1.png b/images/hair_appearance_model_application1.png
new file mode 100644
index 0000000..fb7f65c
Binary files /dev/null and b/images/hair_appearance_model_application1.png differ
diff --git a/images/hair_appearance_model_application2.png b/images/hair_appearance_model_application2.png
new file mode 100644
index 0000000..13e74cd
Binary files /dev/null and b/images/hair_appearance_model_application2.png differ
diff --git a/images/hight-speed_photography1.png b/images/hight-speed_photography1.png
new file mode 100644
index 0000000..00936b3
Binary files /dev/null and b/images/hight-speed_photography1.png differ
diff --git a/images/hight-speed_photography2.png b/images/hight-speed_photography2.png
new file mode 100644
index 0000000..7552652
Binary files /dev/null and b/images/hight-speed_photography2.png differ
diff --git a/images/human_fur_vs_animal_fur.png b/images/human_fur_vs_animal_fur.png
new file mode 100644
index 0000000..70dc59f
Binary files /dev/null and b/images/human_fur_vs_animal_fur.png differ
diff --git a/images/ico(192x192).png b/images/ico(192x192).png
new file mode 100644
index 0000000..6d81bde
Binary files /dev/null and b/images/ico(192x192).png differ
diff --git a/images/ico_32X32.png b/images/ico_32X32.png
new file mode 100644
index 0000000..d4e0620
Binary files /dev/null and b/images/ico_32X32.png differ
diff --git a/images/icon_normal.png b/images/icon_normal.png
new file mode 100644
index 0000000..29852d8
Binary files /dev/null and b/images/icon_normal.png differ
diff --git a/images/ideal_thin_lens_focal_point.png b/images/ideal_thin_lens_focal_point.png
new file mode 100644
index 0000000..b5f8eaa
Binary files /dev/null and b/images/ideal_thin_lens_focal_point.png differ
diff --git a/images/image-based_BRDF_measurement.png b/images/image-based_BRDF_measurement.png
new file mode 100644
index 0000000..27d3190
Binary files /dev/null and b/images/image-based_BRDF_measurement.png differ
diff --git a/images/image_synthesis_capture.png b/images/image_synthesis_capture.png
new file mode 100644
index 0000000..65f6446
Binary files /dev/null and b/images/image_synthesis_capture.png differ
diff --git a/images/importance_of_medulla.png b/images/importance_of_medulla.png
new file mode 100644
index 0000000..9ae4230
Binary files /dev/null and b/images/importance_of_medulla.png differ
diff --git a/images/importance_of_medulla2.png b/images/importance_of_medulla2.png
new file mode 100644
index 0000000..18f8ca2
Binary files /dev/null and b/images/importance_of_medulla2.png differ
diff --git a/images/inside_the_camera.png b/images/inside_the_camera.png
new file mode 100644
index 0000000..3fc64bd
Binary files /dev/null and b/images/inside_the_camera.png differ
diff --git a/images/instant_radiosity.png b/images/instant_radiosity.png
new file mode 100644
index 0000000..8bf6b55
Binary files /dev/null and b/images/instant_radiosity.png differ
diff --git a/images/instant_radiosity_eg.png b/images/instant_radiosity_eg.png
new file mode 100644
index 0000000..cd7d0a4
Binary files /dev/null and b/images/instant_radiosity_eg.png differ
diff --git a/images/introducing_global_illumination.png b/images/introducing_global_illumination.png
new file mode 100644
index 0000000..d5e5df8
Binary files /dev/null and b/images/introducing_global_illumination.png differ
diff --git a/images/irregular_pixel_footprint.png b/images/irregular_pixel_footprint.png
new file mode 100644
index 0000000..fd152fb
Binary files /dev/null and b/images/irregular_pixel_footprint.png differ
diff --git a/images/is_path_tracing_correct.png b/images/is_path_tracing_correct.png
new file mode 100644
index 0000000..348e2a2
Binary files /dev/null and b/images/is_path_tracing_correct.png differ
diff --git a/images/isotropic_inside_an_elevator.png b/images/isotropic_inside_an_elevator.png
new file mode 100644
index 0000000..6f40d50
Binary files /dev/null and b/images/isotropic_inside_an_elevator.png differ
diff --git a/images/isotropic_materials_theory.png b/images/isotropic_materials_theory.png
new file mode 100644
index 0000000..6a772f4
Binary files /dev/null and b/images/isotropic_materials_theory.png differ
diff --git a/images/kajiya-kay_model.png b/images/kajiya-kay_model.png
new file mode 100644
index 0000000..993a600
Binary files /dev/null and b/images/kajiya-kay_model.png differ
diff --git a/images/lambert'scosine_low.png b/images/lambert'scosine_low.png
new file mode 100644
index 0000000..4b6eb2e
Binary files /dev/null and b/images/lambert'scosine_low.png differ
diff --git a/images/largest_pinhole_photograph.png b/images/largest_pinhole_photograph.png
new file mode 100644
index 0000000..494ab11
Binary files /dev/null and b/images/largest_pinhole_photograph.png differ
diff --git a/images/largest_pinhole_photograph1.png b/images/largest_pinhole_photograph1.png
new file mode 100644
index 0000000..f6f5deb
Binary files /dev/null and b/images/largest_pinhole_photograph1.png differ
diff --git a/images/lenses_from_image_on_sensor.png b/images/lenses_from_image_on_sensor.png
new file mode 100644
index 0000000..aa188b3
Binary files /dev/null and b/images/lenses_from_image_on_sensor.png differ
diff --git a/images/light_separete.png b/images/light_separete.png
new file mode 100644
index 0000000..0773227
Binary files /dev/null and b/images/light_separete.png differ
diff --git a/images/light_source_blocked_judge.png b/images/light_source_blocked_judge.png
new file mode 100644
index 0000000..30d07aa
Binary files /dev/null and b/images/light_source_blocked_judge.png differ
diff --git a/images/long-exposure_photography1.png b/images/long-exposure_photography1.png
new file mode 100644
index 0000000..3057c93
Binary files /dev/null and b/images/long-exposure_photography1.png differ
diff --git a/images/long-exposure_photography2.png b/images/long-exposure_photography2.png
new file mode 100644
index 0000000..0d78ca5
Binary files /dev/null and b/images/long-exposure_photography2.png differ
diff --git a/images/long-exposure_photography3.png b/images/long-exposure_photography3.png
new file mode 100644
index 0000000..eccc4f7
Binary files /dev/null and b/images/long-exposure_photography3.png differ
diff --git a/images/loop_subdivision_new.png b/images/loop_subdivision_new.png
new file mode 100644
index 0000000..0591637
Binary files /dev/null and b/images/loop_subdivision_new.png differ
diff --git a/images/loop_subdivision_old.png b/images/loop_subdivision_old.png
new file mode 100644
index 0000000..32c550b
Binary files /dev/null and b/images/loop_subdivision_old.png differ
diff --git a/images/marschner_model1.png b/images/marschner_model1.png
new file mode 100644
index 0000000..835b457
Binary files /dev/null and b/images/marschner_model1.png differ
diff --git a/images/marschner_model2.png b/images/marschner_model2.png
new file mode 100644
index 0000000..82084a0
Binary files /dev/null and b/images/marschner_model2.png differ
diff --git a/images/measuring_BRDF_motivation.png b/images/measuring_BRDF_motivation.png
new file mode 100644
index 0000000..9509bd4
Binary files /dev/null and b/images/measuring_BRDF_motivation.png differ
diff --git a/images/medium_eg_snell_law.png b/images/medium_eg_snell_law.png
new file mode 100644
index 0000000..2f700b5
Binary files /dev/null and b/images/medium_eg_snell_law.png differ
diff --git a/images/microfacet_BRDF_caculate.png b/images/microfacet_BRDF_caculate.png
new file mode 100644
index 0000000..17916d0
Binary files /dev/null and b/images/microfacet_BRDF_caculate.png differ
diff --git a/images/microfacet_BRDF_diffuse.png b/images/microfacet_BRDF_diffuse.png
new file mode 100644
index 0000000..27d6338
Binary files /dev/null and b/images/microfacet_BRDF_diffuse.png differ
diff --git a/images/microfacet_BRDF_example.png b/images/microfacet_BRDF_example.png
new file mode 100644
index 0000000..47cdeb0
Binary files /dev/null and b/images/microfacet_BRDF_example.png differ
diff --git a/images/microfacet_BRDF_glossy.png b/images/microfacet_BRDF_glossy.png
new file mode 100644
index 0000000..0287693
Binary files /dev/null and b/images/microfacet_BRDF_glossy.png differ
diff --git a/images/microfacet_theory.png b/images/microfacet_theory.png
new file mode 100644
index 0000000..19559f2
Binary files /dev/null and b/images/microfacet_theory.png differ
diff --git a/images/mip_hierarchy.png b/images/mip_hierarchy.png
new file mode 100644
index 0000000..eb45127
Binary files /dev/null and b/images/mip_hierarchy.png differ
diff --git a/images/mipmap_information.png b/images/mipmap_information.png
new file mode 100644
index 0000000..8436470
Binary files /dev/null and b/images/mipmap_information.png differ
diff --git a/images/mirror_and_glossy_reflection.png b/images/mirror_and_glossy_reflection.png
new file mode 100644
index 0000000..2340017
Binary files /dev/null and b/images/mirror_and_glossy_reflection.png differ
diff --git a/images/mixed_frequency_content.png b/images/mixed_frequency_content.png
new file mode 100644
index 0000000..833f9b0
Binary files /dev/null and b/images/mixed_frequency_content.png differ
diff --git a/images/modern_LED.png b/images/modern_LED.png
new file mode 100644
index 0000000..67ba96f
Binary files /dev/null and b/images/modern_LED.png differ
diff --git a/images/moire_and_jaggies.png b/images/moire_and_jaggies.png
new file mode 100644
index 0000000..7c5860b
Binary files /dev/null and b/images/moire_and_jaggies.png differ
diff --git a/images/msapplication(270x270).png b/images/msapplication(270x270).png
new file mode 100644
index 0000000..4f48bdb
Binary files /dev/null and b/images/msapplication(270x270).png differ
diff --git a/images/ocean_wave_detail.png b/images/ocean_wave_detail.png
new file mode 100644
index 0000000..321b54e
Binary files /dev/null and b/images/ocean_wave_detail.png differ
diff --git a/images/offset_projection_matrix.png b/images/offset_projection_matrix.png
new file mode 100644
index 0000000..4dd61d0
Binary files /dev/null and b/images/offset_projection_matrix.png differ
diff --git a/images/one-bounce_global_illumination_eg.png b/images/one-bounce_global_illumination_eg.png
new file mode 100644
index 0000000..daf1969
Binary files /dev/null and b/images/one-bounce_global_illumination_eg.png differ
diff --git a/images/one_pixel_thick_ghosting.png b/images/one_pixel_thick_ghosting.png
new file mode 100644
index 0000000..72f4c5b
Binary files /dev/null and b/images/one_pixel_thick_ghosting.png differ
diff --git a/images/p-NDF_sharps.png b/images/p-NDF_sharps.png
new file mode 100644
index 0000000..f0b2bd3
Binary files /dev/null and b/images/p-NDF_sharps.png differ
diff --git a/images/p-NDFs_have_sharp_features.png b/images/p-NDFs_have_sharp_features.png
new file mode 100644
index 0000000..7702bcf
Binary files /dev/null and b/images/p-NDFs_have_sharp_features.png differ
diff --git a/images/participating_media1.png b/images/participating_media1.png
new file mode 100644
index 0000000..f58f71b
Binary files /dev/null and b/images/participating_media1.png differ
diff --git a/images/participating_media2.png b/images/participating_media2.png
new file mode 100644
index 0000000..b038c94
Binary files /dev/null and b/images/participating_media2.png differ
diff --git a/images/participating_media_application1.png b/images/participating_media_application1.png
new file mode 100644
index 0000000..8859be7
Binary files /dev/null and b/images/participating_media_application1.png differ
diff --git a/images/participating_media_application2.png b/images/participating_media_application2.png
new file mode 100644
index 0000000..53d689a
Binary files /dev/null and b/images/participating_media_application2.png differ
diff --git a/images/participating_media_cloud.png b/images/participating_media_cloud.png
new file mode 100644
index 0000000..c614755
Binary files /dev/null and b/images/participating_media_cloud.png differ
diff --git a/images/participating_media_demo.png b/images/participating_media_demo.png
new file mode 100644
index 0000000..45ef6e8
Binary files /dev/null and b/images/participating_media_demo.png differ
diff --git a/images/participating_media_fog.png b/images/participating_media_fog.png
new file mode 100644
index 0000000..f7a34d2
Binary files /dev/null and b/images/participating_media_fog.png differ
diff --git a/images/participating_media_rendering.png b/images/participating_media_rendering.png
new file mode 100644
index 0000000..fdab520
Binary files /dev/null and b/images/participating_media_rendering.png differ
diff --git a/images/path_traced_direct_global_illumination.png b/images/path_traced_direct_global_illumination.png
new file mode 100644
index 0000000..322b323
Binary files /dev/null and b/images/path_traced_direct_global_illumination.png differ
diff --git a/images/perfect_specular_reflection_in_physic1.png b/images/perfect_specular_reflection_in_physic1.png
new file mode 100644
index 0000000..bc57679
Binary files /dev/null and b/images/perfect_specular_reflection_in_physic1.png differ
diff --git a/images/perfect_specular_reflection_in_physic2.png b/images/perfect_specular_reflection_in_physic2.png
new file mode 100644
index 0000000..3dabef8
Binary files /dev/null and b/images/perfect_specular_reflection_in_physic2.png differ
diff --git a/images/perturb_the_normal.png b/images/perturb_the_normal.png
new file mode 100644
index 0000000..2d8a6c0
Binary files /dev/null and b/images/perturb_the_normal.png differ
diff --git a/images/phong_shading.png b/images/phong_shading.png
new file mode 100644
index 0000000..5e319f5
Binary files /dev/null and b/images/phong_shading.png differ
diff --git a/images/photon_mapping_approach.png b/images/photon_mapping_approach.png
new file mode 100644
index 0000000..7326fa3
Binary files /dev/null and b/images/photon_mapping_approach.png differ
diff --git a/images/photon_mapping_biased.png b/images/photon_mapping_biased.png
new file mode 100644
index 0000000..ae63e8d
Binary files /dev/null and b/images/photon_mapping_biased.png differ
diff --git a/images/photon_mapping_cacul.png b/images/photon_mapping_cacul.png
new file mode 100644
index 0000000..3269fac
Binary files /dev/null and b/images/photon_mapping_cacul.png differ
diff --git a/images/photon_mapping_theory.png b/images/photon_mapping_theory.png
new file mode 100644
index 0000000..e09d131
Binary files /dev/null and b/images/photon_mapping_theory.png differ
diff --git a/images/physical_shutter.png b/images/physical_shutter.png
new file mode 100644
index 0000000..26ddfc3
Binary files /dev/null and b/images/physical_shutter.png differ
diff --git a/images/pinhole_camera.png b/images/pinhole_camera.png
new file mode 100644
index 0000000..28a5081
Binary files /dev/null and b/images/pinhole_camera.png differ
diff --git a/images/pixel_and_screen_space.png b/images/pixel_and_screen_space.png
new file mode 100644
index 0000000..e23f60d
Binary files /dev/null and b/images/pixel_and_screen_space.png differ
diff --git a/images/pixel_result.png b/images/pixel_result.png
new file mode 100644
index 0000000..e0f629e
Binary files /dev/null and b/images/pixel_result.png differ
diff --git a/images/point_query_and_range_query.png b/images/point_query_and_range_query.png
new file mode 100644
index 0000000..aaf6ba0
Binary files /dev/null and b/images/point_query_and_range_query.png differ
diff --git a/images/post_aliasing.png b/images/post_aliasing.png
new file mode 100644
index 0000000..747a5e8
Binary files /dev/null and b/images/post_aliasing.png differ
diff --git a/images/pre-filter_sample.png b/images/pre-filter_sample.png
new file mode 100644
index 0000000..b66baad
Binary files /dev/null and b/images/pre-filter_sample.png differ
diff --git a/images/probability_distribution_function.png b/images/probability_distribution_function.png
new file mode 100644
index 0000000..889a9b6
Binary files /dev/null and b/images/probability_distribution_function.png differ
diff --git a/images/procedural_appearance1.png b/images/procedural_appearance1.png
new file mode 100644
index 0000000..f633a6b
Binary files /dev/null and b/images/procedural_appearance1.png differ
diff --git a/images/procedural_appearance2.png b/images/procedural_appearance2.png
new file mode 100644
index 0000000..f983c87
Binary files /dev/null and b/images/procedural_appearance2.png differ
diff --git a/images/procedural_appearance3.png b/images/procedural_appearance3.png
new file mode 100644
index 0000000..74d714b
Binary files /dev/null and b/images/procedural_appearance3.png differ
diff --git a/images/procedural_appearance4.png b/images/procedural_appearance4.png
new file mode 100644
index 0000000..dfbcaee
Binary files /dev/null and b/images/procedural_appearance4.png differ
diff --git a/images/procedural_appearance5.png b/images/procedural_appearance5.png
new file mode 100644
index 0000000..eb959a3
Binary files /dev/null and b/images/procedural_appearance5.png differ
diff --git a/images/procedural_appearance6.png b/images/procedural_appearance6.png
new file mode 100644
index 0000000..4f68966
Binary files /dev/null and b/images/procedural_appearance6.png differ
diff --git a/images/project_to_light.png b/images/project_to_light.png
new file mode 100644
index 0000000..ce2adab
Binary files /dev/null and b/images/project_to_light.png differ
diff --git a/images/radiance_define.png b/images/radiance_define.png
new file mode 100644
index 0000000..e871f74
Binary files /dev/null and b/images/radiance_define.png differ
diff --git a/images/ray_tracing_for_defocus_blur.png b/images/ray_tracing_for_defocus_blur.png
new file mode 100644
index 0000000..222b56d
Binary files /dev/null and b/images/ray_tracing_for_defocus_blur.png differ
diff --git a/images/ray_tracing_for_defocus_blur1.png b/images/ray_tracing_for_defocus_blur1.png
new file mode 100644
index 0000000..a517611
Binary files /dev/null and b/images/ray_tracing_for_defocus_blur1.png differ
diff --git a/images/real_lens_dfsigns_are_comples.png b/images/real_lens_dfsigns_are_comples.png
new file mode 100644
index 0000000..223920f
Binary files /dev/null and b/images/real_lens_dfsigns_are_comples.png differ
diff --git a/images/real_lens_elements_are_not_ideal.png b/images/real_lens_elements_are_not_ideal.png
new file mode 100644
index 0000000..640e08a
Binary files /dev/null and b/images/real_lens_elements_are_not_ideal.png differ
diff --git a/images/reason_for_monte_carlo_integration.png b/images/reason_for_monte_carlo_integration.png
new file mode 100644
index 0000000..e36f9f8
Binary files /dev/null and b/images/reason_for_monte_carlo_integration.png differ
diff --git a/images/reason_of_being_inefficient.png b/images/reason_of_being_inefficient.png
new file mode 100644
index 0000000..8db3139
Binary files /dev/null and b/images/reason_of_being_inefficient.png differ
diff --git a/images/reflaction_radiance_irradiance.png b/images/reflaction_radiance_irradiance.png
new file mode 100644
index 0000000..a83e468
Binary files /dev/null and b/images/reflaction_radiance_irradiance.png differ
diff --git a/images/render_as_surface_limitation.png b/images/render_as_surface_limitation.png
new file mode 100644
index 0000000..c6c8cb3
Binary files /dev/null and b/images/render_as_surface_limitation.png differ
diff --git a/images/render_from_light.png b/images/render_from_light.png
new file mode 100644
index 0000000..91d6588
Binary files /dev/null and b/images/render_from_light.png differ
diff --git a/images/rendering_equation_simplify.png b/images/rendering_equation_simplify.png
new file mode 100644
index 0000000..fc5ccd0
Binary files /dev/null and b/images/rendering_equation_simplify.png differ
diff --git a/images/resample_downsampling.png b/images/resample_downsampling.png
new file mode 100644
index 0000000..945390c
Binary files /dev/null and b/images/resample_downsampling.png differ
diff --git a/images/resample_upsample.png b/images/resample_upsample.png
new file mode 100644
index 0000000..8c957b3
Binary files /dev/null and b/images/resample_upsample.png differ
diff --git a/images/revealed_piels_appear_bad.png b/images/revealed_piels_appear_bad.png
new file mode 100644
index 0000000..0cb70e6
Binary files /dev/null and b/images/revealed_piels_appear_bad.png differ
diff --git a/images/rotate_around_point.png b/images/rotate_around_point.png
new file mode 100644
index 0000000..984c167
Binary files /dev/null and b/images/rotate_around_point.png differ
diff --git a/images/sample_and_reconstruct.png b/images/sample_and_reconstruct.png
new file mode 100644
index 0000000..1514758
Binary files /dev/null and b/images/sample_and_reconstruct.png differ
diff --git a/images/sample_point_position.png b/images/sample_point_position.png
new file mode 100644
index 0000000..7f9d10d
Binary files /dev/null and b/images/sample_point_position.png differ
diff --git a/images/sample_progress.png b/images/sample_progress.png
new file mode 100644
index 0000000..36bb0c4
Binary files /dev/null and b/images/sample_progress.png differ
diff --git a/images/sample_resulst.png b/images/sample_resulst.png
new file mode 100644
index 0000000..22364e3
Binary files /dev/null and b/images/sample_resulst.png differ
diff --git a/images/sample_the_light.png b/images/sample_the_light.png
new file mode 100644
index 0000000..74abf93
Binary files /dev/null and b/images/sample_the_light.png differ
diff --git a/images/scttering_functions.png b/images/scttering_functions.png
new file mode 100644
index 0000000..91f7939
Binary files /dev/null and b/images/scttering_functions.png differ
diff --git a/images/sensor_accumulates_irradiance_during_exposure.png b/images/sensor_accumulates_irradiance_during_exposure.png
new file mode 100644
index 0000000..dfb0b63
Binary files /dev/null and b/images/sensor_accumulates_irradiance_during_exposure.png differ
diff --git a/images/sensor_size.png b/images/sensor_size.png
new file mode 100644
index 0000000..d7bf8c1
Binary files /dev/null and b/images/sensor_size.png differ
diff --git a/images/sensors_without_lenses.png b/images/sensors_without_lenses.png
new file mode 100644
index 0000000..8258750
Binary files /dev/null and b/images/sensors_without_lenses.png differ
diff --git a/images/shading_light_caculate.png b/images/shading_light_caculate.png
new file mode 100644
index 0000000..93530f3
Binary files /dev/null and b/images/shading_light_caculate.png differ
diff --git a/images/side_effect_of_shutter_speed.png b/images/side_effect_of_shutter_speed.png
new file mode 100644
index 0000000..344b521
Binary files /dev/null and b/images/side_effect_of_shutter_speed.png differ
diff --git a/images/side_effect_of_shutter_speed1.png b/images/side_effect_of_shutter_speed1.png
new file mode 100644
index 0000000..72ea553
Binary files /dev/null and b/images/side_effect_of_shutter_speed1.png differ
diff --git a/images/side_effect_of_shutter_speed2.png b/images/side_effect_of_shutter_speed2.png
new file mode 100644
index 0000000..00c8e68
Binary files /dev/null and b/images/side_effect_of_shutter_speed2.png differ
diff --git a/images/signal_high_low_frequ.png b/images/signal_high_low_frequ.png
new file mode 100644
index 0000000..a74ac90
Binary files /dev/null and b/images/signal_high_low_frequ.png differ
diff --git a/images/sinc_filter_process.png b/images/sinc_filter_process.png
new file mode 100644
index 0000000..8fe3a10
Binary files /dev/null and b/images/sinc_filter_process.png differ
diff --git a/images/size_of_coc_is_inversely_proportional_to_f-stop.png b/images/size_of_coc_is_inversely_proportional_to_f-stop.png
new file mode 100644
index 0000000..79623ce
Binary files /dev/null and b/images/size_of_coc_is_inversely_proportional_to_f-stop.png differ
diff --git a/images/snell_law_caculation.png b/images/snell_law_caculation.png
new file mode 100644
index 0000000..7e6742c
Binary files /dev/null and b/images/snell_law_caculation.png differ
diff --git a/images/specular_cacular.png b/images/specular_cacular.png
new file mode 100644
index 0000000..2c8df52
Binary files /dev/null and b/images/specular_cacular.png differ
diff --git a/images/specular_value_change_show.png b/images/specular_value_change_show.png
new file mode 100644
index 0000000..0198d65
Binary files /dev/null and b/images/specular_value_change_show.png differ
diff --git a/images/subsurface_scattering.png b/images/subsurface_scattering.png
new file mode 100644
index 0000000..ec28481
Binary files /dev/null and b/images/subsurface_scattering.png differ
diff --git a/images/suppose_scene_1.png b/images/suppose_scene_1.png
new file mode 100644
index 0000000..f102998
Binary files /dev/null and b/images/suppose_scene_1.png differ
diff --git a/images/tabular_representation.png b/images/tabular_representation.png
new file mode 100644
index 0000000..eba71b3
Binary files /dev/null and b/images/tabular_representation.png differ
diff --git a/images/tent_filter_constructed.png b/images/tent_filter_constructed.png
new file mode 100644
index 0000000..4cd8b9c
Binary files /dev/null and b/images/tent_filter_constructed.png differ
diff --git a/images/the_reflection_equation.png b/images/the_reflection_equation.png
new file mode 100644
index 0000000..8e43e92
Binary files /dev/null and b/images/the_reflection_equation.png differ
diff --git a/images/three_filter.png b/images/three_filter.png
new file mode 100644
index 0000000..85c06be
Binary files /dev/null and b/images/three_filter.png differ
diff --git a/images/translucent_material_jade.png b/images/translucent_material_jade.png
new file mode 100644
index 0000000..ad3694e
Binary files /dev/null and b/images/translucent_material_jade.png differ
diff --git a/images/translucent_material_jellyfish.png b/images/translucent_material_jellyfish.png
new file mode 100644
index 0000000..3e396b8
Binary files /dev/null and b/images/translucent_material_jellyfish.png differ
diff --git a/images/triangle.png b/images/triangle.png
new file mode 100644
index 0000000..baa0bae
Binary files /dev/null and b/images/triangle.png differ
diff --git a/images/two-bounce_global_illumination_eg.png b/images/two-bounce_global_illumination_eg.png
new file mode 100644
index 0000000..6f88b4d
Binary files /dev/null and b/images/two-bounce_global_illumination_eg.png differ
diff --git a/images/understanding_flection_equation1.png b/images/understanding_flection_equation1.png
new file mode 100644
index 0000000..451ce5d
Binary files /dev/null and b/images/understanding_flection_equation1.png differ
diff --git a/images/understanding_reflection_equation2.png b/images/understanding_reflection_equation2.png
new file mode 100644
index 0000000..8edca8d
Binary files /dev/null and b/images/understanding_reflection_equation2.png differ
diff --git a/images/understanding_reflection_equation3.png b/images/understanding_reflection_equation3.png
new file mode 100644
index 0000000..edc40e0
Binary files /dev/null and b/images/understanding_reflection_equation3.png differ
diff --git a/images/understanding_rendering_equation1.png b/images/understanding_rendering_equation1.png
new file mode 100644
index 0000000..6e90c78
Binary files /dev/null and b/images/understanding_rendering_equation1.png differ
diff --git a/images/uniform_monte_carlo_estimator.png b/images/uniform_monte_carlo_estimator.png
new file mode 100644
index 0000000..d583c3a
Binary files /dev/null and b/images/uniform_monte_carlo_estimator.png differ
diff --git a/images/unresolvable_depth_order.png b/images/unresolvable_depth_order.png
new file mode 100644
index 0000000..92835c1
Binary files /dev/null and b/images/unresolvable_depth_order.png differ
diff --git a/images/vertex_connection_and_merging.png b/images/vertex_connection_and_merging.png
new file mode 100644
index 0000000..1ba92b4
Binary files /dev/null and b/images/vertex_connection_and_merging.png differ
diff --git a/images/visual_evaluation_of_bezier_surface.png b/images/visual_evaluation_of_bezier_surface.png
new file mode 100644
index 0000000..8a9ae80
Binary files /dev/null and b/images/visual_evaluation_of_bezier_surface.png differ
diff --git a/images/wave_optics_application 2.png b/images/wave_optics_application 2.png
new file mode 100644
index 0000000..0033db5
Binary files /dev/null and b/images/wave_optics_application 2.png differ
diff --git a/images/wave_optics_application.png b/images/wave_optics_application.png
new file mode 100644
index 0000000..b1c2c00
Binary files /dev/null and b/images/wave_optics_application.png differ
diff --git a/public/404.html b/public/404.html
new file mode 100644
index 0000000..48aef59
--- /dev/null
+++ b/public/404.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>404 Page not found | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/404.html" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "datePublished": "2022-05-10T20:17:43+00:00",
+        "dateModified": "2022-05-10T20:17:43+00:00",
+        "url": "http://www.inksoul.top/404.html",
+        "name": "404 Page not found",
+        "description": "飞鸿踏雪是一个个人小站，记录分享个人的学习历程",
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="404 Page not found" />
+<meta property="og:description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+<meta property="og:url" content="http://www.inksoul.top/404.html" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="website" />
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            <main class="fof">
+                
+                <div class="main-inner">
+                    <h1>404 - 页面不存在</h1>
+                    <div class="fof-footer">
+                        <a href="/">送我回主页</a>
+                    </div>
+                </div>
+            </main>
+        </div>
+    </body>
+</html>
diff --git a/public/408/index.html b/public/408/index.html
new file mode 100644
index 0000000..134f379
--- /dev/null
+++ b/public/408/index.html
@@ -0,0 +1,440 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>408 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/408/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "datePublished": "2022-05-10T20:17:43+00:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/408/",
+        "name": "408",
+        "description": "飞鸿踏雪是一个个人小站，记录分享个人的学习历程",
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="408" />
+<meta property="og:description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+<meta property="og:url" content="http://www.inksoul.top/408/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="website" />
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner list">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+        <main class="main list" id="main">
+            <div class="main-inner">
+                <div class="content list-group">
+                    
+                        
+                            <h1 class="list-title">408</h1>
+                        
+                        
+                    
+
+                    
+
+                    
+                    
+                        
+                        
+                            
+                            
+                                
+                                    
+                                
+                            
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                        
+                    
+
+                    
+
+                    
+                    
+
+                    
+                    
+                    
+                        
+                        
+                            
+                            
+                        
+                        
+                        
+                        
+                            
+                        
+                        
+                        <h2 class="list-year">2022<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon chinese-zodiac"><path d="M200 729q35-36 140-142 1 0 3 1 7 4 19 11 4 2 13 8 3 2 12 9 5 4 10 10t5 11q4 21 23 35 25 21 28-23v-4q1-6 7-23-7 3-28 10l-2-3q-2-1-6-6-2-3-7-9-3-4-5-11t-1-12q1-4 7-10t16-8q16-3 27 6t21 26q11 16 10 17 3 4-2 11-4 8-12 14-2 1-6 5-1 0-1 1t-1 4-1 5 1 5 3 3q3 1 8 1 6 1 12-2 81-25 31-102-2-4-5-8-2-3-5-7-2-4-5-7-10-18-24-39-13-20-29-33-9-7-19-14-7-4-21-13 24-8 36-11 20-5 10-19-10-13-34-15-26-3-52 30-37-12-74-4-22 4-44 15-8 4-16 9-13 8-24 17-18 14-33 33-8 12-25 35-22 40-33 92-11 53 0 95 2 8 7 25 3 10 6 18 3 7 3 8t2 5 0 3-1 4q-2 0-4 1t-6 2-9 5-7 8q-2 5-4 11t3 13 13 15q3-5 8-15 10-11 14 12 0 6 1 17l12-12q6-5 11-8t11-4q7-1 10 2t4 14q4-1 12-5 7-3 23-8 15-5 21-4-52-50-57-101zm251-216q0-1 4 5 3 5 11 16 1 0 1 3t-1 5-1 5q0 4-4-1-3-1-6-3-2-1-4-3v-27zM143 787q-1 0-1 1l-1 1q1 0 2-2zm162-147q67 96 86 122v13q-33-11-38 8-4 13-3 26 1 12 9 14 8-7 23-22 2 7 9 28 7-6 26-24 4 3 16 11 51-24 55-38-49-59-149-175-9 9-34 37zm252-42q1 22-27 70-14 3-25 9-11 7-19 13-7 6-10 13t-5 14q-2 8-2 13t-1 9v3q5-2 20-6 2 4 6 17 6-5 27-22 4 3 14 13 5-3 22-12v-33q12-4 22-12 9-8 13-16 3-5 8-15 4-8 4-12 1-2 1-4 10-13 40-53-14-4-28-4-13 0-24 1t-19 5q-7 5-13 6-1 1-4 3zm367 110q-3-14-18-59-14-45-15-60-2-16-27-27-30-15-39 10-2 6-1 17-3-8-8-19t-19-36q-15-24-25-28-24-11-86-27-61-17-91-17-20 0 2-16 40-29 99-37 36-5 60 5 26 11 41 23 14 12 17 23 3 12-3 24t-19 22q9 11 29 32 2-2 6-7t15-18q10-14 14-28t3-34q-1-19-12-37-14-21-39-32-25-12-53-14-29-2-58 4-28 6-59 16-15 5-28 10-12 5-20 10-5 4-16 10-7 6-10 10-2 3-7 9-4 5-5 7t-5 5q-25-2-76-5 6 4 15 13 10 10 30 42 21 33 35 74 13-1 38-2 22-1 69 2 48 3 62 10 29 16 56 50 28 35 25 56-2 0-4 1-4 1-11 4-8 3-13 8t-12 11-8 14q-1 7 1 16t13 21v-4l2-7q1-2 3-8 1-3 6-6t12-3q2 29 11 37 17-29 28-30 3 9 8 27 3 7 7 7 4-28 18-28 10 0 24-3 13-3 27-13 12-8 12-19-1-3-1-6zM181 480h-3q-3 0-9-3t-11-8q-5-6-10-16-4-10-6-24-3-35 2-46 6-12 23-14 2 1 5 3t6 13q3 10 2 25-1 11 9 11 18-1 36-24 19-24 4-42-11-15-28-24-18-8-35-10-18-2-34 15-16 18-22 46t-6 51q0 35 14 58 10 17 24 17 17-1 39-28z"/></svg></h2>
+                        
+                            <ul class="list-part">
+        
+            <li class="list-item">
+                <a href="/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E5%8F%91%E5%B1%95%E5%8E%86%E7%A8%8B/" class="list-item-title">《操作系统》操作系统发展历程</a>
+                <time datetime="2022-12-29T20:53:40&#43;08:00" class="list-item-time">2022-12-29</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/408/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E7%BA%BF%E6%80%A7%E8%A1%A8/" class="list-item-title">《数据结构》线性表</a>
+                <time datetime="2022-11-16T21:53:40&#43;08:00" class="list-item-time">2022-11-16</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/" class="list-item-title">《操作系统》操作系统的基本概念</a>
+                <time datetime="2022-08-18T15:53:40&#43;08:00" class="list-item-time">2022-08-18</time>
+            </li>
+        
+        
+    </ul>
+
+
+                        
+                    
+                </div>
+            </div>
+        </main>
+    
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/408/操作系统操作系统发展历程/index.html b/public/408/操作系统操作系统发展历程/index.html
new file mode 100644
index 0000000..8e62b92
--- /dev/null
+++ b/public/408/操作系统操作系统发展历程/index.html
@@ -0,0 +1,459 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>《操作系统》操作系统发展历程 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="手工操作阶段 用户在计算机上的所有计算流程都要人工干预 缺点： 用户独占全机，虽然不会出现……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E5%8F%91%E5%B1%95%E5%8E%86%E7%A8%8B/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-12-29T20:53:40+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E5%8F%91%E5%B1%95%E5%8E%86%E7%A8%8B/",
+        "headline": "《操作系统》操作系统发展历程",
+        "description": "手工操作阶段 用户在计算机上的所有计算流程都要人工干预 缺点： 用户独占全机，虽然不会出现……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "408",
+        "wordCount":  626 ,
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="《操作系统》操作系统发展历程" />
+<meta property="og:description" content="手工操作阶段 用户在计算机上的所有计算流程都要人工干预 缺点： 用户独占全机，虽然不会出现……" />
+<meta property="og:url" content="http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E5%8F%91%E5%B1%95%E5%8E%86%E7%A8%8B/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-12-29T20:53:40&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="408" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="408" data-toc-num="true">
+
+            <h1 class="post-title p-name">《操作系统》操作系统发展历程</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h3 id="手工操作阶段"><a href="#手工操作阶段" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>手工操作阶段</h3>
+<p>用户在计算机上的所有计算流程都要人工干预</p>
+<p>缺点：</p>
+<ol>
+<li>用户独占全机，虽然不会出现因资源已被用户占用而等待的现象，但资源利用率极低</li>
+<li>CPU等待手工操作，CPU利用不充分</li>
+</ol>
+<h3 id="批处理阶段"><a href="#批处理阶段" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>批处理阶段</h3>
+<h4 id="单道批处理系统"><a href="#单道批处理系统" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>单道批处理系统</h4>
+<p>主要在解决人机矛盾及CPU和I/O设备不匹配的问题</p>
+<p>特征：</p>
+<ol>
+<li>自动性，顺利的情况下，同一磁带上的同一批作业能够自动逐个运行</li>
+<li>顺序性，磁带上的各道作业顺序地进入内存</li>
+<li>单道性，内存中仅有一道程序运行</li>
+</ol>
+<h4 id="多道批处理系统"><a href="#多道批处理系统" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>多道批处理系统</h4>
+<p>多道程序设计的特点是多道、宏观上并行，微观上串行</p>
+<ol>
+<li>多道。计算机内存中同时存放多道相互独立的程序</li>
+<li>宏观上并行。同时进入系统的多道程序都出于运行过程中，即先后开始各自运行但都未运行完毕</li>
+<li>微观上串行。内存中的多道程序轮流占有CPU，交替执行</li>
+</ol>
+<p>优点：</p>
+<p>资源利用率高，多道程序共享计算机资源，从而使各种资源得到充分利用；系统吞吐量打，CPU和其他资源保持“忙碌”状态</p>
+<p>缺点：</p>
+<p>用户响应时间较长；不提供人机交互能力，用户既不能了解自己的程序的运行情况，又不能控制计算机</p>
+<h3 id="分时操作系统"><a href="#分时操作系统" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>分时操作系统</h3>
+<p>分时操作系统是指多个用户通过终端同时共享一台主机，用户可以同时与主机进行交互操作而互不干扰</p>
+<p>特征：</p>
+<ol>
+<li>同时性</li>
+<li>交互性，用户能够方便进行人机对话</li>
+<li>独立性，多个用户可以彼此独立地进行操作</li>
+<li>及时性，用户请求能在很短的时间内响应</li>
+</ol>
+<h3 id="实时操作系统"><a href="#实时操作系统" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>实时操作系统</h3>
+<p>根据响应时间限制分为两种：</p>
+<ol>
+<li>硬实时系统：某个动作必须绝对地在规定的时刻发生</li>
+<li>软实时系统：能够接受偶尔违反时间规定的情况且不会引起任何永久性的损害</li>
+</ol>
+<p>特点：</p>
+<ol>
+<li>及时性</li>
+<li>可靠性</li>
+</ol>
+<h3 id="网络操作系统和分布式计算机系统"><a href="#网络操作系统和分布式计算机系统" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>网络操作系统和分布式计算机系统</h3>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+            
+                <li class="post-nav-next">
+                    <a href="/408/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E7%BA%BF%E6%80%A7%E8%A1%A8/" rel="next">《数据结构》线性表 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/408/操作系统操作系统的基本概念/index.html b/public/408/操作系统操作系统的基本概念/index.html
new file mode 100644
index 0000000..687373d
--- /dev/null
+++ b/public/408/操作系统操作系统的基本概念/index.html
@@ -0,0 +1,576 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>《操作系统》操作系统的基本概念 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="知识框架 概论 特征 并发(最基本) 共享(最基本) 虚拟 异步 目标和功能 计算机系统资源管理者 扩……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-08-18T15:53:40+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/",
+        "headline": "《操作系统》操作系统的基本概念",
+        "description": "知识框架 概论 特征 并发(最基本) 共享(最基本) 虚拟 异步 目标和功能 计算机系统资源管理者 扩……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "408",
+        "wordCount":  1948 ,
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="《操作系统》操作系统的基本概念" />
+<meta property="og:description" content="知识框架 概论 特征 并发(最基本) 共享(最基本) 虚拟 异步 目标和功能 计算机系统资源管理者 扩……" />
+<meta property="og:url" content="http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-08-18T15:53:40&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="408" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="408" data-toc-num="true">
+
+            <h1 class="post-title p-name">《操作系统》操作系统的基本概念</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h2 id="知识框架"><a href="#知识框架" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>知识框架</h2>
+<ul>
+<li>概论
+<ul>
+<li>特征
+<ul>
+<li>并发(最基本)</li>
+<li>共享(最基本)</li>
+<li>虚拟</li>
+<li>异步</li>
+</ul>
+</li>
+<li>目标和功能
+<ul>
+<li>计算机系统资源管理者</li>
+<li>扩充机器</li>
+<li>用户与计算机系统之间的接口
+<ul>
+<li>命令接口</li>
+<li>程序接口</li>
+<li>GUI</li>
+</ul>
+</li>
+</ul>
+</li>
+<li>发展
+<ul>
+<li>批处理操作系统$\rightarrow$分时操作系统$\rightarrow$实时操作系统$\rightarrow$网络和分布式操作系统</li>
+</ul>
+</li>
+<li>运行机制
+<ul>
+<li>中断和异常</li>
+<li>系统调用</li>
+</ul>
+</li>
+<li>体系结构
+<ul>
+<li>大内核</li>
+<li>微内核</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<h2 id="操作系统的基本概念"><a href="#操作系统的基本概念" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统的基本概念</h2>
+<h3 id="操作系统的概念"><a href="#操作系统的概念" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统的概念</h3>
+<p>操作系统是只控制和管理整个计算机系统的硬件与软件资源，合理地组织、调度计算机的工作与资源的分配，进而为用户和其他软件提供方便接口与环境的程序集合。</p>
+<p>操作系统是计算机系统中最基本的系统软件</p>
+<h3 id="操作系统的特征"><a href="#操作系统的特征" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统的特征</h3>
+<p>基本特征包括并发、共享、虚拟和异步</p>
+<h4 id="并发"><a href="#并发" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>并发</h4>
+<p>并发指两个或多个事件在同一时间间隔内发生</p>
+<p>操作系统的并发性指计算机系统中同时存在多个运行的程序，因而具有处理和调度多个程序同时执行的能力。</p>
+<p>同一时间间隔（并发）和同一时刻（并行）的区别：</p>
+<ol>
+<li>宏观上有多道程序同时进行，微观上这些程序依旧是分时交替执行的，操作系统的并发性正是分时得以实现的</li>
+<li>并行性则是具有同时进行运算或操作的特性，同一时刻能完成两种或两种以上的工作，需要硬件的支持</li>
+</ol>
+<h4 id="共享"><a href="#共享" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>共享</h4>
+<p>共享通常指系统中的资源可供内存中多个并发执行的进程共同使用，拥有两种资源共享方式</p>
+<ul>
+<li>互斥共享方式</li>
+</ul>
+<p>互斥式共享：</p>
+<p>当进程A访问某个资源时，必须先提出请求，若此时该资源空闲，则系统将其分配给进程A使用，此后有其他进程也要访问该资源时，就必须等待。仅当进程A访问完并释放该资源后，才允许另一个进程对该资源进行访问。</p>
+<p>临界资源(独占资源)：</p>
+<p>一段时间内只允许一个进程访问的资源</p>
+<p>互斥共享要求一种资源在一段时间内(哪怕是很小的时间)只能满足一个请求，否则就会出现严重的问题</p>
+<ul>
+<li>同时访问方式</li>
+</ul>
+<p>宏观上存在一些资源允许多个进程同时访问，微观上这些进程是交替地对该资源进行访问，即分时共享</p>
+<hr>
+<p>并发和共享是操作系统两个最基本的特征，两者互为存在的条件：</p>
+<ol>
+<li>资源共享是以程序的并发为条件的，若系统不允许程序并发执行，则自然不存在资源共享问题</li>
+<li>若系统不能对资源共享实施有效的管理，则必将影响到程序的并发执行，甚至根本无法并发执行</li>
+</ol>
+<h4 id="虚拟"><a href="#虚拟" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>虚拟</h4>
+<p>虚拟是指把一个物理上的实体变为若干逻辑上的对应物。</p>
+<p>操作系统中采用了多种虚拟技术来实现虚拟处理器、虚拟内存和虚拟外部设备等</p>
+<p>虚拟技术可归纳为：</p>
+<ol>
+<li>时分复用技术，如处理器的分时共享</li>
+<li>空分复用技术，如虚拟存储器</li>
+</ol>
+<h4 id="异步"><a href="#异步" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>异步</h4>
+<p>程序的异步性：</p>
+<p>多道程序环境允许多个程序并发执行，但由于资源有限，进程执行并非一贯到底，而是走走停停，以不可预知的速度向前推进</p>
+<p>异步性导致的问题：</p>
+<p>异步性会使操作系统运行在一种随机的环境下，可能导致进程产生与时间有关的错误。然而在运行环境相同的情况下，操作系统就需要保证多次运行进程后得到的结果相同</p>
+<h3 id="操作系统的目标和功能"><a href="#操作系统的目标和功能" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统的目标和功能</h3>
+<p>操作系统应具有以下功能来给多道程序提供良好的运行环境</p>
+<ol>
+<li>处理机管理、存储器管理、设备管理和文件管理</li>
+<li>需向用户提供接口以方便用户使用</li>
+<li>可用于扩充机器来提供更方便的服务、更高的资源利用率</li>
+</ol>
+<h4 id="操作系统作为计算机系统资源的管理者"><a href="#操作系统作为计算机系统资源的管理者" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统作为计算机系统资源的管理者</h4>
+<ul>
+<li>处理机管理</li>
+</ul>
+<p>在多道程序环境下，处理机的分配和运行都以进程(线程)为主要单位</p>
+<p>处理机的管理可归结为对进程的管理，因此进程创建、撤销、管理、避免冲突、合理共享就是进程管理的主要任务</p>
+<p>进程管理的主要功能：</p>
+<ol>
+<li>进程控制</li>
+<li>进程同步</li>
+<li>进程通信</li>
+<li>死锁处理</li>
+<li>处理机调度</li>
+</ol>
+<ul>
+<li>存储器管理</li>
+</ul>
+<p>存储器管理用于给多道程序的运行提供良好环境，便于用户使用及提高内存利用率</p>
+<p>主要功能：</p>
+<ol>
+<li>内存分配与回收</li>
+<li>地址映射</li>
+<li>内存保护与共享</li>
+<li>内存扩充</li>
+</ol>
+<ul>
+<li>文件管理</li>
+</ul>
+<p>负责文件管理的部分称为文件系统</p>
+<p>主要功能：</p>
+<ol>
+<li>文件存储空间的管理</li>
+<li>目录管理</li>
+<li>文件读写管理和保护</li>
+</ol>
+<ul>
+<li>设备管理</li>
+</ul>
+<p>主要任务是完成用户I/O请求，方便用户使用设备，提高设备利用率</p>
+<p>主要功能：</p>
+<ol>
+<li>缓冲管理</li>
+<li>设备分配</li>
+<li>设备处理</li>
+<li>虚拟设备</li>
+</ol>
+<h4 id="操作系统作为用户与计算机硬件系统之间的接口"><a href="#操作系统作为用户与计算机硬件系统之间的接口" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统作为用户与计算机硬件系统之间的接口</h4>
+<h5 id="命令接口"><a href="#命令接口" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>命令接口</h5>
+<ul>
+<li>联机命令接口</li>
+</ul>
+<p>联机命令接口又称为交互式命令接口，适用于分时或实时系统的接口</p>
+<p>可由用户在控制台或终端输入命令，经命令解释程序解释并执行后，控制权再转交回控制台或终端，这一过程往往强调交互性</p>
+<p>常见为 命令提示符中输入单条指令</p>
+<ul>
+<li>脱机命令接口</li>
+</ul>
+<p>脱机命令接口又称为批处理命令接口，适用于批处理系统</p>
+<p>脱机用户不能干预作业运行，事先使用作业控制命令编写&quot;命令清单&quot;，系统调度到该作业时，命令解释程序逐条解释并执行，从而间接控制作业的进行</p>
+<p>常见为 使用命令编写脚本后运行</p>
+<h5 id="程序接口"><a href="#程序接口" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>程序接口</h5>
+<p>该接口由一组系统调用组成，用户通过在程序中使用这些系统调用来请求操作系统为其提供服务</p>
+<p>常见为用户图形界面(GUI)，如linux的KDE桌面</p>
+<h4 id="操作系统用作扩充机器"><a href="#操作系统用作扩充机器" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统用作扩充机器</h4>
+<p>没有任何软件支持的计算称为裸机，它仅是计算机系统的物质基础。操作系统提供的资源管理功能和方便用户的各种服务功能，将裸机改造成功能更强，使用更方便的机器</p>
+<p>通常将覆盖了软件的机器称为扩充机器或虚拟机</p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/408/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E7%BA%BF%E6%80%A7%E8%A1%A8/" rel="prev">&lt; 《数据结构》线性表</a>
+                </li>
+            
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/408/操作系统的基本概念/index.html b/public/408/操作系统的基本概念/index.html
new file mode 100644
index 0000000..735c991
--- /dev/null
+++ b/public/408/操作系统的基本概念/index.html
@@ -0,0 +1,582 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.101.0" /><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>&lt;操作系统&gt;操作系统的基本概念 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="知识框架 概论 特征 并发(最基本) 共享(最基本) 虚拟 异步 目标和功能 计算机系统资源管理者 扩……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-08-18T15:53:40+08:00",
+        "dateModified": "2022-08-22T16:18:43+08:00",
+        "url": "http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/",
+        "headline": "\u003c操作系统\u003e操作系统的基本概念",
+        "description": "知识框架 概论 特征 并发(最基本) 共享(最基本) 虚拟 异步 目标和功能 计算机系统资源管理者 扩……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "408",
+        "wordCount":  1958 ,
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="&lt;操作系统&gt;操作系统的基本概念" />
+<meta property="og:description" content="知识框架 概论 特征 并发(最基本) 共享(最基本) 虚拟 异步 目标和功能 计算机系统资源管理者 扩……" />
+<meta property="og:url" content="http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-08-18T15:53:40&#43;08:00" />
+    <meta property="article:modified_time" content="2022-08-22T16:18:43&#43;08:00" />
+    
+    <meta property="article:section" content="408" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href=""><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href=""><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="408" data-toc-num="true">
+
+            <h1 class="post-title p-name">&lt;操作系统&gt;操作系统的基本概念</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h2 id="知识框架"><a href="#知识框架" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>知识框架</h2>
+<ul>
+<li>概论
+<ul>
+<li>特征
+<ul>
+<li>并发(最基本)</li>
+<li>共享(最基本)</li>
+<li>虚拟</li>
+<li>异步</li>
+</ul>
+</li>
+<li>目标和功能
+<ul>
+<li>计算机系统资源管理者</li>
+<li>扩充机器</li>
+<li>用户与计算机系统之间的接口
+<ul>
+<li>命令接口</li>
+<li>程序接口</li>
+<li>GUI</li>
+</ul>
+</li>
+</ul>
+</li>
+<li>发展
+<ul>
+<li>批处理操作系统$\rightarrow$分时操作系统$\rightarrow$实时操作系统$\rightarrow$网络和分布式操作系统</li>
+</ul>
+</li>
+<li>运行机制
+<ul>
+<li>中断和异常</li>
+<li>系统调用</li>
+</ul>
+</li>
+<li>体系结构
+<ul>
+<li>大内核</li>
+<li>微内核</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<h2 id="操作系统的基本概念"><a href="#操作系统的基本概念" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统的基本概念</h2>
+<h3 id="操作系统的概念"><a href="#操作系统的概念" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统的概念</h3>
+<p>操作系统是只控制和管理整个计算机系统的硬件与软件资源，合理地组织、调度计算机的工作与资源的分配，进而为用户和其他软件提供方便接口与环境的程序集合。</p>
+<p>操作系统是计算机系统中最基本的系统软件</p>
+<h3 id="操作系统的特征"><a href="#操作系统的特征" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统的特征</h3>
+<p>基本特征包括并发、共享、虚拟和异步</p>
+<h4 id="并发"><a href="#并发" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>并发</h4>
+<p>并发指两个或多个事件在同一时间间隔内发生</p>
+<p>操作系统的并发性指计算机系统中同时存在多个运行的程序，因而具有处理和调度多个程序同时执行的能力。</p>
+<p>同一时间间隔（并发）和同一时刻（并行）的区别：</p>
+<ol>
+<li>宏观上有多道程序同时进行，微观上这些程序依旧是分时交替执行的，操作系统的并发性正是分时得以实现的</li>
+<li>并行性则是具有同时进行运算或操作的特性，同一时刻能完成两种或两种以上的工作，需要硬件的支持</li>
+</ol>
+<h4 id="共享"><a href="#共享" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>共享</h4>
+<p>共享通常指系统中的资源可供内存中多个并发执行的进程共同使用，拥有两种资源共享方式</p>
+<ul>
+<li>互斥共享方式</li>
+</ul>
+<p>互斥式共享：</p>
+<p>当进程A访问某个资源时，必须先提出请求，若此时该资源空闲，则系统将其分配给进程A使用，此后有其他进程也要访问该资源时，就必须等待。仅当进程A访问完并释放该资源后，才允许另一个进程对该资源进行访问。</p>
+<p>临界资源(独占资源)：</p>
+<p>一段时间内只允许一个进程访问的资源</p>
+<p>互斥共享要求一种资源在一段时间内(哪怕是很小的时间)只能满足一个请求，否则就会出现严重的问题</p>
+<ul>
+<li>同时访问方式</li>
+</ul>
+<p>宏观上存在一些资源允许多个进程同时访问，微观上这些进程是交替地对该资源进行访问，即分时共享</p>
+<hr>
+<p>并发和共享是操作系统两个最基本的特征，两者互为存在的条件：</p>
+<ol>
+<li>资源共享是以程序的并发为条件的，若系统不允许程序并发执行，则自然不存在资源共享问题</li>
+<li>若系统不能对资源共享实施有效的管理，则必将影响到程序的并发执行，甚至根本无法并发执行</li>
+</ol>
+<h4 id="虚拟"><a href="#虚拟" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>虚拟</h4>
+<p>虚拟是指把一个物理上的实体变为若干逻辑上的对应物。</p>
+<p>操作系统中采用了多种虚拟技术来实现虚拟处理器、虚拟内存和虚拟外部设备等</p>
+<p>虚拟技术可归纳为：</p>
+<ol>
+<li>时分复用技术，如处理器的分时共享</li>
+<li>空分复用技术，如虚拟存储器</li>
+</ol>
+<h4 id="异步"><a href="#异步" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>异步</h4>
+<p>程序的异步性：</p>
+<p>多道程序环境允许多个程序并发执行，但由于资源有限，进程执行并非一贯到底，而是走走停停，以不可预知的速度向前推进</p>
+<p>异步性导致的问题：</p>
+<p>异步性会使操作系统运行在一种随机的环境下，可能导致进程产生与时间有关的错误。然而在运行环境相同的情况下，操作系统就需要保证多次运行进程后得到的结果相同</p>
+<h3 id="操作系统的目标和功能"><a href="#操作系统的目标和功能" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统的目标和功能</h3>
+<p>操作系统应具有以下功能来给多道程序提供良好的运行环境</p>
+<ol>
+<li>处理机管理、存储器管理、设备管理和文件管理</li>
+<li>需向用户提供接口以方便用户使用</li>
+<li>可用于扩充机器来提供更方便的服务、更高的资源利用率</li>
+</ol>
+<h4 id="操作系统作为计算机系统资源的管理者"><a href="#操作系统作为计算机系统资源的管理者" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统作为计算机系统资源的管理者</h4>
+<ul>
+<li>处理机管理</li>
+</ul>
+<p>在多道程序环境下，处理机的分配和运行都以进程(线程)为主要单位</p>
+<p>处理机的管理可归结为对进程的管理，因此进程创建、撤销、管理、避免冲突、合理共享就是进程管理的主要任务</p>
+<p>进程管理的主要功能：</p>
+<ol>
+<li>进程控制</li>
+<li>进程同步</li>
+<li>进程通信</li>
+<li>死锁处理</li>
+<li>处理机调度</li>
+</ol>
+<ul>
+<li>存储器管理</li>
+</ul>
+<p>存储器管理用于给多道程序的运行提供良好环境，便于用户使用及提高内存利用率</p>
+<p>主要功能：</p>
+<ol>
+<li>内存分配与回收</li>
+<li>地址映射</li>
+<li>内存保护与共享</li>
+<li>内存扩充</li>
+</ol>
+<ul>
+<li>文件管理</li>
+</ul>
+<p>负责文件管理的部分称为文件系统</p>
+<p>主要功能：</p>
+<ol>
+<li>文件存储空间的管理</li>
+<li>目录管理</li>
+<li>文件读写管理和保护</li>
+</ol>
+<ul>
+<li>设备管理</li>
+</ul>
+<p>主要任务是完成用户I/O请求，方便用户使用设备，提高设备利用率</p>
+<p>主要功能：</p>
+<ol>
+<li>缓冲管理</li>
+<li>设备分配</li>
+<li>设备处理</li>
+<li>虚拟设备</li>
+</ol>
+<h4 id="操作系统作为用户与计算机硬件系统之间的接口"><a href="#操作系统作为用户与计算机硬件系统之间的接口" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统作为用户与计算机硬件系统之间的接口</h4>
+<h5 id="命令接口"><a href="#命令接口" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>命令接口</h5>
+<ul>
+<li>联机命令接口</li>
+</ul>
+<p>联机命令接口又称为交互式命令接口，适用于分时或实时系统的接口</p>
+<p>可由用户在控制台或终端输入命令，经命令解释程序解释并执行后，控制权再转交回控制台或终端，这一过程往往强调交互性</p>
+<p>常见为 命令提示符中输入单条指令</p>
+<ul>
+<li>脱机命令接口</li>
+</ul>
+<p>脱机命令接口又称为批处理命令接口，适用于批处理系统</p>
+<p>脱机用户不能干预作业运行，事先使用作业控制命令编写&quot;命令清单&quot;，系统调度到该作业时，命令解释程序逐条解释并执行，从而间接控制作业的进行</p>
+<p>常见为 使用命令编写脚本后运行</p>
+<h5 id="程序接口"><a href="#程序接口" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>程序接口</h5>
+<p>该接口由一组系统调用组成，用户通过在程序中使用这些系统调用来请求操作系统为其提供服务</p>
+<p>常见为用户图形界面(GUI)，如linux的KDE桌面</p>
+<h4 id="操作系统用作扩充机器"><a href="#操作系统用作扩充机器" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统用作扩充机器</h4>
+<p>没有任何软件支持的计算称为裸机，它仅是计算机系统的物质基础。操作系统提供的资源管理功能和方便用户的各种服务功能，将裸机改造成功能更强，使用更方便的机器</p>
+<p>通常将覆盖了软件的机器称为扩充机器或虚拟机</p>
+<h3 id="操作系统的发展与分类"><a href="#操作系统的发展与分类" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>操作系统的发展与分类</h3>
+
+            </div>
+
+            
+    
+    
+        <ul class="post-copyright">
+            <li class="copyright-item author"><span class="copyright-item-text">作者</span>：<a href="http://www.inksoul.top" class="p-author h-card" target="_blank" rel="noopener">InkSoul</a></li>
+            
+                
+                
+                
+                
+                <li class="copyright-item link"><span class="copyright-item-text">链接</span>：<a href="/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/" target="_blank" rel="noopener">http://www.inksoul.top/408/操作系统的基本概念/</a></li>
+            
+            <li class="copyright-item license"><span class="copyright-item-text">许可</span>：<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></li>
+            
+        </ul>
+    
+
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2022-08-22 16:18:43 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2022-08-22</text><text x="915" y="140" textLength="650" transform="scale(.1)">2022-08-22</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2022&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/408/数据结构线性表/index.html b/public/408/数据结构线性表/index.html
new file mode 100644
index 0000000..fe7c6ac
Binary files /dev/null and b/public/408/数据结构线性表/index.html differ
diff --git a/public/CNAME b/public/CNAME
new file mode 100644
index 0000000..6561b99
--- /dev/null
+++ b/public/CNAME
@@ -0,0 +1 @@
+inksoul.top
\ No newline at end of file
diff --git a/public/about/index.html b/public/about/index.html
new file mode 100644
index 0000000..032999d
--- /dev/null
+++ b/public/about/index.html
@@ -0,0 +1,406 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>About | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="图形学 这里放着我出于兴趣琢磨的图形学笔记(随笔)，其实也挺想未来从事相关行业的，奈何……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/about/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "datePublished": "2022-05-10T17:23:35+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/about/",
+        "name": "About",
+        "description": "图形学 这里放着我出于兴趣琢磨的图形学笔记(随笔)，其实也挺想未来从事相关行业的，奈何……",
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="About" />
+<meta property="og:description" content="图形学 这里放着我出于兴趣琢磨的图形学笔记(随笔)，其实也挺想未来从事相关行业的，奈何……" />
+<meta property="og:url" content="http://www.inksoul.top/about/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="website" />
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+        <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="about" data-toc-num="true">
+
+            <h1 class="post-title p-name">About</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h6 id="图形学"><a href="#图形学" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>图形学</h6>
+<p>这里放着我出于兴趣琢磨的图形学笔记(随笔)，其实也挺想未来从事相关行业的，奈何和本科学校的学习方向完全不同，目前自学中也希望自己能考上研也去参与图形学的研究，得以系统性地学习图形学这浩瀚的知识，算是一个梦想吧</p>
+<p>参考来源：</p>
+<ol>
+<li><a href="https://www.bilibili.com/video/BV1X7411F744?spm_id_from=333.999.0.0" target="_blank" rel="noopener">games101</a></li>
+<li><a href="https://www.bilibili.com/video/BV1YK4y1T7yY?spm_id_from=333.999.0.0" target="_blank" rel="noopener">games202</a></li>
+<li><a href="https://www.bilibili.com/video/BV1oU4y1R7Km?spm_id_from=333.999.0.0" target="_blank" rel="noopener">games104</a></li>
+<li><a href="http://www.realtimerendering.com/" target="_blank" rel="noopener">“实时渲染领域的武林秘籍”《Real-Time Rendering 4th》</a></li>
+<li><a href="https://github.com/QianMo/Real-Time-Rendering-4th-Bibliography-Collection" target="_blank" rel="noopener">毛星云前辈整理的《Real-Time Rendering 4th》的引用文献合集</a></li>
+<li><a href="https://github.com/QianMo/Real-Time-Rendering-3rd-CN-Summary-Ebook" target="_blank" rel="noopener">毛星云前辈整理的《Real-Time Rendering 3rd》提炼总结</a></li>
+</ol>
+<p>向毛星云前辈致敬！！！！</p>
+<hr>
+<h6 id="算法"><a href="#算法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>算法</h6>
+<p>虽然说做TA的学长前辈说对于这一行业其实对一般算法要求不高，但我会在这里偶尔整理一些常用算法，也会有一些渲染算法的论文复现整理到这</p>
+<hr>
+<h6 id="数学"><a href="#数学" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>数学</h6>
+<p>这里存放一些我在学习高数，线代，概率论的一些随笔，一方面是图形学的琢磨用的比较多，另一方面也是考研做题需求</p>
+<hr>
+<h6 id="408"><a href="#408" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>408</h6>
+<p>存放学习408代号的四门专业课的一些随笔，囿于学校上课内容堪忧（说自己学校坏话貌似不太好，但确实是我自己感受到的），更多还是考研做题内容多些，若对实操感兴趣也会记录一部分</p>
+<hr>
+<h6 id="杂物"><a href="#杂物" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>杂物</h6>
+<p>记录自己用服务器搭建的一些方便自己使用的服务，什么内网穿透，云VSCode，自己的私人git仓库之类的，还有自己逛Github碰到的一些有意思的开源项目，生活上的一些记录，游戏记录+1，总之就是一些难以分类的随笔</p>
+<hr>
+<p>囿于本人知识沉淀有限，知识越丰富，越感知识面之欠缺，如有错误，欢迎点击页脚信封图标给我发邮件指出或在我的<a href="https://github.com/ink-soul/ink-soul.github.io/issues" target="_blank" rel="noopener">ink-soul.github.io</a>项目下提交issue，我会加以验证和改正</p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+
+
+    </div>
+</main>
+
+    
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/algorithm/index.html b/public/algorithm/index.html
new file mode 100644
index 0000000..65ca6ee
--- /dev/null
+++ b/public/algorithm/index.html
@@ -0,0 +1,440 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>Algorithm | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/algorithm/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "datePublished": "2022-05-10T20:17:43+00:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/algorithm/",
+        "name": "Algorithm",
+        "description": "飞鸿踏雪是一个个人小站，记录分享个人的学习历程",
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="Algorithm" />
+<meta property="og:description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+<meta property="og:url" content="http://www.inksoul.top/algorithm/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="website" />
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner list">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+        <main class="main list" id="main">
+            <div class="main-inner">
+                <div class="content list-group">
+                    
+                        
+                            <h1 class="list-title">Algorithm</h1>
+                        
+                        
+                    
+
+                    
+
+                    
+                    
+                        
+                        
+                            
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                            
+                                
+                                    
+                                
+                            
+                        
+                    
+
+                    
+
+                    
+                    
+
+                    
+                    
+                    
+                        
+                        
+                            
+                            
+                        
+                        
+                        
+                        
+                            
+                        
+                        
+                        <h2 class="list-year">2022<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon chinese-zodiac"><path d="M200 729q35-36 140-142 1 0 3 1 7 4 19 11 4 2 13 8 3 2 12 9 5 4 10 10t5 11q4 21 23 35 25 21 28-23v-4q1-6 7-23-7 3-28 10l-2-3q-2-1-6-6-2-3-7-9-3-4-5-11t-1-12q1-4 7-10t16-8q16-3 27 6t21 26q11 16 10 17 3 4-2 11-4 8-12 14-2 1-6 5-1 0-1 1t-1 4-1 5 1 5 3 3q3 1 8 1 6 1 12-2 81-25 31-102-2-4-5-8-2-3-5-7-2-4-5-7-10-18-24-39-13-20-29-33-9-7-19-14-7-4-21-13 24-8 36-11 20-5 10-19-10-13-34-15-26-3-52 30-37-12-74-4-22 4-44 15-8 4-16 9-13 8-24 17-18 14-33 33-8 12-25 35-22 40-33 92-11 53 0 95 2 8 7 25 3 10 6 18 3 7 3 8t2 5 0 3-1 4q-2 0-4 1t-6 2-9 5-7 8q-2 5-4 11t3 13 13 15q3-5 8-15 10-11 14 12 0 6 1 17l12-12q6-5 11-8t11-4q7-1 10 2t4 14q4-1 12-5 7-3 23-8 15-5 21-4-52-50-57-101zm251-216q0-1 4 5 3 5 11 16 1 0 1 3t-1 5-1 5q0 4-4-1-3-1-6-3-2-1-4-3v-27zM143 787q-1 0-1 1l-1 1q1 0 2-2zm162-147q67 96 86 122v13q-33-11-38 8-4 13-3 26 1 12 9 14 8-7 23-22 2 7 9 28 7-6 26-24 4 3 16 11 51-24 55-38-49-59-149-175-9 9-34 37zm252-42q1 22-27 70-14 3-25 9-11 7-19 13-7 6-10 13t-5 14q-2 8-2 13t-1 9v3q5-2 20-6 2 4 6 17 6-5 27-22 4 3 14 13 5-3 22-12v-33q12-4 22-12 9-8 13-16 3-5 8-15 4-8 4-12 1-2 1-4 10-13 40-53-14-4-28-4-13 0-24 1t-19 5q-7 5-13 6-1 1-4 3zm367 110q-3-14-18-59-14-45-15-60-2-16-27-27-30-15-39 10-2 6-1 17-3-8-8-19t-19-36q-15-24-25-28-24-11-86-27-61-17-91-17-20 0 2-16 40-29 99-37 36-5 60 5 26 11 41 23 14 12 17 23 3 12-3 24t-19 22q9 11 29 32 2-2 6-7t15-18q10-14 14-28t3-34q-1-19-12-37-14-21-39-32-25-12-53-14-29-2-58 4-28 6-59 16-15 5-28 10-12 5-20 10-5 4-16 10-7 6-10 10-2 3-7 9-4 5-5 7t-5 5q-25-2-76-5 6 4 15 13 10 10 30 42 21 33 35 74 13-1 38-2 22-1 69 2 48 3 62 10 29 16 56 50 28 35 25 56-2 0-4 1-4 1-11 4-8 3-13 8t-12 11-8 14q-1 7 1 16t13 21v-4l2-7q1-2 3-8 1-3 6-6t12-3q2 29 11 37 17-29 28-30 3 9 8 27 3 7 7 7 4-28 18-28 10 0 24-3 13-3 27-13 12-8 12-19-1-3-1-6zM181 480h-3q-3 0-9-3t-11-8q-5-6-10-16-4-10-6-24-3-35 2-46 6-12 23-14 2 1 5 3t6 13q3 10 2 25-1 11 9 11 18-1 36-24 19-24 4-42-11-15-28-24-18-8-35-10-18-2-34 15-16 18-22 46t-6 51q0 35 14 58 10 17 24 17 17-1 39-28z"/></svg></h2>
+                        
+                            <ul class="list-part">
+        
+            <li class="list-item">
+                <a href="/algorithm/%E6%8E%92%E5%BA%8F%E5%90%88%E9%9B%86/" class="list-item-title">排序合集</a>
+                <time datetime="2022-05-19T10:34:31&#43;08:00" class="list-item-time">2022-05-19</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/algorithm/%E9%80%92%E5%BD%92/" class="list-item-title">递归</a>
+                <time datetime="2022-05-10T09:10:48&#43;08:00" class="list-item-time">2022-05-10</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/algorithm/%E5%88%86%E6%B2%BB%E6%B3%95/" class="list-item-title">分治法</a>
+                <time datetime="2022-05-10T09:10:25&#43;08:00" class="list-item-time">2022-05-10</time>
+            </li>
+        
+        
+    </ul>
+
+
+                        
+                    
+                </div>
+            </div>
+        </main>
+    
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/algorithm/分治法/index.html b/public/algorithm/分治法/index.html
new file mode 100644
index 0000000..5c75490
--- /dev/null
+++ b/public/algorithm/分治法/index.html
@@ -0,0 +1,601 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>分治法 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="基本思想 将一个规模为n的问题分解为k个规模较小的子问题，这些子问题互相独立且与原问题……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/algorithm/%E5%88%86%E6%B2%BB%E6%B3%95/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-05-10T09:10:25+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/algorithm/%E5%88%86%E6%B2%BB%E6%B3%95/",
+        "headline": "分治法",
+        "description": "基本思想 将一个规模为n的问题分解为k个规模较小的子问题，这些子问题互相独立且与原问题……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "algorithm",
+        "wordCount":  1004 ,
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="分治法" />
+<meta property="og:description" content="基本思想 将一个规模为n的问题分解为k个规模较小的子问题，这些子问题互相独立且与原问题……" />
+<meta property="og:url" content="http://www.inksoul.top/algorithm/%E5%88%86%E6%B2%BB%E6%B3%95/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-05-10T09:10:25&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="algorithm" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="algorithm" data-toc-num="true">
+
+            <h1 class="post-title p-name">分治法</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h5 id="基本思想"><a href="#基本思想" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>基本思想</h5>
+<p>将一个规模为n的问题分解为k个规模较小的子问题，这些子问题互相独立且与原问题相同。递归地解这些子问题，然后将各子问题的解合并得到原问题的解
+子问题数量不定，但最好使每个子问题的规模相等</p>
+<p>一般算法设计模式</p>
+<pre tabindex="0"><code>divide-and-conquer(p)
+{
+    if(|p|&lt;=n0) 
+        adhoc(p);
+    divide p into smaller subinstances p1,p2,pk;
+    for(i=1,i&lt;=k,k++)
+        yi=divide-and-conquer(pi);
+    return merge(y1,···,yk);
+}
+</code></pre><hr>
+<h6 id="二分搜索技术"><a href="#二分搜索技术" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>二分搜索技术</h6>
+<p>将n个元素分成个数大致相同的两半，取a[n/2]与x进行比较。</p>
+<ol>
+<li>
+<p>$x=[n/2]$,则找到x，算法终止</p>
+</li>
+<li>
+<p>$x&lt;a[n/2]$,在数组a的左半部继续搜索x</p>
+</li>
+<li>
+<p>$x&gt;a[n/2]$,在数组a的右半部继续搜索x</p>
+<p>具体算法</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
+</span><span class="lnt"> 2
+</span><span class="lnt"> 3
+</span><span class="lnt"> 4
+</span><span class="lnt"> 5
+</span><span class="lnt"> 6
+</span><span class="lnt"> 7
+</span><span class="lnt"> 8
+</span><span class="lnt"> 9
+</span><span class="lnt">10
+</span><span class="lnt">11
+</span><span class="lnt">12
+</span><span class="lnt">13
+</span><span class="lnt">14
+</span><span class="lnt">15
+</span><span class="lnt">16
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kt">int</span> <span class="nf">binarySearch</span><span class="o">(</span><span class="kt">int</span> <span class="o">[]</span> <span class="n">a</span><span class="o">,</span><span class="kt">int</span> <span class="n">x</span><span class="o">,</span><span class="kt">int</span> <span class="n">n</span><span class="o">){</span>
+</span></span><span class="line"><span class="cl"> <span class="c1">//在a[0]&lt;=a[1]&lt;=···&lt;=a[n-1]中搜索x
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="c1">//找到x时返回起在数组中的位置，则返回-1
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="kt">int</span> <span class="n">left</span> <span class="o">=</span><span class="mi">0</span><span class="o">;</span><span class="kt">int</span> <span class="n">right</span><span class="o">=</span><span class="n">n</span><span class="o">-</span><span class="mi">1</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl"> <span class="k">while</span><span class="o">(</span><span class="n">left</span><span class="o">&lt;=</span><span class="n">right</span><span class="o">)</span>
+</span></span><span class="line"><span class="cl"> <span class="o">{</span>
+</span></span><span class="line"><span class="cl"> <span class="kt">int</span> <span class="n">middle</span><span class="o">=(</span><span class="n">left</span><span class="o">+</span><span class="n">right</span><span class="o">)/</span><span class="mi">2</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl"> <span class="k">if</span><span class="o">(</span><span class="n">x</span><span class="o">==</span><span class="n">a</span><span class="o">[</span><span class="n">middle</span><span class="o">])</span>
+</span></span><span class="line"><span class="cl">     <span class="k">return</span> <span class="n">middle</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl"> <span class="k">if</span><span class="o">(</span><span class="n">x</span><span class="o">&gt;</span><span class="n">a</span><span class="o">[</span><span class="n">middle</span><span class="o">])</span>
+</span></span><span class="line"><span class="cl">     <span class="n">left</span><span class="o">=</span><span class="n">middle</span><span class="o">+</span><span class="mi">1</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl"> <span class="k">else</span>
+</span></span><span class="line"><span class="cl">     <span class="n">right</span><span class="o">=</span><span class="n">middle</span><span class="o">-</span><span class="mi">1</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl"> <span class="o">}</span>
+</span></span><span class="line"><span class="cl"> <span class="k">return</span><span class="o">-</span><span class="mi">1</span><span class="o">;</span><span class="c1">//未找到x
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="o">}</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div></li>
+</ol>
+<h5 id="棋盘覆盖"><a href="#棋盘覆盖" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>棋盘覆盖</h5>
+<p>在一个$2^k\times2^k$ 个方格组成的棋盘中，恰有一个方格与其他方格不同，称该方格为一特殊方格，且称该棋盘为一特殊棋盘,在该问题中要用4中种不同形态的L型骨牌覆盖给定的特殊棋盘上除特殊方格以外的所有方格，且任意2个L型骨牌不得重叠覆盖</p>
+<p>利用分治法得出的简洁算法</p>
+<p>当k&gt;0时，将$ 2^k\times 2^k $棋盘分割为4个$ 2^{k-1}\times 2^{k-1}$ 子棋盘，特殊方格必定位于4个较小子棋盘之一，其余3个子棋盘中无特殊方格。未来将这3个无特殊方格的子棋盘转化为特殊棋盘，可以用一个L型骨牌覆盖着3个较小棋盘的会合处，这3个子棋盘上被L型骨牌覆盖的方格就成为该棋盘上的特殊方格，从而将原问题转化为4个较小规模的棋盘覆盖问题，递归地使用这种分割，直至棋盘简化为1</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
+</span><span class="lnt"> 2
+</span><span class="lnt"> 3
+</span><span class="lnt"> 4
+</span><span class="lnt"> 5
+</span><span class="lnt"> 6
+</span><span class="lnt"> 7
+</span><span class="lnt"> 8
+</span><span class="lnt"> 9
+</span><span class="lnt">10
+</span><span class="lnt">11
+</span><span class="lnt">12
+</span><span class="lnt">13
+</span><span class="lnt">14
+</span><span class="lnt">15
+</span><span class="lnt">16
+</span><span class="lnt">17
+</span><span class="lnt">18
+</span><span class="lnt">19
+</span><span class="lnt">20
+</span><span class="lnt">21
+</span><span class="lnt">22
+</span><span class="lnt">23
+</span><span class="lnt">24
+</span><span class="lnt">25
+</span><span class="lnt">26
+</span><span class="lnt">27
+</span><span class="lnt">28
+</span><span class="lnt">29
+</span><span class="lnt">30
+</span><span class="lnt">31
+</span><span class="lnt">32
+</span><span class="lnt">33
+</span><span class="lnt">34
+</span><span class="lnt">35
+</span><span class="lnt">36
+</span><span class="lnt">37
+</span><span class="lnt">38
+</span><span class="lnt">39
+</span><span class="lnt">40
+</span><span class="lnt">41
+</span><span class="lnt">42
+</span><span class="lnt">43
+</span><span class="lnt">44
+</span><span class="lnt">45
+</span><span class="lnt">46
+</span><span class="lnt">47
+</span><span class="lnt">48
+</span><span class="lnt">49
+</span><span class="lnt">50
+</span><span class="lnt">51
+</span><span class="lnt">52
+</span><span class="lnt">53
+</span><span class="lnt">54
+</span><span class="lnt">55
+</span><span class="lnt">56
+</span><span class="lnt">57
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span> <span class="kd">class</span> <span class="nc">Divide_and_conquer</span> <span class="o">{</span>
+</span></span><span class="line"><span class="cl">    <span class="kd">public</span> <span class="kt">void</span> <span class="nf">chessBoard</span><span class="o">(</span><span class="kt">int</span> <span class="n">tr</span><span class="o">,</span><span class="kt">int</span> <span class="n">tc</span><span class="o">,</span><span class="kt">int</span> <span class="n">dr</span><span class="o">,</span><span class="kt">int</span> <span class="n">dc</span><span class="o">,</span><span class="kt">int</span> <span class="n">size</span><span class="o">){</span>
+</span></span><span class="line"><span class="cl">        <span class="kt">int</span> <span class="n">tile</span><span class="o">=</span><span class="mi">0</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">        <span class="kt">int</span> <span class="n">board</span><span class="o">[][]=</span><span class="k">new</span> <span class="kt">int</span><span class="o">[</span><span class="mi">6</span><span class="o">][</span><span class="mi">6</span><span class="o">];</span>
+</span></span><span class="line"><span class="cl">        <span class="k">if</span><span class="o">(</span><span class="n">size</span><span class="o">==</span><span class="mi">1</span><span class="o">)</span>
+</span></span><span class="line"><span class="cl">            <span class="k">return</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">        <span class="kt">int</span> <span class="n">t</span><span class="o">=</span><span class="n">tile</span><span class="o">++,</span>
+</span></span><span class="line"><span class="cl">        <span class="n">s</span><span class="o">=</span><span class="n">size</span><span class="o">/</span><span class="mi">2</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">        <span class="c1">//覆盖左上角棋盘
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>        <span class="k">if</span><span class="o">(</span><span class="n">dr</span><span class="o">&lt;</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">&amp;&amp;</span><span class="n">dc</span><span class="o">&lt;</span><span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">)</span>
+</span></span><span class="line"><span class="cl">            <span class="n">chessBoard</span><span class="o">(</span><span class="n">tr</span><span class="o">,</span> <span class="n">tc</span><span class="o">,</span> <span class="n">dr</span><span class="o">,</span> <span class="n">dc</span><span class="o">,</span> <span class="n">s</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">        <span class="k">else</span><span class="o">{</span>
+</span></span><span class="line"><span class="cl">        <span class="c1">//用t号L型骨牌覆盖右下角
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">board</span><span class="o">[</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">-</span><span class="mi">1</span><span class="o">][</span><span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">-</span><span class="mi">1</span><span class="o">]=</span><span class="n">t</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">        <span class="c1">//覆盖其余方格
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">chessBoard</span><span class="o">(</span><span class="n">tr</span><span class="o">,</span><span class="n">tc</span><span class="o">,</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">-</span><span class="mi">1</span><span class="o">,</span><span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">-</span><span class="mi">1</span><span class="o">,</span><span class="n">s</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">            <span class="o">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">        <span class="c1">//覆盖右上角子棋盘
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>        <span class="k">if</span><span class="o">(</span><span class="n">dr</span><span class="o">&lt;</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">&amp;&amp;</span><span class="n">dc</span><span class="o">&gt;=</span><span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">)</span>
+</span></span><span class="line"><span class="cl">        <span class="c1">//特殊方格在此棋盘中
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">chessBoard</span><span class="o">(</span><span class="n">tr</span><span class="o">,</span> <span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">dr</span><span class="o">,</span> <span class="n">dc</span><span class="o">,</span> <span class="n">s</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">        <span class="k">else</span><span class="o">{</span>
+</span></span><span class="line"><span class="cl">            <span class="c1">//此棋盘中无特殊方格
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="c1">//用t号L型骨牌覆盖左下角
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">board</span><span class="o">[</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">-</span><span class="mi">1</span><span class="o">][</span><span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">]=</span><span class="n">t</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">            <span class="c1">//覆盖其他方格
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">chessBoard</span><span class="o">(</span><span class="n">tr</span><span class="o">,</span> <span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">-</span><span class="mi">1</span><span class="o">,</span> <span class="n">tc</span><span class="o">,</span> <span class="n">s</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">            <span class="o">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">        <span class="c1">//覆盖左上角棋盘
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>        <span class="k">if</span><span class="o">(</span><span class="n">dr</span><span class="o">&gt;=</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">&amp;&amp;</span><span class="n">dc</span><span class="o">&lt;</span><span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">)</span>
+</span></span><span class="line"><span class="cl">        <span class="c1">//特殊方格在此棋盘中
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">chessBoard</span><span class="o">(</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">tc</span><span class="o">,</span> <span class="n">dr</span><span class="o">,</span> <span class="n">dc</span><span class="o">,</span> <span class="n">s</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">        <span class="k">else</span><span class="o">{</span>
+</span></span><span class="line"><span class="cl">        <span class="c1">//此棋盘中无特殊方格
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>        <span class="c1">//用t号L型骨牌覆盖右下角
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">board</span><span class="o">[</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">][</span><span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">-</span><span class="mi">1</span><span class="o">]=</span><span class="n">t</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">            <span class="c1">//覆盖其他方格
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">chessBoard</span><span class="o">(</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">tc</span><span class="o">,</span> <span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">-</span><span class="mi">1</span><span class="o">,</span> <span class="n">s</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">            <span class="o">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">        <span class="c1">//覆盖右下角子棋盘
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>        <span class="k">if</span><span class="o">(</span><span class="n">dr</span><span class="o">&gt;=</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">&amp;&amp;</span><span class="n">dc</span><span class="o">&gt;=</span><span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">)</span>
+</span></span><span class="line"><span class="cl">        <span class="c1">//特殊方格在此棋盘中
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">chessBoard</span><span class="o">(</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">dr</span><span class="o">,</span> <span class="n">dc</span><span class="o">,</span> <span class="n">s</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">        <span class="k">else</span><span class="o">{</span>
+</span></span><span class="line"><span class="cl">            <span class="c1">//此棋盘中无特殊方格
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="c1">//用t号L型骨牌覆盖左下角
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">board</span><span class="o">[</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">][</span><span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">]=</span><span class="n">t</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">            <span class="c1">//覆盖其他方格
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>            <span class="n">chessBoard</span><span class="o">(</span><span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">tr</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">tc</span><span class="o">+</span><span class="n">s</span><span class="o">,</span> <span class="n">s</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">            <span class="o">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">        <span class="o">}</span>  
+</span></span><span class="line"><span class="cl">    <span class="o">}</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div>
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/algorithm/%E9%80%92%E5%BD%92/" rel="prev">&lt; 递归</a>
+                </li>
+            
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/algorithm/排序合集/index.html b/public/algorithm/排序合集/index.html
new file mode 100644
index 0000000..f10ac0e
Binary files /dev/null and b/public/algorithm/排序合集/index.html differ
diff --git a/public/algorithm/递归/index.html b/public/algorithm/递归/index.html
new file mode 100644
index 0000000..eaca5fa
--- /dev/null
+++ b/public/algorithm/递归/index.html
@@ -0,0 +1,710 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>递归 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="递归技术 直接或间接地调用自身的算法称为递归算法 用函数自身给出定义的函数称为递归函数 每……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/algorithm/%E9%80%92%E5%BD%92/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-05-10T09:10:48+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/algorithm/%E9%80%92%E5%BD%92/",
+        "headline": "递归",
+        "description": "递归技术 直接或间接地调用自身的算法称为递归算法 用函数自身给出定义的函数称为递归函数 每……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "algorithm",
+        "wordCount":  1575 ,
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="递归" />
+<meta property="og:description" content="递归技术 直接或间接地调用自身的算法称为递归算法 用函数自身给出定义的函数称为递归函数 每……" />
+<meta property="og:url" content="http://www.inksoul.top/algorithm/%E9%80%92%E5%BD%92/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-05-10T09:10:48&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="algorithm" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="algorithm" data-toc-num="true">
+
+            <h1 class="post-title p-name">递归</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <ul>
+<li>递归技术
+<ul>
+<li>直接或间接地调用自身的算法称为递归算法</li>
+<li>用函数自身给出定义的函数称为递归函数</li>
+<li>每个递归函数都必须有非递归定义的初始值，否则递归函数无法计算</li>
+</ul>
+</li>
+</ul>
+<hr>
+<ul>
+<li>阶乘函数
+<ul>
+<li>
+<p>可递归地定义为$n!= \begin{cases}1,&amp; \text{n=0} \\ n(n-1)!,&amp;\text{n&gt;0} \end{cases}$</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span><span class="lnt">4
+</span><span class="lnt">5
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kt">int</span> <span class="nf">Factorial</span><span class="o">(</span><span class="kt">int</span> <span class="n">n</span><span class="o">){</span>
+</span></span><span class="line"><span class="cl"> <span class="k">if</span><span class="o">(</span><span class="n">n</span><span class="o">==</span><span class="mi">0</span><span class="o">)</span>
+</span></span><span class="line"><span class="cl">     <span class="k">return</span> <span class="mi">1</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">n</span><span class="o">*</span><span class="n">Factorial</span><span class="o">(</span><span class="n">n</span><span class="o">-</span><span class="mi">1</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl"> <span class="o">}</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div></li>
+</ul>
+</li>
+</ul>
+<hr>
+<ul>
+<li>
+<p>Fibonacci数列</p>
+<ul>
+<li>可递归地定义为$F(n)=\begin{cases}1, &amp;\text{n=0},1 \\ F(n-1)+F(n-2) &amp;\text{n&gt;1} \end{cases}$</li>
+</ul>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span><span class="lnt">4
+</span><span class="lnt">5
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kt">int</span> <span class="nf">fibonacci</span><span class="o">(</span><span class="kt">int</span> <span class="n">n</span><span class="o">){</span> 
+</span></span><span class="line"><span class="cl"> <span class="k">if</span><span class="o">(</span><span class="n">n</span><span class="o">&lt;=</span><span class="mi">1</span><span class="o">)</span>
+</span></span><span class="line"><span class="cl">       <span class="k">return</span> <span class="mi">1</span><span class="o">;</span>  
+</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">fibonacci</span><span class="o">(</span><span class="n">n</span><span class="o">-</span><span class="mi">1</span><span class="o">)+</span><span class="n">fibonacci</span><span class="o">(</span><span class="n">n</span><span class="o">-</span><span class="mi">2</span><span class="o">);</span>   
+</span></span><span class="line"><span class="cl"> <span class="o">}</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div></li>
+</ul>
+<hr>
+<ul>
+<li>
+<p>排列问题</p>
+<ul>
+<li>
+<p>当$n=1时，perm(R)=(r)$,其中r是集合R中唯一的元素；</p>
+</li>
+<li>
+<p>$当n&gt;1时,perm(R)=(r)$
+$perm(R)由(r_1)perm(R_1),(r_2)perm(R_2),\cdots,(r_n)perm(R_n)构成$</p>
+</li>
+<li>
+<p>算法perm(list,k,m)递归地产生所有前缀是list[0:k-1],且后缀是list[k:m]的全排列的所有排列。调用perm(list,0,n-1)即产生list[0:n-1]的全排列</p>
+</li>
+<li>
+<p>一般情况下，$k&lt;m$</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
+</span><span class="lnt"> 2
+</span><span class="lnt"> 3
+</span><span class="lnt"> 4
+</span><span class="lnt"> 5
+</span><span class="lnt"> 6
+</span><span class="lnt"> 7
+</span><span class="lnt"> 8
+</span><span class="lnt"> 9
+</span><span class="lnt">10
+</span><span class="lnt">11
+</span><span class="lnt">12
+</span><span class="lnt">13
+</span><span class="lnt">14
+</span><span class="lnt">15
+</span><span class="lnt">16
+</span><span class="lnt">17
+</span><span class="lnt">18
+</span><span class="lnt">19
+</span><span class="lnt">20
+</span><span class="lnt">21
+</span><span class="lnt">22
+</span><span class="lnt">23
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span> <span class="kd">static</span> <span class="kt">void</span> <span class="nf">perm</span><span class="o">(</span><span class="n">Object</span><span class="o">[]</span> <span class="n">list</span><span class="o">,</span><span class="kt">int</span> <span class="n">k</span><span class="o">,</span><span class="kt">int</span> <span class="n">m</span><span class="o">){</span>
+</span></span><span class="line"><span class="cl">           <span class="k">if</span><span class="o">(</span><span class="n">k</span><span class="o">==</span><span class="n">m</span><span class="o">){</span>
+</span></span><span class="line"><span class="cl">               <span class="c1">//只剩一个元素
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>               <span class="k">for</span><span class="o">(</span><span class="kt">int</span> <span class="n">i</span><span class="o">=</span><span class="mi">0</span><span class="o">;</span><span class="n">i</span><span class="o">&lt;=</span><span class="n">m</span><span class="o">;</span><span class="n">i</span><span class="o">++)</span>
+</span></span><span class="line"><span class="cl">                   <span class="n">System</span><span class="o">.</span><span class="na">out</span><span class="o">.</span><span class="na">print</span><span class="o">(</span><span class="n">list</span><span class="o">[</span><span class="n">i</span><span class="o">]);</span>
+</span></span><span class="line"><span class="cl">               <span class="n">System</span><span class="o">.</span><span class="na">out</span><span class="o">.</span><span class="na">println</span><span class="o">();</span>
+</span></span><span class="line"><span class="cl">           <span class="o">}</span>
+</span></span><span class="line"><span class="cl">           <span class="k">else</span>
+</span></span><span class="line"><span class="cl">           <span class="c1">//还有多个元素，递归产生排列
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>               <span class="k">for</span><span class="o">(</span><span class="kt">int</span> <span class="n">i</span><span class="o">=</span><span class="n">k</span><span class="o">;</span><span class="n">i</span><span class="o">&lt;=</span><span class="n">m</span><span class="o">;</span><span class="n">i</span><span class="o">++)</span>
+</span></span><span class="line"><span class="cl">               <span class="o">{</span>  
+</span></span><span class="line"><span class="cl">                   <span class="n">MyMath</span><span class="o">.</span><span class="na">swap</span><span class="o">(</span><span class="n">list</span><span class="o">,</span><span class="n">k</span><span class="o">,</span><span class="n">i</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">                   <span class="n">perm</span><span class="o">(</span><span class="n">list</span><span class="o">,</span><span class="n">k</span><span class="o">+</span><span class="mi">1</span><span class="o">,</span><span class="n">m</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">                   <span class="n">MyMath</span><span class="o">.</span><span class="na">swap</span><span class="o">(</span><span class="n">list</span><span class="o">,</span><span class="n">k</span><span class="o">,</span><span class="n">i</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">               <span class="o">}</span>
+</span></span><span class="line"><span class="cl">       <span class="o">}</span>  
+</span></span><span class="line"><span class="cl"><span class="kd">public</span> <span class="kd">static</span> <span class="kd">class</span> <span class="nc">MyMath</span><span class="o">{</span>
+</span></span><span class="line"><span class="cl">         <span class="kd">public</span> <span class="kd">static</span> <span class="kt">void</span> <span class="nf">swap</span><span class="o">(</span><span class="n">Object</span><span class="o">[]</span> <span class="n">list</span><span class="o">,</span><span class="kt">int</span> <span class="n">k</span><span class="o">,</span><span class="kt">int</span> <span class="n">m</span><span class="o">){</span>
+</span></span><span class="line"><span class="cl">             <span class="kt">int</span> <span class="n">temp</span> <span class="o">=</span> <span class="n">k</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">             <span class="n">k</span> <span class="o">=</span> <span class="n">m</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">             <span class="n">m</span> <span class="o">=</span> <span class="n">temp</span><span class="o">;</span>  
+</span></span><span class="line"><span class="cl">   <span class="o">}</span>
+</span></span><span class="line"><span class="cl">       <span class="o">}</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div></li>
+</ul>
+</li>
+</ul>
+<hr>
+<ul>
+<li>
+<p>整数划分问题</p>
+<ul>
+<li>
+<p>将正整数$n$表示成一系列正整数之和，$n=n_1+n_2+...+n_k$,其中$n_1\geq n_2\geq ...\geq n_k\geq 1,k\geq 1$</p>
+</li>
+<li>
+<p>将最大加数$n_1$不大于$m$的划分个数记作$q(n,m)$可建立如下递归关系</p>
+<ul>
+<li>当最大加数$n_1$不大于1时，任何正整数n只有一种划分形式，即$n=\begin{matrix} n \\ \overbrace{1+1+\cdots+1}\end{matrix}$</li>
+<li>最大加数$n_1$实际上不能大于$n$。因此，$q(1,m)=1$。</li>
+<li>正整数$n$的划分由$n_1=n$的划分和$n_1\leq n-1$的划分组成</li>
+<li>正整数$n$的最大加数$n_1$不大于$m$的划分由$n_1=m$的划分和$n_1\leq m-1$的划分组成</li>
+</ul>
+</li>
+</ul>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
+</span><span class="lnt"> 2
+</span><span class="lnt"> 3
+</span><span class="lnt"> 4
+</span><span class="lnt"> 5
+</span><span class="lnt"> 6
+</span><span class="lnt"> 7
+</span><span class="lnt"> 8
+</span><span class="lnt"> 9
+</span><span class="lnt">10
+</span><span class="lnt">11
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kt">int</span> <span class="nf">q</span><span class="o">(</span><span class="kt">int</span> <span class="n">n</span><span class="o">,</span><span class="kt">int</span> <span class="n">m</span><span class="o">){</span>
+</span></span><span class="line"><span class="cl">         <span class="k">if</span><span class="o">((</span><span class="n">n</span><span class="o">&lt;</span><span class="mi">1</span><span class="o">)||(</span><span class="n">m</span><span class="o">&lt;</span><span class="mi">1</span><span class="o">))</span>
+</span></span><span class="line"><span class="cl">             <span class="k">return</span> <span class="mi">0</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">         <span class="k">if</span><span class="o">((</span><span class="n">n</span><span class="o">==</span><span class="mi">1</span><span class="o">)||(</span><span class="n">m</span><span class="o">==</span><span class="mi">1</span><span class="o">))</span>
+</span></span><span class="line"><span class="cl">             <span class="k">return</span> <span class="mi">1</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">         <span class="k">if</span><span class="o">(</span><span class="n">n</span><span class="o">&lt;</span><span class="n">m</span><span class="o">)</span>
+</span></span><span class="line"><span class="cl">             <span class="k">return</span> <span class="n">q</span><span class="o">(</span><span class="n">n</span><span class="o">,</span><span class="n">n</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">         <span class="k">if</span><span class="o">(</span><span class="n">n</span><span class="o">==</span><span class="n">m</span><span class="o">)</span>
+</span></span><span class="line"><span class="cl">             <span class="k">return</span> <span class="n">q</span><span class="o">(</span><span class="n">n</span><span class="o">,</span><span class="n">m</span><span class="o">-</span><span class="mi">1</span><span class="o">)+</span><span class="mi">1</span><span class="o">;</span>
+</span></span><span class="line"><span class="cl">         <span class="k">return</span> <span class="n">q</span><span class="o">(</span><span class="n">n</span><span class="o">,</span><span class="n">m</span><span class="o">-</span><span class="mi">1</span><span class="o">)+</span><span class="n">q</span><span class="o">(</span><span class="n">n</span><span class="o">-</span><span class="n">m</span><span class="o">,</span><span class="n">m</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">     <span class="o">}</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div></li>
+</ul>
+<hr>
+<ul>
+<li>
+<p>Hanoi塔问题</p>
+<ul>
+<li>
+<p>设a,b,c是三个塔座。开始是在塔座a上有一叠共n个圆盘，这些圆盘自下而上，由大到小地叠在一起。各圆盘从小到大编号为1，2，···，n。现要求将塔座a上的这一叠圆盘移到塔座b上，并仍按同样顺序叠置。在移动圆盘时应该遵守以下移动规则。</p>
+<ul>
+<li>每次只移动一个圆盘</li>
+<li>任何时刻都不允许将较大的圆盘压在较小的圆盘之上。</li>
+<li>在满足前两个规则的前提下，可将圆盘移至a，b，c任一塔座上</li>
+</ul>
+</li>
+<li>
+<p>递归关系</p>
+<ul>
+<li>$n=1$时，将编号为一的圆盘从塔座a直接移至塔座b上即可。</li>
+<li>$n&gt;1$时，需要利用塔座c作为辅助塔座，
+<ul>
+<li>将$n-1$个较小的圆盘依照移动规则从塔座a移至塔座c，</li>
+<li>将剩下的最大圆盘从塔座a移至塔座b，</li>
+<li>将$n-1$个较小的圆盘依照移动规则从塔座c移至塔座b</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
+</span><span class="lnt"> 2
+</span><span class="lnt"> 3
+</span><span class="lnt"> 4
+</span><span class="lnt"> 5
+</span><span class="lnt"> 6
+</span><span class="lnt"> 7
+</span><span class="lnt"> 8
+</span><span class="lnt"> 9
+</span><span class="lnt">10
+</span><span class="lnt">11
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kt">void</span> <span class="nf">hanoi</span><span class="o">(</span><span class="kt">int</span> <span class="n">n</span><span class="o">,</span><span class="kt">char</span> <span class="n">a</span><span class="o">,</span><span class="kt">char</span> <span class="n">b</span><span class="o">,</span><span class="kt">char</span> <span class="n">c</span><span class="o">){</span>
+</span></span><span class="line"><span class="cl">         <span class="k">if</span><span class="o">(</span><span class="n">n</span><span class="o">&gt;</span><span class="mi">0</span><span class="o">){</span>
+</span></span><span class="line"><span class="cl">             <span class="n">hanoi</span><span class="o">(</span><span class="n">n</span><span class="o">-</span><span class="mi">1</span><span class="o">,</span> <span class="n">a</span><span class="o">,</span> <span class="n">c</span><span class="o">,</span> <span class="n">b</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">             <span class="n">move</span><span class="o">(</span><span class="n">n</span><span class="o">,</span><span class="n">a</span><span class="o">,</span><span class="n">b</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">             <span class="n">hanoi</span><span class="o">(</span><span class="n">n</span><span class="o">-</span><span class="mi">1</span><span class="o">,</span><span class="n">c</span><span class="o">,</span><span class="n">b</span><span class="o">,</span><span class="n">a</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">         <span class="o">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"> <span class="o">}</span>
+</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kt">void</span> <span class="nf">move</span><span class="o">(</span><span class="kt">int</span> <span class="n">n</span><span class="o">,</span><span class="kt">char</span> <span class="n">a</span><span class="o">,</span><span class="kt">char</span> <span class="n">b</span><span class="o">){</span>
+</span></span><span class="line"><span class="cl">         <span class="n">System</span><span class="o">.</span><span class="na">out</span><span class="o">.</span><span class="na">println</span><span class="o">(</span><span class="s">&#34;第&#34;</span><span class="o">+</span><span class="n">n</span><span class="o">+</span><span class="s">&#34;个盘子从&#34;</span><span class="o">+</span><span class="n">a</span><span class="o">+</span><span class="s">&#34;---&gt;&#34;</span><span class="o">+</span><span class="n">b</span><span class="o">);</span>
+</span></span><span class="line"><span class="cl">     <span class="o">}</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div></li>
+<li>
+<p>递归调用总结和系统原理</p>
+<ul>
+<li>实现递归调用的关键：为算法建立递归调用工作栈</li>
+<li>运行被调用算法前的行为
+<ul>
+<li>为所有实参指针，返回地址等信息传递给被调用算法</li>
+<li>为被调用算法的局部变量分配存储区</li>
+<li>将控制转移到被调用算法的入口</li>
+</ul>
+</li>
+<li>从被调用算法返回调用算法时
+<ul>
+<li>保存被调用算法的计算结果</li>
+<li>释放分配给被调用算法的数据区</li>
+<li>依照被调用算法保存的返回地址将控制转移到调用算法</li>
+</ul>
+</li>
+<li>嵌套调用时的系统原则：后调用先返回，即算法间的信息传递和控制转移通过栈来实现</li>
+<li>递归算法的调用层次
+<ul>
+<li>调用一个递归算法的主算法为第0层算法</li>
+<li>从主算法调用递归算法为进入第1层调用</li>
+<li>从第i层递归调用本算法为进入第i+1层调用。</li>
+<li>退出第i层递归调用，则返回至i-1层调用。</li>
+</ul>
+</li>
+<li>递归调用的栈使用情况示意</li>
+</ul>
+</li>
+</ul>
+<div class="table-container"><table>
+<thead>
+<tr>
+<th style="text-align:center">主算法栈块</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:center">M</td>
+</tr>
+<tr>
+<td style="text-align:center">主算法调用递归算法A的栈块</td>
+</tr>
+<tr>
+<td style="text-align:center">算法A的第一层递归调用工作记录</td>
+</tr>
+<tr>
+<td style="text-align:center">算法A的第二层递归调用工作记录</td>
+</tr>
+<tr>
+<td style="text-align:center">TOP</td>
+</tr>
+<tr>
+<td style="text-align:center">M</td>
+</tr>
+</tbody>
+</table></div>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/algorithm/%E6%8E%92%E5%BA%8F%E5%90%88%E9%9B%86/" rel="prev">&lt; 排序合集</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/algorithm/%E5%88%86%E6%B2%BB%E6%B3%95/" rel="next">分治法 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/atom.xml b/public/atom.xml
new file mode 100644
index 0000000..f6fc954
Binary files /dev/null and b/public/atom.xml differ
diff --git a/public/categories/index.html b/public/categories/index.html
new file mode 100644
index 0000000..f4e6251
--- /dev/null
+++ b/public/categories/index.html
@@ -0,0 +1,1327 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title> | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/categories/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "datePublished": "2022-05-10T20:17:43+00:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/categories/",
+        "name": "",
+        "description": "飞鸿踏雪是一个个人小站，记录分享个人的学习历程",
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="" />
+<meta property="og:description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+<meta property="og:url" content="http://www.inksoul.top/categories/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="website" />
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main list" id="main">
+    <div class="main-inner">
+        <div class="content categories">
+            
+                <h1 class="list-title">Categories</h1>
+            
+            <div class="tree">
+                <ul class="list-categories">
+                    
+                    
+                    
+                    
+                        
+
+                        
+                            
+
+                            
+                            
+
+                            
+                            
+                                
+                                
+                            
+
+                            
+                                <li>
+                            
+                            
+
+                            
+                            <a href="/408/" class="category-item">408</a>
+                            
+                                
+                                
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                
+                                <span class="category-count">(3)</span>
+                            
+
+                            
+                                
+                                
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                
+                                
+    
+    
+    
+        
+    
+    
+        
+
+    <ul class="list-posts">
+        
+            <li>
+                <a href="/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E5%8F%91%E5%B1%95%E5%8E%86%E7%A8%8B/" class="category-post">《操作系统》操作系统发展历程</a>
+            </li>
+        
+            <li>
+                <a href="/408/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E7%BA%BF%E6%80%A7%E8%A1%A8/" class="category-post">《数据结构》线性表</a>
+            </li>
+        
+            <li>
+                <a href="/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/" class="category-post">《操作系统》操作系统的基本概念</a>
+            </li>
+        
+        
+    </ul>
+
+
+                            
+
+                            
+                            
+                                </li>
+                            
+                        
+                    
+                        
+
+                        
+                            
+
+                            
+                            
+                                
+                                
+                            
+
+                            
+                            
+                                
+                                
+                            
+
+                            
+                                <li>
+                            
+                            
+
+                            
+                            <a href="/algorithm/" class="category-item">Algorithm</a>
+                            
+                                
+                                
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                
+                                <span class="category-count">(3)</span>
+                            
+
+                            
+                                
+                                
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                
+                                
+    
+    
+    
+        
+    
+    
+        
+
+    <ul class="list-posts">
+        
+            <li>
+                <a href="/algorithm/%E6%8E%92%E5%BA%8F%E5%90%88%E9%9B%86/" class="category-post">排序合集</a>
+            </li>
+        
+            <li>
+                <a href="/algorithm/%E9%80%92%E5%BD%92/" class="category-post">递归</a>
+            </li>
+        
+            <li>
+                <a href="/algorithm/%E5%88%86%E6%B2%BB%E6%B3%95/" class="category-post">分治法</a>
+            </li>
+        
+        
+    </ul>
+
+
+                            
+
+                            
+                            
+                                </li>
+                            
+                        
+                    
+                        
+
+                        
+                            
+
+                            
+                            
+                                
+                                
+                            
+
+                            
+                            
+                                
+                                
+                            
+
+                            
+                                <li>
+                            
+                            
+
+                            
+                            <a href="/computergraphic/" class="category-item">Computergraphic</a>
+                            
+                                
+                                
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                
+                                <span class="category-count">(18)</span>
+                            
+
+                            
+                                
+                                
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                
+                                
+    
+    
+    
+        
+    
+    
+        
+
+    <ul class="list-posts">
+        
+            <li>
+                <a href="/computergraphic/%E5%8A%A8%E7%94%BB/" class="category-post">动画</a>
+            </li>
+        
+            <li>
+                <a href="/computergraphic/%E5%85%89%E5%9C%BA%E9%A2%9C%E8%89%B2%E5%92%8C%E6%84%9F%E7%9F%A5/" class="category-post">光场、颜色和感知</a>
+            </li>
+        
+            <li>
+                <a href="/computergraphic/%E7%9B%B8%E6%9C%BA%E4%B8%8E%E9%80%8F%E9%95%9C/" class="category-post">相机与透镜</a>
+            </li>
+        
+            <li>
+                <a href="/computergraphic/%E9%AB%98%E7%BA%A7%E5%85%89%E7%BA%BF%E4%BC%A0%E6%92%AD%E4%B8%8E%E5%A4%8D%E6%9D%82%E5%A4%96%E8%A7%82%E5%BB%BA%E6%A8%A1/" class="category-post">高级光线传播与复杂外观建模</a>
+            </li>
+        
+            <li>
+                <a href="/computergraphic/%E6%9D%90%E8%B4%A8%E4%B8%8E%E5%A4%96%E8%A7%82/" class="category-post">材质与外观</a>
+            </li>
+        
+            <li>
+                <a href="/computergraphic/%E8%B7%AF%E5%BE%84%E8%BF%BD%E8%B8%AA/" class="category-post">路径追踪</a>
+            </li>
+        
+            <li>
+                <a href="/computergraphic/%E5%8F%8C%E5%90%91%E5%8F%8D%E5%B0%84%E5%88%86%E5%B8%83%E5%87%BD%E6%95%B0/" class="category-post">双向反射分布函数(BRDF)</a>
+            </li>
+        
+            <li>
+                <a href="/computergraphic/%E8%BE%90%E5%B0%84%E5%BA%A6%E9%87%8F%E5%AD%A6/" class="category-post">辐射度量学基础(Basic radiometry)</a>
+            </li>
+        
+            <li>
+                <a href="/computergraphic/%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA%E5%8A%A0%E9%80%9F%E7%BB%93%E6%9E%84%E5%92%8C%E7%AE%97%E6%B3%95/" class="category-post">光线追踪加速结构/算法</a>
+            </li>
+        
+            <li>
+                <a href="/computergraphic/whitted-style%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA/" class="category-post">Whitted-style光线追踪(Whitted-style Ray Tracing)</a>
+            </li>
+        
+        
+            
+                <li>
+                    <a href="/computergraphic/" class="category-post more">阅读更多 »</a>
+                </li>
+            
+        
+    </ul>
+
+
+                            
+
+                            
+                            
+                                </li>
+                            
+                        
+                    
+                        
+
+                        
+                            
+
+                            
+                            
+                                
+                                
+                            
+
+                            
+                            
+                                
+                                
+                            
+
+                            
+                                <li>
+                            
+                            
+
+                            
+                            <a href="/mathematics/" class="category-item">Mathematics</a>
+                            
+                                
+                                
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                
+                                <span class="category-count">(1)</span>
+                            
+
+                            
+                                
+                                
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                
+                                
+    
+    
+    
+        
+    
+    
+        
+
+    <ul class="list-posts">
+        
+            <li>
+                <a href="/mathematics/%E5%85%AC%E5%BC%8F%E5%A4%A7%E5%85%A8/" class="category-post">《数学一》公式大全</a>
+            </li>
+        
+        
+    </ul>
+
+
+                            
+
+                            
+                            
+                                </li>
+                            
+                        
+                    
+                        
+
+                        
+                            
+
+                            
+                            
+                                
+                                
+                            
+
+                            
+                            
+
+                            
+                                <li>
+                            
+                            
+
+                            
+                            <a href="/stuff/" class="category-item">Stuff</a>
+                            
+                                
+                                
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                
+                                <span class="category-count">(1)</span>
+                            
+
+                            
+                                
+                                
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                        
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                    
+                                
+                                
+                                
+    
+    
+    
+        
+    
+    
+        
+
+    <ul class="list-posts">
+        
+            <li>
+                <a href="/stuff/result/" class="category-post">每日一题</a>
+            </li>
+        
+        
+    </ul>
+
+
+                            
+
+                            
+                            
+                                </li>
+                            
+                        
+                    
+                </ul>
+            </div>
+        </div>
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/index.html b/public/computergraphic/index.html
new file mode 100644
index 0000000..0c67e8e
--- /dev/null
+++ b/public/computergraphic/index.html
@@ -0,0 +1,545 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>Computergraphic | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "datePublished": "2022-05-10T20:17:43+00:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/",
+        "name": "Computergraphic",
+        "description": "飞鸿踏雪是一个个人小站，记录分享个人的学习历程",
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="Computergraphic" />
+<meta property="og:description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="website" />
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner list">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+        <main class="main list" id="main">
+            <div class="main-inner">
+                <div class="content list-group">
+                    
+                        
+                            <h1 class="list-title">Computergraphic</h1>
+                        
+                        
+                    
+
+                    
+
+                    
+                    
+                        
+                        
+                            
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                            
+                        
+                    
+
+                    
+
+                    
+                    
+
+                    
+                    
+                    
+                        
+                        
+                            
+                            
+                        
+                        
+                        
+                        
+                            
+                        
+                        
+                        <h2 class="list-year">2022<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon chinese-zodiac"><path d="M200 729q35-36 140-142 1 0 3 1 7 4 19 11 4 2 13 8 3 2 12 9 5 4 10 10t5 11q4 21 23 35 25 21 28-23v-4q1-6 7-23-7 3-28 10l-2-3q-2-1-6-6-2-3-7-9-3-4-5-11t-1-12q1-4 7-10t16-8q16-3 27 6t21 26q11 16 10 17 3 4-2 11-4 8-12 14-2 1-6 5-1 0-1 1t-1 4-1 5 1 5 3 3q3 1 8 1 6 1 12-2 81-25 31-102-2-4-5-8-2-3-5-7-2-4-5-7-10-18-24-39-13-20-29-33-9-7-19-14-7-4-21-13 24-8 36-11 20-5 10-19-10-13-34-15-26-3-52 30-37-12-74-4-22 4-44 15-8 4-16 9-13 8-24 17-18 14-33 33-8 12-25 35-22 40-33 92-11 53 0 95 2 8 7 25 3 10 6 18 3 7 3 8t2 5 0 3-1 4q-2 0-4 1t-6 2-9 5-7 8q-2 5-4 11t3 13 13 15q3-5 8-15 10-11 14 12 0 6 1 17l12-12q6-5 11-8t11-4q7-1 10 2t4 14q4-1 12-5 7-3 23-8 15-5 21-4-52-50-57-101zm251-216q0-1 4 5 3 5 11 16 1 0 1 3t-1 5-1 5q0 4-4-1-3-1-6-3-2-1-4-3v-27zM143 787q-1 0-1 1l-1 1q1 0 2-2zm162-147q67 96 86 122v13q-33-11-38 8-4 13-3 26 1 12 9 14 8-7 23-22 2 7 9 28 7-6 26-24 4 3 16 11 51-24 55-38-49-59-149-175-9 9-34 37zm252-42q1 22-27 70-14 3-25 9-11 7-19 13-7 6-10 13t-5 14q-2 8-2 13t-1 9v3q5-2 20-6 2 4 6 17 6-5 27-22 4 3 14 13 5-3 22-12v-33q12-4 22-12 9-8 13-16 3-5 8-15 4-8 4-12 1-2 1-4 10-13 40-53-14-4-28-4-13 0-24 1t-19 5q-7 5-13 6-1 1-4 3zm367 110q-3-14-18-59-14-45-15-60-2-16-27-27-30-15-39 10-2 6-1 17-3-8-8-19t-19-36q-15-24-25-28-24-11-86-27-61-17-91-17-20 0 2-16 40-29 99-37 36-5 60 5 26 11 41 23 14 12 17 23 3 12-3 24t-19 22q9 11 29 32 2-2 6-7t15-18q10-14 14-28t3-34q-1-19-12-37-14-21-39-32-25-12-53-14-29-2-58 4-28 6-59 16-15 5-28 10-12 5-20 10-5 4-16 10-7 6-10 10-2 3-7 9-4 5-5 7t-5 5q-25-2-76-5 6 4 15 13 10 10 30 42 21 33 35 74 13-1 38-2 22-1 69 2 48 3 62 10 29 16 56 50 28 35 25 56-2 0-4 1-4 1-11 4-8 3-13 8t-12 11-8 14q-1 7 1 16t13 21v-4l2-7q1-2 3-8 1-3 6-6t12-3q2 29 11 37 17-29 28-30 3 9 8 27 3 7 7 7 4-28 18-28 10 0 24-3 13-3 27-13 12-8 12-19-1-3-1-6zM181 480h-3q-3 0-9-3t-11-8q-5-6-10-16-4-10-6-24-3-35 2-46 6-12 23-14 2 1 5 3t6 13q3 10 2 25-1 11 9 11 18-1 36-24 19-24 4-42-11-15-28-24-18-8-35-10-18-2-34 15-16 18-22 46t-6 51q0 35 14 58 10 17 24 17 17-1 39-28z"/></svg></h2>
+                        
+                            <ul class="list-part">
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E5%8A%A8%E7%94%BB/" class="list-item-title">动画</a>
+                <time datetime="2022-08-01T16:38:54&#43;08:00" class="list-item-time">2022-08-01</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E5%85%89%E5%9C%BA%E9%A2%9C%E8%89%B2%E5%92%8C%E6%84%9F%E7%9F%A5/" class="list-item-title">光场、颜色和感知</a>
+                <time datetime="2022-07-30T16:49:52&#43;08:00" class="list-item-time">2022-07-30</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E7%9B%B8%E6%9C%BA%E4%B8%8E%E9%80%8F%E9%95%9C/" class="list-item-title">相机与透镜</a>
+                <time datetime="2022-07-29T14:39:13&#43;08:00" class="list-item-time">2022-07-29</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E9%AB%98%E7%BA%A7%E5%85%89%E7%BA%BF%E4%BC%A0%E6%92%AD%E4%B8%8E%E5%A4%8D%E6%9D%82%E5%A4%96%E8%A7%82%E5%BB%BA%E6%A8%A1/" class="list-item-title">高级光线传播与复杂外观建模</a>
+                <time datetime="2022-07-27T22:55:53&#43;08:00" class="list-item-time">2022-07-27</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E6%9D%90%E8%B4%A8%E4%B8%8E%E5%A4%96%E8%A7%82/" class="list-item-title">材质与外观</a>
+                <time datetime="2022-07-25T15:23:18&#43;08:00" class="list-item-time">2022-07-25</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E8%B7%AF%E5%BE%84%E8%BF%BD%E8%B8%AA/" class="list-item-title">路径追踪</a>
+                <time datetime="2022-07-24T15:01:07&#43;08:00" class="list-item-time">2022-07-24</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E5%8F%8C%E5%90%91%E5%8F%8D%E5%B0%84%E5%88%86%E5%B8%83%E5%87%BD%E6%95%B0/" class="list-item-title">双向反射分布函数(BRDF)</a>
+                <time datetime="2022-07-23T15:05:33&#43;08:00" class="list-item-time">2022-07-23</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E8%BE%90%E5%B0%84%E5%BA%A6%E9%87%8F%E5%AD%A6/" class="list-item-title">辐射度量学基础(Basic radiometry)</a>
+                <time datetime="2022-07-22T15:33:53&#43;08:00" class="list-item-time">2022-07-22</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA%E5%8A%A0%E9%80%9F%E7%BB%93%E6%9E%84%E5%92%8C%E7%AE%97%E6%B3%95/" class="list-item-title">光线追踪加速结构/算法</a>
+                <time datetime="2022-07-20T17:56:31&#43;08:00" class="list-item-time">2022-07-20</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/whitted-style%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA/" class="list-item-title">Whitted-style光线追踪(Whitted-style Ray Tracing)</a>
+                <time datetime="2022-07-19T16:04:37&#43;08:00" class="list-item-time">2022-07-19</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E5%87%A0%E4%BD%95geometry/" class="list-item-title">几何（geometry）</a>
+                <time datetime="2022-07-15T14:40:43&#43;08:00" class="list-item-time">2022-07-15</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E7%BA%B9%E7%90%86/" class="list-item-title">纹理</a>
+                <time datetime="2022-07-09T21:49:09&#43;08:00" class="list-item-time">2022-07-09</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E5%B8%B8%E7%94%A8%E5%85%89%E7%85%A7%E6%A8%A1%E5%9E%8B/" class="list-item-title">常用光照模型</a>
+                <time datetime="2022-05-19T11:55:15&#43;08:00" class="list-item-time">2022-05-19</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/z-buffer_%E6%B7%B1%E5%BA%A6%E7%BC%93%E5%AD%98/" class="list-item-title">Z-Buffer 深度缓存</a>
+                <time datetime="2022-05-18T14:07:33&#43;08:00" class="list-item-time">2022-05-18</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/taa/" class="list-item-title">TAA(temporal antialiasing)</a>
+                <time datetime="2022-05-15T17:55:10&#43;08:00" class="list-item-time">2022-05-15</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E8%B5%B0%E6%A0%B7%E4%B8%8E%E5%8F%8D%E8%B5%B0%E6%A0%B7/" class="list-item-title">走样与反走样</a>
+                <time datetime="2022-05-12T22:08:22&#43;08:00" class="list-item-time">2022-05-12</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E9%87%87%E6%A0%B7%E4%B8%8E%E5%85%89%E6%A0%85%E5%8C%96/" class="list-item-title">采样与光栅化</a>
+                <time datetime="2022-05-12T09:10:25&#43;08:00" class="list-item-time">2022-05-12</time>
+            </li>
+        
+            <li class="list-item">
+                <a href="/computergraphic/%E5%9F%BA%E6%9C%AC%E5%8F%98%E6%8D%A2/" class="list-item-title">3D基本变换和观测变换(viewing transform)</a>
+                <time datetime="2022-05-10T09:10:25&#43;08:00" class="list-item-time">2022-05-10</time>
+            </li>
+        
+        
+    </ul>
+
+
+                        
+                    
+                </div>
+            </div>
+        </main>
+    
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/taa/index.html b/public/computergraphic/taa/index.html
new file mode 100644
index 0000000..08b2459
--- /dev/null
+++ b/public/computergraphic/taa/index.html
@@ -0,0 +1,634 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>TAA(temporal antialiasing) | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="知识沉淀有限，后续会补充内容 当前内容来源： [SIGGRAPH 2016] Temporal Antialiasing in Uncharted 4 十分感谢浅墨大佬的整理 基本思……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/taa/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-05-15T17:55:10+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/taa/",
+        "headline": "TAA(temporal antialiasing)",
+        "description": "知识沉淀有限，后续会补充内容 当前内容来源： [SIGGRAPH 2016] Temporal Antialiasing in Uncharted 4 十分感谢浅墨大佬的整理 基本思……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  2548 ,
+        "image": ["http://www.inksoul.top/../../images/Halton_sequence.png","http://www.inksoul.top/../../images/offset_projection_matrix.png","http://www.inksoul.top/../../images/revealed_piels_appear_bad.png","http://www.inksoul.top/../../images/one_pixel_thick_ghosting.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="TAA(temporal antialiasing)" />
+<meta property="og:description" content="知识沉淀有限，后续会补充内容 当前内容来源： [SIGGRAPH 2016] Temporal Antialiasing in Uncharted 4 十分感谢浅墨大佬的整理 基本思……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/taa/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/Halton_sequence.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-05-15T17:55:10&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">TAA(temporal antialiasing)</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <hr>
+<p>知识沉淀有限，后续会补充内容</p>
+<p>当前内容来源：</p>
+<p><a href="https://github.com/QianMo/Real-Time-Rendering-4th-Bibliography-Collection/blob/main/Chapter%201-24/%5B1938%5D%C2%A0%5BSIGGRAPH%202016%5D%20Temporal%20Antialiasing%20in%C2%A0Uncharted%204.pptx" target="_blank" rel="noopener"> [SIGGRAPH 2016] Temporal Antialiasing in Uncharted 4 </a></p>
+<p>十分感谢浅墨大佬的整理</p>
+<hr>
+<h6 id="基本思想"><a href="#基本思想" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>基本思想</h6>
+<p>与超采样类似且在静态图片下实现方式相同</p>
+<p>对同一像素点内采用多个采样点的方式来减少走样但将采样点分散到了一段时间内的多个帧上，在每帧采样时对采样点进行偏移，即抖动(jitter)来实现MSAA中放置多个次采样点的效果</p>
+<p>采样序列也使用Halto sequence
+<img src="../../images/Halton_sequence.png" alt=""></p>
+<h6 id="jitter的实现"><a href="#jitter的实现" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>jitter的实现</h6>
+<p>采样点的位置会在初始化的时候确定，之后需要在与像素中心距离$[0,1]$的范围里发生偏移</p>
+<p>实现这个效果只需要对投影矩阵中的值进行改动
+<img src="../../images/offset_projection_matrix.png" alt=""></p>
+<p>图片中标红的值便是在归一化后的坐标空间里偏移值的替换位置</p>
+<p>当然，只完成jitter只会让实时渲染的图像发生严重的抖动，接下来我们只需要让这些抖动的帧收敛(converge,  PS:实在找不到合适的词来翻译)</p>
+<h6 id="在渲染管线中的位置"><a href="#在渲染管线中的位置" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>在渲染管线中的位置</h6>
+<p>TAA Shader</p>
+<p>输入：</p>
+<p>当前帧的HDR缓存
+<br>上一帧的TAA计算结果或者历史结果缓存</p>
+<p>输出：</p>
+<p>当前帧的TAA结果，用于输出到渲染管线的下一处理阶段 和 作为下一帧TAA计算的历史结果缓存</p>
+<p>由此可以推断出TAA Shader在渲染管线的位置</p>
+<p>Depth only pass (main view scene pass)
+<br>GBuffer pass (main view scene pass)
+<br>Deferred lighting shader $\leftarrow$ HDR
+<br>Temporal AA
+<br>Post processing (tone mapping, motion blur, etc.) $\leftarrow$ LDR</p>
+<h6 id="静态场景"><a href="#静态场景" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>静态场景</h6>
+<p>在静态场景下应用TAA</p>
+<p>设置好输入和输出
+<br> 启用全屏着色
+<br> 在历史值和现在值之间做插值计算</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-S" data-lang="S"><span class="line"><span class="cl"><span class="n">float3</span> <span class="n">currColor</span> <span class="o">=</span> <span class="nf">currBuffer.Load</span><span class="p">(</span><span class="n">pos</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="n">float3</span> <span class="n">historyColor</span> <span class="o">=</span> <span class="nf">historyBuffer.Load</span><span class="p">(</span><span class="n">pos</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="n">return</span> <span class="nf">lerp</span><span class="p">(</span><span class="n">historyColor</span><span class="p">,</span><span class="n">currColor</span><span class="p">,</span><span class="m">0.05</span><span class="n">f</span><span class="p">);</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><p>插值时,不同的权重会带来不同的影响
+<br>当前帧的颜色的权重越高，抖动越明显，但收敛速度较快
+<br>历史帧的颜色的权重越高，抖动越少，走样越明显，但是收敛速度慢</p>
+<p>0.05是一个合适的权重值来平衡反走样质量与收敛速度，这意味着每一个新渲染的帧都只对最终的静态场景生成占比5%</p>
+<hr>
+<h6 id="动态场景"><a href="#动态场景" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>动态场景</h6>
+<p>在动态情况下，我们需要使用全局运动向量来计算当前帧的某一个像素在上一帧的位置坐标</p>
+<p>所以在GBuffer里我们通常作如下计算
+<br>$ pos_{proj}\times mat_{wvp}$
+<br>$ posLast_{proj}=posLast_{obj}\times matLast_{wvp}$</p>
+<p>由此我们可以总结出计算运动向量(Motion Vector)所需的值</p>
+<ol>
+<li>上一帧的相机信息</li>
+<li>每一个物体上一帧的$ mat_{o2w}$</li>
+<li>每一个蒙皮的物体在上一帧时的骨骼位置，并在每一帧计算两次蒙皮和输出上一帧和目前帧的顶点位置</li>
+</ol>
+<hr>
+<p>当然，在GBuffer里我们可以直接获得目前帧的ndc(normalized device coordinate)坐标，出于不将jitter视为运动的目的，我们也要在ndc里去除jitter带来的偏移</p>
+<p>$ pos_{ndc} -= g_{projOffset} $
+<br>$ posLast_{ndc} -= g_{projOffsetLast} $
+<br>$ float2 \quad motionvector = (posLast_{ndc}- pos_{ndc} ) * float2(0.5f,-0.5f) $</p>
+<hr>
+<p>对于滚动的贴图(比如流动的单层贴图水)
+<br>我们需要计算贴图在贴图UV里的变化量(deltaU,deltaV)在屏幕空间里造成了多少变化量(deltaX,deltaY)
+<br>deltaU = ddx(U) * deltaX + ddy(U) * deltaY
+<br>deltaV = ddx(V) * deltaX + ddy(V) * deltaY</p>
+<hr>
+<p>理论上所有物体都应有motion vector,但依旧有某些物体不支持motion vector</p>
+<ol>
+<li>有复杂贴图的动画物体,如粒子烟雾，水流，云的移动</li>
+<li>半透明物体，因为motion vector仅有一层而无法写入</li>
+</ol>
+<p>当然，我们可以选择将它们的绘制顺序调换至TAA之后，但并非所有物体都允许这么做，任何物体在未经TAA处理的情况下都会发生抖动
+<br>纠正抖动并非只是简单地去除，还要用抖动后的深度情况进行检测</p>
+<hr>
+<p>在对多种情况进行讨论后，我们便可以开始进行motion vector的混合计算，计算前必须去除当前采样的抖动偏移值</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span><span class="lnt">4
+</span><span class="lnt">5
+</span><span class="lnt">6
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-s" data-lang="s"><span class="line"><span class="cl"><span class="o">//</span>去除抖动偏移值，得到像素中心值
+</span></span><span class="line"><span class="cl"><span class="n">uv</span> <span class="o">-=</span> <span class="n">_jitter</span>
+</span></span><span class="line"><span class="cl"><span class="o">//</span>计算上一帧的投影坐标
+</span></span><span class="line"><span class="cl"><span class="n">float2</span> <span class="n">uvLast</span> <span class="o">=</span> <span class="n">uv</span> <span class="o">+</span><span class="nf">motionVectorBuffer.Sample</span><span class="p">(</span><span class="n">point</span><span class="p">,</span><span class="n">uv</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="o">//</span>双线性模式采样
+</span></span><span class="line"><span class="cl"><span class="n">float3</span> <span class="n">historyColor</span> <span class="o">=</span> <span class="nf">historyBuffer.Sample</span><span class="p">(</span><span class="n">linear</span><span class="p">,</span><span class="n">uvLast</span><span class="p">);</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><p>镜头移动的时候，很多物体之间的遮挡关系会发生变化，例如</p>
+<ol>
+<li>原本不出现的物体在下一帧出现，原来出现的物体被遮挡而消失</li>
+<li>光线发生了改变，阴影的位置改变或高光位置改变</li>
+</ol>
+<p>这会导致采样motion偏移到的位置在上一帧并没有渲染数据，这时为了数据的平滑过渡，可以在像素点位置周围判断深度，取距离最近的点位来采样获取motion vector的值，减弱遮挡错误的影响</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span><span class="lnt">4
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-s" data-lang="s"><span class="line"><span class="cl"><span class="o">//</span>通过遍历采样点周围<span class="m">9</span>个像素的方式计算<span class="n">neighborMin</span>和<span class="n">neighborMax</span>
+</span></span><span class="line"><span class="cl"><span class="n">float3</span> <span class="n">neighborMin</span><span class="p">,</span><span class="n">neighborMax</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="n">historyColor</span> <span class="o">=</span> <span class="nf">clamp</span><span class="p">(</span><span class="n">historyColor</span><span class="p">,</span><span class="n">neighborMin</span><span class="p">,</span><span class="n">neighborMax</span><span class="p">);</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><p>这种方式也存在一些弊端
+<br>对于未发生改变的物体，会截断(clamp out)太多不同的历史颜色值
+<br>$3\times3$的像素点周围采样无法对边缘的反走样生效</p>
+<hr>
+<p>这种计算方式有时会因 neighborhood min/max的值过大使clamp失效而产生鬼影(ghosting)现象</p>
+<p>解决方法：</p>
+<ol>
+<li>使用模板位( stencil  bits ,  PS:这个我也不好翻译)的方式将物体分割为两个部份</li>
+<li>将目前帧和上一帧的stencil 输入到TAA shader中处理</li>
+</ol>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span><span class="lnt">4
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-s" data-lang="s"><span class="line"><span class="cl"><span class="n">uint</span> <span class="n">currStencil</span> <span class="o">=</span> <span class="nf">stencilBuffer.Sample</span><span class="p">(</span><span class="n">point</span><span class="p">,</span><span class="n">uv</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="n">uint</span> <span class="n">lastStencil</span> <span class="o">=</span> <span class="nf">lastStencilBuffer.Sample</span><span class="p">(</span><span class="n">point</span><span class="p">,</span><span class="n">uvLast</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="n">blendFactor</span> <span class="o">=</span> <span class="p">(</span><span class="n">lastStencil</span> <span class="o">&amp;</span> <span class="mh">0x18</span><span class="p">)</span> <span class="o">==</span> <span class="p">(</span><span class="n">currStencil</span> <span class="o">&amp;</span> <span class="mh">0x18</span><span class="p">)</span> <span class="o">?</span> <span class="n">blendFactor</span> <span class="o">:</span> <span class="m">1</span><span class="n">.f</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl"><span class="o">//</span><span class="mh">0x18</span>表示有两个<span class="n">ghosting</span> <span class="nf">bits </span><span class="p">(</span>不好翻译<span class="m">+1</span><span class="p">)</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><p>在经过处理后，鬼影现象消失，但当相机从向右旋转时，人物的左侧边缘像素表现效果较差</p>
+<p><img src="../../images/revealed_piels_appear_bad.png" alt=""></p>
+<p>为了减少这种情况的产生，我们在blendFactor为1时，返回一个经过高斯模糊的上一帧的颜色值</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span><span class="lnt">4
+</span><span class="lnt">5
+</span><span class="lnt">6
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-s" data-lang="s"><span class="line"><span class="cl"><span class="n">blendFactor</span> <span class="o">=</span> <span class="p">(</span><span class="n">lastStencil</span> <span class="o">&amp;</span> <span class="mh">0x18</span><span class="p">)</span> <span class="o">==</span> <span class="p">(</span><span class="n">currStencil</span> <span class="o">&amp;</span> <span class="mh">0x18</span><span class="p">)</span> <span class="o">?</span> <span class="n">blendFactor</span> <span class="o">:</span><span class="m">1</span><span class="n">.f</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="n">float3</span> <span class="n">blurredCurrColor</span>
+</span></span><span class="line"><span class="cl"><span class="o">//</span><span class="n">Gaussian</span> <span class="n">blur</span> <span class="n">currColor</span> <span class="n">with</span> <span class="m">3</span><span class="n">x3</span> <span class="n">neighborhood</span>
+</span></span><span class="line"><span class="cl"><span class="nf">if </span><span class="p">(</span><span class="n">blendFactor</span> <span class="o">==</span> <span class="m">1</span><span class="n">.f</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="n">return</span> <span class="n">blurredCurrColor</span><span class="p">;</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><p>Gaussian blur使用的卷积核与$3\times3$相邻像素采样一致
+<br>$ \begin{bmatrix}    \frac{1}{16} &amp; \frac{1}{8} &amp;\frac{1}{16} \\ \frac{1}{8} &amp;\frac{1}{4} &amp;\frac{1}{8} \\ \frac{1}{16} &amp;\frac{1}{8} &amp;\frac{1}{16} \end{bmatrix} $</p>
+<p>处理后依旧有1像素厚的鬼影存在
+<img src="../../images/one_pixel_thick_ghosting.png" alt=""></p>
+<p>产生原因：
+<br>Color history 是线性采样，Stencil history 是点采样，两者在边缘并不相容</p>
+<p>解决方法
+<br>在stencil buffer里让物体向外扩大1像素</p>
+<ol>
+<li>创建输入值为历史帧和stencil buffers的全屏shader</li>
+<li>对每一个像素，将它的深度与周围4个相邻像素进行对比</li>
+<li>输出深度接近的像素的模板(stencil of pixel)</li>
+<li>将扩张的stencil buffer输入TAA</li>
+<li>上一帧的stencil应该来自于扩张后</li>
+<li>对扩张后的stencil做模板测试(stencil test)</li>
+<li>边缘的检测则使用未扩张的版本</li>
+</ol>
+<hr>
+<p>在计算完成后我们需要将目前帧的和历史帧的结果混合到一起</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-s" data-lang="s"><span class="line"><span class="cl"><span class="n">return</span> <span class="nf">lerp</span><span class="p">(</span><span class="n">historyColor</span><span class="p">,</span><span class="n">currColor</span><span class="p">,</span><span class="n">blendFactor</span><span class="p">)</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><p>出于平衡模糊和抖动的目的，blendFactor必须是一个动态的值
+<br>由UE4在[siggraph 2014]提出的方法可知
+<br>当局部对比度低的时候增加
+<br>当历史帧在截断值附近或像素的偏移接近子像素时减少
+<br>但在这样处理后依旧有模糊的情况残余</p>
+<hr>
+<p>为了修复残余的模糊情况，我们可以再加入一个全屏的锐化处理
+<br>对一个$3\times3$的相邻像素序列，采取$\begin{bmatrix}  0 &amp;-1 &amp;0 \\ -1 &amp;4 &amp;-1 \\ 0 &amp;-1 &amp;0 \end{bmatrix}$的权重比例，即</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-s" data-lang="s"><span class="line"><span class="cl"><span class="n">return</span> <span class="nf">saturate</span><span class="p">(</span><span class="n">center</span> <span class="o">+</span> <span class="m">4</span> <span class="o">*</span> <span class="n">center</span><span class="o">-</span><span class="n">up</span><span class="o">-</span><span class="n">down</span><span class="o">-</span><span class="n">left</span><span class="o">-</span><span class="n">right</span><span class="p">)</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><hr>
+<h6 id="taa的性能"><a href="#taa的性能" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>TAA的性能</h6>
+<p>主体shader在PS4的GPU上渲染1080p分辨率需要0.8ms</p>
+<p>后续处理也存在开销
+<br>Motion vector calculation 运动向量计算
+<br>Sharpen shader (0.15ms) 锐化效果
+<br>Expand stencil shader(0.4ms) 模板扩张</p>
+<hr>
+<p><a href="https://gamedev.stackexchange.com/questions/57607/what-is-the-difference-between-a-modelview-projection-matrix-and-world-view-proj" target="_blank" rel="noopener">WVP和MVP矩阵的区别</a></p>
+<p><a href="https://computergraphics.stackexchange.com/questions/1976/how-to-determine-the-object-to-world-matrix#:~:text=The%20Object-To-World%20matrix%20is%20often%20called%20%22model-matrix%22.%20This,it%20and%20the%20math%20works%20out%20pretty%20well." target="_blank" rel="noopener">$ matrix_{objToWorld} $</a></p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/z-buffer_%E6%B7%B1%E5%BA%A6%E7%BC%93%E5%AD%98/" rel="prev">&lt; Z-Buffer 深度缓存</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E8%B5%B0%E6%A0%B7%E4%B8%8E%E5%8F%8D%E8%B5%B0%E6%A0%B7/" rel="next">走样与反走样 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/whitted-style光线追踪/index.html b/public/computergraphic/whitted-style光线追踪/index.html
new file mode 100644
index 0000000..31a0047
--- /dev/null
+++ b/public/computergraphic/whitted-style光线追踪/index.html
@@ -0,0 +1,534 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>Whitted-style光线追踪(Whitted-style Ray Tracing) | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="使用光线追踪的原因 光栅化无法很好地处理全局效果 软阴影 光线产生多次反弹 光栅化处理速度快……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/whitted-style%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-19T16:04:37+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/whitted-style%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA/",
+        "headline": "Whitted-style光线追踪(Whitted-style Ray Tracing)",
+        "description": "使用光线追踪的原因 光栅化无法很好地处理全局效果 软阴影 光线产生多次反弹 光栅化处理速度快……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  1106 ,
+        "image": ["http://www.inksoul.top/../../images/Ray_Casting_theory.png","http://www.inksoul.top/../../images/Ray_Casting_Generate_Eye_Ray.png","http://www.inksoul.top/../../images/Ray_Casting_shading_pixel.png","http://www.inksoul.top/../../images/eg_Recursive_Ray_Tracing.png","http://www.inksoul.top/../../images/Recursive_Ray_Tracing_progress.png","http://www.inksoul.top/../../images/Ray_Intersection_With_Plane.png","http://www.inksoul.top/../../images/M%C3%B6ller_Trumbore_Algorithm.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="Whitted-style光线追踪(Whitted-style Ray Tracing)" />
+<meta property="og:description" content="使用光线追踪的原因 光栅化无法很好地处理全局效果 软阴影 光线产生多次反弹 光栅化处理速度快……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/whitted-style%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/Ray_Casting_theory.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-19T16:04:37&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">Whitted-style光线追踪(Whitted-style Ray Tracing)</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h3 id="使用光线追踪的原因"><a href="#使用光线追踪的原因" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>使用光线追踪的原因</h3>
+<ol>
+<li>
+<p>光栅化无法很好地处理全局效果</p>
+<ol>
+<li>软阴影</li>
+<li>光线产生多次反弹</li>
+</ol>
+</li>
+<li>
+<p>光栅化处理速度快但质量相对较低</p>
+</li>
+<li>
+<p>光线追踪处理精准，但速度较低</p>
+<ol>
+<li>光栅化：实时渲染，光线追踪：离线渲染</li>
+<li>在生产环境中渲染一帧往往需要~10kCPU核心时</li>
+</ol>
+</li>
+</ol>
+<h3 id="光线"><a href="#光线" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光线</h3>
+<ol>
+<li>光线沿直线传播(虽然是错误的)</li>
+<li>光线在相交时互不影响(虽然也是错的)</li>
+<li>光线从光源传播到眼睛(且光路是可逆的)</li>
+</ol>
+<h3 id="ray-casting"><a href="#ray-casting" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Ray Casting</h3>
+<p>1968年由Appel提出</p>
+<ol>
+<li>通过每个像素投射一条光线的方式来生成图像</li>
+<li>通过向光源发送光线的方式来生成阴影</li>
+</ol>
+<p><img src="../../images/Ray_Casting_theory.png" alt=""></p>
+<h4 id="生成视角射线generating-eye-rays"><a href="#生成视角射线generating-eye-rays" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>生成视角射线(Generating Eye Rays)</h4>
+<p>Pinhole Camera Model</p>
+<p><img src="../../images/Ray_Casting_Generate_Eye_Ray.png" alt=""></p>
+<h4 id="着色像素shading-pixel"><a href="#着色像素shading-pixel" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>着色像素(shading pixel)</h4>
+<p><img src="../../images/Ray_Casting_shading_pixel.png" alt=""></p>
+<h3 id="递归式光线追踪recursive-ray-tracing"><a href="#递归式光线追踪recursive-ray-tracing" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>递归式光线追踪(Recursive Ray Tracing)</h3>
+<p>Recursiv Ray Tracing 又名 Whitted-Style Ray Tracing 由T.Whitted在1980年提出</p>
+<p>&quot;An improved Illumination model for shaded display&quot;</p>
+<p><img src="../../images/eg_Recursive_Ray_Tracing.png" alt=""></p>
+<p>总体计算流程</p>
+<p><img src="../../images/Recursive_Ray_Tracing_progress.png" alt=""></p>
+<hr>
+<h4 id="射线表面相交计算ray-surface-intersection"><a href="#射线表面相交计算ray-surface-intersection" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>射线表面相交计算(Ray-Surface Intersection)</h4>
+<p>在进行射线表面相交计算前我们需要了解射线方程(Ray Equation)</p>
+<h5 id="ray-equation-and-plane-equation"><a href="#ray-equation-and-plane-equation" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Ray Equation and Plane Equation</h5>
+<p>射线：由一个起点和一个方向向量定义</p>
+<p>对应的射线方程(Ray Equation)为:
+$$r(t) = o +td  , \ \ \ \  0\leq t &lt; 100  $$</p>
+<p>r：沿射线的点</p>
+<p>t：&quot;时间&quot;</p>
+<p>o：起始点</p>
+<p>d：归一化后的方向向量</p>
+<hr>
+<p>平面：由一个法线向量和在平面上的点定义</p>
+<p>对应的平面方程(Plane Equation)为：
+$$P:(p - p') * N = 0,\ \ \ ax+by+cz+d = 0$$</p>
+<p>p：所有在平面上的点</p>
+<p>p'：在平面上的一个点</p>
+<p>N：法线向量</p>
+<h5 id="射线与球体相交ray-intersection-with-sphere"><a href="#射线与球体相交ray-intersection-with-sphere" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>射线与球体相交(Ray Intersection With Sphere)</h5>
+<p>射线：$r(t) = o +td  , \ \ \ \  0\leq t &lt; 100  $</p>
+<p>球体：$p:(p-c)^2 - R^2 = 0 $</p>
+<p>当射线与球体相交时，交点$p$必须同时满足射线和球体的方程</p>
+<p>此时的解为：</p>
+<p>$$(o + td - c )^2 - R^2 = 0$$</p>
+<h5 id="射线与隐式曲面相交ray-intersection-with-implict-surface"><a href="#射线与隐式曲面相交ray-intersection-with-implict-surface" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>射线与隐式曲面相交(Ray Intersection With Implict Surface)</h5>
+<p>射线：$r(t) = o +td  , \ \ \ \  0\leq t &lt; 100  $</p>
+<p>一般隐式曲面：$p:f(p) = 0$</p>
+<p>代入后的替代射线方程：$f(o + td) = 0$</p>
+<p>！解必须为正根</p>
+<h5 id="射线与三角形网格相交ray-intersection-with-triangle-mesh"><a href="#射线与三角形网格相交ray-intersection-with-triangle-mesh" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>射线与三角形网格相交(Ray Intersection With Triangle Mesh)</h5>
+<p>原因：</p>
+<ol>
+<li>渲染上：计算可见性，阴影，光照</li>
+<li>几何上：判断内外关系</li>
+</ol>
+<p>计算：拆分</p>
+<ol>
+<li>最简单的方式：对每个三角形进行一次相交判断</li>
+<li>最简单但速度最慢</li>
+<li>可以出现0次相交或一次相交</li>
+</ol>
+<h5 id="射线与三角形相交ray-intersection-with-triangle"><a href="#射线与三角形相交ray-intersection-with-triangle" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>射线与三角形相交(Ray Intersection With Triangle)</h5>
+<p>三角形可以视为在一个平面中</p>
+<ol>
+<li>可视为射线与平面相交</li>
+<li>判断相交点是否位于三角形内部即可</li>
+</ol>
+<h5 id="射线与平面相交ray-intersection-with-plane"><a href="#射线与平面相交ray-intersection-with-plane" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>射线与平面相交(Ray Intersection With Plane)</h5>
+<p>射线方程：$r(t) = o +td  , \ \ \ \  0\leq t &lt; 100  $</p>
+<p>平面方程：$P:(p - p') * N = 0,\ \ \ ax+by+cz+d = 0$</p>
+<p>相交的解为：</p>
+<p>设$p = r(t)$求解$t(0\leq t &lt; \infty)$</p>
+<p>$(p-p') * N = (o + td - p') * N = 0$</p>
+<p>$t = \frac{(p'-o) * N }{d * N}$</p>
+<p><img src="../../images/Ray_Intersection_With_Plane.png" alt=""></p>
+<h5 id="möller-trumbore-algorithm"><a href="#möller-trumbore-algorithm" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Möller Trumbore Algorithm</h5>
+<p>一种更快地得出重心坐标的算法</p>
+<p><img src="../../images/M%C3%B6ller_Trumbore_Algorithm.png" alt=""></p>
+<h3 id="光线追踪的性能瓶颈"><a href="#光线追踪的性能瓶颈" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光线追踪的性能瓶颈</h3>
+<p>通过简单地计算光线与场景的相交的方式：</p>
+<ol>
+<li>需要对场景中每一个三角形判断光线是否相交</li>
+<li>找到最接近的交点(即最小的t值)</li>
+</ol>
+<p>带来的问题：</p>
+<ol>
+<li>算法复杂度 = $pixels \times triangles (\times bounces)$</li>
+<li>计算耗时极高</li>
+</ol>
+<p>解决办法：</p>
+<ol>
+<li>采取遍历物体而非三角形的方式进行计算</li>
+<li>采用相关加速结构/算法</li>
+</ol>
+<hr>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA%E5%8A%A0%E9%80%9F%E7%BB%93%E6%9E%84%E5%92%8C%E7%AE%97%E6%B3%95/" rel="prev">&lt; 光线追踪加速结构/算法</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E5%87%A0%E4%BD%95geometry/" rel="next">几何（geometry） &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/z-buffer_深度缓存/index.html b/public/computergraphic/z-buffer_深度缓存/index.html
new file mode 100644
index 0000000..62775e6
--- /dev/null
+++ b/public/computergraphic/z-buffer_深度缓存/index.html
@@ -0,0 +1,453 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>Z-Buffer 深度缓存 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="Painter&#39;s Algorithm 画家算法 起源于油画绘制方式，从后往前，依次覆盖后面的物体 需要对不同深度的物体进行……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/z-buffer_%E6%B7%B1%E5%BA%A6%E7%BC%93%E5%AD%98/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-05-18T14:07:33+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/z-buffer_%E6%B7%B1%E5%BA%A6%E7%BC%93%E5%AD%98/",
+        "headline": "Z-Buffer 深度缓存",
+        "description": "Painter's Algorithm 画家算法 起源于油画绘制方式，从后往前，依次覆盖后面的物体 需要对不同深度的物体进行……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  471 ,
+        "image": ["http://www.inksoul.top/../../images/unresolvable_depth_order.png","http://www.inksoul.top/../../images/Depth_map.png","http://www.inksoul.top/../../images/Z-Buffer_test.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="Z-Buffer 深度缓存" />
+<meta property="og:description" content="Painter&#39;s Algorithm 画家算法 起源于油画绘制方式，从后往前，依次覆盖后面的物体 需要对不同深度的物体进行……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/z-buffer_%E6%B7%B1%E5%BA%A6%E7%BC%93%E5%AD%98/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/unresolvable_depth_order.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-05-18T14:07:33&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">Z-Buffer 深度缓存</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h5 id="painters-algorithm-画家算法"><a href="#painters-algorithm-画家算法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Painter's Algorithm 画家算法</h5>
+<p>起源于油画绘制方式，从后往前，依次覆盖后面的物体</p>
+<p>需要对不同深度的物体进行分类来确定面与面的绘制顺序，复杂度为$O(n\log n)$,其中n为三角形的个数，也存在一个无法解决的问题，不能处理无法确定绘制顺序的物体，例如下图互相遮挡的情况</p>
+<p><img src="../../images/unresolvable_depth_order.png" alt=""></p>
+<h6 id="z-buffer"><a href="#z-buffer" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Z-Buffer</h6>
+<p>主要思想</p>
+<ol>
+<li>对于每一个采样点或像素存储一个最小的z值(深度值)</li>
+<li>存储方式与frame buffer存储颜色值的方式相同，在depth buffer里存储深度值</li>
+</ol>
+<p>出于简化考虑，我们通常认为z值始终是正数，这意味着越小的值代表采样点或像素距离相机越近，越大的值则代表距离越远</p>
+<p>Z-Buffer会在生成渲染图的同时根据各采样点（像素）的深度值生成深度图,颜色越深代表距离越近，越浅则越远</p>
+<p><img src="../../images/Depth_map.png" alt=""></p>
+<p>算法</p>
+<p>初始化depth buffer的所有值为$\infty$</p>
+<p>在光栅化的流程中增加如下伪代码流程</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span><span class="lnt">4
+</span><span class="lnt">5
+</span><span class="lnt">6
+</span><span class="lnt">7
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-s" data-lang="s"><span class="line"><span class="cl"><span class="nf">for </span><span class="p">(</span><span class="n">each</span> <span class="n">triangle</span> <span class="bp">T</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="nf">for</span><span class="p">(</span><span class="n">each</span> <span class="nf">sample</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">z</span><span class="p">)</span><span class="n">in</span> <span class="bp">T</span><span class="p">)</span> <span class="o">//</span>循环每一个采样点，深度值在采样时确定
+</span></span><span class="line"><span class="cl">        <span class="nf">if</span><span class="p">(</span><span class="n">z</span><span class="o">&lt;</span><span class="n">zbuffer[x</span><span class="p">,</span><span class="n">y]</span><span class="p">)</span>   <span class="o">//</span>判断深度值大小，确定远近
+</span></span><span class="line"><span class="cl">            <span class="n">framebuffer[x</span><span class="p">,</span><span class="n">y]</span><span class="o">=</span><span class="n">rgb</span><span class="p">;</span> <span class="o">//</span>更新颜色值
+</span></span><span class="line"><span class="cl">            <span class="n">zbuffer[x</span><span class="p">,</span><span class="n">y]</span><span class="o">=</span><span class="n">z</span><span class="p">;</span>  <span class="o">//</span>更新深度值
+</span></span><span class="line"><span class="cl">        <span class="n">else</span>
+</span></span><span class="line"><span class="cl">            <span class="p">;</span> <span class="o">//</span>什么都不做，因为采样流程已经完成
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><p>整体算法流程会形成如下图效果，复杂度为O(n),n为三角形面的数量</p>
+<p><img src="../../images/Z-Buffer_test.png" alt=""></p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E5%B8%B8%E7%94%A8%E5%85%89%E7%85%A7%E6%A8%A1%E5%9E%8B/" rel="prev">&lt; 常用光照模型</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/taa/" rel="next">TAA(temporal antialiasing) &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/光场颜色和感知/index.html b/public/computergraphic/光场颜色和感知/index.html
new file mode 100644
index 0000000..e340679
--- /dev/null
+++ b/public/computergraphic/光场颜色和感知/index.html
@@ -0,0 +1,752 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>光场、颜色和感知 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="光场(Light Field/Lumigraph) 两个都指光场，来源于该现象由两个不同组各自法线并命名，现在仍然有争……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E5%85%89%E5%9C%BA%E9%A2%9C%E8%89%B2%E5%92%8C%E6%84%9F%E7%9F%A5/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-30T16:49:52+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E5%85%89%E5%9C%BA%E9%A2%9C%E8%89%B2%E5%92%8C%E6%84%9F%E7%9F%A5/",
+        "headline": "光场、颜色和感知",
+        "description": "光场(Light Field/Lumigraph) 两个都指光场，来源于该现象由两个不同组各自法线并命名，现在仍然有争……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  4945 ,
+        "image": ["http://www.inksoul.top/../../images/color_and_perception_1.png","http://www.inksoul.top/../../images/color_and_perception_2.png","http://www.inksoul.top/../../images/color_and_perception_4.png","http://www.inksoul.top/../../images/color_and_perception_5.png","http://www.inksoul.top/../../images/color_and_perception_6.png","http://www.inksoul.top/../../images/color_and_perception_7.png","http://www.inksoul.top/../../images/color_and_perception_9.png","http://www.inksoul.top/../../images/color_and_perception_10.png","http://www.inksoul.top/../../images/color_and_perception_11.png","http://www.inksoul.top/../../images/color_and_perception_12.png","http://www.inksoul.top/../../images/color_and_perception_13.png","http://www.inksoul.top/../../images/color_and_perception_14.png","http://www.inksoul.top/../../images/color_and_perception_15.png","http://www.inksoul.top/../../images/color_and_perception_16.png","http://www.inksoul.top/../../images/color_and_perception_17.png","http://www.inksoul.top/../../images/color_and_perception_18.png","http://www.inksoul.top/../../images/color_and_perception_19.png","http://www.inksoul.top/../../images/color_and_perception_20.png","http://www.inksoul.top/../../images/color_and_perception_21.png","http://www.inksoul.top/../../images/color_and_perception_22.png","http://www.inksoul.top/../../images/color_and_perception_23.png","http://www.inksoul.top/../../images/color_and_perception_24.png","http://www.inksoul.top/../../images/color_and_perception_25.png","http://www.inksoul.top/../../images/color_and_perception_26.png","http://www.inksoul.top/../../images/color_and_perception_27.png","http://www.inksoul.top/../../images/color_and_perception_28.png","http://www.inksoul.top/../../images/color_and_perception_29.png","http://www.inksoul.top/../../images/color_and_perception_30.png","http://www.inksoul.top/../../images/color_and_perception_31.png","http://www.inksoul.top/../../images/color_and_perception_32.png","http://www.inksoul.top/../../images/color_and_perception_33.png","http://www.inksoul.top/../../images/color_and_perception_34.png","http://www.inksoul.top/../../images/color_and_perception_35.png","http://www.inksoul.top/../../images/color_and_perception_36.png","http://www.inksoul.top/../../images/color_and_perception_37.png","http://www.inksoul.top/../../images/color_and_perception_38.png","http://www.inksoul.top/../../images/color_and_perception_39.png","http://www.inksoul.top/../../images/color_and_perception_40.png","http://www.inksoul.top/../../images/color_and_perception_41.png","http://www.inksoul.top/../../images/color_and_perception_42.png","http://www.inksoul.top/../../images/color_and_perception_43.png","http://www.inksoul.top/../../images/color_and_perception_44.png","http://www.inksoul.top/../../images/color_and_perception_45.png","http://www.inksoul.top/../../images/color_and_perception_46.png","http://www.inksoul.top/../../images/color_and_perception_47.png","http://www.inksoul.top/../../images/color_and_perception_48.png","http://www.inksoul.top/../../images/color_and_perception_49.png","http://www.inksoul.top/../../images/color_and_perception_50.png","http://www.inksoul.top/../../images/color_and_perception_51.png","http://www.inksoul.top/../../images/color_and_perception_52.png","http://www.inksoul.top/../../images/color_and_perception_53.png","http://www.inksoul.top/../../images/color_and_perception_54.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="光场、颜色和感知" />
+<meta property="og:description" content="光场(Light Field/Lumigraph) 两个都指光场，来源于该现象由两个不同组各自法线并命名，现在仍然有争……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E5%85%89%E5%9C%BA%E9%A2%9C%E8%89%B2%E5%92%8C%E6%84%9F%E7%9F%A5/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/color_and_perception_1.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-30T16:49:52&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">光场、颜色和感知</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h2 id="光场light-fieldlumigraph"><a href="#光场light-fieldlumigraph" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光场(Light Field/Lumigraph)</h2>
+<p>两个都指光场，来源于该现象由两个不同组各自法线并命名，现在仍然有争论</p>
+<h3 id="我们看到的世界是什么"><a href="#我们看到的世界是什么" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>我们看到的世界是什么</h3>
+<p>坐在房间的一侧往窗户的一侧看，三维和二维的情况是下面这样的</p>
+<p><img src="../../images/color_and_perception_1.png" alt=""></p>
+<p>如果加上一个幕布，显示上图图像，往往人们难以区别于现实世界，即为虚拟现实的原理</p>
+<p><img src="../../images/color_and_perception_2.png" alt=""></p>
+<h3 id="全光函数the-plenoptic-function"><a href="#全光函数the-plenoptic-function" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>全光函数(The Plenoptic Function)</h3>
+<ul>
+<li>函数 Grayscale snapshot</li>
+</ul>
+<p>统计往任意方向上的所见值，可定义一个函数，最后结果为一个数</p>
+<p><img src="../../images/color_and_perception_4.png" alt=""></p>
+<ul>
+<li>改进函数 Color snapshot</li>
+</ul>
+<p>改进后引入波长，即为引入颜色(因光的不同波长而产生颜色)</p>
+<p>记录各个方向看到的不同方向上的光，就可以看到彩色场景</p>
+<p><img src="../../images/color_and_perception_5.png" alt=""></p>
+<ul>
+<li>扩展的全光函数 A movie</li>
+</ul>
+<p>进一步将全光函数扩展一个时间t，那下面这个四维的函数就是电影，因为你可以往各个不同的方向看，看到各个不同方向来的信息都是彩色的，然后在不同时间显示的东西不一样</p>
+<p><img src="../../images/color_and_perception_6.png" alt=""></p>
+<ul>
+<li>进一步扩展 Holographic movie</li>
+</ul>
+<p>现在考虑人/摄像机可以在三维空间中的任何地方移动，三维空间中的任何一个位置可以用x、y、z定义。那这也就是全息电影</p>
+<p><img src="../../images/color_and_perception_7.png" alt=""></p>
+<ul>
+<li>再改进一步 The Plenoptic Function</li>
+</ul>
+<p>将它理解成在任何位置，然后往任何方向看，并且在任何时间看到的都是不同的颜色,即为整个世界是一个7个维度的函数</p>
+<p>将这个7维的函数当做全光函数</p>
+<ul>
+<li>全光函数和光场</li>
+</ul>
+<p>全光函数本身的定义：</p>
+<p>在任何位置，任意方向，我们知道它过来的光是多少，方向也应是连续的，这就是一个简单的二维全光函数的表示</p>
+<p>可以从全光函数中提取一部分信息出来，用来表示更复杂的光，就是说我们平常在一个点我们往任意方向看，那记录的是来自各个方向的光的信息，那光场就记录了更多的信息，光场就是全光函数的一个小部分</p>
+<p><img src="../../images/color_and_perception_9.png" alt=""></p>
+<h2 id="光场"><a href="#光场" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光场</h2>
+<h3 id="定义光线"><a href="#定义光线" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>定义光线</h3>
+<ul>
+<li>通过一个起点和一个方向定义</li>
+</ul>
+<p><img src="../../images/color_and_perception_10.png" alt=""></p>
+<ul>
+<li>取光线上的任意两点定义整条光线(二维位置和方向)</li>
+</ul>
+<p>物体可以放在一个包围盒中，从任何位置和任何方向看向这个物体，根据光路的可逆性，也可以认为要想描述这个物体所能被看到的所有的情况，就去描述这个物体在它的包围盒上在任何位置往任何方向过去的光线</p>
+<p>已知包围盒上的点，观测位置的点，这两点确定一条光线，可以查询记录的函数，该函数记录了物体表面不同位置往各个不同方向的发光情况</p>
+<p><img src="../../images/color_and_perception_11.png" alt=""></p>
+<h3 id="定义光场"><a href="#定义光场" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>定义光场</h3>
+<p>光场：在任何一个位置往任何一个方向去的光的强度</p>
+<p>如果有了一个物体的光场，如下图，任何一个位置往任何一个方向都可以发光。我们在任何一个位置往这个物体某个点看的时候，是可以知道这条光线带的能量是多少的，因为通过这2个点可以知道往这个点看的方向，就可以从4维的光场中查询到之前记录的光场的值，即光场可以给出任意观测方向看到的结果</p>
+<p><img src="../../images/color_and_perception_12.png" alt=""></p>
+<h3 id="记录光场"><a href="#记录光场" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>记录光场</h3>
+<ul>
+<li>记录上述将物体放在包围盒里后，盒子上的任何一个点往任何一个方向的光线</li>
+</ul>
+<p>观测点必须在包围盒外</p>
+<p><img src="../../images/color_and_perception_13.png" alt=""></p>
+<ul>
+<li>取一平面，平面右侧有有物体发出光线打到平面上</li>
+</ul>
+<p>如图已知平面一点，二维只需$\theta$,三维则需两个数$(\theta,\phi)$</p>
+<ul>
+<li>参数化光场</li>
+</ul>
+<p>光线还可以用2个点来确定，那就可以用2个平面来定义一个光场</p>
+<p>定义2个相互平行的平面，2个平面上各自任取一个点,连接两点即可确定光线</p>
+<p>找到所有u、v和s、t的组合，可以描述所有的不同位置和不同方向出来的光线</p>
+<p><img src="../../images/color_and_perception_14.png" alt=""></p>
+<p><img src="../../images/color_and_perception_15.png" alt=""></p>
+<p><img src="../../images/color_and_perception_16.png" alt=""></p>
+<p>光场本质上就是一个4维的函数，不同记录方法即为描述方式不同</p>
+<h3 id="对以上使用两个平面参数化"><a href="#对以上使用两个平面参数化" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>对以上使用两个平面参数化</h3>
+<ul>
+<li>u、v处取一点看向所有s、t平面</li>
+</ul>
+<p>如下图，在u、v上取一个点，这个视角的右边是我们需要看到的东西，这就好像一个针孔摄像机所能看到的东西，所以能看到一个完整的物体的图。u、v上不同的位置出发，就相当于从不同的角度看向这个世界</p>
+<p><img src="../../images/color_and_perception_17.png" alt=""></p>
+<p>很多摄像机从某一个角度看向世界，拍一张图，然后将所有图都组织到一块，就是整个光场。如下图，斯坦福做了一个摄像机的矩阵，相当于在不同的位置对场景拍不同的图，每个位置对应一个u、v，拍到的照片是s、t，相机本身二维，成像结果二维，综合为四维</p>
+<p><img src="../../images/color_and_perception_18.png" alt=""></p>
+<ul>
+<li>固定s、t平面上一个点，然后往u、v平面上看</li>
+</ul>
+<p>整个世界还是在s、t平面的右边，从u、v上的任何一个点都看向s、t上的同一点。就好像盯着同一个点，从不同的角度去看，会看到很多类似不同高光的东西</p>
+<p>通过这种方式，可以将像素上的Irradiance给展开成Radiance，可以看到打到任何一个像素上不同方向的光</p>
+<p><img src="../../images/color_and_perception_19.png" alt=""></p>
+<p>苍蝇的复眼成像原理就是成像一个光场，盯着原本拍出的一张照片来看，那照片上的任何一个像素记录的是Irradiance(平均各个方向的光)</p>
+<p>如下图，普通相机记录下来的就是蓝色、绿色、红色的平均。如果有办法可以把它分开，比如这个光打到像素点时不立刻记录它，而是把这个像素变成某个小的透镜，把来自于各个方向的光给分到不同的位置上去（分光）。把实际的感光元件放在底下，就可以将它们分别记录到不同位置，此时就可以记录Radiance</p>
+<p>此时看一个像素实际为穿过像素的不同方向的光</p>
+<p><img src="../../images/color_and_perception_20.png" alt=""></p>
+<h2 id="光场相机"><a href="#光场相机" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光场相机</h2>
+<p>利用光场原理制作的相机</p>
+<h3 id="the-lytro-light-field-camera"><a href="#the-lytro-light-field-camera" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>The Lytro Light Field Camera</h3>
+<p>Lytro相机有下图这个人创办</p>
+<p><img src="../../images/color_and_perception_21.png" alt=""></p>
+<ul>
+<li>
+<p>原理：Microlens design（上面谈到的微透镜）。将一个像素替换成一个透镜，让这个透镜可以把来自于不同方向的光分开并记录下来</p>
+</li>
+<li>
+<p>功能：支持拍照后的重新聚焦</p>
+</li>
+<li>
+<p>具体效果如下图：</p>
+</li>
+</ul>
+<p><img src="../../images/color_and_perception_22.png" alt=""></p>
+<ul>
+<li>详细原理</li>
+</ul>
+<p>将原本的像素换成了微透镜，这些微透镜可以把来自各方向的光分散到不同的方向上去，在后面再将它记录下来</p>
+<p><img src="../../images/color_and_perception_23.png" alt=""></p>
+<p>光场照相机照出来的最原始的图实际上是原本的一个像素变成了一个圆，任何一个圆内部平均起来就是以前普通的照相机得到的结果，在一个圆的内部各个像素其实就是记录了各个不同的方向</p>
+<p><img src="../../images/color_and_perception_24.png" alt=""></p>
+<ul>
+<li>得到普通相机照片</li>
+</ul>
+<ol>
+<li>
+<p>透镜原本是像素，从透镜中各个不同的光线中选一条，如果都选最下面那条，并将结果记录在对应的一个像素上，现在透镜就对应了一个值</p>
+</li>
+<li>
+<p>每一个透镜都取中间这条光线，那就好像把相机放在正中间往左边去看</p>
+</li>
+<li>
+<p>都取最上面的往左下方打的光线，相当于相机在上面</p>
+</li>
+</ol>
+<p>类似于有光场后，取不同方向的光线就可以虚拟地移动摄像机位置</p>
+<ul>
+<li>动态重新聚焦</li>
+</ul>
+<p>与上述相同原理，在拥有整个光场时，在四维的光场中记录了所有可能的光线的位置和方向信息，那就可以查询更新了之后的光线应该查哪一条，那就对于不同的透镜查的可能并不是同一个位置，你算出来应该查询哪一个方向就去查询哪一个方向</p>
+<ul>
+<li>问题</li>
+</ul>
+<p>分辨率不足</p>
+<p>原本成像平面在透镜的位置，现在成像平面在后面，每一个小块记录的是原本的普通相机对应的一个像素，如果都用相同的胶片，那原本一个像素记录一个像素的信息，现在要用100个像素记录一个像素的信息（假设是10x10的），因为把不同的方向分开了。也就是说胶片的分辨率现在变成了一个空间上的分辨率</p>
+<p>方向上记录得越多，照片本身记录分辨率越低</p>
+<p>高成本</p>
+<ol>
+<li>为了达到原有分辨率，要使用超级的分辨率的实际胶片</li>
+<li>微透镜的设计制造成本高，是一个超级精密的仪器</li>
+</ol>
+<hr>
+<h2 id="颜色"><a href="#颜色" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>颜色</h2>
+<h3 id="颜色的物理基础"><a href="#颜色的物理基础" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>颜色的物理基础</h3>
+<h4 id="光的基本成分"><a href="#光的基本成分" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光的基本成分</h4>
+<p>牛顿曾做过将一束白光穿过棱角，其会被分解成各个不同颜色</p>
+<p>不同的颜色可以合成其他的颜色，将所有的颜色合在一起又会形成白色</p>
+<p><img src="../../images/color_and_perception_25.png" alt=""></p>
+<h4 id="可见光谱"><a href="#可见光谱" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>可见光谱</h4>
+<p>不同的波长对应不同的折射率，某一种光一定对应某一种光谱</p>
+<p>光谱是光线的能量在不同的波长上的分布。光谱是一个很长的范围，图形学中重要的是可见光的光谱，即分布在波长在400nm到700nm之间</p>
+<p><img src="../../images/color_and_perception_26.png" alt=""></p>
+<h4 id="谱功率密度spd"><a href="#谱功率密度spd" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>谱功率密度(SPD)</h4>
+<p>光谱的准确定义名是谱功率密度</p>
+<p>单位：辐射单位/纳米，也可能无单位</p>
+<ul>
+<li>蓝天和太阳光的SPD</li>
+</ul>
+<p>如下图可见：</p>
+<p>蓝天部分更多的能量集中在高频</p>
+<p>阳光则是另一种SPD</p>
+<p><img src="../../images/color_and_perception_27.png" alt=""></p>
+<h4 id="不同光源的spd"><a href="#不同光源的spd" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>不同光源的SPD</h4>
+<p><img src="../../images/color_and_perception_28.png" alt=""></p>
+<ul>
+<li>SPD的线性性质</li>
+</ul>
+<p>用一种光照亮能记录光强度的东西能够得到右边的另一种分布；两种光同时照亮得到的分布就是它们两个对应的SPD之和</p>
+<p><img src="../../images/color_and_perception_29.png" alt=""></p>
+<h3 id="颜色的生物学基础"><a href="#颜色的生物学基础" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>颜色的生物学基础</h3>
+<p>颜色可以认为是人的感知</p>
+<h3 id="人眼结构"><a href="#人眼结构" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>人眼结构</h3>
+<p>相机是人眼的仿生</p>
+<p>人眼的瞳孔可调节大小，对应着光圈；晶状体对应透镜，可通过肌肉的拉扯调节焦距；视网膜进行成像</p>
+<p><img src="../../images/color_and_perception_30.png" alt=""></p>
+<h4 id="视网膜感光细胞"><a href="#视网膜感光细胞" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>视网膜感光细胞</h4>
+<ul>
+<li>棒状细胞：</li>
+</ul>
+<p>很多（~120 million）感知光的强度，不感知颜色，可得灰度图</p>
+<ul>
+<li>锥形细胞：</li>
+</ul>
+<p>少（~6-7 million），可以用来感知颜色锥形细胞内部分成S、M、L这3种不同的锥形细胞（因为这三种细胞对三种类型的波长的响应各不相同）</p>
+<ol>
+<li>S类型：感知小波长(高频)</li>
+<li>M类型：感知中间波长</li>
+<li>L类型：感知长波长</li>
+</ol>
+<p>三种响应类型的曲线：</p>
+<p><img src="../../images/color_and_perception_31.png" alt=""></p>
+<ul>
+<li>三种细胞的分布和数量有个体差异，下图为12人锥形细胞分布差异</li>
+</ul>
+<p><img src="../../images/color_and_perception_32.png" alt=""></p>
+<h3 id="颜色的三刺激理论"><a href="#颜色的三刺激理论" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>颜色的三刺激理论</h3>
+<h4 id="人体如何利用三种细胞进行感知"><a href="#人体如何利用三种细胞进行感知" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>人体如何利用三种细胞进行感知</h4>
+<p>已知光在不同波长上的分布（SPD），又知道某一种细胞对于某一个波长的响应是多少。感知的函数就是这2个函数对应的位置相乘积分起来</p>
+<p>三种不同的细胞自然会感应出三种颜色，对应下图的S、M、L</p>
+<p><img src="../../images/color_and_perception_33.png" alt=""></p>
+<p>给定任意类型光线，人眼看到的是上面S、M、L这3个数，而不是光线本身的SPD</p>
+<h4 id="人的视觉系统"><a href="#人的视觉系统" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>人的视觉系统</h4>
+<p>光线的光谱经过人的眼睛，反应到视网膜上，然后被三种不同的细胞感知到形成3个数，这3个数送到人的脑袋中，人就会认为看到了一个什么样的颜色</p>
+<p><img src="../../images/color_and_perception_34.png" alt=""></p>
+<h4 id="同色异谱"><a href="#同色异谱" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>同色异谱</h4>
+<ul>
+<li>同色异谱现象</li>
+</ul>
+<p>2种光线具有的光谱不相同，可是被我们看到的结果却是相同的</p>
+<p>不同的信号进来后，通过积分得到3个数是相同的</p>
+<ul>
+<li>颜色匹配</li>
+</ul>
+<p>通过调和不同的光谱，得到某一种颜色，使得这一种颜色和我看到的另外一种颜色一样。并不需要2个光的光谱一样，只需要最后的颜色一样</p>
+<p>下图中光谱的SPD完全不同，但被人感知后可得到三个相同的结果</p>
+<p><img src="../../images/color_and_perception_35.png" alt=""></p>
+<ul>
+<li>应用</li>
+</ul>
+<p>如图，可通过不同调节方式使两个颜色一致来表现显示器上太阳颜色，但混合后光谱可与之前的完全不同</p>
+<p><img src="../../images/color_and_perception_36.png" alt=""></p>
+<h2 id="颜色复制匹配"><a href="#颜色复制匹配" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>颜色复制/匹配</h2>
+<h3 id="颜色混合"><a href="#颜色混合" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>颜色混合</h3>
+<p>加色系统：</p>
+<p>有几种不同的原色，将各自不同的颜色乘上一个强度，将其混合起来，可以得到一种颜色，用它们各自混合的系数RGB这3个数来表示颜色</p>
+<p>如果RGB的值都调到255会得到白色</p>
+<p>减色系统：</p>
+<p>类似于调和不同颜料会越调越黑</p>
+<p><img src="../../images/color_and_perception_37.png" alt=""></p>
+<h3 id="加色实验"><a href="#加色实验" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>加色实验</h3>
+<ul>
+<li>实验一</li>
+</ul>
+<p>加色系统就可以使用上面的线性组合基本颜色的方式来匹配任何给定的颜色</p>
+<p>如下图，给定任何一个颜色，希望用三种不同颜色混合匹配得到相同颜色</p>
+<p><img src="../../images/color_and_perception_38.png" alt=""></p>
+<p>左侧为给定颜色，右侧为混合颜色，每个颜色存在系数</p>
+<p><img src="../../images/color_and_perception_39.png" alt=""></p>
+<p>即找到三种颜色系数的值混合后得到左边颜色</p>
+<p><img src="../../images/color_and_perception_40.png" alt=""></p>
+<ul>
+<li>实验二</li>
+</ul>
+<p>有时存在左边的颜色右边无法混合得到的情况</p>
+<p><img src="../../images/color_and_perception_41.png" alt=""></p>
+<p>可在左边给定的颜色上加上一个颜色，类似于右边对应减去这个颜色</p>
+<p>多个不同颜色混合得到一个颜色，存在负值可能</p>
+<p><img src="../../images/color_and_perception_42.png" alt=""></p>
+<h4 id="cie-rgb配色实验"><a href="#cie-rgb配色实验" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>CIE RGB配色实验</h4>
+<p>CIE RGB系统开始接近颜色空间的表示</p>
+<p>CIE是一个组织，定义了RGB系统，给定的任何一个颜色是单波长的颜色，光线的SPD是一个单一的函数</p>
+<p>使用三种单色的光</p>
+<p><img src="../../images/color_and_perception_43.png" alt=""></p>
+<h4 id="颜色匹配函数"><a href="#颜色匹配函数" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>颜色匹配函数：</h4>
+<ul>
+<li>单波长的目标颜色</li>
+</ul>
+<p>做颜色匹配时，给定一个固定波长，需要将这3个颜色中相同波长的值混合起来</p>
+<p><img src="../../images/color_and_perception_44.png" alt=""></p>
+<ul>
+<li>实际光(多波长)</li>
+</ul>
+<p>给定一个实际光的SPD，要使用积分考虑每一个波长所需要的红、绿、蓝然后混合在一块</p>
+<p>这三个颜色每一个积分出来会得到三个数</p>
+<p><img src="../../images/color_and_perception_45.png" alt=""></p>
+<h3 id="颜色空间"><a href="#颜色空间" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>颜色空间</h3>
+<h4 id="standard-color-spaces--standardized-rgb-srgb"><a href="#standard-color-spaces--standardized-rgb-srgb" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Standard Color Spaces : Standardized RGB (sRGB)</h4>
+<p>RGB的标准名为sRGB</p>
+<p>广泛用于各种成像设备</p>
+<p>问题：</p>
+<p>RGB颜色空间的色域有限</p>
+<h4 id="国际颜色空间cie-xyz"><a href="#国际颜色空间cie-xyz" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>国际颜色空间：CIE XYZ</h4>
+<p>CIE XYZ系统人为定义了一个颜色匹配函数，</p>
+<ul>
+<li>绿色曲线分布比较对称，对应的y函数匹配出来的数Y在一定程度上可以表示颜色的亮度</li>
+<li>红色有2个峰值，没有负数，这些函数都分布在可见光的范围内</li>
+</ul>
+<p><img src="../../images/color_and_perception_46.png" alt=""></p>
+<p>二维可视化XYZ</p>
+<p>将X、Y、Z先进行归一化</p>
+<p>$$x = \frac{X}{X+Y+Z}$$</p>
+<p>$$y = \frac{Y}{X+Y+Z}$$</p>
+<p>$$z = \frac{Z}{X+Y+Z}$$</p>
+<p>三个数相加为1，此时只需显示前面2个维度能得到一个什么样的图就可以了</p>
+<p>改变Y即为改变亮度</p>
+<p><img src="../../images/color_and_perception_47.png" alt=""></p>
+<ul>
+<li>色域</li>
+</ul>
+<p>可见图中边界为扇形，这个就是色域，整个颜色空间可以显示的颜色</p>
+<p>色域有一个白色中心，纯色都在边界上</p>
+<p><img src="../../images/color_and_perception_48.png" alt=""></p>
+<p>不同颜色空间表示的颜色范围不一样</p>
+<p>下图sRGB只能表示很小的三角形部分的色域</p>
+<p><img src="../../images/color_and_perception_49.png" alt=""></p>
+<h3 id="perceptually-organized-color-spaces"><a href="#perceptually-organized-color-spaces" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Perceptually Organized Color Spaces</h3>
+<h4 id="hsv-color-space"><a href="#hsv-color-space" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>HSV Color Space</h4>
+<p>广泛应用于颜色拾取器</p>
+<p>可以选择各种不同的色调（Hue）、饱和度（Saturation）、Brightness（亮度）或Value（值）</p>
+<p>色调：不同类型的颜色</p>
+<p>饱和度：更接近中心白色，还是更接近颜色本身的纯色</p>
+<p>亮度：从黑色一直到某种颜色</p>
+<h4 id="cielab-space"><a href="#cielab-space" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>CIELAB Space</h4>
+<p>LAB色彩空间也和感知有关</p>
+<p>L轴表示的是亮度（0为黑，100为白）</p>
+<p>a轴上红和绿分别在两端</p>
+<p>b轴上蓝和黄在两端</p>
+<p>LAB空间认为任何一个轴上两端都是互补色</p>
+<p><img src="../../images/color_and_perception_50.png" alt=""></p>
+<h4 id="互补色理论"><a href="#互补色理论" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>互补色理论</h4>
+<p>人脑对互补色存在一个定义</p>
+<ul>
+<li>人眼的视觉暂留来验证互补色</li>
+</ul>
+<p>人眼的视觉暂留就是看一幅图看得时间长了，看到另外一幅图，你会看到第一幅图的互补色</p>
+<h4 id="颜色是相对的"><a href="#颜色是相对的" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>颜色是相对的</h4>
+<p>颜色本身是感知，看到的颜色可能和实际存在出入</p>
+<p>如下图A，你会觉得B比A亮</p>
+<p><img src="../../images/color_and_perception_51.png" alt=""></p>
+<p>挡住A、B以外区域，会发现A和B颜色相同</p>
+<p><img src="../../images/color_and_perception_52.png" alt=""></p>
+<h2 id="减色系统cmyk"><a href="#减色系统cmyk" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>减色系统(CMYK)</h2>
+<p>减色系统在生活中应用更广泛</p>
+<p>CMYK：</p>
+<p>Cyan（蓝绿色）、Magenta（品红色）、Yellow（黄色）、Key（黑色）</p>
+<p><img src="../../images/color_and_perception_53.png" alt=""></p>
+<p>C、M、Y可以通过混合得到各种不同的颜色，所以在打印上，可以通过混合各种各样不同墨水调出各种各样不同的颜色</p>
+<p><img src="../../images/color_and_perception_54.png" alt=""></p>
+<p>印刷上要考虑成本，正常情况下打印东西以黑色居多，而且黑色的墨水好制作，便宜，C、M、Y这三种带颜色的墨水不容易制作，那用这三种颜色混合得到黑色，成本就比直接用黑色高，因而需要黑色墨水</p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E5%8A%A8%E7%94%BB/" rel="prev">&lt; 动画</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E7%9B%B8%E6%9C%BA%E4%B8%8E%E9%80%8F%E9%95%9C/" rel="next">相机与透镜 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/光线追踪加速结构和算法/index.html b/public/computergraphic/光线追踪加速结构和算法/index.html
new file mode 100644
index 0000000..9d19484
--- /dev/null
+++ b/public/computergraphic/光线追踪加速结构和算法/index.html
@@ -0,0 +1,623 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>光线追踪加速结构/算法 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="包围盒(Bounding Volumes) 将复杂的物体用简单的包围盒包裹是一个减少无用射线相交计算的……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA%E5%8A%A0%E9%80%9F%E7%BB%93%E6%9E%84%E5%92%8C%E7%AE%97%E6%B3%95/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-20T17:56:31+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA%E5%8A%A0%E9%80%9F%E7%BB%93%E6%9E%84%E5%92%8C%E7%AE%97%E6%B3%95/",
+        "headline": "光线追踪加速结构/算法",
+        "description": "包围盒(Bounding Volumes) 将复杂的物体用简单的包围盒包裹是一个减少无用射线相交计算的……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  2840 ,
+        "image": ["http://www.inksoul.top/../../images/Ray-Intersection_With_Box.png","http://www.inksoul.top/../../images/Ray_Intersection_With_AABB.png","http://www.inksoul.top/../../images/Why_Axis-Aligned.png","http://www.inksoul.top/../../images/grid_build_progress_step1.png","http://www.inksoul.top/../../images/grid_build_progress_step2.png","http://www.inksoul.top/../../images/grid_build_progress_step3.png","http://www.inksoul.top/../../images/Ray_Scene_intersection_grid.png","http://www.inksoul.top/../../images/grid_resolution_one_cell.png","http://www.inksoul.top/../../images/grid_resolution_too_many.jpg","http://www.inksoul.top/../../images/Oct-Tree.png","http://www.inksoul.top/../../images/BSP-Tree.png","http://www.inksoul.top/../../images/KD-Tree.png","http://www.inksoul.top/../../images/KD-Tree_Pre-Processing.png","http://www.inksoul.top/../../images/Traversing_a_KD-Tree_step1.png","http://www.inksoul.top/../../images/Traversing_a_KD-Tree_step2.png","http://www.inksoul.top/../../images/Traversing_a_KD-Tree_step3.png","http://www.inksoul.top/../../images/Traversing_a_KD-Tree_step4.png","http://www.inksoul.top/../../images/Traversing_a_KD-Tree_step5.png","http://www.inksoul.top/../../images/Traversing_a_KD-Tree_step6.png","http://www.inksoul.top/../../images/Traversing_a_KD-Tree_step7.png","http://www.inksoul.top/../../images/BVH_build_step1.png","http://www.inksoul.top/../../images/BVH_build_step2.png","http://www.inksoul.top/../../images/BVH_build_step3.png","http://www.inksoul.top/../../images/BVH_Traversal.png","http://www.inksoul.top/../../images/eg_spatial_partition.png","http://www.inksoul.top/../../images/eg_object_partition.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="光线追踪加速结构/算法" />
+<meta property="og:description" content="包围盒(Bounding Volumes) 将复杂的物体用简单的包围盒包裹是一个减少无用射线相交计算的……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA%E5%8A%A0%E9%80%9F%E7%BB%93%E6%9E%84%E5%92%8C%E7%AE%97%E6%B3%95/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/Ray-Intersection_With_Box.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-20T17:56:31&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">光线追踪加速结构/算法</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h3 id="包围盒bounding-volumes"><a href="#包围盒bounding-volumes" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>包围盒(Bounding Volumes)</h3>
+<p>将复杂的物体用简单的包围盒包裹是一个减少无用射线相交计算的好方式</p>
+<ol>
+<li>物体完整地包含在包围盒里</li>
+<li>如果射线不与包围盒相交则不与物体相交</li>
+<li>因而优先检测包围盒是否相交再检测是否与物体相交</li>
+</ol>
+<h4 id="射线与包围盒相交ray-intersection-with-box"><a href="#射线与包围盒相交ray-intersection-with-box" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>射线与包围盒相交(Ray-Intersection With Box)</h4>
+<p>注意理解：盒子是三对平面的交汇处,这三个平面即为包围盒边界</p>
+<p>特别的我们通常使用轴对齐包围盒(Axis-Aligned Bounding Box),简称 AABB</p>
+<p>Bounding Box(BB)的任意一侧沿着X,Y,或Z轴</p>
+<p><img src="../../images/Ray-Intersection_With_Box.png" alt=""></p>
+<h4 id="射线与轴对称包围盒相交ray-intersection-with-axis-aligned-box"><a href="#射线与轴对称包围盒相交ray-intersection-with-axis-aligned-box" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>射线与轴对称包围盒相交(Ray Intersection with Axis-Aligned Box)</h4>
+<p>以下2D例子在3D场景中同样适用</p>
+<p><img src="../../images/Ray_Intersection_With_AABB.png" alt=""></p>
+<p>如上图所示，我们分别计算射线与包围盒两个边界的相交时间点，求取到$t_{min}/t_{max}$的交集</p>
+<ol>
+<li>射线只有同时进入所有对平面才算进入包围盒，离开包围盒同理</li>
+<li>对于每一对平面，计算$t_{min}和t_{max}$,允许出现负值</li>
+</ol>
+<p>对于3D包围盒，$t_{enter} = \max{t_{min}},t_{exit} = \min{t_{max}}$</p>
+<p>如果$t_{enter}&lt;t_{exit}$,我们便可得知射线在盒子内停留了一段时间(必定发生了相交)</p>
+<p>注意点：</p>
+<ol>
+<li>光线并非一条线，应当检查是否为负值或是否符合物理</li>
+<li>$t_{exit}&lt;0$的时候，包围盒在射线之外，没有相交</li>
+<li>$t_{exit}&gt;=0和t_{enter}$时，光线的起始点在包围盒内，相交</li>
+</ol>
+<p>选择轴对称的原因：计算量少</p>
+<p><img src="../../images/Why_Axis-Aligned.png" alt=""></p>
+<h3 id="统一空间分区网格uniform-spatial-partitionsgrids"><a href="#统一空间分区网格uniform-spatial-partitionsgrids" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>统一空间分区\网格(Uniform Spatial Partitions/Grids)</h3>
+<h4 id="划分过程"><a href="#划分过程" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>划分过程</h4>
+<p>找到包围盒</p>
+<p><img src="../../images/grid_build_progress_step1.png" alt=""></p>
+<p>创建网格</p>
+<p><img src="../../images/grid_build_progress_step2.png" alt=""></p>
+<p>在与相应物体重叠的网格中存储对应的物体</p>
+<p><img src="../../images/grid_build_progress_step3.png" alt=""></p>
+<p>根据射线穿过的网格顺序来遍历网格</p>
+<p>对于每一个被遍历的网格，需要检测其中存储的物体是否与射线相交</p>
+<p><img src="../../images/Ray_Scene_intersection_grid.png" alt=""></p>
+<hr>
+<h4 id="网格数量"><a href="#网格数量" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>网格数量</h4>
+<p>网格仅有一个时无法起到加速算法的效果</p>
+<p><img src="../../images/grid_resolution_one_cell.png" alt=""></p>
+<p>网格过多时，因需要遍历过多无关网格而低效</p>
+<p><img src="../../images/grid_resolution_too_many.jpg" alt=""></p>
+<p>最佳的网格数量为：
+$$cells = C * objs$$
+$$C \approx 27 \ \ in \ \ 3D$$</p>
+<hr>
+<p>划分空间网格的方式往往在大小和空间均匀分布的大型对象集合的情况下有良好的效果</p>
+<p>在失效的情况下会产生&quot; Teapot in a stadium &quot;问题，即在一个大运动场中间放了一个茶壶，此时需要走很多格子才能找到场景中茶壶的交点，在场景分布不均匀的情况下不适用网格方法</p>
+<h3 id="空间划分spatial-partitions"><a href="#空间划分spatial-partitions" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>空间划分(Spatial Partitions)</h3>
+<h4 id="八叉树oct-tree"><a href="#八叉树oct-tree" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>八叉树(Oct-Tree)</h4>
+<p>将整个场景包围在盒中，再将包围盒切分为8份(三维情况下，每面四块)，下图展示的是二维下的情况，将整个盒子分为四块，再将每块都分成四块，直到每个格子中无物体或物体数量足够少</p>
+<p><img src="../../images/Oct-Tree.png" alt=""></p>
+<p>通过这种方式将空间切成了分块并组织成了树状结构(一维下为二叉树，二维下为四叉树，三维下为八叉树，$n维下为2^n叉树$)</p>
+<hr>
+<h4 id="bsp-tree"><a href="#bsp-tree" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>BSP-Tree</h4>
+<p>该方法是对空间进行二分的方法，即每次都选择一个方向将节点划分开，与KD-Tree不同在于其并非横平竖直地划分，且计算难度随维度升高而增加</p>
+<p><img src="../../images/BSP-Tree.png" alt=""></p>
+<p>二维下用一条线划分，三维下用一个平面划分，四维用‘超平面’划分,依次类推</p>
+<hr>
+<h4 id="kd-tree"><a href="#kd-tree" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>KD-Tree</h4>
+<p>与八叉树几乎相同，但每找到一个格子后总是沿着某一个轴分开使整个空间被划分成类似二叉树的结构，如下图所示，划分是水平竖直交替进行的</p>
+<p><img src="../../images/KD-Tree.png" alt=""></p>
+<p>三维下，划分轴在X,Y,Z轴间轮替就可以在保持二叉树性质的情况下进行划分</p>
+<h5 id="kd-tree建立"><a href="#kd-tree建立" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>KD-Tree建立</h5>
+<p>将整个场景包围在盒子A中，先沿着竖直方向划分，再将这两个部分横向划分开，之后一直交替向下划分，形成一棵树</p>
+<p><img src="../../images/KD-Tree_Pre-Processing.png" alt=""></p>
+<p>如果一个空间已经被划分成了KD-Tree结构，则中间节点(A,B,C,D)只需要记录被划分成的各自格子，叶子节点则存储和格子相交的几何形体</p>
+<h5 id="kd-tree的数据结构"><a href="#kd-tree的数据结构" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>KD-Tree的数据结构</h5>
+<p>内部节点存储：</p>
+<ol>
+<li>划分的轴：X,Y,Z轴</li>
+<li>划分的点：沿轴的平面分割坐标</li>
+<li>子内部节点：指向子节点的坐标</li>
+<li>在根节点不存储物体</li>
+</ol>
+<p>叶子节点存储：</p>
+<ol>
+<li>物体的列表(list of objects)</li>
+</ol>
+<h5 id="kd-tree的遍历"><a href="#kd-tree的遍历" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>KD-Tree的遍历</h5>
+<p>假设有一根光线，从左上到右下，穿过一个包围盒A</p>
+<p><img src="../../images/Traversing_a_KD-Tree_step1.png" alt=""></p>
+<p>第一次判断是否与A存在交点，光线有交点则可能与左右子节点产生交集</p>
+<p><img src="../../images/Traversing_a_KD-Tree_step2.png" alt=""></p>
+<p>检测是否与子节点存在交点，发现与左边蓝色区域存在交点，按图中划分，1不再划分的情况下则认为光线与该叶子节点(蓝色区域内)所有物体求交</p>
+<p><img src="../../images/Traversing_a_KD-Tree_step3.png" alt=""></p>
+<p>检查右子节点，发现与右边区域也有交点，则光线可能和B的子节点(2和C)相交</p>
+<p><img src="../../images/Traversing_a_KD-Tree_step4.png" alt=""></p>
+<p>再判定光线与2和C区域相交情况，发现与2存在交点，此处假设2不再细分，2即为一个叶子节点，光线需要和2中所有物体求交</p>
+<p><img src="../../images/Traversing_a_KD-Tree_step5.png" alt=""></p>
+<p>发现与C区域存在交点，那便要判断光线和C的子节点(D、3)是否有交点，发现和3存在交点，且3为叶子节点，则光线要和3中的所有物体求交，D同理，一直求到叶子节点(区域5与光线无交点，无需求交)</p>
+<p><img src="../../images/Traversing_a_KD-Tree_step6.png" alt=""></p>
+<p>在C中光线和所有物体求交就找到了交点</p>
+<p><img src="../../images/Traversing_a_KD-Tree_step7.png" alt=""></p>
+<h5 id="kd-tree的问题"><a href="#kd-tree的问题" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>KD-Tree的问题</h5>
+<ul>
+<li>难以判定包围盒和物体的交集</li>
+</ul>
+<p>虽然三角形只要有一个顶点在盒子内，就可以判定相交，但存在三个顶点都不在包围盒内但依旧相交的情况(包围盒在三角形内部)</p>
+<ul>
+<li>一个物体可能出现在多个不同的叶子节点里</li>
+</ul>
+<p>如案例中右下角的圆与3、4、5都存在交点，会在叶子节点3、4、5中存储这个物体，这会造成性能浪费</p>
+<hr>
+<h4 id="bvhbounding-volume-hierarchy"><a href="#bvhbounding-volume-hierarchy" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>BVH(Bounding Volume Hierarchy)</h4>
+<p>BVH无论在实时的光线追踪还是离线的结构都解决了KD-Tree的问题，在图形学里有广泛地运用</p>
+<h5 id="bvh结构创建"><a href="#bvh结构创建" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>BVH结构创建</h5>
+<p>同样将场景用一个盒子包围，与KD-Tree不同在于后者将物体划分为2个部分</p>
+<p><img src="../../images/BVH_build_step1.png" alt=""></p>
+<p>将上图方框中所有三角形分割成两个部分再重新求它们的包围盒</p>
+<p><img src="../../images/BVH_build_step2.png" alt=""></p>
+<p>同样再继续划分，将上图蓝色节点划分为两堆三角形再重新求它们的包围盒，对应下图蓝绿节点</p>
+<p><img src="../../images/BVH_build_step3.png" alt=""></p>
+<p>划分终止条件自定义：如一个节点中只有5个三角形存在</p>
+<p>总结：</p>
+<ol>
+<li>找到一个包围盒</li>
+<li>基于包围盒中的物体，递归地拆分包围盒为两个部份</li>
+<li>两个部份各自重新计算包围盒</li>
+<li>叶子节点中三角形数量满足终止条件时停止划分，记录实际的物体至叶子节点里，其余结构用于判断加速结构</li>
+</ol>
+<h5 id="bvh性质"><a href="#bvh性质" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>BVH性质</h5>
+<ul>
+<li>
+<p>一个叶子节点里只可能出现在一个几何结构里</p>
+</li>
+<li>
+<p>可以不采用求三角形和包围盒的交</p>
+</li>
+</ul>
+<p>按物体划分使得包围盒求取简易，避免了空间划分中求包围盒和物体的交集</p>
+<p>问题：</p>
+<p>未严格划分空间，不同的Bounding box间可以相交</p>
+<h5 id="bvh节点划分方式"><a href="#bvh节点划分方式" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>BVH节点划分方式</h5>
+<ul>
+<li>
+<p>与KD-Tree一样选择一个维度来划分</p>
+</li>
+<li>
+<p>方法一：只沿着最长的轴将其分成两半</p>
+</li>
+<li>
+<p>方法二：取中间的物体进行划分</p>
+</li>
+</ul>
+<p>例如：</p>
+<p>一行三角形从左到右依次排列寻找中位数，第n/2个三角形</p>
+<p>中位数可确保两部分数量相似即生成的树接近平衡(通过保证两边深度相似可减少平均搜索次数)</p>
+<p>排序上可假设沿着X轴去考虑三角形，则所有三角形取重心后沿X轴排序便可得知中间的三角形位置(快速选择算法)</p>
+<hr>
+<p>以上步骤可得到一个预计算的BVH，如果场景发生改动则需要重新计算</p>
+<hr>
+<h5 id="bvh的数据结构"><a href="#bvh的数据结构" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>BVH的数据结构</h5>
+<ul>
+<li>
+<p>内部节点存储</p>
+<ul>
+<li>包围盒</li>
+<li>指向子节点的指针</li>
+</ul>
+</li>
+<li>
+<p>叶子节点存储</p>
+<ul>
+<li>包围盒</li>
+<li>实际的物体</li>
+</ul>
+</li>
+<li>
+<p>节点表示场景中分割框的子集</p>
+<ul>
+<li>子树中的所有物体</li>
+</ul>
+</li>
+</ul>
+<h5 id="bvh与光线求交"><a href="#bvh与光线求交" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>BVH与光线求交</h5>
+<p>与KD-Tree类似，光线和根节点求交，找到内部物体最近的交点</p>
+<p>光线与BVH节点相交后存在两种可能：</p>
+<ol>
+<li>节点本身为叶子节点，此时光线与叶子节点里所有物体求交，放回最近交点</li>
+<li>节点本身不是叶子节点，此时光线可能与该节点的两个子节点都有交点，递归地求出它们的交点再返回最近的点</li>
+</ol>
+<p><img src="../../images/BVH_Traversal.png" alt=""></p>
+<h5 id="空间物体划分区别"><a href="#空间物体划分区别" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>空间/物体划分区别</h5>
+<ul>
+<li>空间划分(Spatial partition)
+<ol>
+<li>划分空间，任何一个节点在空间和时间之间不会有交集</li>
+<li>有些物体存在横跨边界的可能</li>
+</ol>
+</li>
+</ul>
+<p><img src="../../images/eg_spatial_partition.png" alt=""></p>
+<ul>
+<li>物体划分(Object partition)
+<ol>
+<li>划分物体，物体分为两部分后分别计算包围盒</li>
+<li>包围盒存在交集的可能，但不产生影响且无需计算包围盒相交方式</li>
+</ol>
+</li>
+</ul>
+<p><img src="../../images/eg_object_partition.png" alt=""></p>
+<hr>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E8%BE%90%E5%B0%84%E5%BA%A6%E9%87%8F%E5%AD%A6/" rel="prev">&lt; 辐射度量学基础(Basic radiometry)</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/whitted-style%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA/" rel="next">Whitted-style光线追踪(Whitted-style Ray Tracing) &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/几何geometry/index.html b/public/computergraphic/几何geometry/index.html
new file mode 100644
index 0000000..80a629a
--- /dev/null
+++ b/public/computergraphic/几何geometry/index.html
@@ -0,0 +1,676 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>几何（geometry） | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="几何 几何物体的表现形式 隐式(Implicit) 代数平面(algebraic surface) 水平集(……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E5%87%A0%E4%BD%95geometry/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-15T14:40:43+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E5%87%A0%E4%BD%95geometry/",
+        "headline": "几何（geometry）",
+        "description": "几何 几何物体的表现形式 隐式(Implicit) 代数平面(algebraic surface) 水平集(……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  2777 ,
+        "image": ["http://www.inksoul.top/../../images/eg_sample_can_be_hard.png","http://www.inksoul.top/../../images/eg_in_outside_test_easy.png","http://www.inksoul.top/../../images/Algebraic_Surfaces.png","http://www.inksoul.top/../../images/Constructive_Solid_Geometry.png","http://www.inksoul.top/../../images/eg_Distance_Functions.png","http://www.inksoul.top/../../images/Level_Set_grid.png","http://www.inksoul.top/../../images/eg_Factals.png","http://www.inksoul.top/../../images/eg_explict_mapping.png","http://www.inksoul.top/../../images/eg_point_cloud.png","http://www.inksoul.top/../../images/eg_polygon_mesh.png","http://www.inksoul.top/../../images/David_Baraff.png","http://www.inksoul.top/../../images/Defining_Bezier_Curve_Tangents.png","http://www.inksoul.top/../../images/de_Casteljau_Algorithm_step1.png","http://www.inksoul.top/../../images/de_Casteljau_Algorithm_step2.png","http://www.inksoul.top/../../images/de_Casteljau_Algorithm_step3.png","http://www.inksoul.top/../../images/de_Casteljau_Algorithm_step4.png","http://www.inksoul.top/../../images/de_Casteljau_Algorithm_step5.png","http://www.inksoul.top/../../images/de_Casteljau_Algorithm_step6.png","http://www.inksoul.top/../../images/Visualizing_de_Casteljau.png","http://www.inksoul.top/../../images/de_Casteljau_pyramid_of.png","http://www.inksoul.top/../../images/Cubic_Bezier_Basis_Functions.png","http://www.inksoul.top/../../images/Demon_Piecewise_Cubic_Bezier_Curve.png","http://www.inksoul.top/../../images/Continuity_Piecewise_Bezier_step1.png","http://www.inksoul.top/../../images/Continuity_Piecewise_Bezier_step2.png","http://www.inksoul.top/../../images/Continuity_Piecewise_Bezier_step3.png","http://www.inksoul.top/../../images/bezier_surface_eg.png","http://www.inksoul.top/../../images/evaluation_of_bezier_surface.png","http://www.inksoul.top/../../images/visual_evaluation_of_bezier_surface.png","http://www.inksoul.top/../../images/eg_mesh_subdivision.png","http://www.inksoul.top/../../images/loop_subdivision_new.png","http://www.inksoul.top/../../images/loop_subdivision_old.png","http://www.inksoul.top/../../images/catmull-clark_subdivision1.png","http://www.inksoul.top/../../images/catmull-clark_subdivision2.png","http://www.inksoul.top/../../images/Catmull-Clark_Vertex_Update_Rules.png","http://www.inksoul.top/../../images/convergence_of_loop_and_catmull.png","http://www.inksoul.top/../../images/eg_mesh_simplification.png","http://www.inksoul.top/../../images/Collapsing_An_Edge.png","http://www.inksoul.top/../../images/Quadric_Error_Metrics.png","http://www.inksoul.top/../../images/eg_Quadric_Error_Mesh_Simplification.png","http://www.inksoul.top/../../images/render_from_light.png","http://www.inksoul.top/../../images/project_to_light.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="几何（geometry）" />
+<meta property="og:description" content="几何 几何物体的表现形式 隐式(Implicit) 代数平面(algebraic surface) 水平集(……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E5%87%A0%E4%BD%95geometry/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/eg_sample_can_be_hard.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-15T14:40:43&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">几何（geometry）</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h3 id="几何"><a href="#几何" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>几何</h3>
+<h4 id="几何物体的表现形式"><a href="#几何物体的表现形式" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>几何物体的表现形式</h4>
+<h5 id="隐式implicit"><a href="#隐式implicit" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>隐式(Implicit)</h5>
+<ol>
+<li>代数平面(algebraic surface)</li>
+<li>水平集(level sets)</li>
+<li>距离函数(distance functions)</li>
+<li>...</li>
+</ol>
+<h6 id="优缺点"><a href="#优缺点" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>优缺点</h6>
+<p>优点：</p>
+<ol>
+<li>描述简洁(如，一个函数)</li>
+<li>便于某些查询(判定物体内部，或内部点到表面的距离)</li>
+<li>便于计算光线到表面的交集</li>
+<li>对于简单的形状能够做到准确描述无抽样误差</li>
+<li>易于处理拓扑变化(如，流体)</li>
+</ol>
+<p>缺点：</p>
+<ol>
+<li>难以模拟复杂的形状</li>
+</ol>
+<h6 id="基于一系列满足特定关系的点"><a href="#基于一系列满足特定关系的点" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>基于一系列满足特定关系的点</h6>
+<p>例如：</p>
+<p>球体：所有的点在三维坐标系里满足$$x^2 + y^2 + z^2 = 1$$或$$f(x,y,z) = 0 $$</p>
+<h6 id="难以采样"><a href="#难以采样" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>难以采样</h6>
+<p>例如：</p>
+<p>在一系列符合下列条件的点中，难以采样到符合$f(x,y,z) = 0$的点</p>
+<p>$$f(x,y,z) = (2 - \sqrt{x^2 + y^2})^2 + z^2 - 1$$</p>
+<p>对应的几何形状如下图</p>
+<p><img src="../../images/eg_sample_can_be_hard.png" alt=""></p>
+<h6 id="易于判断内外关系"><a href="#易于判断内外关系" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>易于判断内外关系</h6>
+<p>例如：</p>
+<p>在一系列符合下述条件的点中</p>
+<p>$$f(x,y,z) = x^2 + y^2 + z^2 - 1$$</p>
+<p><img src="../../images/eg_in_outside_test_easy.png" alt=""></p>
+<p>对于点$(\frac{3}{4},\frac{1}{2},\frac{1}{4})$ 若要判定其是否在该几何体内部则只需计算$$f(x,y,z) = - \frac{1}{8} &lt; 0$$ 即可判定其位于几何体内部</p>
+<hr>
+<h6 id="代数平面algebraic-surfaces"><a href="#代数平面algebraic-surfaces" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>代数平面(Algebraic Surfaces)</h6>
+<p>表面是x,y,z中多项式的零集</p>
+<p><img src="../../images/Algebraic_Surfaces.png" alt=""></p>
+<h6 id="构造实体几何constructive-solid-geometry"><a href="#构造实体几何constructive-solid-geometry" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>构造实体几何(Constructive Solid Geometry)</h6>
+<p>通过布尔计算组合构造隐式几何</p>
+<p><img src="../../images/Constructive_Solid_Geometry.png" alt=""></p>
+<h6 id="距离函数distance-functions"><a href="#距离函数distance-functions" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>距离函数(Distance Functions)</h6>
+<p>距离函数：从任意位置到目标物体给出最小距离（符号距离）</p>
+<p>使用距离函数将两个曲面混合在一起</p>
+<p><img src="../../images/eg_Distance_Functions.png" alt=""></p>
+<h6 id="水平集level-set-method"><a href="#水平集level-set-method" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>水平集(Level Set Method)</h6>
+<p>封闭式的方程难以描述复杂的形状</p>
+<p>解决方案：存储值相似的函数网格</p>
+<p><img src="../../images/Level_Set_grid.png" alt=""></p>
+<p>插值为零的值的位置即为表面</p>
+<p>优势：能够提供对形状更明确的控制（如纹理）</p>
+<p>在流体仿真中也存在应用：计算到气液边界的距离</p>
+<h6 id="分形factals"><a href="#分形factals" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>分形(Factals)</h6>
+<p>该几何形状表现为所有尺度的细节都存在自相似性(一种描述自然现象的说法)，往往难以控制形状</p>
+<p><img src="../../images/eg_Factals.png" alt=""></p>
+<hr>
+<h5 id="显式explicit"><a href="#显式explicit" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>显式(Explicit)</h5>
+<ol>
+<li>点云(point cloud)</li>
+<li>多边形网格(polygon mesh)</li>
+<li>细分曲面和曲线(subdivision, NURBS)</li>
+<li>...</li>
+</ol>
+<h6 id="点直接或参数映射给出"><a href="#点直接或参数映射给出" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>点直接或参数映射给出</h6>
+<p>例如：</p>
+<p>$$f:R^2 \rightarrow R^3;(u,v) \rightarrow (x,y,z)$$</p>
+<p><img src="../../images/eg_explict_mapping.png" alt=""></p>
+<h6 id="易于采样"><a href="#易于采样" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>易于采样</h6>
+<p>例如：</p>
+<p>对于$$ f(u,v) = ((2 + \cos u)\cos v,(2 + \cos u)\sin v,\sin u) $$</p>
+<p>若要判定点$f(u,v)$是否位于表面，则只需将$(u,v)$的值相加</p>
+<p><img src="../../images/eg_sample_can_be_hard.png" alt=""></p>
+<h6 id="难以判断内外关系"><a href="#难以判断内外关系" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>难以判断内外关系</h6>
+<p>例如：
+对于$$f(u,v) = (\cos u \sin v ,\sin u \sin v,\cos v)$$</p>
+<p>难以判定点$(\frac{3}{4},\frac{1}{2},\frac{1}{4})$</p>
+<hr>
+<h6 id="点云-point-cloud"><a href="#点云-point-cloud" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>点云 (Point Cloud)</h6>
+<ol>
+<li>最简单的表示：点列表(x,y,z)</li>
+<li>轻松表现任何类型的几何图形</li>
+<li>适用于大型数据集(&gt;&gt; 1 点/像素)</li>
+<li>通常转换为多边形网格</li>
+<li>难以用于采样不足的区域</li>
+</ol>
+<p><img src="../../images/eg_point_cloud.png" alt=""></p>
+<h6 id="多边形网格polygon-mesh"><a href="#多边形网格polygon-mesh" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>多边形网格(Polygon Mesh)</h6>
+<ol>
+<li>存储顶点和多边形(通常是三角形或四边形)</li>
+<li>更易于进行处理/模拟，自适应采样</li>
+<li>更复杂的数据结构</li>
+<li>图形中最常见的表示形式</li>
+</ol>
+<p><img src="../../images/eg_polygon_mesh.png" alt=""></p>
+<hr>
+<h3 id="表现形式应根据目标几何模型选择最合适的类型没有最好的表现形式"><a href="#表现形式应根据目标几何模型选择最合适的类型没有最好的表现形式" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>表现形式应根据目标几何模型选择最合适的类型,没有最好的表现形式</h3>
+<p><img src="../../images/David_Baraff.png" alt=""></p>
+<hr>
+<h3 id="贝塞尔曲线bézier-curves"><a href="#贝塞尔曲线bézier-curves" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>贝塞尔曲线(Bézier Curves)</h3>
+<h4 id="定义"><a href="#定义" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>定义</h4>
+<p>贝塞尔曲线完全由其控制点决定其形状,$n$个控制点对应着$n-1$阶的贝塞尔曲线，并且可以通过递归的方式来绘制.</p>
+<p><img src="../../images/Defining_Bezier_Curve_Tangents.png" alt=""></p>
+<h4 id="de-casteljau-algorithm图形"><a href="#de-casteljau-algorithm图形" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>de Casteljau Algorithm(图形)</h4>
+<p>假设存在三个点(quadratic Bezier)</p>
+<p><img src="../../images/de_Casteljau_Algorithm_step1.png" alt=""></p>
+<p>通过线性插值的方式插入一个点</p>
+<p><img src="../../images/de_Casteljau_Algorithm_step2.png" alt=""></p>
+<p>在另一边也通过同样方式插入一个点</p>
+<p><img src="../../images/de_Casteljau_Algorithm_step3.png" alt=""></p>
+<p>递归重复</p>
+<p><img src="../../images/de_Casteljau_Algorithm_step4.png" alt=""></p>
+<p>对于在$[0,1]$区间的每个t点都使用相同算法进行计算</p>
+<p><img src="../../images/de_Casteljau_Algorithm_step5.png" alt=""></p>
+<p>构造一个三次方贝塞尔曲线需要总共四个输入，都递归使用线性插值</p>
+<p><img src="../../images/de_Casteljau_Algorithm_step6.png" alt=""></p>
+<p>可视化算法流程</p>
+<p><img src="../../images/Visualizing_de_Casteljau.png" alt=""></p>
+<h4 id="de-casteljau-algorithm数学公式"><a href="#de-casteljau-algorithm数学公式" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>de Casteljau Algorithm(数学公式)</h4>
+<p>de Casteljau 算法给出各点间金字塔型的变量关系</p>
+<p><img src="../../images/de_Casteljau_pyramid_of.png" alt=""></p>
+<h5 id="推导流程"><a href="#推导流程" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>推导流程</h5>
+<p><img src="../../images/de_Casteljau_Algorithm_step5.png" alt=""></p>
+<p>$$b_0^1(t) = (1 - t)b_0 + tb_1$$
+$$b_1^1(t) = (1 - t)b_1 + tb_2$$
+$$b_0^2(t) = (1 - t)b_0^1 + tb_1^1$$
+$$b_0^2(t) = (1 - t)^2b_0 + 2t(1 - t)b_1 + t^2b_2$$</p>
+<p>进而推得$n$阶贝塞尔曲线的公式为：</p>
+<p>$$b^n(t) = b_0^n(t) = \sum_{j=0}^{n} {b_j B_j^n(t)}$$</p>
+<p>$b^n(t)$:贝塞尔曲线阶级数n(n次向量多项式)</p>
+<p>$b_j$:控制点($R^N$的向量)</p>
+<p>$B_j^n$:伯恩斯坦多项式</p>
+<p>伯恩斯坦多项式(Bernstein polynomial):</p>
+<p>$$B_i^n(t) = \begin{pmatrix} n \\ t \end{pmatrix} t^i(1 - t)^{n - i}$$</p>
+<p>例如$n = 3$时</p>
+<p>我们在三维空间里有下列控制点</p>
+<p>$b_0 = (0,2,3),b_1 = (2,3,5),b_2 = (6,7,9),b_3 = (3,4,5)$</p>
+<p>这些点定义了以下列公式形式的贝塞尔曲线</p>
+<p>$$b^n(t) = b_0(1 - t)^3 + b_1 3t(1 - t)^2 + b_2 3t^2(1 - t) + b_3 t^3$$</p>
+<p>贝塞尔基本函数</p>
+<p><img src="../../images/Cubic_Bezier_Basis_Functions.png" alt=""></p>
+<p>插值端点：$b(0) = b_0;b(1) = b_3$</p>
+<p>与末端线段相切：$b'(0) = 3(b_1 - b_0); b'(1) = 3(b_3 - b_2)$</p>
+<p>能够通过控制点的位置来改变曲线</p>
+<h3 id="分段贝塞尔曲线"><a href="#分段贝塞尔曲线" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>分段贝塞尔曲线</h3>
+<p>出现原因：高阶贝塞尔曲线有多个控制点，难以控制曲线形状</p>
+<p>对策: 将多个低阶的贝塞尔曲线相连，构造为分段贝塞尔曲线</p>
+<p>常用于：字体，路径，插画，主题演讲</p>
+<p>样例：</p>
+<p><img src="../../images/Demon_Piecewise_Cubic_Bezier_Curve.png" alt=""></p>
+<h4 id="组合计算"><a href="#组合计算" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>组合计算</h4>
+<p>要将一下两条贝塞尔曲线组合在一起则</p>
+<p>$$a:[k,k+1] \rightarrow IR^N$$
+$$b:[k+1,k+2] \rightarrow IR^N$$</p>
+<p><img src="../../images/Continuity_Piecewise_Bezier_step1.png" alt=""></p>
+<p>$c^0$处的连续性：$a_n = b_0$</p>
+<p><img src="../../images/Continuity_Piecewise_Bezier_step2.png" alt=""></p>
+<p>$c^1$处的连续性：$a_n = b_0 = \frac{1}{2}(a_{n-1} + b_1)$</p>
+<p><img src="../../images/Continuity_Piecewise_Bezier_step3.png" alt=""></p>
+<hr>
+<h3 id="贝塞尔表面bézier-surfaces"><a href="#贝塞尔表面bézier-surfaces" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>贝塞尔表面(Bézier Surfaces)</h3>
+<p>对于一个双立方贝塞尔表面贴片</p>
+<p>输入：$4 \times 4 $ 控制点</p>
+<p>输出：由$[0,1]^2$ 参数化的2D平面</p>
+<p><img src="../../images/bezier_surface_eg.png" alt=""></p>
+<h4 id="计算方法"><a href="#计算方法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>计算方法</h4>
+<p>目标：计算相对于(u,v)的平面位置</p>
+<ol>
+<li>使用 de Casteljau 算法来计算四条贝塞尔曲线上各自的U,这将会为&quot;移动&quot;贝塞尔曲线提供4个有效的控制点</li>
+<li>使用一阶 de Casteljau 算法来计算&quot;移动&quot;曲线上的点V</li>
+</ol>
+<p><img src="../../images/evaluation_of_bezier_surface.png" alt=""></p>
+<p>可视化计算流程：</p>
+<p><img src="../../images/visual_evaluation_of_bezier_surface.png" alt=""></p>
+<h3 id="曲面处理mesh-operations"><a href="#曲面处理mesh-operations" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>曲面处理(Mesh Operations)</h3>
+<h4 id="曲面细分mesh-subdivision"><a href="#曲面细分mesh-subdivision" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>曲面细分(Mesh Subdivision)</h4>
+<p>目的：提高分辨率</p>
+<p><img src="../../images/eg_mesh_subdivision.png" alt=""></p>
+<p>通常做法：</p>
+<ol>
+<li>创建更多三角形(顶点)</li>
+<li>更新它们的位置</li>
+</ol>
+<h5 id="loop-subdivision"><a href="#loop-subdivision" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Loop Subdivision</h5>
+<ol>
+<li>将每个三角形划分为4个三角形</li>
+<li>根据权重更新顶点的位置(新旧顶点各自以不同方式进行更新)</li>
+</ol>
+<p>新顶点：</p>
+<p><img src="../../images/loop_subdivision_new.png" alt=""></p>
+<p>白点即为新顶点，其位置为周围四个顶点的权重之和</p>
+<p>旧顶点：</p>
+<p><img src="../../images/loop_subdivision_old.png" alt=""></p>
+<p>白色旧顶点也是自身及邻接顶点的权重之和，权重的设置与旧顶点度数关联</p>
+<h5 id="catmull-clark-subdivision"><a href="#catmull-clark-subdivision" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Catmull-Clark Subdivision</h5>
+<p><img src="../../images/catmull-clark_subdivision1.png" alt=""></p>
+<p>定义：</p>
+<ol>
+<li>所有非四边形的面都称为Non-quad face</li>
+<li>所有度不为4的点称为奇异点</li>
+<li>每次细分时在每个面中添加一个点，每条边的中点也都添加一个点，面上的新顶点连接所有边上的新顶点</li>
+</ol>
+<p>第一次细分后结果：</p>
+<p><img src="../../images/catmull-clark_subdivision2.png" alt=""></p>
+<p>特点：</p>
+<ol>
+<li>非四边形面的数量与奇异点相同，即现在共有$2+2=4$个</li>
+<li>奇异点的度数与原来所在面的边数相等，即这里为3度</li>
+<li>第一次细分后所有的面都会变成四边形，且后续奇异点数目不再增加</li>
+</ol>
+<p>Catmull-Clark 顶点更新规则</p>
+<p><img src="../../images/Catmull-Clark_Vertex_Update_Rules.png" alt=""></p>
+<h5 id="收敛性整体形状和折痕"><a href="#收敛性整体形状和折痕" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>收敛性：整体形状和折痕</h5>
+<p><img src="../../images/convergence_of_loop_and_catmull.png" alt=""></p>
+<h4 id="曲面简化mesh-simplification"><a href="#曲面简化mesh-simplification" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>曲面简化(Mesh Simplification)</h4>
+<p>目的：降低分辨率的同时尽量保持形状/外观</p>
+<p><img src="../../images/eg_mesh_simplification.png" alt=""></p>
+<h5 id="边坍缩"><a href="#边坍缩" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>边坍缩</h5>
+<p>边坍缩是曲面简化的常用方法，如上图所示将一条边的两个顶点合成为一个顶点，出于尽量保持形状的目的，需要正确选择不影响或影响最小的边进行坍缩，由此引入二次误差度量(Quadric Error Metrics)</p>
+<p><img src="../../images/Collapsing_An_Edge.png" alt=""></p>
+<h6 id="二次误差度量quadric-error-metrics"><a href="#二次误差度量quadric-error-metrics" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>二次误差度量(Quadric Error Metrics)</h6>
+<p><img src="../../images/Quadric_Error_Metrics.png" alt=""></p>
+<p>坍缩之后蓝色新顶点所在位置与原来各个平面的垂直距离之和，如此误差最小则整个模型样貌修改一定程度也会较小</p>
+<h5 id="曲面简化算法流程"><a href="#曲面简化算法流程" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>曲面简化算法流程</h5>
+<ol>
+<li>为模型每条边赋值，其值为坍缩后代替老顶点产生的新顶点所得到的最小二次误差</li>
+<li>选取权重最小的边做坍缩，新顶点的位置为原计算得出使二次误差值最小的位置</li>
+<li>坍缩之后，会改动与之相连的其他边，更新这些边的权值</li>
+<li>重复步骤，直到符合终止条件</li>
+</ol>
+<p>符合贪心算法标准，无法获得最优解，但效果依旧合适</p>
+<p><img src="../../images/eg_Quadric_Error_Mesh_Simplification.png" alt=""></p>
+<hr>
+<h4 id="纹理映射shadow-mapping"><a href="#纹理映射shadow-mapping" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>纹理映射(Shadow Mapping)</h4>
+<p>Shadow Mapping是一种基于图像的算法</p>
+<ol>
+<li>阴影计算期间无需进行几何体计算</li>
+<li>必须进行反走样处理</li>
+<li>不在阴影中的点必须同时在灯光和相机范围内</li>
+</ol>
+<h5 id="计算流程"><a href="#计算流程" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>计算流程</h5>
+<p>阴影映射总体需要两个pass</p>
+<p>Pass1:render from light</p>
+<ol>
+<li>获得从光源视角得到的深度图像</li>
+</ol>
+<p><img src="../../images/render_from_light.png" alt=""></p>
+<p>Pass2:render from eye</p>
+<ol>
+<li>从观看视角(相机视角)获得带有深度的标准图像</li>
+<li>将观看视角中的可见点投影回光源
+<ol>
+<li>光源和观看视角的下的深度相同时为可见</li>
+<li>光源和观看视角下的深度不相同则为被阻挡</li>
+</ol>
+</li>
+</ol>
+<p><img src="../../images/project_to_light.png" alt=""></p>
+<hr>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/whitted-style%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA/" rel="prev">&lt; Whitted-style光线追踪(Whitted-style Ray Tracing)</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E7%BA%B9%E7%90%86/" rel="next">纹理 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/动画/index.html b/public/computergraphic/动画/index.html
new file mode 100644
index 0000000..5ec3b1f
--- /dev/null
+++ b/public/computergraphic/动画/index.html
@@ -0,0 +1,943 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>动画 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="动画： 交流工具，用于展示会动的东西 关注美学，早期动画是绘画制作的，不关注物理是否符合……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E5%8A%A8%E7%94%BB/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-08-01T16:38:54+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E5%8A%A8%E7%94%BB/",
+        "headline": "动画",
+        "description": "动画： 交流工具，用于展示会动的东西 关注美学，早期动画是绘画制作的，不关注物理是否符合……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  5873 ,
+        "image": ["http://www.inksoul.top/../../images/animation_part1_1.png","http://www.inksoul.top/../../images/animation_part1_2.png","http://www.inksoul.top/../../images/animation_part1_3.png","http://www.inksoul.top/../../images/animation_part1_4.png","http://www.inksoul.top/../../images/animation_part1_5.png","http://www.inksoul.top/../../images/animation_part1_6.png","http://www.inksoul.top/../../images/animation_part1_7.png","http://www.inksoul.top/../../images/animation_part1_8.png","http://www.inksoul.top/../../images/animation_part1_9.png","http://www.inksoul.top/../../images/animation_part1_10.png","http://www.inksoul.top/../../images/animation_part1_11.png","http://www.inksoul.top/../../images/animation_part1_12.png","http://www.inksoul.top/../../images/animation_part1_13.png","http://www.inksoul.top/../../images/animation_part1_14.png","http://www.inksoul.top/../../images/animation_part1_15.png","http://www.inksoul.top/../../images/animation_part1_16.png","http://www.inksoul.top/../../images/animation_part1_17.png","http://www.inksoul.top/../../images/animation_part1_18.png","http://www.inksoul.top/../../images/animation_part1_19.png","http://www.inksoul.top/../../images/animation_part1_20.png","http://www.inksoul.top/../../images/animation_part1_21.png","http://www.inksoul.top/../../images/animation_part1_22.png","http://www.inksoul.top/../../images/animation_part1_23.png","http://www.inksoul.top/../../images/animation_part1_24.png","http://www.inksoul.top/../../images/animation_part1_25.png","http://www.inksoul.top/../../images/animation_part1_26.png","http://www.inksoul.top/../../images/animation_part1_27.png","http://www.inksoul.top/../../images/animation_part1_28.png","http://www.inksoul.top/../../images/animation_part1_29.png","http://www.inksoul.top/../../images/animation_part1_30.png","http://www.inksoul.top/../../images/animation_part1_31.png","http://www.inksoul.top/../../images/animation_part1_32.png","http://www.inksoul.top/../../images/animation_part1_33.png","http://www.inksoul.top/../../images/animation_part1_34.png","http://www.inksoul.top/../../images/animation_part1_35.png","http://www.inksoul.top/../../images/animation_part1_36.png","http://www.inksoul.top/../../images/animation_part1_37.png","http://www.inksoul.top/../../images/animation_part1_38.png","http://www.inksoul.top/../../images/animation_part1_39.png","http://www.inksoul.top/../../images/animation_part1_40.png","http://www.inksoul.top/../../images/animation_part1_41.png","http://www.inksoul.top/../../images/animation_part1_42.png","http://www.inksoul.top/../../images/animation_part1_43.png","http://www.inksoul.top/../../images/animation_part1_44.png","http://www.inksoul.top/../../images/animation_part1_45.png","http://www.inksoul.top/../../images/animation_part1_46.png","http://www.inksoul.top/../../images/animation_part1_47.png","http://www.inksoul.top/../../images/animation_part1_48.png","http://www.inksoul.top/../../images/animation_part1_49.png","http://www.inksoul.top/../../images/animation_part1_50.png","http://www.inksoul.top/../../images/animation_part1_51.png","http://www.inksoul.top/../../images/animation_part1_52.png","http://www.inksoul.top/../../images/animation_part1_53.png","http://www.inksoul.top/../../images/animation_part1_54.png","http://www.inksoul.top/../../images/animation_part1_55.png","http://www.inksoul.top/../../images/animation_part1_56.png","http://www.inksoul.top/../../images/animation_part1_57.png","http://www.inksoul.top/../../images/animation_part1_58.png","http://www.inksoul.top/../../images/animation_part1_59.png","http://www.inksoul.top/../../images/animation_part2_1.png","http://www.inksoul.top/../../images/animation_part2_2.png","http://www.inksoul.top/../../images/animation_part2_3.png","http://www.inksoul.top/../../images/animation_part2_4.png","http://www.inksoul.top/../../images/animation_part2_5.png","http://www.inksoul.top/../../images/animation_part2_6.png","http://www.inksoul.top/../../images/animation_part2_7.png","http://www.inksoul.top/../../images/animation_part2_8.png","http://www.inksoul.top/../../images/animation_part2_13.png","http://www.inksoul.top/../../images/animation_part2_9.png","http://www.inksoul.top/../../images/animation_part2_10.png","http://www.inksoul.top/../../images/animation_part2_11.png","http://www.inksoul.top/../../images/animation_part2_12.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="动画" />
+<meta property="og:description" content="动画： 交流工具，用于展示会动的东西 关注美学，早期动画是绘画制作的，不关注物理是否符合……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E5%8A%A8%E7%94%BB/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/animation_part1_1.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-08-01T16:38:54&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">动画</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <p>动画：</p>
+<ol>
+<li>交流工具，用于展示会动的东西</li>
+<li>关注美学，早期动画是绘画制作的，不关注物理是否符合现实，只要看起来正确</li>
+<li>建模或几何的拓展：动画即为在不同时间或不同帧有不同几何形状，将3D模型延伸到时间维度</li>
+</ol>
+<p>动画生成：</p>
+<p>将很多图形按一定顺序和速度播放</p>
+<ol>
+<li>电影：一秒播放24帧</li>
+<li>视频：30帧每秒</li>
+<li>游戏：体验好需要60帧甚至144帧每秒</li>
+<li>虚拟现实：防止用户产生眩晕需要两眼画面90帧每秒</li>
+</ol>
+<h2 id="动画发展历史"><a href="#动画发展历史" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>动画发展历史</h2>
+<ul>
+<li>远古人类壁画</li>
+</ul>
+<p><img src="../../images/animation_part1_1.png" alt=""></p>
+<ul>
+<li>圆盘转动</li>
+</ul>
+<p>人们人为制造的可以看到的动画</p>
+<p>最早起，有类似圆盘的物体，可固定在某处，可以旋转</p>
+<p><img src="../../images/animation_part1_2.png" alt=""></p>
+<ul>
+<li>第一部电影</li>
+</ul>
+<p>早期不用于娱乐，是一种科学研究的设备，如下图拍摄奔跑中的马可用于研究马匹运动时四肢动态</p>
+<p><img src="../../images/animation_part1_3.png" alt=""></p>
+<ul>
+<li>第一部与电影时长相当的动画</li>
+</ul>
+<p>第一部手绘的与电影时长相当的动画，即剧场版：白雪公主和七个小矮人</p>
+<p>每秒播放24帧，制作耗时极长</p>
+<p><img src="../../images/animation_part1_4.png" alt=""></p>
+<ul>
+<li>第一部计算机生成的动画</li>
+</ul>
+<p>可追溯至1963年</p>
+<p><img src="../../images/animation_part1_5.png" alt=""></p>
+<ul>
+<li>早期计算机动画</li>
+</ul>
+<p>如下图为人脸的三维结构网格，已经可以做到人物面部表情</p>
+<p><img src="../../images/animation_part1_6.png" alt=""></p>
+<ul>
+<li>电子(计算机生成)恐龙(Digital Dinosaurs)</li>
+</ul>
+<p>如下图，侏罗纪公园，真正将计算机生成的恐龙放入电影中</p>
+<p><img src="../../images/animation_part1_7.png" alt=""></p>
+<ul>
+<li>第一部计算机生成的电影时长动画</li>
+</ul>
+<p>第一部完全用计算机生成的动画电影：</p>
+<p>皮克斯的《玩具总动员》</p>
+<p>采用光栅化的方式生成阴影效果</p>
+<p><img src="../../images/animation_part1_8.png" alt=""></p>
+<ul>
+<li>十年前的计算机动画</li>
+</ul>
+<p>依旧缺少一些细节</p>
+<p><img src="../../images/animation_part1_9.png" alt=""></p>
+<ul>
+<li>2019-冰雪奇缘2</li>
+</ul>
+<p>充满各种细节</p>
+<p><img src="../../images/animation_part1_10.png" alt=""></p>
+<h2 id="关键帧动画"><a href="#关键帧动画" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>关键帧动画</h2>
+<p>下图中，上面一行的3个动作是重要位置，对应的帧称为关键帧</p>
+<p>下面一行在2个动作间补充过渡的动作</p>
+<p><img src="../../images/animation_part1_11.png" alt=""></p>
+<h3 id="关键帧插值"><a href="#关键帧插值" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>关键帧插值</h3>
+<p>给定一系列不同的帧，中间帧采用插值的方式计算得到</p>
+<p>找出每一帧中重要的点在其他帧的位置，所有点一一对应找出后就可以插值计算得到结果</p>
+<p>插值得到的过渡往往需要看着自然、真实，对插值方式有一定要求</p>
+<p>最简单的是线性插值，但下图为非线性插值</p>
+<p><img src="../../images/animation_part1_12.png" alt=""></p>
+<p>线性插值：</p>
+<p>给定任意的连续点，将其连接成线段</p>
+<p>有时需要更好的连续性，就需要用到曲线和样条，这说明几何和动画之间时存在联系的</p>
+<p><img src="../../images/animation_part1_13.png" alt=""></p>
+<hr>
+<h2 id="物理模拟"><a href="#物理模拟" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>物理模拟</h2>
+<p>关键字动画是最简单的方式，插值方式生成中间帧，但人们往往更常用物理仿真的方式</p>
+<h3 id="牛顿运动定律"><a href="#牛顿运动定律" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>牛顿运动定律</h3>
+<p>$$F = ma$$</p>
+<p>F: 施加在物体上的力</p>
+<p>m：物体的质量</p>
+<p>a：物体的加速度</p>
+<ol>
+<li>小球在重力影响下抛出时会形成抛物线</li>
+<li>衣服可认为由网格形成，任何一个顶点有一定质量，受重力影响，也受其他点作用的力的影响</li>
+</ol>
+<p><img src="../../images/animation_part1_14.png" alt=""></p>
+<h4 id="案例"><a href="#案例" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>案例</h4>
+<ul>
+<li>布料模拟</li>
+</ul>
+<p><img src="../../images/animation_part1_15.png" alt=""></p>
+<ul>
+<li>流体仿真</li>
+</ul>
+<ol>
+<li>模拟水的运动和水滴的形成位置</li>
+<li>模拟了位置和形状后进行渲染得到样式</li>
+</ol>
+<p><img src="../../images/animation_part1_16.png" alt=""></p>
+<h3 id="质点弹簧系统"><a href="#质点弹簧系统" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>质点弹簧系统</h3>
+<h4 id="案例-1"><a href="#案例-1" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>案例</h4>
+<ul>
+<li>绳子模拟</li>
+</ul>
+<p>将一根绳子模拟成很多小的弹簧，允许其在重力作用下来回摆动</p>
+<p><img src="../../images/animation_part1_17.png" alt=""></p>
+<ul>
+<li>头发</li>
+</ul>
+<p><img src="../../images/animation_part1_18.png" alt=""></p>
+<ul>
+<li>布料</li>
+</ul>
+<p>布料是由网格描述的，可以使用各种不同的质点弹簧系统描述，还可使用一个点进行拖拽</p>
+<p><img src="../../images/animation_part1_19.png" alt=""></p>
+<p>建模足够好的情况下，模拟与仿真可以做到与现实几乎一致</p>
+<p><img src="../../images/animation_part1_20.png" alt=""></p>
+<p>上图受限于PDF，建议结合games101第21课</p>
+<h4 id="简单的质点弹簧系统"><a href="#简单的质点弹簧系统" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>简单的质点弹簧系统</h4>
+<ul>
+<li>
+<p>质点弹簧系统：一系列相互连接的质点和弹簧</p>
+</li>
+<li>
+<p>最基础的单元：一个弹簧两侧连着两个质点</p>
+</li>
+</ul>
+<p><img src="../../images/animation_part1_21.png" alt=""></p>
+<ul>
+<li>理想的弹簧(无长度，产生的力与被拉长的长度成比例)</li>
+</ul>
+<p>$$f_{a\rightarrow b} = k_s(b-a)$$</p>
+<p>$$f_{b\rightarrow a} = -f_{a\rightarrow b}$$</p>
+<ol>
+<li>$f_{a\rightarrow b }$为应用到a上，往b方向的作用力，往往取决于a和b之间的距离</li>
+<li>(b-a)为从a指向b的向量，b-a越长，力越大，可以写出a点往b点的力</li>
+<li>$k_s$劲度系数(胡克定律：固体材料受力后，应力与形变量之间存在线性关系)</li>
+<li>因为力的作用的相对性，a受到向右的力，b肯定受到向左的力，两者互为相反</li>
+</ol>
+<ul>
+<li>非0长度弹簧</li>
+</ul>
+<p>弹簧在正常情况下有一定的长度，为Rest length</p>
+<p>弹簧在拉伸后</p>
+<ol>
+<li>b和a的距离为$||b - a||$</li>
+<li>形变量为$||b - a|| - l$</li>
+<li>受力的方向$\frac{(b - a)}{||b - a||}$</li>
+</ol>
+<p>$$f_{a \rightarrow b } = k_s \frac{b - a}{||b - a||}(||b - a|| - l)$$</p>
+<p>因能量守恒，会永远振动下去</p>
+<ul>
+<li>加入摩擦力</li>
+</ul>
+<p>平常我们会用x来表示位置，x的一阶导数（x′）表示速度，x的二阶导数（x′′）表示加速度，在物理模拟中会用x上面加一个点表示速度，加2个点表示加速度</p>
+<p>$$\dot{x} = v$$</p>
+<p>$$\ddot{x} = a$$</p>
+<p>加入摩擦力（damping force）使它能停止</p>
+<p>对于任何一个运动的质点，如果想让它停，那力的方向肯定和速度方向相反</p>
+<p><img src="../../images/animation_part1_22.png" alt=""></p>
+<p>问题：</p>
+<p>会引起所有的运动都停下来，这样描述的摩擦力只能描述外部的力，描述不了弹簧之间内部的力</p>
+<ul>
+<li>加入内部摩擦力</li>
+</ul>
+<p>目的：希望弹簧恢复到正常长度</p>
+<p>方向：$-(b - a)/||b - a||$</p>
+<p>大小：下图红框部分，a和b之间的相对速度投影在ab方向上的速度</p>
+<p><img src="../../images/animation_part1_23.png" alt=""></p>
+<h4 id="弹簧结构"><a href="#弹簧结构" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>弹簧结构</h4>
+<p>弹簧可以组合成各种形状</p>
+<p>如下图，可以每2根共用一个质量表示一张平面，也可以在三维空间中进行连接</p>
+<p><img src="../../images/animation_part1_24.png" alt=""></p>
+<h5 id="使用各种弹簧模拟一块布"><a href="#使用各种弹簧模拟一块布" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>使用各种弹簧模拟一块布</h5>
+<ol>
+<li>问题1：切变会受影响</li>
+<li>问题2：存在一种力让整个形状变得不是一个平面</li>
+</ol>
+<p><img src="../../images/animation_part1_25.png" alt=""></p>
+<ul>
+<li>加入斜的对角线解决切边</li>
+</ul>
+<p>在以上的形状中加入斜的对角线，发生切变时，新加的蓝线会被压缩，那弹簧就会向外抵抗它</p>
+<p><img src="../../images/animation_part1_26.png" alt=""></p>
+<p>存在结构不对称问题，无法使模拟的布在任何一个方向拉它，它的行为保持一致</p>
+<ul>
+<li>加入另外一个方向上的斜对角线</li>
+</ul>
+<p>不能抵抗非平面的弯曲(沿着竖的或横的线折叠)</p>
+<p><img src="../../images/animation_part1_27.png" alt=""></p>
+<ul>
+<li>加上跳过相邻质点的连接线</li>
+</ul>
+<p>如下图的红线，任何一个点都和它隔一个点连一根线</p>
+<p>红线的连接是非常弱的，蓝线非常强</p>
+<p><img src="../../images/animation_part1_28.png" alt=""></p>
+<ul>
+<li>例子</li>
+</ul>
+<p>下图是质点弹簧系统做的裙子</p>
+<p>简化的表示，未表示纤维、股和线等之间的力的关系</p>
+<p><img src="../../images/animation_part1_29.png" alt=""></p>
+<ul>
+<li>拓展</li>
+</ul>
+<p>除了质点弹簧系统，还有其他的方法，比如有限元方法（FEM (Finite Element Method)），这个方法被广泛应用于车辆碰撞，能够表现力之间的传导作用</p>
+<p><img src="../../images/animation_part1_30.png" alt=""></p>
+<h3 id="粒子系统"><a href="#粒子系统" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>粒子系统</h3>
+<p>用于描述一些很小很小移动的东西</p>
+<p>建模一堆很微小的东西，定义每一个粒子会受到的力（有重力、风力、粒子和粒子之间的力）</p>
+<p>很容易模仿一些魔法效果、雾、灰尘等等</p>
+<p>粒子越多模拟得越精细，但是越慢；越少，计算速度越快，但效果差一些</p>
+<p><img src="../../images/animation_part1_31.png" alt=""></p>
+<h4 id="存在问题"><a href="#存在问题" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>存在问题</h4>
+<ol>
+<li>粒子系统可以模拟流体，这样可能需要很多粒子</li>
+<li>粒子和粒子之间的作用不只有碰撞，还可能有引力，需要随时更新粒子的位置</li>
+</ol>
+<h4 id="算法"><a href="#算法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>算法</h4>
+<ol>
+<li>动态生成一些新的粒子</li>
+<li>计算每个粒子的作用力</li>
+<li>根据作用力更新粒子的位置和速度</li>
+<li>如果粒子有存活时间，移除消亡的粒子</li>
+<li>渲染粒子</li>
+</ol>
+<h4 id="粒子系统的力"><a href="#粒子系统的力" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>粒子系统的力</h4>
+<ul>
+<li>吸引力和排斥力
+<ul>
+<li>重力、电磁力</li>
+<li>弹力、推力</li>
+</ul>
+</li>
+<li>阻尼力
+<ul>
+<li>摩擦力、空气阻力、粘滞力</li>
+</ul>
+</li>
+<li>碰撞
+<ul>
+<li>墙、容器、固定物体</li>
+<li>动态物体、角色身体碰撞</li>
+</ul>
+</li>
+</ul>
+<h4 id="例子"><a href="#例子" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>例子</h4>
+<ul>
+<li>万有引力</li>
+</ul>
+<p>最小的物体都会满足此规律</p>
+<p>$$F_g = G\frac{m_1m_2}{d^2}$$</p>
+<p>$$G = 6.67428 \times 10^{-11}Nm^2kg^{-2}$$</p>
+<p><img src="../../images/animation_part1_32.png" alt=""></p>
+<ul>
+<li>银河模拟</li>
+</ul>
+<p><img src="../../images/animation_part1_33.png" alt=""></p>
+<ul>
+<li>基于粒子的流体模拟</li>
+</ul>
+<p>模拟的是粒子，渲染的是像玻璃、是否带白沫</p>
+<p><img src="../../images/animation_part1_34.png" alt=""></p>
+<h4 id="粒子间相互作用"><a href="#粒子间相互作用" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>粒子间相互作用</h4>
+<p>粒子系统不一定只是描述最简单的点，这个粒子也就是在一个很大范围内有很多重复的东西</p>
+<p>个体的运动属性：</p>
+<p>会被中央的相邻点吸引</p>
+<p>粒子间间隔不会太近</p>
+<p>所有粒子会对齐一个方向</p>
+<p>有了以上的属性就可以通过粒子的方法解出来</p>
+<p><img src="../../images/animation_part1_35.png" alt=""></p>
+<ul>
+<li>分子结构</li>
+</ul>
+<p><img src="../../images/animation_part1_36.png" alt=""></p>
+<ul>
+<li>人群</li>
+</ul>
+<p><img src="../../images/animation_part1_37.png" alt=""></p>
+<h2 id="运动学"><a href="#运动学" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>运动学</h2>
+<p>在图形学中运动学分为正向的和反向的，即正运动学和逆运动学</p>
+<h3 id="正运动学"><a href="#正运动学" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>正运动学</h3>
+<h4 id="骨骼系统"><a href="#骨骼系统" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>骨骼系统</h4>
+<p>用于描述和人骨骼连接拓扑结构类似的结构，可定义不同的关节</p>
+<p><img src="../../images/animation_part1_38.png" alt=""></p>
+<ul>
+<li>Pin</li>
+</ul>
+<p>钉子钉住后只能在钉住的平面内往一个方向旋转</p>
+<p><img src="../../images/animation_part1_39.png" alt=""></p>
+<ul>
+<li>Ball</li>
+</ul>
+<p>有一个东西可以包住一个球，这个球可以任意的在任意方向旋转</p>
+<ul>
+<li>Prismatic joint</li>
+</ul>
+<p>可以拉长，也就是可以有一些移动</p>
+<p><img src="../../images/animation_part1_40.png" alt=""></p>
+<h4 id="一个简单的关节"><a href="#一个简单的关节" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>一个简单的关节</h4>
+<p>如下图，只能在平面内发生旋转，类似于肩和肘的旋转，假设第一段旋转$\theta_1$度，第二段旋转$\theta_2$度，如何确定尖端位置</p>
+<p><img src="../../images/animation_part1_41.png" alt=""></p>
+<p>先算出上方黑点的位置，因为$\theta_2$是在$\theta_1$的基础上旋转的，可以用$\theta_1$加$\theta_2$计算</p>
+<p><img src="../../images/animation_part1_42.png" alt=""></p>
+<p>因此，正向运动学需要定义好连接方式，定义好它们之间的各种位置，就可以找到各种点的位置</p>
+<ul>
+<li>例子</li>
+</ul>
+<p>人类行走动作模拟</p>
+<p><img src="../../images/animation_part1_43.png" alt=""></p>
+<h5 id="优缺点"><a href="#优缺点" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>优缺点</h5>
+<ul>
+<li>优点</li>
+</ul>
+<p>实现容易</p>
+<ul>
+<li>缺点</li>
+</ul>
+<p>它的定义都很物理</p>
+<p>但是艺术家们更喜欢直观的控制尖端进行动画的创建，而非调整角度</p>
+<h3 id="逆向运动学"><a href="#逆向运动学" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>逆向运动学</h3>
+<p>逆运动学可以手里捏着尖端到处移动，它会自动的调整它的关节的位置，使得尖端就在你要的位置上</p>
+<p><img src="../../images/animation_part1_44.png" alt=""></p>
+<p>如下图中，给出固定点P，它就会给出$\theta_1$和$\theta_2$,解出这两个角度的过程比较复杂</p>
+<p><img src="../../images/animation_part1_45.png" alt=""></p>
+<h4 id="问题"><a href="#问题" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>问题</h4>
+<ul>
+<li>逆向运动学的解有时候不唯一</li>
+</ul>
+<p>如图，尖端位置确定，但存在两个解</p>
+<p><img src="../../images/animation_part1_46.png" alt=""></p>
+<p><img src="../../images/animation_part1_47.png" alt=""></p>
+<ul>
+<li>存在无解的情况</li>
+</ul>
+<p>最上面的关节点只可能出现在下图的虚线上，尖端通过旋转可以在一个圆上，从而尖端只有可能在外层的圈和内层的圈之间，其他位置到不了</p>
+<p><img src="../../images/animation_part1_48.png" alt=""></p>
+<h4 id="问题优化"><a href="#问题优化" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>问题优化</h4>
+<p>一般N维IK问题的数值求解</p>
+<ul>
+<li>选择初始配置</li>
+<li>定义错误度量(例如：目标与当前位置之间距离的平方)</li>
+<li>计算误差梯度作为配置的函数</li>
+<li>应用梯度下降或牛顿方法</li>
+</ul>
+<h2 id="绑骨riging"><a href="#绑骨riging" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>绑骨(Riging)</h2>
+<p>对于一个形状的控制，其实就是木偶操作，一定程度上就是逆运动学的一个应用</p>
+<p>例子：</p>
+<p><img src="../../images/animation_part1_49.png" alt=""></p>
+<h3 id="形状混合"><a href="#形状混合" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>形状混合</h3>
+<p>人物有2个不同的动作，这2个动作之间可以通过插值的方式做。利用控制点做了2个不同的造型，然后将控制点和控制点之间的位置做插值</p>
+<p>实际为混合控制点及其影响区域</p>
+<p><img src="../../images/animation_part1_50.png" alt=""></p>
+<h3 id="动作捕捉"><a href="#动作捕捉" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>动作捕捉</h3>
+<p>给真人各个不同的地方加上控制点，让这些控制点的位置直接反应到虚拟的造型上去。要建立虚拟的人物和真实的人物之间的关系，此时只要人在做动作时将它拍下来，就可以知道控制点的不同的位置并反应到对应的人物上面去</p>
+<p><img src="../../images/animation_part1_51.png" alt=""></p>
+<h4 id="优缺点-1"><a href="#优缺点-1" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>优缺点</h4>
+<ul>
+<li>优点</li>
+</ul>
+<p>可以迅速捕捉大量的真实数据，避免手K的耗时耗力的操作</p>
+<p>真实感非常强</p>
+<ul>
+<li>缺点</li>
+</ul>
+<p>进行动作捕捉需要很多前期的准备</p>
+<p>捕捉出来的动作可能不符合艺术家的需求，需要调整（比如真人去演动画人物，动画人物的表情是很夸张的；或者有时捕捉不到好的数据，比如捕捉条件有限制，人在正面的时候看到的控制点，背面也有但正面看不到，那就要在背后加一个摄像机，这就需要成本，而且正常需要更多的摄像机；人物动作的时候还会遮挡）</p>
+<p><img src="../../images/animation_part1_52.png" alt=""></p>
+<h4 id="其他捕捉方法"><a href="#其他捕捉方法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>其他捕捉方法</h4>
+<p>还有磁力的（不受遮挡影响）、机械的（真正在人身上贴上机械的东西）</p>
+<p><img src="../../images/animation_part1_53.png" alt=""></p>
+<h3 id="光学动作捕捉"><a href="#光学动作捕捉" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光学动作捕捉</h3>
+<p>应用最广泛的还是光学的捕捉方法，贴一些Maker（贴片或小球）贴在人身上，然后用很多很复杂的摄像机，将这些点的位置非常准确的测出来</p>
+<p><img src="../../images/animation_part1_54.png" alt=""></p>
+<p><img src="../../images/animation_part1_55.png" alt=""></p>
+<h4 id="获取的动作数据"><a href="#获取的动作数据" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>获取的动作数据</h4>
+<p>下图曲线就为一个控制点不同时间在三维空间中的位置</p>
+<p><img src="../../images/animation_part1_56.png" alt=""></p>
+<h4 id="面部动画的问题"><a href="#面部动画的问题" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>面部动画的问题</h4>
+<p>非常真实的动画往往会出现恐怖谷效应</p>
+<p>恐怖谷效应：人们会对生成的过于真实的人类感到害怕</p>
+<p><img src="../../images/animation_part1_57.png" alt=""></p>
+<h4 id="面部动作捕捉"><a href="#面部动作捕捉" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>面部动作捕捉</h4>
+<p>阿凡达这部电影具有里程碑式的效应，就是因为使用了面部动作捕捉</p>
+<p><img src="../../images/animation_part1_58.png" alt=""></p>
+<h4 id="动画电影的生成过程"><a href="#动画电影的生成过程" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>动画/电影的生成过程</h4>
+<p>分别为Pre-Production、Production、Post-Production三个部分，具体工作内容和职责可由下图所示</p>
+<p><img src="../../images/animation_part1_59.png" alt=""></p>
+<hr>
+<h2 id="单粒子模拟"><a href="#单粒子模拟" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>单粒子模拟</h2>
+<p>可在已知任何一个物体任何时刻的速度和初始位置的情况下计算某个时间后的位置</p>
+<ol>
+<li>粒子满足匀速直线运动，初始位置加上速度和时间的乘积即可</li>
+<li>一个粒子在一个速度场会沿着类似水流的方向往前走</li>
+</ol>
+<p><img src="../../images/animation_part2_1.png" alt=""></p>
+<p>此时在任何一个位置x和时间t，都有一个速度</p>
+<p>$$v(x,t)$$</p>
+<h3 id="常微分方程ode"><a href="#常微分方程ode" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>常微分方程(ODE)</h3>
+<p>对于一个物体的运动模拟，可以写成一阶常微分方程（Ordinary Differential Equation (ODE)的形式</p>
+<p>$$\frac{dx}{dt} = \dot{x} = v(x,t)$$</p>
+<h3 id="欧拉方法前向欧拉显式欧拉"><a href="#欧拉方法前向欧拉显式欧拉" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>欧拉方法(前向欧拉，显式欧拉)</h3>
+<p>已知速度和起始位置，求任意时刻位置</p>
+<p><img src="../../images/animation_part2_2.png" alt=""></p>
+<p>将时间细分为很多的小块，不断计算$t+\Delta t$的位置</p>
+<p>$$x^{t+\Delta t} = x^ t+\Delta t \dot{x}^t$$</p>
+<p>$$\dot{x}^{t+\Delta t} = \dot{x}^t + \Delta t \ddot{x}^t$$</p>
+<p>始终使用上一时刻的量来估计下一时刻的量</p>
+<h4 id="问题-1"><a href="#问题-1" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>问题</h4>
+<p>欧拉方法会迅速变得不稳定</p>
+<ul>
+<li>减少$\Delta t$来减少误差</li>
+</ul>
+<p>$\Delta t$分得越细，模拟就会越精确，如果越大，和实际的路线偏离得越多</p>
+<p><img src="../../images/animation_part2_3.png" alt=""></p>
+<ul>
+<li>不稳定性</li>
+</ul>
+<p>不稳定：无论取多大的$\Delta t$，它都会变得和实际结果相差无限远</p>
+<p>如下图，不管取多大的步长，路线都肯定不会沿着螺旋形走，而且一定会离开这个螺旋形的速度场</p>
+<p>事实上，粒子在一个螺旋形的速度场，一定会按照严格的圆周运动</p>
+<p><img src="../../images/animation_part2_4.png" alt=""></p>
+<p>如下图速度场中，粒子运动轨迹与实际按一根曲线慢慢走到水平存在极大差别</p>
+<h4 id="总结数值方法解微分方程都会面临的问题"><a href="#总结数值方法解微分方程都会面临的问题" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>总结：数值方法解微分方程都会面临的问题</h4>
+<ul>
+<li>误差</li>
+</ul>
+<p>每一步计算都会有误差，累积起来还是有误差</p>
+<p>如果用的步长较小，就可以降低误差</p>
+<p>对于图形学来说，有时候模拟出来的误差问题也不大，因为图形学关注的是模拟看起来的效果，而不是物理上特别的真实</p>
+<ul>
+<li>不稳定</li>
+</ul>
+<p>不管通过怎样的方法模拟得到的结果，最后都和实际的正确的结果差得越来越远</p>
+<p>如下图对应链接的视频，在绝地求生中，车辆撞上摩托后会出现奇怪的翻滚现象，这在许多存在物理引擎的游戏中普遍存在</p>
+<p><img src="../../images/animation_part2_5.png" alt=""></p>
+<h4 id="解决办法"><a href="#解决办法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>解决办法</h4>
+<ul>
+<li>中点法</li>
+</ul>
+<p>避免欧拉方法在模拟的过程中让结果离得越来越远</p>
+<ol>
+<li>一开始有一个位置和一个方向，可以直接用欧拉方法来模拟某个$\Delta t$，让其先到达a</li>
+<li>取原始点和a点之间的中点b，考虑它所在的速度</li>
+<li>再回到原始的出发点，应用b点的速度来重新再算一遍欧拉方法，到达c点</li>
+</ol>
+<p><img src="../../images/animation_part2_6.png" alt=""></p>
+<p>$$x_{mid} = x(t) + \Delta t/2 \cdot v(x(t),t)$$</p>
+<p>$$x(t+\Delta t) = x(t) +\Delta t \cdot v(x_{mid},t)$$</p>
+<p>依旧使用的欧拉方法只是计算了两次，第一次得到中点速度，第二次代入中点速度计算</p>
+<p>因为多了一个二次项而更加准确</p>
+<p>$$x^{t+\Delta t} = x^t +\frac{\Delta t}{2}(\dot{x}^t+\dot{x}^{t+\Delta t})$$</p>
+<p>$$\dot{x}^{t+\Delta t} = \dot{x}^t + \Delta t \ddot{x}^t$$</p>
+<p>$$\dot{x}^{t+\Delta t} = x^t +\Delta t \dot{x}^t + \frac{(\Delta t)^2}{2}\ddot{x}^t$$</p>
+<p>可以认为中点法作为修正的欧拉方法算出了局部的二次的模型,因而比一次的模型准确</p>
+<ul>
+<li>自适应步长改变</li>
+</ul>
+<p>如图，原始点使用欧拉方法经$\Delta t$在$x_T$上</p>
+<p>将时间减半，得到2个$\Delta t$，计算2次，从原始点先用$\frac{\Delta t}{2}$ 算到一个位置，再使用$\frac{\Delta t}{2}$再算一次，到达$\frac{x_T}{2}$</p>
+<p><img src="../../images/animation_part2_7.png" alt=""></p>
+<p>如果$x_T和\frac{x_T}{2}$这2个点差得挺远，这就意味着将$\Delta t$分成2部分分别考虑这样做会更准确，那就应该考虑$\frac{\Delta t}{2}$；如果差得不远，就没必要再分下去</p>
+<ul>
+<li>隐式欧拉方法</li>
+</ul>
+<p>使用下一个时间的梯度来更新此时</p>
+<p>要解下列方程组，如果速度与加速度之间不是简单的线性关系就不太好解了</p>
+<p>$$x^{t+\Delta t} = x^t +\Delta t \dot{x}^{t+\Delta}t$$</p>
+<p>$$\dot{x}^{t+\Delta t} = \dot{x}^t+\Delta t \ddot{x}^{t+\Delta t}$$</p>
+<p>可以用求根公式,虽然比之前数值的解法要慢很多，但隐式的方法可以提供更好的稳定性</p>
+<ul>
+<li>龙格库塔方法(Runge-Kutta Families)</li>
+</ul>
+<p>龙格库塔是一类解常微分方程（ODE）方法（特别是非线性的情况）</p>
+<p>其中RK4方法是应用最广泛的</p>
+<p>解决的方法和欧拉方法是一样的:</p>
+<p>有一个一阶导数，它和时间和位置有关，并且有一个初始情况</p>
+<p>在更新的时候稍微有点不一样：用上一帧的位置用$\Delta t$乘以某个平均值来更新</p>
+<p>下面的4个值是不同位置和不同时间在速度场中的值</p>
+<p><img src="../../images/animation_part2_8.png" alt=""></p>
+<h4 id="非物理方法"><a href="#非物理方法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>非物理方法</h4>
+<p>通过调整它的不同位置，使得它最后能够满足某种限制</p>
+<p>优点：</p>
+<p>实现起来快、简单</p>
+<p>缺点：</p>
+<p>有时不能保证能量守恒的性质</p>
+<h2 id="刚体模拟"><a href="#刚体模拟" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>刚体模拟</h2>
+<p>刚体不会发生形变，它会让内部所有的点都按照同一种方式去运动</p>
+<p>如下图，一个刚体的位置、朝向、速度、角速度分别对时间求导后得到速度、角速度、加速度、角加速度</p>
+<p><img src="../../images/animation_part2_13.png" alt=""></p>
+<h2 id="流体模拟"><a href="#流体模拟" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>流体模拟</h2>
+<h3 id="简单的非物理方法"><a href="#简单的非物理方法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>简单的非物理方法</h3>
+<p>通过模拟形成水的体积的小球的位置来模拟整个水的运动</p>
+<ol>
+<li>认为整个水体是由很多不可压缩的刚体小球组成的</li>
+<li>水在任何地方都是不可压缩的</li>
+<li>给定任何一个时刻这些小球它们分布，都可以知道任何一个地方的密度。如果有任何一个地方的密度变得和水一开始平静的时候的密度不一样，那就需要通过移动小球的位置把这个密度修正</li>
+<li>需要知道任何一个点它的密度对所有的小球位置的梯度（导数）</li>
+</ol>
+<p><img src="../../images/animation_part2_9.png" alt=""></p>
+<h3 id="欧拉方法和拉格朗日方法"><a href="#欧拉方法和拉格朗日方法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>欧拉方法和拉格朗日方法</h3>
+<p>物理模拟中模拟大规模的物质</p>
+<ul>
+<li>拉格朗日方法俗称质点法</li>
+</ul>
+<p>模拟水是认为水是由很多圆形的小水滴组成，挨个模拟小水滴</p>
+<p>如下图，如果模拟一群小鸟的移动，就只关注某一只</p>
+<p><img src="../../images/animation_part2_10.png" alt=""></p>
+<ul>
+<li>欧拉方法俗称网格法</li>
+</ul>
+<p>这里是指如何去看待模拟的一系列大规模的物体，将整个空间分成不同的网格，不管网格中的东西是出去了还是进来了，就考虑这个网格随着不同的时间是如何变化的</p>
+<p>如下划分多个网格就知道时间t为黑色的鸟，t-1应显示蓝色的鸟</p>
+<p><img src="../../images/animation_part2_11.png" alt=""></p>
+<h3 id="物质点方法"><a href="#物质点方法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>物质点方法</h3>
+<p>结合了上述两个方法</p>
+<ol>
+<li>认为这些不同的粒子都具有某些材质属性，存储在点上</li>
+<li>融化的过程在网格中做</li>
+<li>再将格子上的信息写回不同的粒子上去</li>
+</ol>
+<p><img src="../../images/animation_part2_12.png" alt=""></p>
+<hr>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E5%85%89%E5%9C%BA%E9%A2%9C%E8%89%B2%E5%92%8C%E6%84%9F%E7%9F%A5/" rel="next">光场、颜色和感知 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/双向反射分布函数/index.html b/public/computergraphic/双向反射分布函数/index.html
new file mode 100644
index 0000000..aa0b6c2
--- /dev/null
+++ b/public/computergraphic/双向反射分布函数/index.html
@@ -0,0 +1,518 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>双向反射分布函数(BRDF) | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="光的反射 对于在某一点上发生的反射，我们通常认为： 光进来打到了一个物体，被弹走后，改变……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E5%8F%8C%E5%90%91%E5%8F%8D%E5%B0%84%E5%88%86%E5%B8%83%E5%87%BD%E6%95%B0/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-23T15:05:33+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E5%8F%8C%E5%90%91%E5%8F%8D%E5%B0%84%E5%88%86%E5%B8%83%E5%87%BD%E6%95%B0/",
+        "headline": "双向反射分布函数(BRDF)",
+        "description": "光的反射 对于在某一点上发生的反射，我们通常认为： 光进来打到了一个物体，被弹走后，改变……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  1958 ,
+        "image": ["http://www.inksoul.top/../../images/reflaction_radiance_irradiance.png","http://www.inksoul.top/../../images/BRDF_define.png","http://www.inksoul.top/../../images/the_reflection_equation.png","http://www.inksoul.top/../../images/understanding_flection_equation1.png","http://www.inksoul.top/../../images/understanding_reflection_equation2.png","http://www.inksoul.top/../../images/understanding_reflection_equation3.png","http://www.inksoul.top/../../images/understanding_rendering_equation1.png","http://www.inksoul.top/../../images/rendering_equation_simplify.png","http://www.inksoul.top/../../images/Direct_illumination_eg.png","http://www.inksoul.top/../../images/one-bounce_global_illumination_eg.png","http://www.inksoul.top/../../images/two-bounce_global_illumination_eg.png","http://www.inksoul.top/../../images/four-bounce_global_illumination_eg.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="双向反射分布函数(BRDF)" />
+<meta property="og:description" content="光的反射 对于在某一点上发生的反射，我们通常认为： 光进来打到了一个物体，被弹走后，改变……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E5%8F%8C%E5%90%91%E5%8F%8D%E5%B0%84%E5%88%86%E5%B8%83%E5%87%BD%E6%95%B0/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/reflaction_radiance_irradiance.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-23T15:05:33&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">双向反射分布函数(BRDF)</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h3 id="光的反射"><a href="#光的反射" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光的反射</h3>
+<p>对于在某一点上发生的反射，我们通常认为：</p>
+<ul>
+<li>光进来打到了一个物体，被弹走后，改变了方向</li>
+<li>光线打到了某个物体表面后被吸收，再从物体表面将吸收的能量辐射出去</li>
+</ul>
+<h4 id="通过radiance-和-irradiance-来解释"><a href="#通过radiance-和-irradiance-来解释" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>通过Radiance 和 Irradiance 来解释</h4>
+<p>从某个立体角($\omega$)来的Radiance会打在dA上，在dA上转换成能量，并以光的形式辐射到另一个方向上去(dLr),即表现为出去的Radiance</p>
+<p><img src="../../images/reflaction_radiance_irradiance.png" alt=""></p>
+<p>对于dA来说，其接收到的能量只考虑某一方向下立体角的Radiance,在投影后就可以计算dA接收到的Irradiance,Irradiance又会转换成Radiance反射出去</p>
+<p>出于描述dA从某个方向接收到能量后向某一方向辐射的能量值的目的，我们定义了双向反射分布函数(BRDF)</p>
+<h3 id="bidirectional-reflectance-distribution-function-brdf"><a href="#bidirectional-reflectance-distribution-function-brdf" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Bidirectional Reflectance Distribution Function (BRDF)</h3>
+<p>BRDF描述了dA表面是如何把一个方向收集到的能量反射到另一个方向去(定义收集到的能量如何如何往各个方向去分配(漫反射还是镜面反射))</p>
+<p><img src="../../images/BRDF_define.png" alt=""></p>
+<p>镜面反射下，反射出去的方向上分布了所有能量</p>
+<p>漫反射下，吸收的能量会被均等的分配到各个不同的出射方向上去</p>
+<p>BRDF本质上描述了光线和物体是如何作用的，因而BRDF项也定义了物体的不同材质</p>
+<h3 id="反射方程the-reflection-equation"><a href="#反射方程the-reflection-equation" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>反射方程(The Reflection Equation)</h3>
+<p>反射方程定义的是任意着色点，在不同的光照下，我们考虑任意一个输入的光照的入射方向对出射方向的贡献，并累加所有入射方向的贡献</p>
+<p><img src="../../images/the_reflection_equation.png" alt=""></p>
+<p>公式解释：</p>
+<p>考虑任一不同方向的Radiance到图示的点，再通过BRDF的计算，可以得到出射的Radiance</p>
+<p>存在问题：</p>
+<p>从某个方向观察着色点意味着需要考虑所有到达这个着色点的光线，在光线弹射次数大于一次的情况下，能到达着色点的光线并非只有光源，还可能有其他面反射过来的光线(一个面接收光源照射后反射的Radiance还能够照亮其他面，产生递归问题)</p>
+<h3 id="渲染方程the-rendering-equation"><a href="#渲染方程the-rendering-equation" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>渲染方程(The Rendering Equation)</h3>
+<p>渲染方程在反射方程上考虑了物体自发光的情况，提高了通用性，几乎所有物体表面的光线传播都可以使用下列公式来总结</p>
+<p>$$L_o(p,w_o) = L_e(p,w_o) + \int_{\Omega+} {L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)dw_i}$$</p>
+<ul>
+<li>渲染方程与Blinn-Phong模型都假设所有方向向外(考虑所有入射来的方向为球心向整个半球的各个方向)</li>
+<li>$\Omega +$和反射方程中的$H^2$都表示半球</li>
+</ul>
+<h4 id="帮助理解渲染方程"><a href="#帮助理解渲染方程" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>帮助理解渲染方程</h4>
+<p>反射方程：</p>
+<ul>
+<li>对于一个点光源，反射方程描述Li进来经过BRDF反射到观察方向上去的能量</li>
+</ul>
+<p><img src="../../images/understanding_flection_equation1.png" alt=""></p>
+<ul>
+<li>如果有多个光源，就累加计算每个点光源光线到这个点反射到观测方向上的能量值</li>
+</ul>
+<p><img src="../../images/understanding_reflection_equation2.png" alt=""></p>
+<ul>
+<li>如果有一个面光源(一堆点光源的集合)，则将面光源上任意一个点的贡献积分起来</li>
+</ul>
+<p><img src="../../images/understanding_reflection_equation3.png" alt=""></p>
+<p>渲染方程：</p>
+<ul>
+<li>在考虑其他物体反射过来的光时，可以将反射面视为光源，由于渲染方程假设所有方向都是向外的，所以从x点指向反射面就要变成负的</li>
+</ul>
+<p><img src="../../images/understanding_rendering_equation1.png" alt=""></p>
+<p>该点向某一观察方向辐射出去的Radiance是依赖于其他点辐射出去的Radiance，即为递归过程</p>
+<p>递归的另一用处：简化方程</p>
+<p>在某个方向看向一点时，我们不知道看到的能量(Lr)、从其他反射到这一点的Radiance，但其他项都已知，可定义物体的不同材质(diffuse、gloss、specular)</p>
+<p><img src="../../images/rendering_equation_simplify.png" alt=""></p>
+<p>可利用数学上的一些简单表达式进行简化</p>
+<p>$$I(u) = e(u) + \int {I(v) k(u,v)dv}$$</p>
+<p>I: 从两个不同位置(u,v表示)辐射出去的Radiance，</p>
+<p>e：着色点自己发出的能量在加上从其他物体表面反射来的Radiance反射到该着色点后有多少能量辐射到观察方向</p>
+<p>$k(u,v)dv$ : 方程核心</p>
+<p>进一步简化：</p>
+<p>将BRDF和积分写成某种操作符(算子)后简化为下列式子，</p>
+<p>$$L = E +KL$$</p>
+<p>所有物体辐射出的所有能量 = 所有光源辐射出来的能量加上辐射出来的能量被反射后的能量</p>
+<p>解渲染方程 ：</p>
+<ul>
+<li>将KL移至方程左侧，L写成单位矩阵*L的形式</li>
+<li>将(I-k)移至右侧</li>
+<li>计算(1-K)的逆即可解出L的值</li>
+</ul>
+<p>$$L = E + KL$$
+$$IL - KL = E$$
+$$(I - K)L = E$$
+$$L = (I - K )^{-1}E$$</p>
+<p>算子本身具有类似泰勒展开的性质</p>
+<p>$$L = (I + K + K^2 + K^3 + \ldots)E$$
+$$ L = E +KE+ K^2E +K^3E + \ldots $$</p>
+<p>可看做：</p>
+<p>光源直接辐射(E)，加上经过一次反射后的辐射(KE)，加上经过两次反射后的辐射(k^2E)</p>
+<p>即分解了光线传播过程的弹射次数</p>
+<h3 id="全局光照global-illumination"><a href="#全局光照global-illumination" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>全局光照(global illumination)</h3>
+<p>光线弹射一次得到为直接光照，弹射两次及以上为间接光照，所有光线弹射次数的项加起来的结果为全局光照(直接光照+间接光照)</p>
+<h4 id="实例-光栅化"><a href="#实例-光栅化" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>实例-光栅化</h4>
+<p>光栅化在已知着色点与光源位置的情况下便可以做着色，着色实际为直接光照</p>
+<p>因此光栅化能表现的光线传播内容实际上只有零次和一次弹射(光源自己+直接光照)</p>
+<ul>
+<li>直接光照(光源能直接照射的地方有颜色，其余位置为黑的)</li>
+</ul>
+<p><img src="../../images/Direct_illumination_eg.png" alt=""></p>
+<ul>
+<li>一次间接光照(光弹射两次)</li>
+</ul>
+<p><img src="../../images/one-bounce_global_illumination_eg.png" alt=""></p>
+<ul>
+<li>两次间接光照(光弹射一次，两次，三次累积后的全局光照效果)</li>
+</ul>
+<p><img src="../../images/two-bounce_global_illumination_eg.png" alt=""></p>
+<ul>
+<li>四次间接光照(玻璃灯内部变亮，在弹射三次时，仅足够进入物体，不足以离开物体)(双层玻璃需要两次弹射进入，两次弹射离开)</li>
+</ul>
+<p><img src="../../images/four-bounce_global_illumination_eg.png" alt=""></p>
+<p>8次弹射和16次弹射只会提高暗处亮度，难以感知到</p>
+<p>在无限次数弹射下，亮度会收敛到某一个值上，不会有剧烈变化，也不会产生过曝</p>
+<p>在相机的情况下，保持快门打开则会产生过曝现象，与辐射度量学中单位时间的条件相应，快门打开使积累能量的时间变长，亮度变亮</p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E8%B7%AF%E5%BE%84%E8%BF%BD%E8%B8%AA/" rel="prev">&lt; 路径追踪</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E8%BE%90%E5%B0%84%E5%BA%A6%E9%87%8F%E5%AD%A6/" rel="next">辐射度量学基础(Basic radiometry) &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/基本变换/index.html b/public/computergraphic/基本变换/index.html
new file mode 100644
index 0000000..6e6993e
--- /dev/null
+++ b/public/computergraphic/基本变换/index.html
@@ -0,0 +1,587 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>3D基本变换和观测变换(viewing transform) | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="3D基本变换 平移矩阵 通常处理三维中对模型进行平移的行为 $T(t_x,t_y,t_z) = \begin{pmatrix} 1 &amp;0 &amp;0 &amp;t_x \\ 0 &amp;1 &amp;0 &amp;t_y \\ 0 &amp;0……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E5%9F%BA%E6%9C%AC%E5%8F%98%E6%8D%A2/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-05-10T09:10:25+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E5%9F%BA%E6%9C%AC%E5%8F%98%E6%8D%A2/",
+        "headline": "3D基本变换和观测变换(viewing transform)",
+        "description": "3D基本变换 平移矩阵 通常处理三维中对模型进行平移的行为 $T(t_x,t_y,t_z) = \\begin{pmatrix} 1 \u00260 \u00260 \u0026t_x \\\\ 0 \u00261 \u00260 \u0026t_y \\\\ 0 \u00260……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  1765 ,
+        "image": ["http://www.inksoul.top/../../images/flight_euler_angle.png","http://www.inksoul.top/../../images/rotate_around_point.png","http://www.inksoul.top/../../images/3I~K5PRW$Y5JLF3%7DRC@RE0P.png","http://www.inksoul.top/../../images/X%28%7BM%7BB%2924R8DF%5BAB98E9%5D@1.png","http://www.inksoul.top/../../images/3O_1NAGAMER%25%5BEP6T91$LBO.png","http://www.inksoul.top/../../images/fovY.png","http://www.inksoul.top/../../images/triangle.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="3D基本变换和观测变换(viewing transform)" />
+<meta property="og:description" content="3D基本变换 平移矩阵 通常处理三维中对模型进行平移的行为 $T(t_x,t_y,t_z) = \begin{pmatrix} 1 &amp;0 &amp;0 &amp;t_x \\ 0 &amp;1 &amp;0 &amp;t_y \\ 0 &amp;0……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E5%9F%BA%E6%9C%AC%E5%8F%98%E6%8D%A2/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/flight_euler_angle.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-05-10T09:10:25&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">3D基本变换和观测变换(viewing transform)</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h2 id="3d基本变换"><a href="#3d基本变换" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>3D基本变换</h2>
+<h3 id="平移矩阵"><a href="#平移矩阵" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>平移矩阵</h3>
+<p>通常处理三维中对模型进行平移的行为</p>
+<p><br>$T(t_x,t_y,t_z) = \begin{pmatrix} 1 &amp;0 &amp;0 &amp;t_x \\ 0 &amp;1 &amp;0 &amp;t_y \\ 0 &amp;0 &amp;0 &amp;t_z \\ 0 &amp;0 &amp;0 &amp;1 \end{pmatrix} $<br></p>
+<p>$t_x,t_y,t_z$通常表示对应轴上平移的距离</p>
+<hr>
+<h3 id="缩放矩阵"><a href="#缩放矩阵" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>缩放矩阵</h3>
+<p>通常处理三维中对模型进行缩放的行为</p>
+<p>$S(s_x,s_y,s_z) = \begin{pmatrix} s_x &amp;0 &amp;0 &amp;0 \\0 &amp;s_y &amp;0 &amp;0 \\ 0 &amp;0 &amp;s_z &amp;0 \\ 0 &amp;0 &amp;0 &amp;1 \end{pmatrix} $</p>
+<p>$s_x,s_y,s_z$通常表示对应xyz轴的缩放比例</p>
+<hr>
+<h3 id="旋转矩阵"><a href="#旋转矩阵" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>旋转矩阵</h3>
+<p>这个矩阵通常处理三维中对模型绕坐标轴进行旋转的行为</p>
+<hr>
+<p>绕x轴旋转的矩阵为
+$\begin{pmatrix} 1 &amp;0 &amp;0 &amp;0 \\ 0 &amp;cos(r) &amp;-sin(r) &amp;0 \\ 0 &amp;sin(r) &amp;cos(r) &amp;0 \\ 0 &amp;0 &amp;0 &amp;1 \end{pmatrix} $</p>
+<hr>
+<p>绕y轴旋转的矩阵为
+$\begin{pmatrix} cos(r) &amp;0 &amp;sin(r) &amp;0 \\ 0 &amp;1 &amp;0 &amp;0 \\ -sin(r) &amp;0 &amp;cos(r) &amp;0 \\ 0 &amp;0 &amp;0 &amp;1 \end{pmatrix} $</p>
+<hr>
+<p>绕z轴旋转的矩阵为
+$\begin{pmatrix} cos(r) &amp;-sin(r) &amp;0 &amp;0 \\ sin(r) &amp;cos(r) &amp;0 &amp;0 \\ 0 &amp;0 &amp;1 &amp;0 \\ 0 &amp;0 &amp;0 &amp;1 \end{pmatrix} $</p>
+<hr>
+<p>对于给定三个旋转角度的旋转，通常使用欧拉角</p>
+<p>$R_{xyz}(\alpha,\beta,\gamma)=R_x(\alpha)R_y(\beta)R_z(\gamma)$</p>
+<p>此时的三个旋转方向将被称为roll,pich,yaw</p>
+<p><img src="../../images/flight_euler_angle.png" alt="flight_euler"></p>
+<hr>
+<p>对于围绕某一特定点进行旋转的行为，则将该点平移至原点处后视为绕特定轴旋转
+<img src="../../images/rotate_around_point.png" alt=""></p>
+<hr>
+<h3 id="视角变换矩阵"><a href="#视角变换矩阵" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>视角变换矩阵</h3>
+<p>这个矩阵通常用来定义相机对应的视角朝向，利用这个矩阵来将相机位置移动到原点，便于后续的模型进行平移旋转等变换</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span><span class="lnt">4
+</span><span class="lnt">5
+</span><span class="lnt">6
+</span><span class="lnt">7
+</span><span class="lnt">8
+</span><span class="lnt">9
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="n">Eigen</span><span class="o">::</span><span class="n">Matrix4f</span> <span class="n">view</span> <span class="o">=</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Matrix4f</span><span class="o">::</span><span class="n">Identity</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="n">Eigen</span><span class="o">::</span><span class="n">Matrix4f</span> <span class="n">translate</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl"><span class="n">translate</span> <span class="o">&lt;&lt;</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="o">-</span><span class="n">eye_pos</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span>
+</span></span><span class="line"><span class="cl">             <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="o">-</span><span class="n">eye_pos</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span>
+</span></span><span class="line"><span class="cl">             <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="o">-</span><span class="n">eye_pos</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span>
+</span></span><span class="line"><span class="cl">             <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span>  <span class="mi">1</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="n">view</span> <span class="o">=</span> <span class="n">translate</span> <span class="o">*</span> <span class="n">view</span><span class="p">;</span><span class="c1">//移动相机位置到顶点
+</span></span></span></code></pre></td></tr></table></div>
+</div>
+</div><p>在上述代码中，eye_pos(x,y,z,1)往往为相机的位置</p>
+<hr>
+<h3 id="正交投影矩阵"><a href="#正交投影矩阵" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>正交/投影矩阵</h3>
+<h4 id="正交矩阵"><a href="#正交矩阵" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>正交矩阵</h4>
+<p>正交矩阵将使摄像头置于坐标系原点，看向-Z轴方向，可以在Y轴上平行移动。
+最终结果将表现为在XY轴平面上的2D图像，让模型坐标归一化到[-1,1]之间</p>
+<hr>
+<p>总体流程</p>
+<p>为了将一个$[l,r]\times[b,t]\times[f,n]$的长方体转换为符合canonical(正则、规范、标准)的正方体，我们需要进行两步操作</p>
+<p>第一步</p>
+<p>平移这个长方体到坐标系的原点</p>
+<p>对应矩阵$M_{translate}=\begin{bmatrix} \frac{2}{r-l} &amp;0 &amp;0 &amp;0 \\ 0 &amp;\frac{2}{t-b} &amp;0 &amp;0 \\ 0 &amp;0 &amp;0 &amp;\frac{2}{n-f} \\ 0 &amp;0 &amp;0 &amp;1 \end{bmatrix}$</p>
+<p>第二步</p>
+<p>缩放这个长方体到符合正则、规范、标准的正方体</p>
+<p>对应矩阵$M_{scale}=\begin{bmatrix} 1 &amp;0 &amp;0 &amp;-\frac{r+l}{2} \\ 0 &amp;1 &amp;0 &amp;-\frac{t+b}{2} \\ 0 &amp;0 &amp;1 &amp;-\frac{n+f}{2} \\ 0 &amp;0 &amp;0 &amp;1 \end{bmatrix}$</p>
+<p>由第一二步可得出</p>
+<p>正交矩阵为$M_{ortho}=\begin{bmatrix} \frac{2}{r-l} &amp;0 &amp;0 &amp;0 \\ 0 &amp;\frac{2}{t-b} &amp;0 &amp;0 \\ 0 &amp;0 &amp;0 &amp;\frac{2}{n-f} \\ 0 &amp;0 &amp;0 &amp;1 \end{bmatrix}\times\begin{bmatrix} 1 &amp;0 &amp;0 &amp;-\frac{r+l}{2} \\ 0 &amp;1 &amp;0 &amp;-\frac{t+b}{2} \\ 0 &amp;0 &amp;1 &amp;-\frac{n+f}{2} \\ 0 &amp;0 &amp;0 &amp;1 \end{bmatrix}$</p>
+<p>图示</p>
+<p><img src="../../images/3I~K5PRW$Y5JLF3%7DRC@RE0P.png" alt="正交矩阵"></p>
+<hr>
+<h4 id="投影矩阵"><a href="#投影矩阵" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>投影矩阵</h4>
+<p>投影矩阵将使模型满足自然界透视效果，如物体近大远小、所有的平行线变得不再平行，总会交于一点</p>
+<hr>
+<p>推导过程</p>
+<p>将远平面与近平面连线形成的梯形“挤压”到成为一个正方体</p>
+<p><img src="../../images/X(%7BM%7BB)24R8DF%5BAB98E9%5D@1.png" alt=""></p>
+<p>挤压的过程对梯形做横切面可知，计算挤压后的坐标点值实质上为计算相似三角形</p>
+<p>如下图，可知挤压后的坐标与之前的坐标存在的数学关系为
+<img src="../../images/3O_1NAGAMER%25%5BEP6T91$LBO.png" alt=""></p>
+<p>$$y^{'}=\frac{n}{z}y$$   $$x^{'}=\frac{n}{z}x$$</p>
+<p>由此可知经过“挤压”后的坐标为
+$$M_{persp-&gt;ortho}\times\begin{pmatrix}
+x \\ y \\ z \\ 1
+\end{pmatrix}=\begin{pmatrix}
+nx \\ ny \\ {未知} \\ z
+\end{pmatrix}$$</p>
+<p>所以
+$$M_{persp-&gt;ortho}=\begin{pmatrix}
+n &amp;0 &amp;0 &amp;0 \\ 0 &amp;n &amp;0 &amp;0 \\ ? &amp;? &amp;? &amp;? \\ 0 &amp;0 &amp;1 &amp;0
+\end{pmatrix}$$</p>
+<p>又由远平面在被“挤压”后相当于近平面做正交投影得到的远平面，可知</p>
+<ol>
+<li>任何在近平面上的点的坐标在“挤压”的过程中不发生改变</li>
+<li>任何在远平面的点的坐标中的Z值不发生改变,即$$\begin{pmatrix}
+0 \\ 0 \\ f \\ 1
+\end{pmatrix}\rArr\begin{pmatrix}
+0 \\ 0  \\ f \\ 1
+\end{pmatrix}==\begin{pmatrix}
+0 \\ 0 \\ f^2 \\ f
+\end{pmatrix}$$</li>
+</ol>
+<p>在将上述坐标公式中Z的值以n替换之后可得
+$$\begin{pmatrix}
+x \\ y \\ n \\ 1
+\end{pmatrix}\rArr\begin{pmatrix}
+x \\ y \\ n \\ 1
+\end{pmatrix}==\begin{pmatrix}
+nx \\ ny \\ n^2 \\ n
+\end{pmatrix}$$
+据此，可推测第三行未知坐标值符合以下关系
+$$\begin{pmatrix}
+0 &amp;0 &amp;A &amp;B
+\end{pmatrix}\begin{pmatrix}
+x \\ y \\ n \\ 1
+\end{pmatrix}=n^2$$
+因此
+$$An+B=n^2$$
+联立性质2推导的
+$$Af+B=f^2$$
+可得出
+$$A=n+f$$
+$$B=-nf$$</p>
+<p>所以
+$$M_{persp}=M_{ortho}M_{persp-&gt;ortho}=$$
+$$\begin{pmatrix} \frac{2}{r-l} &amp;0 &amp;0 &amp;0 \\ 0 &amp;\frac{2}{t-b} &amp;0 &amp;0 \\ 0 &amp;0 &amp;0 &amp;\frac{2}{n-f} \\ 0 &amp;0 &amp;0 &amp;1 \end{pmatrix}$$
+$$\times$$
+$$\begin{pmatrix} 1 &amp;0 &amp;0 &amp;-\frac{r+l}{2} \\ 0 &amp;1 &amp;0 &amp;-\frac{t+b}{2} \\ 0 &amp;0 &amp;1 &amp;-\frac{n+f}{2} \\ 0 &amp;0 &amp;0 &amp;1 \end{pmatrix}$$
+$$\times$$
+$$\begin{pmatrix} n &amp;0 &amp;0 &amp;0 \\ 0 &amp;n &amp;0 &amp;0 \\ 0 &amp;0 &amp;n+f &amp;-nf \\ 0 &amp;0 &amp;1 &amp;0 \end{pmatrix}$$</p>
+<hr>
+<h4 id="涉及fovy的投影矩阵"><a href="#涉及fovy的投影矩阵" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>涉及FovY的投影矩阵</h4>
+<p>FovY表示视域，即摄像机在固定时能看到的最大角度或最低角度的范围</p>
+<p>Aspect ratio 表示纵横比，投影平面的长宽比
+<img src="../../images/fovY.png" alt=""></p>
+<p>对应的相似三角形关系不变，参数改变
+<img src="../../images/triangle.png" alt="">
+可得如下关系
+$$\tan{\frac{fovY}{2}}=\frac{t}{|n|}$$
+$$aspect=\frac{r}{t}$$
+因此
+$$t=near\times tan(\frac{fovY}{2})$$</p>
+<p>$$r=aspect\times near\times tan(\frac{fovY}{2})$$
+$$l=-aspect\times near \times tan(fovY/2)$$
+带入上述由l,b,n,f构成的矩阵可得
+$$M_{persp-&gt;ortho}$$
+$$=$$
+$$\begin{pmatrix} \frac{2}{r-l} &amp;0 &amp;0 &amp;0 \\ 0 &amp;\frac{2}{t-b} &amp;0 &amp;0 \\ 0 &amp;0 &amp;\frac{2}{n-f} &amp;0 \\ 0 &amp;0 &amp;0 &amp;1 \end{pmatrix}$$
+$$\times$$
+$$\begin{pmatrix} 1 &amp;0 &amp;0 &amp;-\frac{r+l}{2} \\ 0 &amp;1 &amp;0 &amp;-\frac{t+b}{2} \\ 0 &amp;0 &amp;1 &amp;-\frac{n+f}{2} \\ 0 &amp;0 &amp;0 &amp;1 \end{pmatrix}$$
+$$=$$</p>
+<p>$$\begin{pmatrix}
+\frac{\frac{\cot{FovY}}{2}}{apsect*near} &amp;0 &amp;0 &amp;0 \\ 0 &amp; \frac{\frac{\cot{FovY}}{2}}{near} &amp; 0 &amp; 0 \\ 0 &amp; 0 &amp; \frac{2}{near-far} &amp; 0 \\ 0 &amp; 0 &amp; 0 &amp; 1
+\end{pmatrix}$$</p>
+<p>$$\times$$</p>
+<p>$$\begin{pmatrix}
+1 &amp;0 &amp;0 &amp;0 \\ 0 &amp;1 &amp;0 &amp;0 \\ 0 &amp;0 &amp;1 &amp;-\frac{near+far}{2} \\ 0 &amp;0 &amp;0 &amp;1
+\end{pmatrix}$$</p>
+<p>$$=$$</p>
+<p>$$\begin{pmatrix}
+\frac{\frac{\cot{FovY}}{2}}{apsect * near} &amp;0 &amp;0 &amp;0 \\ 0 &amp;\frac{\frac{\cot{FovY}}{2}}{near} &amp;0 &amp;0 \\ 0 &amp;0 &amp;\frac{2}{near-far} &amp;-\frac{near+far}{near-far} \\ 0 &amp;0 &amp;0 &amp;1
+\end{pmatrix}$$</p>
+<hr>
+<h4 id="视口变换"><a href="#视口变换" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>视口变换</h4>
+<p>经过MVP矩阵计算后得到的一个正则的正方体需要将X轴和Y轴上的坐标映射到屏幕坐标[0,width]$\times$[0,height]</p>
+<p>变换时需要先将[-1,1]缩放到屏幕大小[width,height]，再进行平移使得原点坐标与屏幕原点对齐</p>
+<p>变换矩阵
+$$M_{viewport}=\begin{bmatrix}
+\frac{width}{2} &amp;0 &amp;0 &amp;\frac{width}{2} \\ 0 &amp;\frac{height}{2}   &amp;0 &amp;\frac{height}{2} \\ 0 &amp;0 &amp;1 &amp;0 \\ 0 &amp;0 &amp;0 &amp;1
+\end{bmatrix}$$</p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E9%87%87%E6%A0%B7%E4%B8%8E%E5%85%89%E6%A0%85%E5%8C%96/" rel="prev">&lt; 采样与光栅化</a>
+                </li>
+            
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/常用光照模型/index.html b/public/computergraphic/常用光照模型/index.html
new file mode 100644
index 0000000..568d476
--- /dev/null
+++ b/public/computergraphic/常用光照模型/index.html
@@ -0,0 +1,503 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>常用光照模型 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="着色(shading) 着色往往是指向模型物体上色或添加材质特性的流程(不包含阴影的计……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E5%B8%B8%E7%94%A8%E5%85%89%E7%85%A7%E6%A8%A1%E5%9E%8B/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-05-19T11:55:15+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E5%B8%B8%E7%94%A8%E5%85%89%E7%85%A7%E6%A8%A1%E5%9E%8B/",
+        "headline": "常用光照模型",
+        "description": "着色(shading) 着色往往是指向模型物体上色或添加材质特性的流程(不包含阴影的计……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  1176 ,
+        "image": ["http://www.inksoul.top/../../images/shading_light_caculate.png","http://www.inksoul.top/../../images/light_separete.png","http://www.inksoul.top/../../images/lambert%27scosine_low.png","http://www.inksoul.top/../../images/Specular_show.png","http://www.inksoul.top/../../images/specular_cacular.png","http://www.inksoul.top/../../images/specular_value_change_show.png","http://www.inksoul.top/../../images/blinn-phong_model_cacu.png","http://www.inksoul.top/../../images/flat_shading.png","http://www.inksoul.top/../../images/Gourand_shading.png","http://www.inksoul.top/../../images/average_normal.png","http://www.inksoul.top/../../images/phong_shading.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="常用光照模型" />
+<meta property="og:description" content="着色(shading) 着色往往是指向模型物体上色或添加材质特性的流程(不包含阴影的计……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E5%B8%B8%E7%94%A8%E5%85%89%E7%85%A7%E6%A8%A1%E5%9E%8B/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/shading_light_caculate.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-05-19T11:55:15&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">常用光照模型</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h4 id="着色shading"><a href="#着色shading" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>着色(shading)</h4>
+<p>着色往往是指向模型物体上色或添加材质特性的流程(不包含阴影的计算)</p>
+<p>对于计算以某个点为反射点的反射向摄像机的光照，我们需要四个主要数据</p>
+<ol>
+<li>视线方向，v</li>
+<li>模型表面法线，n</li>
+<li>光线方向(许多光线中的一条)，l</li>
+<li>模型表面性质(如，颜色，粗糙度等)</li>
+</ol>
+<p><img src="../../images/shading_light_caculate.png" alt=""></p>
+<h4 id="blinn-phong"><a href="#blinn-phong" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>blinn-phong</h4>
+<p>在进一步计算时，我们先对效果进行分析，将效果拆分如下图为3个部分</p>
+<p>分别为</p>
+<ol>
+<li>镜面反射高光（Specular highlights）：对于绝缘体而言其与高光对应，对于金属而言其与它本身的光对应</li>
+<li>漫反射(diffuse reflection):来自于光在物体表面的散射现象</li>
+<li>环境光(ambient lighting)：光在物体之间弹射，最终在整个环境中形成的一个基本光</li>
+</ol>
+<p><img src="../../images/light_separete.png" alt=""></p>
+<p>由此可见，一个物体在渲染后体现的颜色是这三种光的总和，即每个位置的颜色就是specular+diffuse+ambient</p>
+<h5 id="diffuse-reflection"><a href="#diffuse-reflection" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Diffuse Reflection</h5>
+<p>在计算漫反射时我们要考虑反射点接收了多少能量从而判断高光的亮度大小</p>
+<p>根据lambert's cosine law,反射点吸收能量的多少与反射点法线和光线的夹角有关,即如图中表现的$\cos{\theta}=l\cdot n$</p>
+<p><img src="../../images/lambert'scosine_low.png" alt=""></p>
+<p>由此我们可以将漫反射总结为如下公式(lambertian Shading)</p>
+<p>$L_d=k_d(I/r^2)max(0,n\cdot l)$</p>
+<ol>
+<li>$L_d$ : 我们想要的反射光线</li>
+<li>$k_d$ : 漫反射系数</li>
+<li>$(I/r^2)$ :到达反射点的能量值</li>
+<li>$max(0,n\cdot l)$ : 反射点接收的能量值</li>
+</ol>
+<h5 id="specular-term高光"><a href="#specular-term高光" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Specular Term(高光)</h5>
+<p>高光(Specular)指的是视线在一定的角度区域观看模型表面时会产生一个类似镜面反射的效果</p>
+<p><img src="../../images/Specular_show.png" alt=""></p>
+<p>如图中黄色区域为可见高光的视线范围</p>
+<p>计算过程中需要引入一个半程向量(光线与视线夹角一半方向上的一个单位向量，半程向量与法线向量越接近，镜面反射强度越高)</p>
+<p>$$ h=bisector(v,l) = \frac{v+l}{ || v+l || } $$</p>
+<p>$$L_s=k_s(I/r^2)max(0,\cos \alpha)^p$$
+$$\quad =k_s(I/r^2)max(0,n \cdot h)^p$$</p>
+<p><img src="../../images/specular_cacular.png" alt=""></p>
+<p>$ k_s $ : 镜面反射系数
+$ p $ : 高光的面积，P越大高光面积越小
+$ L_s $ : 计算的高光效果光线</p>
+<p>高光的效果和范围大小与$k_s$和p有关，下图展示了变化效果</p>
+<p><img src="../../images/specular_value_change_show.png" alt=""></p>
+<h5 id="ambient-term-环境光"><a href="#ambient-term-环境光" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>ambient Term (环境光)</h5>
+<p>任何物体都可以反射光，这使得光在多个物体间弹射，最终会在环境中形成一个最基本的光，通常会被视为常量</p>
+<p>！这是一个近似的效果(不符合物理)</p>
+<p>$$L_a=k_a I_a$$</p>
+<p>$k_a$ : 环境光系数，确定当前环境的底色</p>
+<h5 id="blinn-phong-reflection-model"><a href="#blinn-phong-reflection-model" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Blinn-phong Reflection Model</h5>
+<p><img src="../../images/blinn-phong_model_cacu.png" alt=""></p>
+<p>$$L = L_a + L_d + L_s $$
+$$\quad = k_aI_a+k_d(I/r^2)max(0,n\cdot l)+k_s(I/r^2)max(0,n\cdot h)^p$$</p>
+<p>当然这种方式会产生严重的塑料感，这种感觉可以通过调整参数来减少或避免，下次再述(挖坑)</p>
+<hr>
+<h4 id="渲染序列"><a href="#渲染序列" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>渲染序列</h4>
+<p>渲染序列可以分为三种：</p>
+<p>逐三角渲染（flat shading）</p>
+<ol>
+<li>三角形面或一个法线向量视为是一个平面</li>
+<li>对平滑表面的表现力不友好</li>
+</ol>
+<p><img src="../../images/flat_shading.png" alt=""></p>
+<p>逐顶点渲染（Gouraud shading）</p>
+<ol>
+<li>根据三角形顶点对颜色进行插值计算</li>
+<li>每一个顶点都有一个法线向量</li>
+</ol>
+<p><img src="../../images/Gourand_shading.png" alt=""></p>
+<ol>
+<li>如何获取逐顶点的法线向量
+<ol>
+<li>对于标准的几何图形：顶点的法线向量就在顶点位置</li>
+<li>对于非标准的几何图形：包含该顶点的周围几个表面的法线取平均值,可由计算公式$$ N_v=\frac{\sum_{i}N_i}{\lVert \sum_{i}N_i \rVert}$$ 得到</li>
+</ol>
+</li>
+</ol>
+<p><img src="../../images/average_normal.png" alt=""></p>
+<p>逐像素渲染（phong shading）</p>
+<ol>
+<li>对每一个三角形的法线向量插值(Barycentric interpolation)</li>
+<li>对每一个像素计算完整的渲染模型</li>
+<li>注意：非Blinn-Phong反射模型</li>
+</ol>
+<p><img src="../../images/phong_shading.png" alt=""></p>
+<hr>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E7%BA%B9%E7%90%86/" rel="prev">&lt; 纹理</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/z-buffer_%E6%B7%B1%E5%BA%A6%E7%BC%93%E5%AD%98/" rel="next">Z-Buffer 深度缓存 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/材质与外观/index.html b/public/computergraphic/材质与外观/index.html
new file mode 100644
index 0000000..573f17d
--- /dev/null
+++ b/public/computergraphic/材质与外观/index.html
@@ -0,0 +1,688 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>材质与外观 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="图形学中的材质 用于描述光线和不同材质间的作用关系 上图从左至右分别为三维空间中的网格模……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E6%9D%90%E8%B4%A8%E4%B8%8E%E5%A4%96%E8%A7%82/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-25T15:23:18+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E6%9D%90%E8%B4%A8%E4%B8%8E%E5%A4%96%E8%A7%82/",
+        "headline": "材质与外观",
+        "description": "图形学中的材质 用于描述光线和不同材质间的作用关系 上图从左至右分别为三维空间中的网格模……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  4588 ,
+        "image": ["http://www.inksoul.top/../../images/eg_material_in_cg.png","http://www.inksoul.top/../../images/diffuse_lambertian_material.png","http://www.inksoul.top/../../images/caculate_diffuse_material.png","http://www.inksoul.top/../../images/glossy_material.png","http://www.inksoul.top/../../images/Ideal_feflective_material.png","http://www.inksoul.top/../../images/perfect_specular_reflection_in_physic1.png","http://www.inksoul.top/../../images/perfect_specular_reflection_in_physic2.png","http://www.inksoul.top/../../images/eg_specular_refraction.png","http://www.inksoul.top/../../images/medium_eg_snell_law.png","http://www.inksoul.top/../../images/snell_law_caculation.png","http://www.inksoul.top/../../images/eg_snell_window.png","http://www.inksoul.top/../../images/eg_fresnel_reflection.png","http://www.inksoul.top/../../images/fresnel_term_dielectric.png","http://www.inksoul.top/../../images/fresnel_term_conductor.png","http://www.inksoul.top/../../images/fresnel_term_formule.png","http://www.inksoul.top/../../images/microfacet_theory.png","http://www.inksoul.top/../../images/microfacet_BRDF_glossy.png","http://www.inksoul.top/../../images/microfacet_BRDF_diffuse.png","http://www.inksoul.top/../../images/microfacet_BRDF_caculate.png","http://www.inksoul.top/../../images/microfacet_BRDF_example.png","http://www.inksoul.top/../../images/isotropic_inside_an_elevator.png","http://www.inksoul.top/../../images/isotropic_materials_theory.png","http://www.inksoul.top/../../images/anisotropic_materials_theory.png","http://www.inksoul.top/../../images/anisotropic_BRDF_nylon.png","http://www.inksoul.top/../../images/anistotropic_BRDF_velvet.png","http://www.inksoul.top/../../images/measuring_BRDF_motivation.png","http://www.inksoul.top/../../images/image-based_BRDF_measurement.png","http://www.inksoul.top/../../images/gonioreflectometer.png","http://www.inksoul.top/../../images/tabular_representation.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="材质与外观" />
+<meta property="og:description" content="图形学中的材质 用于描述光线和不同材质间的作用关系 上图从左至右分别为三维空间中的网格模……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E6%9D%90%E8%B4%A8%E4%B8%8E%E5%A4%96%E8%A7%82/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/eg_material_in_cg.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-25T15:23:18&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">材质与外观</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h3 id="图形学中的材质"><a href="#图形学中的材质" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>图形学中的材质</h3>
+<p>用于描述光线和不同材质间的作用关系</p>
+<p><img src="../../images/eg_material_in_cg.png" alt=""></p>
+<p>上图从左至右分别为三维空间中的网格模型，渲染出的两种不同结果</p>
+<h4 id="材质material--brdf"><a href="#材质material--brdf" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>材质(Material) == BRDF</h4>
+<p>渲染方程由物理量推出，因而渲染方程本身严格正确，BRDF描述了某一种材质，因此BRDF决定了光如何被反射</p>
+<h6 id="漫反射材质"><a href="#漫反射材质" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>漫反射材质</h6>
+<p>漫反射：任何一根光线打到漫反射位置的点上会被均匀地分散到各个不同的方向上去</p>
+<p><img src="../../images/diffuse_lambertian_material.png" alt=""></p>
+<ul>
+<li>漫反射材质可定义任何一个不同的点上不同的漫反射系数</li>
+</ul>
+<p>经验定义：</p>
+<p>在Blinn-phong模型中，我们定义过漫反射系数，有多少Intensity到达，然后用一个0到1的颜色控制能被吸收多少（RGB三个通道各不相同，那就引入了颜色）</p>
+<p>正确定义：</p>
+<p>空间中从任何一个方向进来的光的Radiacne是一样的，反射出来的光因为漫反射所以也是同样的</p>
+<p>因此如果如果这个点不发光也不吸收光（白的），那就意味着所有的光进来多少就发射出去多少。也就是进来多少Irradiance，就会出去多少Irradiance，因为Radiance是一致的的，所以入射和出射的Radiance也要是一样的</p>
+<p><img src="../../images/caculate_diffuse_material.png" alt=""></p>
+<p>要使Li等于Lo，所以BRDF为$1/\pi$,此时是完全不吸收能量的</p>
+<p>可定义一个反射率(albedo)在0到1之间，那就可以引入不同颜色的BRDF，值为$albedo/\pi$。这个BRDF的范围是$(0,1/\pi)$</p>
+<p>$$f_r = \rho/\pi$$</p>
+<h6 id="glossy材质"><a href="#glossy材质" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Glossy材质</h6>
+<p>类似于镜面反射又有些粗糙</p>
+<p><img src="../../images/glossy_material.png" alt=""></p>
+<h6 id="类玻璃水的通透材质"><a href="#类玻璃水的通透材质" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>类玻璃/水的通透材质</h6>
+<p><img src="../../images/Ideal_feflective_material.png" alt=""></p>
+<p>左图为玻璃球(水的性质)，右图有颜色且来自于玻璃球壳内，说明折射光在玻璃里传播时会被部分吸收</p>
+<h4 id="反射"><a href="#反射" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>反射</h4>
+<h5 id="物理上的反射定律"><a href="#物理上的反射定律" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>物理上的反射定律</h5>
+<p>镜面反射：入射角等于反射角</p>
+<p><img src="../../images/perfect_specular_reflection_in_physic1.png" alt=""></p>
+<h5 id="计算公式"><a href="#计算公式" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>计算公式</h5>
+<p>方式一：</p>
+<p>根据反射定律，入射光的方向和出射方向的正中间一定是法线方向，再利用平行四边形法则，将$\omega o$和$\omega i$加起来，一定会沿着n方向，其长度为$2\cos \theta $</p>
+<p>方式二：</p>
+<p>将入射和反射角投影到局部坐标系上，可以认为任何一个方向和法线的夹角为0，意味着其方向沿着法线方向，为坐标系的水平方向</p>
+<p>再定义一个$\phi$角度：规定$\omega i$、$\omega o$、n在某一个平面上，$\phi$等于0，如果这个平面绕着n在转，所形成的角度叫方位角</p>
+<p>通过这种方式可以将任何的角度拆成$\theta$和$\phi$，对于左图从上往下看，得到右图，入射角和出射角的朝向在方位角上正好相反（也就是在一个角度上加上一个$\pi$），然后所有的角度都是按$2\pi$循环的</p>
+<p>所以已知$\theta和\phi$，就可以计算出射方向</p>
+<p><img src="../../images/perfect_specular_reflection_in_physic2.png" alt=""></p>
+<p>镜面反射：</p>
+<p>对于一个全镜面反射来说，只需要考虑菲涅尔系数</p>
+<p>$$L_o(\omega_o) = F_r(\omega_r)L_i(\omega_r) = \int_{\Omega}f_r(\omega_o,\omega_i)L_i(\omega_i)\cos \theta_i d\omega_i$$</p>
+<p>$\omega_r和\omega_o$关于表面法线对称</p>
+<p>此处描述$f_r$BRDF项使用狄拉克函数$\delta$</p>
+<p>$\delta$函数满足：</p>
+<p>$$\delta(x) = \begin{cases}
+\infty &amp; \text{x = 0} \\
+0 &amp; {x \neq 0 }
+\end{cases}$$</p>
+<p>$$\int_{-\infty}^{+\infty} {\delta(x)} =1$$</p>
+<p>$$\int_{-\infty}^{+\infty} {f(x)\delta(x-x_0)dx} = f(x_0)$$</p>
+<p>此时将狄拉克函数代入方程中可得到</p>
+<p>$$L_0 = \int_{\Omega} {\frac{\delta(\omega_i - \omega_r )}{\cos\theta_i}F_r(\omega_i)\cos\theta_i d\omega_i} = F_r(\omega_r)L_i(\omega_r)$$</p>
+<p>得到镜面反射的BRDF表达式：</p>
+<p>$$f_r(p,\omega_0,\omega_i) = F_r(\omega_r)\frac{\delta(\omega_i - \omega_r)}{\cos\theta_i}$$</p>
+<h3 id="折射"><a href="#折射" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>折射</h3>
+<ul>
+<li>色散：一束平行光经过棱镜后，因为不同的波长有不同的折射率，会被分解成不同的光线</li>
+<li>Caustics(不准确翻译为焦散)</li>
+</ul>
+<p>产生Caustics的原因永远不是散射，而是聚焦</p>
+<p>形成原因：光线打到的海水表面时，光线会往不同的方向去折射，对于海底的某一个点来说，有几率接收到来自不同方向打过来的光</p>
+<p><img src="../../images/eg_specular_refraction.png" alt=""></p>
+<h4 id="斯内尔定律snells-law"><a href="#斯内尔定律snells-law" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>斯内尔定律(Snell's Law)</h4>
+<p>不同材质拥有不同的额折射率，如真空认为是1，水为1.333，折射率越高说明光在穿过这个材质时会被折射得非常厉害，折射角会非常小，体现出不同波长的光被折射得不同程度</p>
+<p><img src="../../images/medium_eg_snell_law.png" alt=""></p>
+<p>方位角的朝向中，入射光和折射光也是正好相反的</p>
+<p>入射角的正弦和折射角的正弦满足折射率相乘相等</p>
+<p>$$\eta_i \sin\theta_i = \eta_t \sin\theta_t$$</p>
+<p><img src="../../images/snell_law_caculation.png" alt=""></p>
+<p>由斯内尔定律可计算折射角的余弦</p>
+<p>$$\eta_i \sin\theta_i = \eta_t \sin\theta_t$$</p>
+<p>$$\cos\theta_t = \sqrt{1-\sin^2\theta_t} $$</p>
+<p>$$= \sqrt{1-(\frac{\eta_i}{\eta_t})^2 sin^2\theta_i}$$</p>
+<p>$$\sqrt{1-(\frac{\eta_i}{\eta_t})^2(1-\cos^2 \theta_i)}$$</p>
+<h4 id="全反射现象"><a href="#全反射现象" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>全反射现象</h4>
+<p>当满足下列条件时，折射角的余弦的计算没有实数意义，即折射不可能发生</p>
+<p>$$1-(\frac{\eta_i}{\eta_t})^2(1-\cos^2\theta_i) &lt; 0$$</p>
+<p>要使上式成立则</p>
+<p>$$\frac{\eta_i}{\eta_t} &gt; 1$$</p>
+<p>即入射介质的折射率大于折射介质的折射率，此时可能会发生没有折射的现象，名为全反射现象</p>
+<p>如：Snell's Window/Circle</p>
+<p>人在水底，往各个不同的方向看，只能看到一个锥形的区域（97.2度）。如下图，最左边的一根光线的折射角就已经达到90度了，如果角度再大一点，所有能量都会反射到池子底部</p>
+<p><img src="../../images/eg_snell_window.png" alt=""></p>
+<h4 id="bsdf--brdf--btdf"><a href="#bsdf--brdf--btdf" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>BSDF = BRDF + BTDF</h4>
+<p>BRDF中的R表示反射，折射是BTDF，其中的T是transmit。BRDF和BTDF加起来可以统称BSDF，其中的S表示散射</p>
+<h4 id="菲涅尔项fresnel-reflectionterm"><a href="#菲涅尔项fresnel-reflectionterm" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>菲涅尔项(Fresnel Reflection/Term)</h4>
+<p>反射率取决于入射角（和光的偏振）的现象</p>
+<p><img src="../../images/eg_fresnel_reflection.png" alt=""></p>
+<p>如上图中，反射现象随着视角变化而明显</p>
+<h5 id="绝缘体"><a href="#绝缘体" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>绝缘体</h5>
+<p>图中红线所示，如果一根光几乎和物体表面完全持平，那它就会被完全反射掉；如果光和物体是垂直的，更多的能量会发生折射，反射的能量会非常少</p>
+<p>下图的另外两根线表示的是极化现象，和光线的波动性有关，其实光线是沿着各个不同方向有振动的，极化就是只沿着某一个方向振动（S和P是两个方向的极化）</p>
+<p><img src="../../images/fresnel_term_dielectric.png" alt=""></p>
+<h5 id="导体"><a href="#导体" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>导体</h5>
+<p>导体的菲涅尔项和绝缘体的不一样，即使在垂直看过去的情况下，也是反射很多能量</p>
+<p>导体的折射率是复数，需要一个N和一个K</p>
+<p><img src="../../images/fresnel_term_conductor.png" alt=""></p>
+<h5 id="菲涅尔项的公式"><a href="#菲涅尔项的公式" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>菲涅尔项的公式</h5>
+<p>一个0到1之间的数，有多少能量会被反射，2个不同的极化（polarization：S和P）会告诉你不同的反射率，如果考虑不极化的光，就将2项平均</p>
+<p><img src="../../images/fresnel_term_formule.png" alt=""></p>
+<h5 id="菲涅尔近似式"><a href="#菲涅尔近似式" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>菲涅尔近似式</h5>
+<p>可认为该曲线在视角为0度时为某一个值，到达90度值就为1，和绝缘体类似，对导体而言，不考虑其下降再上升的过程</p>
+<p>基准反射率与折射率存在数学关系</p>
+<p>$$R_0 = (\frac{n_1-n_2}{n_1+n_2})^2$$</p>
+<p>曲线上升到90度时为1，0度时等于$R_0$</p>
+<p>$$R(\theta) = R_0 + (1 - R_0)(1 - \cos\theta)^5$$</p>
+<p>可近乎完美地近似绝缘体或导体</p>
+<h4 id="微表面材质模型"><a href="#微表面材质模型" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>微表面材质/模型</h4>
+<p>如下图在空间站拍摄的照片，有相对完美的高光，但看不到地球表面的山、树、和建筑物</p>
+<p>与微表面理论不谋而和，只要离得足够远，看向一个物体时，很多微小的东西看不到，看到的是它们最终形成的对表面的作用（对光形成的总体的效应）</p>
+<h5 id="微表面理论microfacet-theory"><a href="#微表面理论microfacet-theory" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>微表面理论(Microfacet Theory)</h5>
+<p>假设物体表面是粗糙的，从远处看看到的是材质（外观），从近处看看到的是几何</p>
+<ul>
+<li>
+<p>Macroscale层级：（flat &amp; rough）从远处看，看到的是一个平面，并且是粗糙（材质看上去是粗糙的）的；</p>
+</li>
+<li>
+<p>Microscale层级：（bumpy &amp; specular）从近处看，可以看到很多凹凸不平的表面，并且每一个小的表面的微元都认为是完全镜面反射的物体</p>
+</li>
+</ul>
+<p>漫反射将光反射到各个方向上就是认为所有的微表面都像一个很小的镜子，分布又各不规则，最后形成的分布就会把光打到各个不同的方向上去</p>
+<p><img src="../../images/microfacet_theory.png" alt=""></p>
+<h5 id="微表面法线分布"><a href="#微表面法线分布" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>微表面法线分布</h5>
+<ul>
+<li>可使用微表面模型将表面的粗糙程度用微表面的法线分布表示</li>
+</ul>
+<p>glossy材质：</p>
+<p>如下图的表面，看起来很平，它们的分布法线差的不太远，基本都是朝上的。所以如果将它们的分布画出来，它们的法线会集中在宏观的表面法线的周围</p>
+<p><img src="../../images/microfacet_BRDF_glossy.png" alt=""></p>
+<p>diffuse材质：</p>
+<p>如下图，如果表面粗糙（意味着所有的微表面会沿着不同的方向），如果将法线画出来，那它的分布就会离中心离的特别远都会有分布的值</p>
+<p><img src="../../images/microfacet_BRDF_diffuse.png" alt=""></p>
+<ul>
+<li>微表面模型的BRDF公式</li>
+</ul>
+<p>菲涅尔项（Fresnel）- F（i，h）：</p>
+<p>表示总共有多少能量被反射。根据不同的入射方向有不同程度的反射（也就是说如果入射方向几乎是平的，那么就会有大量能量被反射）</p>
+<p>法线分布（distribution of normals）- D（h）：</p>
+<p>这个分布表示在任何一个给定方向上分布的值（可能是集中在中间的，可能是均匀分散开的）</p>
+<p>只有当微表面的法线方向和half vector完全一致的时候，才能吧入射方向的光反射到出射方向上去</p>
+<p>阴影遮掩（shadowing-masking）（几何项） - G（i，o，h）：</p>
+<p>这些微表面间有可能会发生互相遮挡。对入射的光线，有可能会出现自己给自己的阴影；对于观察方向也是一样的，有部分也有可能因为遮挡会看不到</p>
+<p>光线近似平行于表面时更易发生自遮挡，这种入射方向为掠射角(Grazing Angle),阴影遮掩的提出正是用于修正掠影角</p>
+<p><img src="../../images/microfacet_BRDF_caculate.png" alt=""></p>
+<hr>
+<p>使用微表面材质渲染得到的图像质量很高，且微表面模型可描述的物体种类较多，金属、皮质、木头</p>
+<p><img src="../../images/microfacet_BRDF_example.png" alt=""></p>
+<h4 id="各向同性各向异性材质"><a href="#各向同性各向异性材质" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>各向同性/各向异性材质</h4>
+<p>如下图在电梯间的内部，电梯间的六面几乎都是金属，金属是平面的，如果说头顶上有一些小灯打到金属的表面上去会形成高光，高光一般都是圆和椭圆，但这里出现了一条一条的现象</p>
+<p>当金属为拉丝金属，就会产生如图现象</p>
+<p><img src="../../images/isotropic_inside_an_elevator.png" alt=""></p>
+<ul>
+<li>各向同性：认为其微表面不存在一定的方向性，或方向性微弱</li>
+</ul>
+<p>下图可见法线在各个方向上的分布是均匀的</p>
+<p><img src="../../images/isotropic_materials_theory.png" alt=""></p>
+<ul>
+<li>各向异性：认为其法线分布具有明确的方向性</li>
+</ul>
+<p><img src="../../images/anisotropic_materials_theory.png" alt=""></p>
+<ul>
+<li>Anisotropic BRDFs</li>
+</ul>
+<p>如果出射方向和入射方向在方位角上旋转，得到的还是相同的BRDF，那就是各向同性的材质。如果不只和相对的方位角有关，还和绝对的方位角有关，那这个BRDF就是各向异性的</p>
+<p>$$f_r(\theta_i,\phi_i;\theta_r,\phi_r) \neq f_r(\theta_i,\phi_i;\theta_r, - \phi_r)$$</p>
+<ul>
+<li>尼龙</li>
+</ul>
+<p>正常尼龙做法为水平方向和竖直方向的一根压一根，其各向异性在对角线上有不同的表现</p>
+<p><img src="../../images/anisotropic_BRDF_nylon.png" alt=""></p>
+<ul>
+<li>天鹅绒</li>
+</ul>
+<p>底层有很多伸出去的纤维，如果这些纤维往各个不同方向上分布是均匀的，就可认为是各向异性。但我们可将纤维拨到一边去，认为造出各向异性效果</p>
+<p><img src="../../images/anistotropic_BRDF_velvet.png" alt=""></p>
+<h4 id="brdf属性"><a href="#brdf属性" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>BRDF属性</h4>
+<ul>
+<li>非负性</li>
+</ul>
+<p>$$f_r(\omega_i - \omega_r) \geq 0 $$</p>
+<ul>
+<li>线性</li>
+</ul>
+<p>BRDF可拆分为多块，分别做光线传播，再累加各块，得到结果与未拆分相同</p>
+<p>$$L_r(p,\omega_r) = \int_{H^2} f_r(p,\omega_i \rightarrow \omega_r)L_i(p,\omega_i)\cos\theta_id\omega_i$$</p>
+<ul>
+<li>可逆性</li>
+</ul>
+<p>交换入射方向和出射方向，得到的BRDF值相同</p>
+<p>$$f_r(\omega_r \rightarrow \omega_i) = f_r(\omega_i \rightarrow \omega_r)$$</p>
+<ul>
+<li>能量守恒</li>
+</ul>
+<p>BRDF不会让能量变多</p>
+<p>$$\forall \omega_r \int_{H^2} f_r(\omega_i \rightarrow \omega_r)\cos \theta_i d\omega_i \leq 1 $$</p>
+<p>path tracing 中光线在无限次弹射后会收敛正是因为能量守恒</p>
+<ul>
+<li>各向同性和各向异性</li>
+</ul>
+<p>各向同性说明BRDF的值只与相对的方位角相关，可改写为下式</p>
+<p>$$f_r(\theta_i,\phi_i;\theta_r,\phi_r)  f_r(\theta_i,\phi_i;\theta_r, - \phi_r)$$</p>
+<p>原本四维的BRDF会变成三维</p>
+<ul>
+<li>由于BRDF的可逆性，所以对于各向同性来说，相对的方位角无需考虑正负</li>
+</ul>
+<p>$$f_r(\theta_i,\theta_r,\phi_r - \phi_i) = f_r(\theta_r,\theta_i,\phi_i - \phi_r) = f_r(\theta_i,\theta_r,|\phi_r - \phi_i|)$$</p>
+<h4 id="测量brdf"><a href="#测量brdf" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>测量BRDF</h4>
+<p>BRDF可以用各种各样不同的模型去描述，但这些模型都是基于物理的描述或者近似，但只有测量出来的BRDF才是对的BRDF</p>
+<ul>
+<li>测量原因</li>
+</ul>
+<p>以前的模型不够准确</p>
+<p>可以通过某些物理方法测出菲涅尔项（绿线、红线），发现和理论上的曲线（蓝线）看起来完全不一样。也就是说实际上菲涅尔项非常复杂，不是简单公式可以描述的，所以之前的模型是不太准确的</p>
+<p>物理上得出的很多结论大多经过简化，与实际不同，在多数情况下需要测量</p>
+<p>测量后可以不用推出一些模型，可以直接用测的数据</p>
+<p><img src="../../images/measuring_BRDF_motivation.png" alt=""></p>
+<h5 id="怎么测量"><a href="#怎么测量" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>怎么测量</h5>
+<ul>
+<li>理论</li>
+</ul>
+<p>BRDF是2个方向（一个入射方向，一个出射方向）的一个函数，如果盯着一个着色点看，并改变它的入射方向（比如拿一个灯从四面八方照它），相机从四面八方去拍它，这样就可以覆盖BRDF所有可能的输入方向和可能的输出方向对，这样就可以做测量</p>
+<p><img src="../../images/image-based_BRDF_measurement.png" alt=""></p>
+<ul>
+<li>实践仪器</li>
+</ul>
+<p>这个器械有2个爪子，一个抓相机，一个抓光源，将样本放在正中间（球心），这2个爪子可以在球面上任意的旋转</p>
+<p><img src="../../images/gonioreflectometer.png" alt=""></p>
+<ul>
+<li>算法</li>
+</ul>
+<p>枚举所有出射方向，放置光源</p>
+<p>枚举所有入射方向，放置相机</p>
+<p>测量Radiance</p>
+<pre tabindex="0"><code>foreach outgoing direction wo
+    move light to illuminate surface with a thin beam from wo
+    for each incoming direction wi
+        move sensor to be at direction wi from surface
+        measure incident radiance
+</code></pre><p>测得BRDF是四维的，测量十分耗时</p>
+<p>固定了摄像机之后，光源要整个走一遍球面，才能覆盖所有的光源方向，如果下次换一下相机的方向，就又要把光源在整个球面走一遍，这就叫curse of dimentionality</p>
+<ul>
+<li>提升算法效率</li>
+</ul>
+<p>如果测量的BRDF是各向同性的，实际上只有三维的</p>
+<p>用BRDF的可逆性，只考虑相对方位角的话，又可以减少一半的测量</p>
+<ul>
+<li>BRDFs存在的问题</li>
+</ul>
+<ol>
+<li>需要精确测量掠影角</li>
+<li>需要足够高密度的采样频率来测量，以捕获高频的镜面反射</li>
+<li>逆向反射</li>
+<li>空间反射率会发生变化</li>
+</ol>
+<ul>
+<li>BRDFs的存储</li>
+</ul>
+<p>需要的存储要求</p>
+<ol>
+<li>紧凑的表现形式</li>
+<li>准确表示测量的数据</li>
+<li>能正确表现任意方向</li>
+<li>需要可用于重要性采样的良好分布</li>
+</ol>
+<ul>
+<li>BRDF库</li>
+</ul>
+<p>BRDF库存储了很多不同的材质，大多数是假设各向同性的</p>
+<p>对每一个材质做了90<em>90</em>180次测量，并存储结果至一个三维数组</p>
+<p>存储数据量大(未压缩)</p>
+<p><img src="../../images/tabular_representation.png" alt=""></p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E9%AB%98%E7%BA%A7%E5%85%89%E7%BA%BF%E4%BC%A0%E6%92%AD%E4%B8%8E%E5%A4%8D%E6%9D%82%E5%A4%96%E8%A7%82%E5%BB%BA%E6%A8%A1/" rel="prev">&lt; 高级光线传播与复杂外观建模</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E8%B7%AF%E5%BE%84%E8%BF%BD%E8%B8%AA/" rel="next">路径追踪 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/相机与透镜/index.html b/public/computergraphic/相机与透镜/index.html
new file mode 100644
index 0000000..0bd1bdc
--- /dev/null
+++ b/public/computergraphic/相机与透镜/index.html
@@ -0,0 +1,720 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>相机与透镜 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="计算机图形学中有两种成像方法：光栅化成像和光线追踪成像 这两种方法都是一种合成(Syn……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E7%9B%B8%E6%9C%BA%E4%B8%8E%E9%80%8F%E9%95%9C/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-29T14:39:13+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E7%9B%B8%E6%9C%BA%E4%B8%8E%E9%80%8F%E9%95%9C/",
+        "headline": "相机与透镜",
+        "description": "计算机图形学中有两种成像方法：光栅化成像和光线追踪成像 这两种方法都是一种合成(Syn……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  4658 ,
+        "image": ["http://www.inksoul.top/../../images/image_synthesis_capture.png","http://www.inksoul.top/../../images/inside_the_camera.png","http://www.inksoul.top/../../images/lenses_from_image_on_sensor.png","http://www.inksoul.top/../../images/Shuntter_exposes_sensor_for_precise_duration.png","http://www.inksoul.top/../../images/sensor_accumulates_irradiance_during_exposure.png","http://www.inksoul.top/../../images/sensors_without_lenses.png","http://www.inksoul.top/../../images/pinhole_camera.png","http://www.inksoul.top/../../images/largest_pinhole_photograph.png","http://www.inksoul.top/../../images/largest_pinhole_photograph1.png","http://www.inksoul.top/../../images/effect_of_focal_length_on_fov.png","http://www.inksoul.top/../../images/focal_length_vs_filed_of_view1.png","http://www.inksoul.top/../../images/focle_length_vs_field_of_view2.png","http://www.inksoul.top/../../images/effect_of_sensor_size_on_fov.png","http://www.inksoul.top/../../images/sensor_size.png","http://www.inksoul.top/../../images/exposure_aperture_shutter_gain.png","http://www.inksoul.top/../../images/ISO_gain_vs_noise_in_canon.png","http://www.inksoul.top/../../images/F-Number_exposure_levels.png","http://www.inksoul.top/../../images/physical_shutter.png","http://www.inksoul.top/../../images/side_effect_of_shutter_speed1.png","http://www.inksoul.top/../../images/side_effect_of_shutter_speed2.png","http://www.inksoul.top/../../images/side_effect_of_shutter_speed.png","http://www.inksoul.top/../../images/f-stop_vs_shutter_speed.png","http://www.inksoul.top/../../images/hight-speed_photography1.png","http://www.inksoul.top/../../images/long-exposure_photography1.png","http://www.inksoul.top/../../images/long-exposure_photography2.png","http://www.inksoul.top/../../images/long-exposure_photography3.png","http://www.inksoul.top/../../images/real_lens_dfsigns_are_comples.png","http://www.inksoul.top/../../images/real_lens_elements_are_not_ideal.png","http://www.inksoul.top/../../images/ideal_thin_lens_focal_point.png","http://www.inksoul.top/../../images/gauss_ray_diagrams.png","http://www.inksoul.top/../../images/gauss_ray_tracing_construction.png","http://www.inksoul.top/../../images/gauss_ray_tracing_construction1.png","http://www.inksoul.top/../../images/gauss_ray_tracing_construction2.png","http://www.inksoul.top/../../images/computing_circle_of_confusion_size.png","http://www.inksoul.top/../../images/coc_vs_aperture_size.png","http://www.inksoul.top/../../images/example_f-stop_caculations.png","http://www.inksoul.top/../../images/size_of_coc_is_inversely_proportional_to_f-stop.png","http://www.inksoul.top/../../images/eg_of_rendering_with_lens_focus.png","http://www.inksoul.top/../../images/ray_tracing_for_defocus_blur.png","http://www.inksoul.top/../../images/ray_tracing_for_defocus_blur1.png","http://www.inksoul.top/../../images/depth_of_field.png","http://www.inksoul.top/../../images/circle_of_confusion_for_depth_of_field.png","http://www.inksoul.top/../../images/depth_of_filed_fyi.png","http://www.inksoul.top/../../images/DOF_demonstration_fyi.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="相机与透镜" />
+<meta property="og:description" content="计算机图形学中有两种成像方法：光栅化成像和光线追踪成像 这两种方法都是一种合成(Syn……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E7%9B%B8%E6%9C%BA%E4%B8%8E%E9%80%8F%E9%95%9C/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/image_synthesis_capture.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-29T14:39:13&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">相机与透镜</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <p>计算机图形学中有两种成像方法：光栅化成像和光线追踪成像</p>
+<p>这两种方法都是一种合成(Synthesis)的方法，即这个在自然界中不存在，但我们不知可以通过合成方法成像，还可以通过捕捉(capture)方法成像</p>
+<p>$$Image = Synthesis + Capture$$</p>
+<p>当然还有很多种成像方法，最简单的捕捉成像方法是使用相机。当然现在还在研究很多别的更好成像技术（比如：光线的传播其实是有时间的，有一些研究会研究光在极短时间内的传播，就可以看到光线真正在空间中进行传播的过程，这个过程叫Transient image（瞬息图像））</p>
+<p><img src="../../images/image_synthesis_capture.png" alt=""></p>
+<h2 id="相机"><a href="#相机" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>相机</h2>
+<p><img src="../../images/inside_the_camera.png" alt=""></p>
+<p>最早的相机起源子小孔成像</p>
+<p>如果中间平面上的一个孔是一个理想的点，那左边所有不同的有反射光的点，通过中间的孔会在另一侧形成和左边的人道理的像，此时在另一侧放一个传感器将其记录在胶片上就可以得到一张相片</p>
+<p>小孔成像对应的相机为针孔相机(pinhole camera)</p>
+<p>生活中常见的则为带透镜的相机</p>
+<p><img src="../../images/lenses_from_image_on_sensor.png" alt=""></p>
+<h3 id="相机部件"><a href="#相机部件" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>相机部件</h3>
+<ul>
+<li>快门(shutter)</li>
+</ul>
+<p>下图为去掉了镜头后的相机快门部分，控制光在多少分之一秒内进入相机</p>
+<p><img src="../../images/Shuntter_exposes_sensor_for_precise_duration.png" alt=""></p>
+<ul>
+<li>传感器</li>
+</ul>
+<p>记录传感器上任何一个点(像素)的Irradiance</p>
+<p><img src="../../images/sensor_accumulates_irradiance_during_exposure.png" alt=""></p>
+<p>如果一个相机没有透镜或针孔是无法拍出照片的，如果将一个感光元件直接放在一个人的面前，任何一个点上都可能收集到来自不同方向的光，而这个点作为传感器无法区分来自各个方向的光线，此时会将各个方向的能量都综合在这个点上，会导致所有东西都是模糊的</p>
+<p><img src="../../images/sensors_without_lenses.png" alt=""></p>
+<p>前沿中存在传感器可通过方向性的光分开记录的研究，但目前依旧认为只能记录Irradiance而非Radianc</p>
+<h3 id="小孔成像过程"><a href="#小孔成像过程" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>小孔成像过程</h3>
+<p>小孔成像现象在公元前就已经被发现和提出</p>
+<p><img src="../../images/pinhole_camera.png" alt=""></p>
+<p>在今天，针孔摄像机拍摄依旧可行，大多数使用的相机都是带有透镜的，</p>
+<p>真正做一个如下图的针孔(硬纸板中间有一个6mm直径能透光的地方)，也能用这个小针孔拍摄某个场景，记录在胶片上。但拍出来的东西是没有深度可言的，任何地方都不会是虚的，都一定是清楚的</p>
+<p><img src="../../images/largest_pinhole_photograph.png" alt=""></p>
+<p><img src="../../images/largest_pinhole_photograph1.png" alt=""></p>
+<p>虚化正是来源于透镜。在计算光线追踪是，我们使用的就是针孔摄像机的模型，所以也得不出不同的地方会有不同的模糊</p>
+<h3 id="视场field-of-viewfov"><a href="#视场field-of-viewfov" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>视场(Field of View)(FOV)</h3>
+<p>视场往往意味着能够看到多大的范围，对于广角镜头，通常意味着能够拍到更广的角度，可见的FOV更大，对于手机上的相机，视场就相对比较小</p>
+<p><img src="../../images/effect_of_focal_length_on_fov.png" alt=""></p>
+<h4 id="从小孔成像的针孔摄像机理解视场"><a href="#从小孔成像的针孔摄像机理解视场" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>从小孔成像的针孔摄像机理解视场</h4>
+<p>通过上图的相似三角形关系，如果分别从传感器的两个边缘和小孔连一条线，那么两条线中的区域都是可视范围</p>
+<ol>
+<li>传感器的高度认为是h</li>
+<li>传感器和小孔之间的距离(焦距，小孔成像中不存在此概念)是f</li>
+<li>通过平分FOV可计算得出</li>
+</ol>
+<p>$$FOV = 2\arctan(\frac{h}{2f})$$</p>
+<p>将传感器放置在离小孔更近的地方会使f变小，FOV变大，这样就可以通过内部设计推断视场有多大</p>
+<h4 id="焦距focal-length和视场"><a href="#焦距focal-length和视场" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>焦距(focal length)和视场</h4>
+<h5 id="通过定义焦距的方式来定义视场"><a href="#通过定义焦距的方式来定义视场" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>通过定义焦距的方式来定义视场</h5>
+<p>不同视场决定不同拍照结果。视场和传感器大小及焦距相关，所以人们通常定义视场(FOV)以35mm格式的胶片为基准，固定传感器的大小，再通过定义焦距的方式来定义FOV</p>
+<p><img src="../../images/focal_length_vs_filed_of_view1.png" alt=""></p>
+<h5 id="单反镜头的焦距"><a href="#单反镜头的焦距" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>单反镜头的焦距</h5>
+<p>购买单反镜头时会有不同的焦距参数的原因正是视场不同</p>
+<ul>
+<li>17mm is wide angle 104$^\circ$</li>
+<li>50mm is a &quot;normal&quot; lens 47$^\circ$</li>
+<li>200mm is telephoto lens 12$^\circ$</li>
+</ul>
+<h5 id="手机相机的焦距"><a href="#手机相机的焦距" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>手机相机的焦距</h5>
+<p>对于手机相机，其传感器很小，所以对应的焦距也小很多，手机上显示的焦距往往只是一个等效的概念</p>
+<h5 id="不同视场的效果"><a href="#不同视场的效果" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>不同视场的效果</h5>
+<p>当视场越窄，看到的东西越远</p>
+<p><img src="../../images/focle_length_vs_field_of_view2.png" alt=""></p>
+<h4 id="传感器sensor大小和视场fov"><a href="#传感器sensor大小和视场fov" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>传感器(Sensor)大小和视场(FOV)</h4>
+<p>小一点的传感器会对应小一点的视场</p>
+<p><img src="../../images/effect_of_sensor_size_on_fov.png" alt=""></p>
+<h5 id="传感器与胶片"><a href="#传感器与胶片" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>传感器与胶片</h5>
+<p>传感器与胶片这两个概念不一样，平常往往认为是一回事，认为传感器上各个不同的点会对应写到对应的位置上去，存在一个一一对应的关系。我们认为传感器接收到的图像就是最后成像出来的图像。对于渲染器而言，传感器负责记录每个像素最后收到的Irradiance有多大，胶片用于决定应存储的图片格式</p>
+<h5 id="传感器大小"><a href="#传感器大小" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>传感器大小</h5>
+<p>大相机有大的传感器也就有大的分辨率，所以不同相机价格各不相同，相机机身越大，镜头越大越长越好，价格也就越高</p>
+<p><img src="../../images/sensor_size.png" alt=""></p>
+<h4 id="曝光"><a href="#曝光" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>曝光</h4>
+<p>理解：</p>
+<p>如果对明亮场景拍照，得到的结果会亮一些，如果对着一个比较暗的场景，但快门按下的时间长即曝光时间长，也可以得到一个比较亮的照片。因此通过进来多少光和让光进来多长时间，进行累积就可以得到曝光度</p>
+<p>在辐射度量学上，单位时间内有光打到一个表面，单位时间内又辐射出去，就只需要考虑单位时间，但照相是考虑整体时间</p>
+<ol>
+<li>曝光时间(T)由快门控制</li>
+<li>Irradiance(E)指传感器单位面积接收的光能</li>
+<li>H = T $\times$ E</li>
+</ol>
+<p>Irradiance往往由光圈大小(影响镜头接收到多少光)和焦距决定</p>
+<h4 id="影响照片亮度的因素"><a href="#影响照片亮度的因素" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>影响照片亮度的因素</h4>
+<ul>
+<li>光圈的大小</li>
+</ul>
+<p>相机为精密仪器，可控制光圈大小，最大可开到镜头一样大，由f-stop控制。实际上是仿生学设计，模仿人的瞳孔的动态大小调节功能</p>
+<ul>
+<li>快门速度</li>
+</ul>
+<p>快门速度越快，开放时间越短，更少的光进入</p>
+<ul>
+<li>ISO增益/感光度(ISO gain)</li>
+</ul>
+<p>可简单理解为后期处理，当感光元件感知到某个层级的光后利用ISO后期乘上一个数值(可发生在不同的地方，可发生在硬件，调节传感器灵敏度，还可以生成照片的数字信号上进行调节)</p>
+<h4 id="各因素不同的配置"><a href="#各因素不同的配置" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>各因素不同的配置</h4>
+<ul>
+<li>下图第一行参数中用F数表示光圈大小，黑色为遮挡物，白色为光圈大小，F数越大，光圈越小(点号写成逗号为欧洲写法)</li>
+<li>第二行参数使用分数表示快门速度(1/1000即为快门开放1/1000秒)</li>
+<li>第三行参数是ISO，不同ISO可简单理解为相乘</li>
+</ul>
+<p><img src="../../images/exposure_aperture_shutter_gain.png" alt=""></p>
+<h4 id="iso简单地放大信号会放大噪声"><a href="#iso简单地放大信号会放大噪声" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>ISO简单地放大信号会放大噪声</h4>
+<p>任何一个信号肯定会产生噪声，对整个信号去乘以一个很大的数，在放大信号的同时也会放大噪声，这也是在很暗的环境中使用很小的光圈和快门时间会拍出来一张很暗的图</p>
+<p>正常情况下，都不会通过调ISO的方式来得到一个更亮的图，在小范围内调整无误但调得特别大后一定会出现噪声问题</p>
+<p>产生噪声的原因：</p>
+<p>将光认为是光子，如果快门时间不足，那么进入感光元件的光子数就少，光子数少就会造成noisy</p>
+<p><img src="../../images/ISO_gain_vs_noise_in_canon.png" alt=""></p>
+<h4 id="光圈与f数"><a href="#光圈与f数" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光圈与F数</h4>
+<ul>
+<li>
+<p>描述光圈大小常用F-Number</p>
+</li>
+<li>
+<p>F数有两种写法：FN(F后接一个数字)或F/N</p>
+</li>
+<li>
+<p>F数的非正式理解：光圈的直径的逆，即$\frac{1}{直径}$</p>
+</li>
+<li>
+<p>如图，调光圈可以直接调出曝光度</p>
+</li>
+</ul>
+<p><img src="../../images/F-Number_exposure_levels.png" alt=""></p>
+<h4 id="快门曝光时间对结果的影响"><a href="#快门曝光时间对结果的影响" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>快门曝光时间对结果的影响</h4>
+<p>快门</p>
+<p><img src="../../images/physical_shutter.png" alt=""></p>
+<ul>
+<li>
+<p>调节曝光度</p>
+</li>
+<li>
+<p>产生运动模糊(motion blur)</p>
+</li>
+</ul>
+<p>常出现在高速运动的物体上，在快门打开的期间物体发生了运动，就意味着在快门开合过程中会记录物体的一段移动，传感器由起到平均作用，所以表现为模糊</p>
+<p>更长的快门时间会造成更严重的运动模糊，对于等长的快门时间，物体运动越快，越容易出现运动模糊</p>
+<p><img src="../../images/side_effect_of_shutter_speed1.png" alt=""></p>
+<p>但是更短的快门时间，曝光度也降低了，所以为了达到相同的亮度，就要调节ISO或光圈的大小</p>
+<p><img src="../../images/side_effect_of_shutter_speed2.png" alt=""></p>
+<p>运动模糊的好处</p>
+<ol>
+<li>没有运动模糊会从人的感知上觉得赛车非常慢</li>
+<li>对于运动的物体，一帧的拍摄相当于在不同的时间对物体所在的位置进行了一个采样，如果有运动模糊，就相当于做了一个反走样</li>
+</ol>
+<p>rolling shutter问题</p>
+<p>电子控制的快门可以认为是任何时刻任何位置同步打开，但机械快门则需要一个过程，如果物体运动比机械快门的速度快就会出现Rolling Shutter问题，因为图像上不同位置可能记录的是不同时间进来的光</p>
+<p><img src="../../images/side_effect_of_shutter_speed.png" alt=""></p>
+<h4 id="均衡快门和光圈"><a href="#均衡快门和光圈" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>均衡快门和光圈</h4>
+<p>快门的时间打开得短就会暗，那就可以提高光圈的大小，用更小的F数。以下的表格上下对应的参数基本可以达到相同的曝光度。但达到的效果并不会一模一样（因为大光圈会引起前景深的问题，快门时间又会引起运动模糊）</p>
+<p><img src="../../images/f-stop_vs_shutter_speed.png" alt=""></p>
+<hr>
+<h3 id="快速或长曝光摄影"><a href="#快速或长曝光摄影" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>快速或长曝光摄影</h3>
+<h4 id="快速摄影"><a href="#快速摄影" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>快速摄影</h4>
+<p>每秒拍摄更多帧数然后按正常帧数播放，每张照片的快门时间非常少又需要保证每张都清晰且有正常的曝光度，可以用更大的光圈和更高ISO</p>
+<p><img src="../../images/hight-speed_photography1.png" alt=""></p>
+<h4 id="超低速长曝光摄影"><a href="#超低速长曝光摄影" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>超低速(长曝光)摄影</h4>
+<p>用非常小的光圈慢慢拍，也就是所谓的延迟摄影，摄影界中称为拉丝，也就是长曝光造成的运动模糊</p>
+<p><img src="../../images/long-exposure_photography1.png" alt=""></p>
+<p><img src="../../images/long-exposure_photography2.png" alt=""></p>
+<p><img src="../../images/long-exposure_photography3.png" alt=""></p>
+<h2 id="镜头"><a href="#镜头" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>镜头</h2>
+<h3 id="thin-lens-approximation"><a href="#thin-lens-approximation" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Thin Lens Approximation</h3>
+<ul>
+<li>真正的镜头设计是高度复杂的</li>
+</ul>
+<p>无论相机还是手机，都不使用单个透镜来成像，往往使用一个透镜组</p>
+<p><img src="../../images/real_lens_dfsigns_are_comples.png" alt=""></p>
+<ul>
+<li>真正的镜头元素是不理想的</li>
+</ul>
+<p>如下图，一面是凸的，一面是平的，这样就不可能将光聚在一起</p>
+<p><img src="../../images/real_lens_elements_are_not_ideal.png" alt=""></p>
+<ul>
+<li>我们研究的是理想的薄透镜(忽略厚度)</li>
+</ul>
+<p>理想透镜：</p>
+<ol>
+<li>对于平行于透镜的光如果打进来会被集中到一个点上(焦点)，定义焦距是焦点到透镜中心的距离</li>
+<li>光路有可逆性，如果光线穿过焦点，被透镜折射后会变成平行的一束光</li>
+<li>假设薄透镜可以任意改变焦距(透镜焦距固定，相机能改是因为透镜组)</li>
+</ol>
+<p><img src="../../images/ideal_thin_lens_focal_point.png" alt=""></p>
+<ul>
+<li>透镜满足的物理规律</li>
+</ul>
+<ol>
+<li>平行光会被折射成过焦点，以及过焦点的光会被变成平行光出去</li>
+<li>任何一个透镜可以假设任何一条光穿过透镜中心，它的方向不会发生改变</li>
+<li>对于固定焦距的透镜，如果改变像距，物距一定跟着改变</li>
+</ol>
+<ul>
+<li>薄透镜公式(Gauss's Ray Tracing Construction/Gaussian Thin Lens Equation)</li>
+</ul>
+<p>如下图，左侧物体会经过透镜成像到右侧去，可定义一些参数</p>
+<p>定义物距（物体到透镜的垂直距离）：$Z_o$</p>
+<p>定义像距（成的像到透镜的垂直距离）：$Z_i$</p>
+<p>透镜的焦距f</p>
+<p>$$\frac{1}{f} = \frac{1}{z_i}+\frac{1}{z_o}$$</p>
+<p>推导过程</p>
+<p>平行光必定过焦点，过焦点的光会变成平行光</p>
+<p><img src="../../images/gauss_ray_diagrams.png" alt=""></p>
+<p>忽略中间过透镜中心的光</p>
+<p><img src="../../images/gauss_ray_tracing_construction.png" alt=""></p>
+<p>可见如下图的几何关系，左侧在光到达透镜前可形成两个相似三角形，右侧也相同</p>
+<p><img src="../../images/gauss_ray_tracing_construction1.png" alt=""></p>
+<p>将两组关系做运算</p>
+<p><img src="../../images/gauss_ray_tracing_construction2.png" alt=""></p>
+<h3 id="散焦模糊defocus-blur景深"><a href="#散焦模糊defocus-blur景深" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>散焦模糊(Defocus Blur)(景深)</h3>
+<h4 id="弥散圆circle-of-confusion"><a href="#弥散圆circle-of-confusion" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>弥散圆(Circle of Confusion)</h4>
+<p>出于解释模糊，我们引入CoC的概念</p>
+<p>如图左边远处有一个平面(Focal Plane)，所有的光经过透镜后都会被聚焦到右边一个平面上(Image)</p>
+<ul>
+<li>如果物体不在Focal Plane上会出现模糊</li>
+</ul>
+<p><img src="../../images/computing_circle_of_confusion_size.png" alt=""></p>
+<ul>
+<li>模糊原因</li>
+</ul>
+<p>任何地方有一个点，它穿过透镜后，可以根据上面透镜的公式算出像距，但是如果成像平面不在这个地方，而是离得有一段距离，光线就会在原本成像的地方之后继续传播，那被感光元件接收到的时候就不再是一个点了，而是变成了一个圆(CoC)</p>
+<ul>
+<li>CoC大小计算</li>
+</ul>
+<p>与Aperture的大小相关</p>
+<p>CoC的直径/Aperture的直径 = $d'/Z_i$</p>
+<p>$$\frac{C}{A} = \frac{d'}{z_i} = \frac{|z_s - z_i|}{z_i}$$</p>
+<p>可见CoC的大小和透镜本身的大小成正比</p>
+<ul>
+<li>物体是否模糊取决于光圈的大小</li>
+</ul>
+<p>下图光圈f数为1.4，为大光圈，可以看到更模糊的效果</p>
+<p><img src="../../images/coc_vs_aperture_size.png" alt=""></p>
+<h4 id="光圈大小"><a href="#光圈大小" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光圈大小</h4>
+<p>之前的光圈定义实际不准确，F数拥有明确定义</p>
+<ul>
+<li>F数定义</li>
+</ul>
+<p>焦距/光圈直径</p>
+<p>$$N = f/A$$</p>
+<ul>
+<li>常见F数</li>
+</ul>
+<p>1.4,2,2.8,4.0,5.6,8,11,16,22,32</p>
+<ul>
+<li>写法</li>
+</ul>
+<p>常写为f/数字</p>
+<ul>
+<li>例子</li>
+</ul>
+<p><img src="../../images/example_f-stop_caculations.png" alt=""></p>
+<ul>
+<li>CoC的大小和F数成反比</li>
+</ul>
+<p><img src="../../images/size_of_coc_is_inversely_proportional_to_f-stop.png" alt=""></p>
+<p>$$C = A\frac{|z_s - z_i|}{z_i} = \frac{f}{N}\frac{|z_s - z_i|}{z_i}$$</p>
+<h3 id="光线追踪理想的薄透镜ray-tracing-ideal-thin-lenses"><a href="#光线追踪理想的薄透镜ray-tracing-ideal-thin-lenses" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光线追踪理想的薄透镜(Ray Tracing Ideal Thin Lenses)</h3>
+<p>之前Ray Tracing和Path Tracing都是从相机往任何一个像素中心连线，默认是小孔成像的针孔摄像机的模型</p>
+<p>但是我们可以模拟薄透镜，给它一个焦距，可以将Sensor放置到离镜头有多远，然后实际去做光线追踪</p>
+<ul>
+<li>实例</li>
+</ul>
+<p><img src="../../images/eg_of_rendering_with_lens_focus.png" alt=""></p>
+<h4 id="具体实现"><a href="#具体实现" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>具体实现</h4>
+<ul>
+<li>定义场景</li>
+</ul>
+<p>确定sensor大小，定义透镜焦距，光圈大小</p>
+<p>定义透镜和某个平面的距离$Z_o$</p>
+<p>根据物距$Z_o$和焦距，可计算像距$Z_i$</p>
+<p><img src="../../images/ray_tracing_for_defocus_blur.png" alt=""></p>
+<ul>
+<li>使用光线追踪算法渲染</li>
+</ul>
+<p>找一些光线能够穿过透镜，打到场景中</p>
+<p>在成像平面(感光元件，胶片)上选一些点X'</p>
+<p>在透镜上另选X&quot;，两点连线便可知道其方向，且感光元件上的X'处会记录这条线上的Radiance</p>
+<p><img src="../../images/ray_tracing_for_defocus_blur1.png" alt=""></p>
+<ul>
+<li>景深(Depth of Field)</li>
+</ul>
+<p>如下两图，一个用大光圈，一个用小光圈</p>
+<p>过大的光圈对应大的CoC，一个点会变成更大的圆，所以就会更模糊，但总归在一些地方是不模糊的，即不同光圈大小会影响模糊范围</p>
+<p><img src="../../images/depth_of_field.png" alt=""></p>
+<p>如下图中，一个光经透镜会打到一个成像平面，该成像平面附近区域都认为CoC足够小</p>
+<p><img src="../../images/circle_of_confusion_for_depth_of_field.png" alt=""></p>
+<p>景深：实际场景中有一段深度，该深度经透镜后会在成像平面附近形成一段区域，区域内认为CoC是足够小的</p>
+<p>因此计算景深就是计算CoC在这个很小的一段范围内，认为对应场景是清晰的</p>
+<p>可简单认为成像平面中的许多像素不是一个点，存在各自的大小，CoC的大小和像素大小差不多或比像素小，都可认为结果是锐利的</p>
+<p>计算DOF</p>
+<p>如下图，考虑景深的最远和最近处，分别让它们穿过透镜，到某一地方可以得到右边的范围</p>
+<p><img src="../../images/depth_of_filed_fyi.png" alt=""></p>
+<p>DOF参数效果</p>
+<p><img src="../../images/DOF_demonstration_fyi.png" alt=""></p>
+<ul>
+<li>修改焦距</li>
+</ul>
+<p>焦距越大，DOF越浅，只有焦点上的成像是清晰的，焦点之前的清晰范围叫前景深，之后的叫后景深</p>
+<ul>
+<li>改变F数</li>
+</ul>
+<p>光圈越小，景深越大，光圈越小意味着越接近小孔，DOF清晰的范围越大</p>
+<ul>
+<li>调CoC</li>
+</ul>
+<p>更大的CoC对应的景深就更深</p>
+<p>F-stop可简单理解为光圈大小又是透镜大小，本质是遮挡透镜，动态改变透镜大小</p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E5%85%89%E5%9C%BA%E9%A2%9C%E8%89%B2%E5%92%8C%E6%84%9F%E7%9F%A5/" rel="prev">&lt; 光场、颜色和感知</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E9%AB%98%E7%BA%A7%E5%85%89%E7%BA%BF%E4%BC%A0%E6%92%AD%E4%B8%8E%E5%A4%8D%E6%9D%82%E5%A4%96%E8%A7%82%E5%BB%BA%E6%A8%A1/" rel="next">高级光线传播与复杂外观建模 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/纹理/index.html b/public/computergraphic/纹理/index.html
new file mode 100644
index 0000000..112326b
--- /dev/null
+++ b/public/computergraphic/纹理/index.html
@@ -0,0 +1,763 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>纹理 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="重心坐标 重心坐标定义 对于一个三角形的三点坐标A,B,C,平面内的一点（x,y）可以写……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E7%BA%B9%E7%90%86/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-09T21:49:09+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E7%BA%B9%E7%90%86/",
+        "headline": "纹理",
+        "description": "重心坐标 重心坐标定义 对于一个三角形的三点坐标A,B,C,平面内的一点（x,y）可以写……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  2486 ,
+        "image": ["http://www.inksoul.top/../../images/barycentric_coordinates.png","http://www.inksoul.top/../../images/geometric_barycentric.png","http://www.inksoul.top/../../images/barycentric_in_coordinates.jpg","http://www.inksoul.top/../../images/barycentric_coor_interpo.png","http://www.inksoul.top/../../images/bilinear_interpolation.png","http://www.inksoul.top/../../images/moire_and_jaggies.png","http://www.inksoul.top/../../images/point_query_and_range_query.png","http://www.inksoul.top/../../images/mipmap_information.png","http://www.inksoul.top/../../images/mip_hierarchy.png","http://www.inksoul.top/../../images/compute_mip_level_D.png","http://www.inksoul.top/../../images/Trilinear_interpolation.png","http://www.inksoul.top/../../images/Anisotropic_filtering.png","http://www.inksoul.top/../../images/irregular_pixel_footprint.png","http://www.inksoul.top/../../images/Environment_Map.png","http://www.inksoul.top/../../images/Environmental_Lighting.png","http://www.inksoul.top/../../images/Spherical_Environment_Map.png","http://www.inksoul.top/../../images/Spherical_Map_Problem.png","http://www.inksoul.top/../../images/Cube_Map.png","http://www.inksoul.top/../../images/perturb_the_normal.png","http://www.inksoul.top/../../images/Displacement_mapping.png","http://www.inksoul.top/../../images/Procedural_noise_and_Solid.png","http://www.inksoul.top/../../images/Provide_precomputed_shading.png","http://www.inksoul.top/../../images/3D_texture_and_volume.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="纹理" />
+<meta property="og:description" content="重心坐标 重心坐标定义 对于一个三角形的三点坐标A,B,C,平面内的一点（x,y）可以写……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E7%BA%B9%E7%90%86/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/barycentric_coordinates.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-09T21:49:09&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">纹理</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h4 id="重心坐标"><a href="#重心坐标" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>重心坐标</h4>
+<h6 id="重心坐标定义"><a href="#重心坐标定义" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>重心坐标定义</h6>
+<p><img src="/../../images/barycentric_coordinates.png" alt=""></p>
+<p>对于一个三角形的三点坐标A,B,C,平面内的一点（x,y）可以写成三点的线性组合式</p>
+<p>$$(x,y)=\alpha A + \beta B + \gamma C = \alpha + \beta + \gamma = 1$$</p>
+<p>此时三个顶点的权重（$\alpha , \beta , \gamma$）为（x,y）的重心坐标</p>
+<p>注意：如果三个坐标值都为非负，则这个重心位于三角形内部</p>
+<h6 id="三角形的几何角度下求解"><a href="#三角形的几何角度下求解" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>三角形的几何角度下求解</h6>
+<p><img src="../../images/geometric_barycentric.png" alt=""></p>
+<p>将点与三个顶点相连，三个三角形的面积分别为$A_A,A_B,A_C$对应的重心坐标的计算式,</p>
+<p>$$\alpha = \frac{A_A}{A_A+A_B+A_C}$$</p>
+<p>$$\beta = \frac{A_B}{A_A+A_B+A_C}$$</p>
+<p>$$\gamma = \frac{A_C}{A_A+A_B+A_C}$$</p>
+<p>在已知四点坐标的情况下则可通过行列式的几何意义求解（任意两个二维向量组合成矩阵的行列式的绝对值为这两条向量所围成平行四边形的面积）</p>
+<p>设任意一点为P(x,y)则</p>
+<p>$$A_B = \lvert AP,AC \rvert $$
+$$A_C = \lvert AB,AP \rvert $$
+$$A_A = \lvert BC,BP \rvert $$</p>
+<p>可得出
+$$\gamma = \frac{(y_a - y_b) + (x_b - x_a)y + x_a y_b - x_b y_a }{(y_a - y_b)x_c + (x_b - x_a)y_c + x_a y_b - x_b y_a}$$</p>
+<p>$$\beta = \frac{(y_a - y_c)x + (x_c - x_a)y + x_a y_c - x_c y_a}{(y_a - y_c)x_b + (x_c - x_a)y_b + x_a y_c - x_c y_a}$$</p>
+<p>$$\alpha = 1 - \beta - \gamma$$</p>
+<h6 id="三角形的坐标系角度下求解"><a href="#三角形的坐标系角度下求解" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>三角形的坐标系角度下求解</h6>
+<p>对于重心坐标系存在另一种等价视角：</p>
+<p>以A点为原点，AB,AC分别为新的坐标系的单位向量构建坐标系，如图</p>
+<p><img src="../../images/barycentric_in_coordinates.jpg" alt=""></p>
+<p>给定的任意点P的坐标可表示为$P(\beta , \gamma)$ ,可推出P点坐标满足以下关系</p>
+<p>$$p = a + \beta(b - a) + \gamma(c - a)$$</p>
+<p>化简后得</p>
+<p>$$p = (1 - \beta  - \gamma )a + \beta b + \gamma c $$</p>
+<p>表现为一个线性方程组如下</p>
+<p>$$
+\begin{bmatrix}
+x_b - x_a &amp; x_c - x_a
+\\
+y_b - y_a &amp; y_c - y_a
+\end{bmatrix}
+\begin{bmatrix}
+\beta
+\\
+\gamma
+\end{bmatrix}=
+\begin{bmatrix}
+x_p - x_a
+\\
+y_p - y_a
+\end{bmatrix}
+$$</p>
+<h6 id="重心坐标的用处"><a href="#重心坐标的用处" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>重心坐标的用处</h6>
+<p>对顶点处的值进行线性插值，如下图</p>
+<p><img src="../../images/barycentric_coor_interpo.png" alt=""></p>
+<p>$$V = \alpha V_A + \beta V_B + \gamma V_C$$</p>
+<p>$V_A,V_B,V_C$ 可以对应为：</p>
+<ol>
+<li>位置</li>
+<li>纹理坐标</li>
+<li>颜色</li>
+<li>法线</li>
+<li>深度</li>
+<li>材质属性</li>
+</ol>
+<h6 id="插值部分代码实现"><a href="#插值部分代码实现" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>插值部分代码实现</h6>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
+</span><span class="lnt"> 2
+</span><span class="lnt"> 3
+</span><span class="lnt"> 4
+</span><span class="lnt"> 5
+</span><span class="lnt"> 6
+</span><span class="lnt"> 7
+</span><span class="lnt"> 8
+</span><span class="lnt"> 9
+</span><span class="lnt">10
+</span><span class="lnt">11
+</span><span class="lnt">12
+</span><span class="lnt">13
+</span><span class="lnt">14
+</span><span class="lnt">15
+</span><span class="lnt">16
+</span><span class="lnt">17
+</span><span class="lnt">18
+</span><span class="lnt">19
+</span><span class="lnt">20
+</span><span class="lnt">21
+</span><span class="lnt">22
+</span><span class="lnt">23
+</span><span class="lnt">24
+</span><span class="lnt">25
+</span><span class="lnt">26
+</span><span class="lnt">27
+</span><span class="lnt">28
+</span><span class="lnt">29
+</span><span class="lnt">30
+</span><span class="lnt">31
+</span><span class="lnt">32
+</span><span class="lnt">33
+</span><span class="lnt">34
+</span><span class="lnt">35
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="c1">//三维向量插值
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">static</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span> <span class="n">interpolate</span><span class="p">(</span><span class="kt">float</span> <span class="n">alpha</span><span class="p">,</span> <span class="kt">float</span> <span class="n">beta</span><span class="p">,</span> <span class="kt">float</span> <span class="n">gamma</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span><span class="o">&amp;</span> <span class="n">vert1</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span><span class="o">&amp;</span> <span class="n">vert2</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span><span class="o">&amp;</span> <span class="n">vert3</span><span class="p">,</span> <span class="kt">float</span> <span class="n">weight</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">    <span class="k">return</span> <span class="p">(</span><span class="n">alpha</span> <span class="o">*</span> <span class="n">vert1</span> <span class="o">+</span> <span class="n">beta</span> <span class="o">*</span> <span class="n">vert2</span> <span class="o">+</span> <span class="n">gamma</span> <span class="o">*</span> <span class="n">vert3</span><span class="p">)</span> <span class="o">/</span> <span class="n">weight</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c1">// 二维向量插值
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">static</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span> <span class="n">interpolate</span><span class="p">(</span><span class="kt">float</span> <span class="n">alpha</span><span class="p">,</span> <span class="kt">float</span> <span class="n">beta</span><span class="p">,</span> <span class="kt">float</span> <span class="n">gamma</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span><span class="o">&amp;</span> <span class="n">vert1</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span><span class="o">&amp;</span> <span class="n">vert2</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span><span class="o">&amp;</span> <span class="n">vert3</span><span class="p">,</span> <span class="kt">float</span> <span class="n">weight</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">    <span class="k">auto</span> <span class="n">u</span> <span class="o">=</span> <span class="p">(</span><span class="n">alpha</span> <span class="o">*</span> <span class="n">vert1</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="n">beta</span> <span class="o">*</span> <span class="n">vert2</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="n">gamma</span> <span class="o">*</span> <span class="n">vert3</span><span class="p">[</span><span class="mi">0</span><span class="p">]);</span>
+</span></span><span class="line"><span class="cl">    <span class="k">auto</span> <span class="n">v</span> <span class="o">=</span> <span class="p">(</span><span class="n">alpha</span> <span class="o">*</span> <span class="n">vert1</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="n">beta</span> <span class="o">*</span> <span class="n">vert2</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="n">gamma</span> <span class="o">*</span> <span class="n">vert3</span><span class="p">[</span><span class="mi">1</span><span class="p">]);</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">    <span class="n">u</span> <span class="o">/=</span> <span class="n">weight</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="n">v</span> <span class="o">/=</span> <span class="n">weight</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">    <span class="k">return</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span><span class="p">(</span><span class="n">u</span><span class="p">,</span> <span class="n">v</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span><span class="line"><span class="cl"><span class="c1">//计算重心
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">static</span> <span class="n">std</span><span class="o">::</span><span class="n">tuple</span><span class="o">&lt;</span><span class="kt">float</span><span class="p">,</span> <span class="kt">float</span><span class="p">,</span> <span class="kt">float</span><span class="o">&gt;</span> <span class="n">computeBarycentric2D</span><span class="p">(</span><span class="kt">float</span> <span class="n">x</span><span class="p">,</span> <span class="kt">float</span> <span class="n">y</span><span class="p">,</span> <span class="k">const</span> <span class="n">Vector4f</span><span class="o">*</span> <span class="n">v</span><span class="p">){</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">c1</span> <span class="o">=</span> <span class="p">(</span><span class="n">x</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">y</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">/</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">());</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">c2</span> <span class="o">=</span> <span class="p">(</span><span class="n">x</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">y</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">/</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">());</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">c3</span> <span class="o">=</span> <span class="p">(</span><span class="n">x</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">y</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">/</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">());</span>
+</span></span><span class="line"><span class="cl">    <span class="k">return</span> <span class="p">{</span><span class="n">c1</span><span class="p">,</span><span class="n">c2</span><span class="p">,</span><span class="n">c3</span><span class="p">};</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c1">//光栅化时，判断深度之后进行插值计算得出对应的数值
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
+</span></span><span class="line"><span class="cl"><span class="c1">// auto interpolated_color（颜色）
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">auto</span> <span class="n">interpolated_color</span><span class="o">=</span><span class="n">interpolate</span><span class="p">(</span><span class="n">alpha</span><span class="p">,</span><span class="n">beta</span><span class="p">,</span><span class="n">gamma</span><span class="p">,</span><span class="n">t</span><span class="p">.</span><span class="n">color</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">color</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">color</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="mi">1</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="c1">// auto interpolated_normal（法线）
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">auto</span> <span class="n">interpolated_normal</span> <span class="o">=</span> <span class="n">interpolate</span><span class="p">(</span><span class="n">alpha</span><span class="p">,</span><span class="n">beta</span><span class="p">,</span><span class="n">gamma</span><span class="p">,</span><span class="n">t</span><span class="p">.</span><span class="n">normal</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">normal</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">normal</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="mi">1</span><span class="p">).</span><span class="n">normalized</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl"><span class="c1">// auto interpolated_texcoords（纹理坐标）
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">auto</span> <span class="n">interpolated_texcoords</span> <span class="o">=</span> <span class="n">interpolate</span><span class="p">(</span><span class="n">alpha</span><span class="p">,</span><span class="n">beta</span><span class="p">,</span><span class="n">gamma</span><span class="p">,</span><span class="n">t</span><span class="p">.</span><span class="n">tex_coords</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">tex_coords</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">tex_coords</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="mi">1</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="c1">// auto interpolated_shadingcoords（着色坐标）
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">auto</span> <span class="n">interpolated_shadingcoords</span> <span class="o">=</span> <span class="n">interpolate</span><span class="p">(</span><span class="n">alpha</span><span class="p">,</span><span class="n">beta</span><span class="p">,</span><span class="n">gamma</span><span class="p">,</span><span class="n">view_pos</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="n">view_pos</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="n">view_pos</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="mi">1</span><span class="p">);</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><h4 id="纹理映射处理"><a href="#纹理映射处理" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>纹理映射处理</h4>
+<h6 id="简单的纹理映射--漫反射颜色"><a href="#简单的纹理映射--漫反射颜色" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>简单的纹理映射 ： 漫反射颜色</h6>
+<p>伪代码 ：</p>
+<pre tabindex="0"><code>for each rasterized screen sample (x,y):
+    (u,v) = evaluate texture coordinate at (x,y)
+    texcolor = texture.sample(u,v);
+    set sample&#39;s color to texcolor
+</code></pre><p>sample(x,y) : 通常为像素的重心</p>
+<p>texture coordinate at (x,y)：使用重心坐标值</p>
+<p>sample's color : 通常为漫反射率值 kd</p>
+<h6 id="纹理放大处理简单方式"><a href="#纹理放大处理简单方式" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>纹理放大处理（简单方式）</h6>
+<p>前置知识：</p>
+<ol>
+<li>通常不需要进行纹理放大操作，这会导致纹理分辨率不足</li>
+<li>纹理的一个像素通常被称为纹理元素或纹素(texel)</li>
+</ol>
+<p>假设我们需要在红点处纹理采样的值f(x,y),黑点为对应的纹理采样点</p>
+<p>此时我们会选取红点位置周围的四个采样点，同时计算其与周围四个采样点的偏移值(s,t)如下图</p>
+<p><img src="../../images/bilinear_interpolation.png" alt=""></p>
+<p>可得相应的计算过程:</p>
+<ol>
+<li>
+<p>定义线性插值
+$$lerp(x,v_0,v_1) = v_0 + x(v_1 - v_0)$$</p>
+</li>
+<li>
+<p>计算两个辅助值
+$$u_0 = lerp(s,u_{00},u_{10})$$
+$$u_1 = lerp(s,u_{01},u_{11})$$</p>
+</li>
+<li>
+<p>计算顶点插值得出结果
+$$f(x,y) = lerp(t,u_0,u_1)$$</p>
+</li>
+</ol>
+<p>采用线性插值的方式进行纹理放大的计算往往能够获得很好的结果和平衡的性能消耗</p>
+<h6 id="纹理放大至过大的情况"><a href="#纹理放大至过大的情况" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>纹理放大至过大的情况</h6>
+<p>此时在点采样下会产生摩尔纹和锯齿，如下图</p>
+<p><img src="../../images/moire_and_jaggies.png" alt=""></p>
+<p>通常处理是进行超采样，同时也会有几个问题</p>
+<ol>
+<li>超采样能产生质量足够高的结果，带来的性能开销也很高</li>
+<li>当纹理极度缩小时，许多纹素会被压缩在内存(texel footprint)里</li>
+<li>单一像素中的信号序列过大</li>
+<li>需要更高的采样频率</li>
+</ol>
+<p>所以我们更倾向于使用范围序列而非点序列</p>
+<p><img src="../../images/point_query_and_range_query.png" alt=""></p>
+<h6 id="mipmap支持-range-query"><a href="#mipmap支持-range-query" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Mipmap(支持 Range Query)</h6>
+<p>mipmap 可由下图表示</p>
+<p><img src="../../images/mipmap_information.png" alt=""></p>
+<p>对应产生的mip层次结构也由下图表示</p>
+<p><img src="../../images/mip_hierarchy.png" alt=""></p>
+<p>在计算对应层次的mipmap时，我们需要相邻采样点的纹理坐标来估计纹理内存</p>
+<p><img src="../../images/compute_mip_level_D.png" alt=""></p>
+<p>如上图所示，我们能够得到两个值</p>
+<p>$$L = \max \left( \sqrt{(\frac{d_u}{d_X})^2 + (\frac{d_v}{d_X})^2},\sqrt{(\frac{d_u}{d_y})^2 + (\frac{d_v}{d_y})^2} \right) $$</p>
+<p>$$D = \log_2 L$$</p>
+<p>在使用时往往D值会四舍五入为整数，这会导致纹理的不连续，因此，我们还需要进行下图所示的Trilinear Interpolation 从而得到一个连续的D值</p>
+<p><img src="../../images/Trilinear_interpolation.png" alt=""></p>
+<p>在插值处理后的纹理依旧会存在过度模糊(overblur)的现象，但相比于超采样的高性能开销依旧有很大的提升</p>
+<h6 id="anisotropic-filtering-and-ewa-filtering"><a href="#anisotropic-filtering-and-ewa-filtering" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Anisotropic Filtering and EWA filtering</h6>
+<p>Anisotropic Filtering</p>
+<ol>
+<li>可以查找轴对齐的矩形区域纹理</li>
+<li>对角线纹理处理依旧存在问题</li>
+</ol>
+<p><img src="../../images/Anisotropic_filtering.png" alt=""></p>
+<p>EWA filtering</p>
+<ol>
+<li>权重均衡</li>
+<li>采用mipmap层次结构</li>
+<li>可以处理纹理中的不规则像素(irregular footprints)</li>
+</ol>
+<p>Irregular Pixel Footprint in Texture的产生情况如下图</p>
+<p><img src="../../images/irregular_pixel_footprint.png" alt=""></p>
+<h4 id="纹理的应用"><a href="#纹理的应用" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>纹理的应用</h4>
+<h5 id="纹理的用途"><a href="#纹理的用途" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>纹理的用途</h5>
+<p>在现代GPU中，纹理贴图 = 内存数据 + 范围序列(reang query)即反走样</p>
+<p>常用的方式是向片元计算中提供相应的数据</p>
+<p>应用的地方:</p>
+<ol>
+<li>环境光</li>
+<li>存储微表面</li>
+<li>程序化纹理生成</li>
+<li>实体建模</li>
+<li>立体渲染（体绘制）</li>
+</ol>
+<h6 id="环境光贴图和立方体贴图environment-and-cube-map"><a href="#环境光贴图和立方体贴图environment-and-cube-map" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>环境光贴图和立方体贴图(Environment and Cube Map)</h6>
+<p>环境光贴图通常指在贴图上绘制模型周围环境光效，实现某些模型反射环境光的效果</p>
+<p><img src="../../images/Environment_Map.png" alt=""></p>
+<p>也用于一些镜面反射的物体实现真实光照</p>
+<p><img src="../../images/Environmental_Lighting.png" alt=""></p>
+<p><img src="../../images/Spherical_Environment_Map.png" alt=""></p>
+<p>在一些球型表面贴图会存在形变问题，如下图的顶部和底部</p>
+<p><img src="../../images/Spherical_Map_Problem.png" alt=""></p>
+<p>立方体贴图则由球体上一个向量沿自身方向映射到立方体上的点获得</p>
+<p><img src="../../images/Cube_Map.png" alt=""></p>
+<p>一个立方体使用6个方形纹理贴图来生成纹理</p>
+<h6 id="bump-mapping"><a href="#bump-mapping" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Bump Mapping</h6>
+<p>在不提高模型面数的情况下展示表面细节</p>
+<ol>
+<li>对表面的每一条法线进行扰动(仅用于着色计算)</li>
+<li>高度偏移纹理定义的每个纹素</li>
+</ol>
+<p>扰动法线的计算(平面)</p>
+<ol>
+<li>假设原平面法线为$$n(p) = (0,1)$$</li>
+<li>$ p $点处的导数为 $$dp = c * [h(p + 1) - h(p)]$$</li>
+<li>扰动后的法线值为$$n(p) = (-dp,1).normalized()$$</li>
+</ol>
+<p><img src="../../images/perturb_the_normal.png" alt=""></p>
+<p>扰动法线的计算(3D)</p>
+<ol>
+<li>假设原平面法线为$$n(p) = (0,0,1)$$</li>
+<li>$p$点处的导数为
+$$\frac{d_p}{d_u} = c_1 * [h(u + 1) - h(u)]$$
+$$\frac{d_p}{d_v} = c_2 * [h(v + 1) - h(v)]$$</li>
+<li>扰动后的法线为$$n = (\frac{-d_p}{d_u},\frac{-d_p}{d_v},1).normalized()$$</li>
+<li>坐标计算基于本地坐标系</li>
+</ol>
+<p>部份代码实现</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
+</span><span class="lnt"> 2
+</span><span class="lnt"> 3
+</span><span class="lnt"> 4
+</span><span class="lnt"> 5
+</span><span class="lnt"> 6
+</span><span class="lnt"> 7
+</span><span class="lnt"> 8
+</span><span class="lnt"> 9
+</span><span class="lnt">10
+</span><span class="lnt">11
+</span><span class="lnt">12
+</span><span class="lnt">13
+</span><span class="lnt">14
+</span><span class="lnt">15
+</span><span class="lnt">16
+</span><span class="lnt">17
+</span><span class="lnt">18
+</span><span class="lnt">19
+</span><span class="lnt">20
+</span><span class="lnt">21
+</span><span class="lnt">22
+</span><span class="lnt">23
+</span><span class="lnt">24
+</span><span class="lnt">25
+</span><span class="lnt">26
+</span><span class="lnt">27
+</span><span class="lnt">28
+</span><span class="lnt">29
+</span><span class="lnt">30
+</span><span class="lnt">31
+</span><span class="lnt">32
+</span><span class="lnt">33
+</span><span class="lnt">34
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">x</span> <span class="o">=</span> <span class="n">normal</span><span class="p">.</span><span class="n">x</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">y</span> <span class="o">=</span> <span class="n">normal</span><span class="p">.</span><span class="n">y</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">z</span> <span class="o">=</span> <span class="n">normal</span><span class="p">.</span><span class="n">z</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">    <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span> <span class="n">t</span> <span class="o">=</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span><span class="p">(</span><span class="n">x</span><span class="o">*</span><span class="n">y</span><span class="o">/</span><span class="n">sqrt</span><span class="p">(</span><span class="n">x</span><span class="o">*</span><span class="n">x</span><span class="o">+</span><span class="n">z</span><span class="o">*</span><span class="n">z</span><span class="p">),</span><span class="n">sqrt</span><span class="p">(</span><span class="n">x</span><span class="o">*</span><span class="n">x</span><span class="o">+</span><span class="n">z</span><span class="o">*</span><span class="n">z</span><span class="p">),</span><span class="n">z</span><span class="o">*</span><span class="n">y</span><span class="o">/</span><span class="n">sqrt</span><span class="p">(</span><span class="n">x</span><span class="o">*</span><span class="n">x</span><span class="o">+</span><span class="n">z</span><span class="o">*</span><span class="n">z</span><span class="p">));</span>
+</span></span><span class="line"><span class="cl">    <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span> <span class="n">b</span> <span class="o">=</span> <span class="n">normal</span><span class="p">.</span><span class="n">cross</span><span class="p">(</span><span class="n">t</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl">    <span class="n">Eigen</span><span class="o">::</span><span class="n">Matrix3f</span> <span class="n">TBN</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="n">TBN</span> <span class="o">&lt;&lt;</span>
+</span></span><span class="line"><span class="cl">    <span class="n">t</span><span class="p">.</span><span class="n">x</span><span class="p">(),</span><span class="n">b</span><span class="p">.</span><span class="n">y</span><span class="p">(),</span><span class="n">normal</span><span class="p">.</span><span class="n">x</span><span class="p">(),</span>
+</span></span><span class="line"><span class="cl">    <span class="n">t</span><span class="p">.</span><span class="n">y</span><span class="p">(),</span><span class="n">b</span><span class="p">.</span><span class="n">x</span><span class="p">(),</span><span class="n">normal</span><span class="p">.</span><span class="n">y</span><span class="p">(),</span>
+</span></span><span class="line"><span class="cl">    <span class="n">t</span><span class="p">.</span><span class="n">z</span><span class="p">(),</span><span class="n">b</span><span class="p">.</span><span class="n">z</span><span class="p">(),</span><span class="n">normal</span><span class="p">.</span><span class="n">z</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">u</span> <span class="o">=</span> <span class="n">payload</span><span class="p">.</span><span class="n">tex_coords</span><span class="p">.</span><span class="n">x</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">v</span> <span class="o">=</span> <span class="n">payload</span><span class="p">.</span><span class="n">tex_coords</span><span class="p">.</span><span class="n">y</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">w</span> <span class="o">=</span> <span class="n">payload</span><span class="p">.</span><span class="n">texture</span><span class="o">-&gt;</span><span class="n">width</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">h</span> <span class="o">=</span> <span class="n">payload</span><span class="p">.</span><span class="n">texture</span><span class="o">-&gt;</span><span class="n">height</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">dU</span><span class="o">=</span><span class="n">kh</span> <span class="o">*</span> <span class="n">kn</span> <span class="o">*</span> <span class="p">(</span><span class="n">payload</span><span class="p">.</span><span class="n">texture</span><span class="o">-&gt;</span><span class="n">getColor</span><span class="p">(</span><span class="n">u</span><span class="o">+</span><span class="mf">1.0f</span><span class="o">/</span><span class="n">w</span><span class="p">,</span><span class="n">v</span><span class="p">).</span><span class="n">norm</span><span class="p">()</span><span class="o">-</span><span class="n">payload</span><span class="p">.</span><span class="n">texture</span><span class="o">-&gt;</span><span class="n">getColor</span><span class="p">(</span><span class="n">u</span><span class="p">,</span><span class="n">v</span><span class="p">).</span><span class="n">norm</span><span class="p">());</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">dV</span><span class="o">=</span><span class="n">kh</span> <span class="o">*</span> <span class="n">kn</span> <span class="o">*</span> <span class="p">(</span><span class="n">payload</span><span class="p">.</span><span class="n">texture</span><span class="o">-&gt;</span><span class="n">getColor</span><span class="p">(</span><span class="n">u</span><span class="p">,</span><span class="n">v</span><span class="o">+</span><span class="mf">1.0f</span><span class="o">/</span><span class="n">h</span><span class="p">).</span><span class="n">norm</span><span class="p">()</span><span class="o">-</span><span class="n">payload</span><span class="p">.</span><span class="n">texture</span><span class="o">-&gt;</span><span class="n">getColor</span><span class="p">(</span><span class="n">u</span><span class="p">,</span><span class="n">v</span><span class="p">).</span><span class="n">norm</span><span class="p">());</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">    <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span> <span class="n">ln</span> <span class="o">=</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span><span class="p">(</span><span class="o">-</span><span class="n">dU</span><span class="p">,</span><span class="o">-</span><span class="n">dV</span><span class="p">,</span><span class="mf">1.0f</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl">    <span class="n">normal</span><span class="o">=</span><span class="n">TBN</span> <span class="o">*</span><span class="n">ln</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">    <span class="c1">// Let n = normal = (x, y, z)
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>    <span class="c1">// Vector t = (x*y/sqrt(x*x+z*z),sqrt(x*x+z*z),z*y/sqrt(x*x+z*z))
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>    <span class="c1">// Vector b = n cross product t
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>    <span class="c1">// Matrix TBN = [t b n]
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>    <span class="c1">// dU = kh * kn * (h(u+1/w,v)-h(u,v))
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>    <span class="c1">// dV = kh * kn * (h(u,v+1/h)-h(u,v))
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>    <span class="c1">// Vector ln = (-dU, -dV, 1)
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>    <span class="c1">// Normal n = normalize(TBN * ln)
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">    <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span> <span class="n">result_color</span> <span class="o">=</span> <span class="p">{</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">};</span>
+</span></span><span class="line"><span class="cl">    <span class="n">result_color</span> <span class="o">=</span> <span class="n">normal</span><span class="p">;</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><h6 id="纹理贴图能够影响着色效果"><a href="#纹理贴图能够影响着色效果" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>纹理贴图能够影响着色效果</h6>
+<p>Displacement mapping</p>
+<ol>
+<li>是Bump mapping的更进一步</li>
+<li>与Bump mapping 使用相同纹理贴图</li>
+<li>会改变模型顶点坐标</li>
+</ol>
+<p><img src="../../images/Displacement_mapping.png" alt=""></p>
+<p>3D程序化噪声和实体建模</p>
+<p><img src="../../images/Procedural_noise_and_Solid.png" alt=""></p>
+<p>将部分着色效果提前绘制到贴图上</p>
+<p><img src="../../images/Provide_precomputed_shading.png" alt=""></p>
+<p>3D图像纹理和体绘制</p>
+<p><img src="../../images/3D_texture_and_volume.png" alt=""></p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E5%87%A0%E4%BD%95geometry/" rel="prev">&lt; 几何（geometry）</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E5%B8%B8%E7%94%A8%E5%85%89%E7%85%A7%E6%A8%A1%E5%9E%8B/" rel="next">常用光照模型 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/纹理映射/index.html b/public/computergraphic/纹理映射/index.html
new file mode 100644
index 0000000..4dd4456
--- /dev/null
+++ b/public/computergraphic/纹理映射/index.html
@@ -0,0 +1,563 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.98.0" /><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>纹理映射 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.8b03826e7a2d0128870ee7194c474e922d8ba90a3c170d124dee7af7eff40828.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="重心坐标 重心坐标定义 对于一个三角形的三点坐标A,B,C,平面内的一点（x,y）可以写……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E7%BA%B9%E7%90%86%E6%98%A0%E5%B0%84/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-09T21:49:09+08:00",
+        "dateModified": "2022-07-11T22:56:50+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E7%BA%B9%E7%90%86%E6%98%A0%E5%B0%84/",
+        "headline": "纹理映射",
+        "description": "重心坐标 重心坐标定义 对于一个三角形的三点坐标A,B,C,平面内的一点（x,y）可以写……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  993 ,
+        "image": ["http://www.inksoul.top/../../images/barycentric_coordinates.png","http://www.inksoul.top/../../images/geometric_barycentric.png","http://www.inksoul.top/../../images/barycentric_in_coordinates.jpg","http://www.inksoul.top/../../images/barycentric_coor_interpo.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="纹理映射" />
+<meta property="og:description" content="重心坐标 重心坐标定义 对于一个三角形的三点坐标A,B,C,平面内的一点（x,y）可以写……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E7%BA%B9%E7%90%86%E6%98%A0%E5%B0%84/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/barycentric_coordinates.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-09T21:49:09&#43;08:00" />
+    <meta property="article:modified_time" content="2022-07-11T22:56:50&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href=""><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href=""><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href=""><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">纹理映射</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h4 id="重心坐标"><a href="#重心坐标" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>重心坐标</h4>
+<h6 id="重心坐标定义"><a href="#重心坐标定义" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>重心坐标定义</h6>
+<p><img src="/../../images/barycentric_coordinates.png" alt=""></p>
+<p>对于一个三角形的三点坐标A,B,C,平面内的一点（x,y）可以写成三点的线性组合式</p>
+<p>$$(x,y)=\alpha A + \beta B + \gamma C = \alpha + \beta + \gamma = 1$$</p>
+<p>此时三个顶点的权重（$\alpha , \beta , \gamma$）为（x,y）的重心坐标</p>
+<p>注意：如果三个坐标值都为非负，则这个重心位于三角形内部</p>
+<h6 id="三角形的几何角度下求解"><a href="#三角形的几何角度下求解" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>三角形的几何角度下求解</h6>
+<p><img src="../../images/geometric_barycentric.png" alt=""></p>
+<p>将点与三个顶点相连，三个三角形的面积分别为$A_A,A_B,A_C$对应的重心坐标的计算式,</p>
+<p>$$\alpha = \frac{A_A}{A_A+A_B+A_C}$$</p>
+<p>$$\beta = \frac{A_B}{A_A+A_B+A_C}$$</p>
+<p>$$\gamma = \frac{A_C}{A_A+A_B+A_C}$$</p>
+<p>在已知四点坐标的情况下则可通过行列式的几何意义求解（任意两个二维向量组合成矩阵的行列式的绝对值为这两条向量所围成平行四边形的面积）</p>
+<p>设任意一点为P(x,y)则</p>
+<p>$$A_B = \lvert AP,AC \rvert $$
+$$A_C = \lvert AB,AP \rvert $$
+$$A_A = \lvert BC,BP \rvert $$</p>
+<p>可得出
+$$\gamma = \frac{(y_a - y_b) + (x_b - x_a)y + x_a y_b - x_b y_a }{(y_a - y_b)x_c + (x_b - x_a)y_c + x_a y_b - x_b y_a}$$</p>
+<p>$$\beta = \frac{(y_a - y_c)x + (x_c - x_a)y + x_a y_c - x_c y_a}{(y_a - y_c)x_b + (x_c - x_a)y_b + x_a y_c - x_c y_a}$$</p>
+<p>$$\alpha = 1 - \beta - \gamma$$</p>
+<h6 id="三角形的坐标系角度下求解"><a href="#三角形的坐标系角度下求解" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>三角形的坐标系角度下求解</h6>
+<p>对于重心坐标系存在另一种等价视角：</p>
+<p>以A点为原点，AB,AC分别为新的坐标系的单位向量构建坐标系，如图</p>
+<p><img src="../../images/barycentric_in_coordinates.jpg" alt=""></p>
+<p>给定的任意点P的坐标可表示为$P(\beta , \gamma)$ ,可推出P点坐标满足以下关系</p>
+<p>$$p = a + \beta(b - a) + \gamma(c - a)$$</p>
+<p>化简后得</p>
+<p>$$p = (1 - \beta  - \gamma )a + \beta b + \gamma c $$</p>
+<p>表现为一个线性方程组如下</p>
+<p>$$
+\begin{bmatrix}
+x_b - x_a &amp; x_c - x_a 
+\\
+y_b - y_a &amp; y_c - y_a 
+\end{bmatrix}
+\begin{bmatrix}
+\beta
+\\
+\gamma
+\end{bmatrix}=
+\begin{bmatrix}
+x_p - x_a 
+\\
+y_p - y_a
+\end{bmatrix}
+$$</p>
+<h6 id="重心坐标的用处"><a href="#重心坐标的用处" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>重心坐标的用处</h6>
+<p>对顶点处的值进行线性插值，如下图</p>
+<p><img src="../../images/barycentric_coor_interpo.png" alt=""></p>
+<p>$$V = \alpha V_A + \beta V_B + \gamma V_C$$</p>
+<p>$V_A,V_B,V_C$ 可以对应为：</p>
+<ol>
+<li>位置</li>
+<li>纹理坐标</li>
+<li>颜色</li>
+<li>法线</li>
+<li>深度</li>
+<li>材质属性</li>
+</ol>
+<h6 id="插值部分代码实现"><a href="#插值部分代码实现" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>插值部分代码实现</h6>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
+</span><span class="lnt"> 2
+</span><span class="lnt"> 3
+</span><span class="lnt"> 4
+</span><span class="lnt"> 5
+</span><span class="lnt"> 6
+</span><span class="lnt"> 7
+</span><span class="lnt"> 8
+</span><span class="lnt"> 9
+</span><span class="lnt">10
+</span><span class="lnt">11
+</span><span class="lnt">12
+</span><span class="lnt">13
+</span><span class="lnt">14
+</span><span class="lnt">15
+</span><span class="lnt">16
+</span><span class="lnt">17
+</span><span class="lnt">18
+</span><span class="lnt">19
+</span><span class="lnt">20
+</span><span class="lnt">21
+</span><span class="lnt">22
+</span><span class="lnt">23
+</span><span class="lnt">24
+</span><span class="lnt">25
+</span><span class="lnt">26
+</span><span class="lnt">27
+</span><span class="lnt">28
+</span><span class="lnt">29
+</span><span class="lnt">30
+</span><span class="lnt">31
+</span><span class="lnt">32
+</span><span class="lnt">33
+</span><span class="lnt">34
+</span><span class="lnt">35
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="c1">//三维向量插值
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">static</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span> <span class="n">interpolate</span><span class="p">(</span><span class="kt">float</span> <span class="n">alpha</span><span class="p">,</span> <span class="kt">float</span> <span class="n">beta</span><span class="p">,</span> <span class="kt">float</span> <span class="n">gamma</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span><span class="o">&amp;</span> <span class="n">vert1</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span><span class="o">&amp;</span> <span class="n">vert2</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector3f</span><span class="o">&amp;</span> <span class="n">vert3</span><span class="p">,</span> <span class="kt">float</span> <span class="n">weight</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">    <span class="k">return</span> <span class="p">(</span><span class="n">alpha</span> <span class="o">*</span> <span class="n">vert1</span> <span class="o">+</span> <span class="n">beta</span> <span class="o">*</span> <span class="n">vert2</span> <span class="o">+</span> <span class="n">gamma</span> <span class="o">*</span> <span class="n">vert3</span><span class="p">)</span> <span class="o">/</span> <span class="n">weight</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c1">// 二维向量插值
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">static</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span> <span class="n">interpolate</span><span class="p">(</span><span class="kt">float</span> <span class="n">alpha</span><span class="p">,</span> <span class="kt">float</span> <span class="n">beta</span><span class="p">,</span> <span class="kt">float</span> <span class="n">gamma</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span><span class="o">&amp;</span> <span class="n">vert1</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span><span class="o">&amp;</span> <span class="n">vert2</span><span class="p">,</span> <span class="k">const</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span><span class="o">&amp;</span> <span class="n">vert3</span><span class="p">,</span> <span class="kt">float</span> <span class="n">weight</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">    <span class="k">auto</span> <span class="n">u</span> <span class="o">=</span> <span class="p">(</span><span class="n">alpha</span> <span class="o">*</span> <span class="n">vert1</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="n">beta</span> <span class="o">*</span> <span class="n">vert2</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="n">gamma</span> <span class="o">*</span> <span class="n">vert3</span><span class="p">[</span><span class="mi">0</span><span class="p">]);</span>
+</span></span><span class="line"><span class="cl">    <span class="k">auto</span> <span class="n">v</span> <span class="o">=</span> <span class="p">(</span><span class="n">alpha</span> <span class="o">*</span> <span class="n">vert1</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="n">beta</span> <span class="o">*</span> <span class="n">vert2</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="n">gamma</span> <span class="o">*</span> <span class="n">vert3</span><span class="p">[</span><span class="mi">1</span><span class="p">]);</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">    <span class="n">u</span> <span class="o">/=</span> <span class="n">weight</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="n">v</span> <span class="o">/=</span> <span class="n">weight</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">    <span class="k">return</span> <span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span><span class="p">(</span><span class="n">u</span><span class="p">,</span> <span class="n">v</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span><span class="line"><span class="cl"><span class="c1">//计算重心
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">static</span> <span class="n">std</span><span class="o">::</span><span class="n">tuple</span><span class="o">&lt;</span><span class="kt">float</span><span class="p">,</span> <span class="kt">float</span><span class="p">,</span> <span class="kt">float</span><span class="o">&gt;</span> <span class="n">computeBarycentric2D</span><span class="p">(</span><span class="kt">float</span> <span class="n">x</span><span class="p">,</span> <span class="kt">float</span> <span class="n">y</span><span class="p">,</span> <span class="k">const</span> <span class="n">Vector4f</span><span class="o">*</span> <span class="n">v</span><span class="p">){</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">c1</span> <span class="o">=</span> <span class="p">(</span><span class="n">x</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">y</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">/</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">());</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">c2</span> <span class="o">=</span> <span class="p">(</span><span class="n">x</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">y</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">/</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">());</span>
+</span></span><span class="line"><span class="cl">    <span class="kt">float</span> <span class="n">c3</span> <span class="o">=</span> <span class="p">(</span><span class="n">x</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">y</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">/</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">())</span> <span class="o">+</span> <span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">())</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">+</span> <span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span><span class="o">*</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">());</span>
+</span></span><span class="line"><span class="cl">    <span class="k">return</span> <span class="p">{</span><span class="n">c1</span><span class="p">,</span><span class="n">c2</span><span class="p">,</span><span class="n">c3</span><span class="p">};</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="c1">//光栅化时，判断深度之后进行插值计算得出对应的数值
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
+</span></span><span class="line"><span class="cl"><span class="c1">// auto interpolated_color（颜色）
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">auto</span> <span class="n">interpolated_color</span><span class="o">=</span><span class="n">interpolate</span><span class="p">(</span><span class="n">alpha</span><span class="p">,</span><span class="n">beta</span><span class="p">,</span><span class="n">gamma</span><span class="p">,</span><span class="n">t</span><span class="p">.</span><span class="n">color</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">color</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">color</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="mi">1</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="c1">// auto interpolated_normal（法线）
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">auto</span> <span class="n">interpolated_normal</span> <span class="o">=</span> <span class="n">interpolate</span><span class="p">(</span><span class="n">alpha</span><span class="p">,</span><span class="n">beta</span><span class="p">,</span><span class="n">gamma</span><span class="p">,</span><span class="n">t</span><span class="p">.</span><span class="n">normal</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">normal</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">normal</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="mi">1</span><span class="p">).</span><span class="n">normalized</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl"><span class="c1">// auto interpolated_texcoords（纹理坐标）
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">auto</span> <span class="n">interpolated_texcoords</span> <span class="o">=</span> <span class="n">interpolate</span><span class="p">(</span><span class="n">alpha</span><span class="p">,</span><span class="n">beta</span><span class="p">,</span><span class="n">gamma</span><span class="p">,</span><span class="n">t</span><span class="p">.</span><span class="n">tex_coords</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">tex_coords</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="n">t</span><span class="p">.</span><span class="n">tex_coords</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="mi">1</span><span class="p">);</span>
+</span></span><span class="line"><span class="cl"><span class="c1">// auto interpolated_shadingcoords（着色坐标）
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">auto</span> <span class="n">interpolated_shadingcoords</span> <span class="o">=</span> <span class="n">interpolate</span><span class="p">(</span><span class="n">alpha</span><span class="p">,</span><span class="n">beta</span><span class="p">,</span><span class="n">gamma</span><span class="p">,</span><span class="n">view_pos</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="n">view_pos</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="n">view_pos</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="mi">1</span><span class="p">);</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div>
+            </div>
+
+            
+    
+    
+        <ul class="post-copyright">
+            <li class="copyright-item author"><span class="copyright-item-text">作者</span>：<a href="http://www.inksoul.top" class="p-author h-card" target="_blank" rel="noopener">InkSoul</a></li>
+            
+                
+                
+                
+                
+                <li class="copyright-item link"><span class="copyright-item-text">链接</span>：<a href="/computergraphic/%E7%BA%B9%E7%90%86%E6%98%A0%E5%B0%84/" target="_blank" rel="noopener">http://www.inksoul.top/computergraphic/纹理映射/</a></li>
+            
+            <li class="copyright-item license"><span class="copyright-item-text">许可</span>：<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></li>
+            
+        </ul>
+    
+
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2022-07-11 22:56:50 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2022-07-11</text><text x="915" y="140" textLength="650" transform="scale(.1)">2022-07-11</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E5%B8%B8%E7%94%A8%E5%85%89%E7%85%A7%E6%A8%A1%E5%9E%8B/" rel="next">常用光照模型 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2022&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/走样与反走样/index.html b/public/computergraphic/走样与反走样/index.html
new file mode 100644
index 0000000..8057155
--- /dev/null
+++ b/public/computergraphic/走样与反走样/index.html
@@ -0,0 +1,504 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>走样与反走样 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="走样 从像素角度 屏幕是由一个个像素组成，在光栅化时，只有中心被三角形覆盖的像素会被着色……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E8%B5%B0%E6%A0%B7%E4%B8%8E%E5%8F%8D%E8%B5%B0%E6%A0%B7/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-05-12T22:08:22+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E8%B5%B0%E6%A0%B7%E4%B8%8E%E5%8F%8D%E8%B5%B0%E6%A0%B7/",
+        "headline": "走样与反走样",
+        "description": "走样 从像素角度 屏幕是由一个个像素组成，在光栅化时，只有中心被三角形覆盖的像素会被着色……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  2574 ,
+        "image": ["http://www.inksoul.top/../../images/aliasing_pixel.png","http://www.inksoul.top/../../images/sample_and_reconstruct.png","http://www.inksoul.top/../../images/figure.5.17.png","http://www.inksoul.top/../../images/figure5.17.1.png","http://www.inksoul.top/../../images/three_filter.png","http://www.inksoul.top/../../images/box_filter_construct.png","http://www.inksoul.top/../../images/tent_filter_constructed.png","http://www.inksoul.top/../../images/convolution_theorem.png","http://www.inksoul.top/../../images/sinc_filter_process.png","http://www.inksoul.top/../../images/resample_upsample.png","http://www.inksoul.top/../../images/resample_downsampling.png","http://www.inksoul.top/../../images/sample_resulst.png","http://www.inksoul.top/../../images/pre-filter_sample.png","http://www.inksoul.top/../../images/Screen-Based.png","http://www.inksoul.top/../../images/sample_point_position.png","http://www.inksoul.top/../../images/MSAA.png","http://www.inksoul.top/../../images/MSAA_sample.png","http://www.inksoul.top/../../images/MSAA_color.png","http://www.inksoul.top/../../images/EQAA_color_table.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="走样与反走样" />
+<meta property="og:description" content="走样 从像素角度 屏幕是由一个个像素组成，在光栅化时，只有中心被三角形覆盖的像素会被着色……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E8%B5%B0%E6%A0%B7%E4%B8%8E%E5%8F%8D%E8%B5%B0%E6%A0%B7/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/aliasing_pixel.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-05-12T22:08:22&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">走样与反走样</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h3 id="走样"><a href="#走样" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>走样</h3>
+<h4 id="从像素角度"><a href="#从像素角度" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>从像素角度</h4>
+<p>屏幕是由一个个像素组成，在光栅化时，只有中心被三角形覆盖的像素会被着色，而且被覆盖的像素点的分布往往是离散的，自然而然地形成如下图斜线形成的阶梯状的锯齿</p>
+<p><img src="../../images/aliasing_pixel.png" alt=""></p>
+<hr>
+<h4 id="从信号角度"><a href="#从信号角度" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>从信号角度</h4>
+<h5 id="采样和滤波理论sampling-and-filtering-theory"><a href="#采样和滤波理论sampling-and-filtering-theory" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>采样和滤波理论(Sampling and Filtering Theory)</h5>
+<h6 id="采样sample"><a href="#采样sample" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>采样(sample)</h6>
+<p>采样就是将连续信号转换成离散信号(采样信号)，经过滤波后会被恢复成重建信号</p>
+<p><img src="../../images/sample_and_reconstruct.png" alt=""></p>
+<p>如果采样的频率过低，则会发生走样或混叠(aliasing),如图中，蓝色的为原信号，红色为采样点，绿色虚线为重建后的信号</p>
+<p>过低的采样频率会使重建的信号成为低频信号
+<img src="../../images/figure.5.17.png" alt=""></p>
+<p>若采样频率恰好是原信号的两倍，重建信号则表现为一条直线
+<img src="../../images/figure5.17.1.png" alt=""></p>
+<p>采样理论(sampling theorem)：采样频率必须为原信号频率的两倍以上，才能完整地重建原始信号,存在一个最大频率，因而采样频率有频带限制
+<br>奎斯特率(Nyquist rate): 频率为原信号频率两倍的采样频率<br></p>
+<h6 id="重建reconstruction"><a href="#重建reconstruction" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>重建(reconstruction)</h6>
+<p>重建时需要采样信号进行滤波，通常使用下图中的三种滤波器(box filter,tent filter,sinc filter)，且滤波器的面积必须为1以确保恢复的信号不会被放大或缩小</p>
+<p><img src="../../images/three_filter.png" alt=""></p>
+<p>box filter 对信号进行滤波并重建信号的过程如下图
+<br>直接将采样点位置替换为box filter波形的方式会因 box filter 本身的不连续使重建信号产生不平滑的现象<br>
+但仍然因其易于实现的特性被用于重建</p>
+<p><img src="../../images/box_filter_construct.png" alt=""></p>
+<hr>
+<p>tent filter 在滤波时会对每个相邻的采样点之间使用线性插值，一次重建的信号更加平滑，但采样点位置会发生斜率突变，所以tent filter 并不完美</p>
+<p><img src="../../images/tent_filter_constructed.png" alt=""></p>
+<hr>
+<p>出于让重建信号保持平滑的目的，我们必须使用一个理想低通滤波器</p>
+<p>基于傅立叶变换理论的解释：理想低通滤波器在频域中的表现类似于box filter,在频域中相乘时会过滤掉所有超过这个滤波器宽度的频率，在频域的box fliter 转换到空域的时候会是一个sinc filter ，在频域相乘也等价于在空域中进行卷积，卷积即为滤波
+<img src="../../images/convolution_theorem.png" alt=""></p>
+<p>例如sinc filter就能够实现过滤高频信号，保留低频信号的理想低通滤波器效果</p>
+<p><img src="../../images/sinc_filter_process.png" alt=""></p>
+<p>对于sinc filter 在假设采样频率为$f_s$,采样点间隔为$\frac{1}{f_S}$的情况下，它会过滤掉超过$\frac{f_S}{2}$的所有高频信息，因此，sinc filter 在采样频率为1.0会是一个理想低通滤波器，此时采样信号的最大频率应当小于$\frac{1}{2}$,但是由于sinc filter 有无限的滤波范围，所以它会在某些范围内出现负值</p>
+<p>尽管负值的出现不常见，但在实践时我们更倾向于使用无负值的lobes(常见的有高斯滤波器(Gaussian filter)),并且使用重采样(resample)的方式对重建信号进行放大或者缩小</p>
+<p>注：如果对于卷积为主的各类滤波感到不解可见<a href="https://www.bilibili.com/video/BV1Vd4y1e7pj/" target="_blank" rel="noopener">【官方双语】那么……什么是卷积？</a></p>
+<hr>
+<h4 id="重采样"><a href="#重采样" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>重采样</h4>
+<p>设采样信号灯的采样间隔为整数列，间隔为1，则我们可以通过重采样来将采样点间隔变为a，当$a&gt;1$时会缩小信号(downsampling)，$a&lt;1$时会放大信号(upsampling)</p>
+<p>如图，对重建信号使用双倍采样率进行重采样便实现了信号放大
+<img src="../../images/resample_upsample.png" alt=""></p>
+<p>这种方法不适用于信号缩小，易使信号过于高频</p>
+<p>对于信号缩小的情况，我们需要先对1间隔采样信号使用$sinc(\frac{x}{2})$ filter 滤波产生一个连续信号，再重采样2间隔，由于频谱范围更大的低通滤波器才能过滤更多的高频信号，类似于对图像进行第一次模糊再重采样产生一个低分辨率图像</p>
+<p><img src="../../images/resample_downsampling.png" alt=""></p>
+<p>由下图可见，滤波可以对三角形的边缘产生模糊，进而产生一定的反走样效果
+<img src="../../images/sample_resulst.png" alt="">
+<img src="../../images/pre-filter_sample.png" alt=""></p>
+<h3 id="反走样"><a href="#反走样" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>反走样</h3>
+<h4 id="现代反走样技术"><a href="#现代反走样技术" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>现代反走样技术</h4>
+<h5 id="screen-based-antialiasing"><a href="#screen-based-antialiasing" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Screen-Based Antialiasing</h5>
+<p>对于我们之前提到的采样，我们只对像素正方形的中心进行是否在三角形内部的判断，这意味着对于边缘的像素正方形，无论覆盖面积有多大，只要不包含中心点都会被判定在三角形外，从而不被渲染，当采样率提升，如下图的4spp(sample per pixel)以某种方式混合计算获得更好的像素效果</p>
+<p><img src="../../images/Screen-Based.png" alt=""></p>
+<p>Screen-Based Antialiasing 通常在屏幕空间区域使用采样图案来采样从而对颜色进行如下的加权计算</p>
+<p>对整个像素内颜色的平均计算遵循：
+$$p(x,y)=\sum_{i=1}^nw_ic(i,x,y)$$
+$n:$每个像素内采样点的数量</p>
+<p>$c(i,x,y):$ 计算采样位置在屏幕坐标系上的坐标$(x,y)$并填充颜色,也可以视为两个方程，$f(i,n)$定位屏幕上需要采样的位置$(x_f,y_f)$,第二个方程计算填充的颜色</p>
+<p>$w_i:$每个采样点所占的权重，通常为uniform形式，由外界输入</p>
+<h6 id="supersamping-antialiasing-ssaa-超采样抗锯齿"><a href="#supersamping-antialiasing-ssaa-超采样抗锯齿" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Supersamping Antialiasing (SSAA) 超采样抗锯齿</h6>
+<p>在每一个像素里计算多个采样的算法往往被称为超采样(supersample)或过采样(oversample)</p>
+<p>SSAA又被称为全屏幕抗锯齿(full-screen antialiasing,FSAA)，也叫超采样抗锯齿(supersampling antialiasing,SSAA)</p>
+<p>主要在于渲染比目标分辨率大的图像后，过滤邻近的像素点来采样至目标分辨率</p>
+<p>例如：</p>
+<p>当目标图像分辨率为1280$\times$1024时，渲染2560$\times$2048的图像后进行2$\times$2像素的采样，得到目标图像</p>
+<p>劣势：</p>
+<p>性能开销大，每次都需要对子样本进行完整的包含深度测试的采样，当然也可以减少采样点($2\times1或1\times2$)来减少部分开销</p>
+<p>与超采样相关的累计缓存(accumulation buffer)也可以起到减少开销的作用，主要在于使用一个与生成图像分辨率相同的buffer，但每个通道中有更多的颜色bit</p>
+<p>例如在采样的像素为$2\times2$的情况下，会生成4张图像且每张图都会在X或Y轴上偏移半个像素的距离使得输出像素的采样点正好对应图像的像素点中心</p>
+<p>优势：</p>
+<p>实现方式简单，只需要一个高分辨率图像和box filter就可以实现</p>
+<p>下图是采样点在像素点内位置类型
+<img src="../../images/sample_point_position.png" alt=""></p>
+<p>案例：NAVIDIA's DSR(dynamic super resolution)</p>
+<p>渲染4k的图像利用13个采样点的高斯滤波采样回1080p提升画面细节</p>
+<hr>
+<h6 id="msaamultisampling-antialiasing"><a href="#msaamultisampling-antialiasing" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>MSAA(Multisampling antialiasing)</h6>
+<p>MSAA同样在一个像素中设置多个采样点，在光栅化时计算三角形在像素内对采样点的覆盖率，之后只计算每个片元的像素着色器，采样中心点的位置计算颜色信息再乘上覆盖率，最后输出这个像素的颜色</p>
+<p>颜色计算与深度判断
+<img src="../../images/MSAA.png" alt=""></p>
+<p>总体流程如下
+<img src="../../images/MSAA_sample.png" alt="">
+<img src="../../images/MSAA_color.png" alt=""></p>
+<p>与SSAA不同的是，MSAA只对每个像素计算一次采样，而非对整个图像进行渲染，但计算量依旧倍增</p>
+<hr>
+<h6 id="csaacoverage-sampling-antialiasing-and-eqaaenhanced-quality-antialiasing"><a href="#csaacoverage-sampling-antialiasing-and-eqaaenhanced-quality-antialiasing" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>CSAA(coverage sampling antialiasing) and EQAA(enhanced quality antialiasing)</h6>
+<p>两者前后分别在2006年由NVIDIA和AMD先后提出</p>
+<p>两种技术都通过提前存储片元的平均效果来提高采样率</p>
+<p>例如，EQAA在2f4x模式下，会对每四个采样点计算并通过表的形式存储颜色和深度值(如下图)，这使得四个采样点只需1bit空间就可以确认像素位置的着色颜色值</p>
+<p><img src="../../images/EQAA_color_table.png" alt=""></p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/taa/" rel="prev">&lt; TAA(temporal antialiasing)</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E9%87%87%E6%A0%B7%E4%B8%8E%E5%85%89%E6%A0%85%E5%8C%96/" rel="next">采样与光栅化 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/路径追踪/index.html b/public/computergraphic/路径追踪/index.html
new file mode 100644
index 0000000..fc284a7
--- /dev/null
+++ b/public/computergraphic/路径追踪/index.html
@@ -0,0 +1,764 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>路径追踪 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="概率论基础复习 在路径追踪的计算中需要引入部分概率论内容，在此进行部分复习 随机变量 随机……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E8%B7%AF%E5%BE%84%E8%BF%BD%E8%B8%AA/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-24T15:01:07+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E8%B7%AF%E5%BE%84%E8%BF%BD%E8%B8%AA/",
+        "headline": "路径追踪",
+        "description": "概率论基础复习 在路径追踪的计算中需要引入部分概率论内容，在此进行部分复习 随机变量 随机……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  4947 ,
+        "image": ["http://www.inksoul.top/../../images/eg_expected_value.png","http://www.inksoul.top/../../images/probability_distribution_function.png","http://www.inksoul.top/../../images/reason_for_monte_carlo_integration.png","http://www.inksoul.top/../../images/uniform_monte_carlo_estimator.png","http://www.inksoul.top/../../images/mirror_and_glossy_reflection.png","http://www.inksoul.top/../../images/path_traced_direct_global_illumination.png","http://www.inksoul.top/../../images/suppose_scene_1.png","http://www.inksoul.top/../../images/introducing_global_illumination.png","http://www.inksoul.top/../../images/explosion_of_ray_as_ray_go_up.png","http://www.inksoul.top/../../images/High_and_low_spp_result.png","http://www.inksoul.top/../../images/reason_of_being_inefficient.png","http://www.inksoul.top/../../images/sample_the_light.png","http://www.inksoul.top/../../images/light_source_blocked_judge.png","http://www.inksoul.top/../../images/is_path_tracing_correct.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="路径追踪" />
+<meta property="og:description" content="概率论基础复习 在路径追踪的计算中需要引入部分概率论内容，在此进行部分复习 随机变量 随机……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E8%B7%AF%E5%BE%84%E8%BF%BD%E8%B8%AA/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/eg_expected_value.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-24T15:01:07&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">路径追踪</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h3 id="概率论基础复习"><a href="#概率论基础复习" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>概率论基础复习</h3>
+<p>在路径追踪的计算中需要引入部分概率论内容，在此进行部分复习</p>
+<h4 id="随机变量"><a href="#随机变量" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>随机变量</h4>
+<ul>
+<li>
+<p>随机变量：一个值，表示某些事件发生</p>
+</li>
+<li>
+<p>$x \backsim p(x)$ ：随机变量的分布，随机变量取到某个值的可能性</p>
+</li>
+</ul>
+<p>例如：对于一个骰子，共有6个面，每个面在上面的概率相等，都为1/6</p>
+<h4 id="概率"><a href="#概率" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>概率</h4>
+<ul>
+<li>概率必定为非负</li>
+<li>所有事件的发生概率和为1</li>
+</ul>
+<p>$$p_i \geq 0$$</p>
+<p>$$\sum_{i = 1}^n p_i = 1$$</p>
+<p>例如：对于上述的骰子，概率为$p_i = \frac{1}{6}$</p>
+<h4 id="随机变量的期望"><a href="#随机变量的期望" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>随机变量的期望</h4>
+<p>如图，对于这四个可供选择的长方形，每一个选择有一个值为$X_i$,每一个选择都对应一个概率为$p_i$,那么期望则为将所有值乘以其对应的概率后累加得到的数值</p>
+<p><img src="../../images/eg_expected_value.png" alt=""></p>
+<p>可见上图的期望值为</p>
+<p>$$E[X] = \sum_{i = 1} ^ n x_ip_i$$</p>
+<p>例如：一个骰子可以取值1、2、3、4、5、6,每一个取值的概率都是1/6,期望为</p>
+<p>$$E[X] = \sum_{i=1}^n \frac{i}{6} = (1+2+3+4+5+6)/6 = 3.5$$</p>
+<h4 id="概率密度函数"><a href="#概率密度函数" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>概率密度函数</h4>
+<p>随机变量的取值可以是一些固定的值(离散型)，也可以是下图所示一些连续的值(连续型)</p>
+<p><img src="../../images/probability_distribution_function.png" alt=""></p>
+<p>某一位置的概率为其周围一小段微元与曲线相连线形成的梯形面积</p>
+<p>上面这条曲线P(x)即为概率密度函数(简称PDF)</p>
+<p>概率密度在所有值上的积分等于1，与概率和为1类似</p>
+<p>期望的计算则是用任意一个取值乘以概率密度，并加以积分</p>
+<p>对于满足下列条件的P(x)
+$$p(x) \geq 0 \ \ and \int p(x)dx = 1$$</p>
+<p>期望值为</p>
+<p>$$E[X] = \int x P(x)dx$$</p>
+<p>当一个函数本身是随机变量时：</p>
+<p>例如一个随机变量满足一定的PDF
+$$X \backsim p(x)$$</p>
+<p>另外一个函数为</p>
+<p>$$Y = f(X)$$</p>
+<p>此时Y的期望为</p>
+<p>$$E[Y] = E[f(X)] = \int f(x)p(x)dx$$</p>
+<hr>
+<h3 id="蒙特卡洛积分monte-carlo-integration"><a href="#蒙特卡洛积分monte-carlo-integration" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>蒙特卡洛积分(Monte Carlo Integration)</h3>
+<h4 id="使用理由"><a href="#使用理由" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>使用理由</h4>
+<p>计算给定函数的定积分时，如果$f(x) = x^2$,就可以计算出不定积分为$\frac{1}{3}X^3 + 常数$，之后利用不定积分即可求出它在a和b的值，两者相减即得积分</p>
+<p>若函数较为复杂，如下图所示，不便于使用解析方法，就要使用数值的方法计算(蒙特卡洛积分)</p>
+<p><img src="../../images/reason_for_monte_carlo_integration.png" alt=""></p>
+<h4 id="大致流程"><a href="#大致流程" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>大致流程</h4>
+<p>黎曼积分：</p>
+<p>将上图a和b之间均匀拆分为100份，取每一份的中间位置，找到对应的Y(即将整个曲线下方面积分解为各个小长方形面积之和)</p>
+<p>蒙特卡洛积分：</p>
+<ul>
+<li>在a和b之间随便取一个数，找到这个数对应的f(x)</li>
+<li>假设整个曲线为一个长方形，长方形高度为刚才去的值的对应位置高度，长方形宽度视为a到b的长度，利用长方形面积近似曲线下围面积</li>
+<li>将第二步重复多次，在a到b区间采样多次，将得到的长方形面积平均求值，就可以得到相对准确的结果</li>
+</ul>
+<h4 id="定义"><a href="#定义" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>定义</h4>
+<p>定积分f(x)，即从a到b的值：</p>
+<p>$$\int_a^b f(x)dx$$</p>
+<p>x的积分域在ab区间，对概率密度函数随机采样一个变量，得到Xi</p>
+<p>$$随机变量 \ \ \ X_i \backsim p(x)$$</p>
+<p>蒙特卡洛积分可近似为下列式子，即$f(Xi)/p(xi)$的平均</p>
+<p>$$F_N = \frac{1}{N} \sum_{i = 1}^N {\frac{f(X_i)}{p(X_i)}}$$</p>
+<h4 id="特殊情况"><a href="#特殊情况" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>特殊情况</h4>
+<ul>
+<li>在a到b之间均匀采样时，我们使用的概率密度函数(PDF)在各处的值相等，即为一个常数，又已知PDF在积分域上的积分值为1，此PDF可解出值为$\frac{1}{(b-a)}$</li>
+</ul>
+<p><img src="../../images/uniform_monte_carlo_estimator.png" alt=""></p>
+<ul>
+<li>采用蒙特卡洛积分计算时，需要知道f(Xi)和p(Xi),随机采样得到的值为Xi,蒙特卡洛积分只需计算f(Xi)除以p(Xi)的平均值，p(Xi)的值始终为$\frac{1}{(b-a)}$</li>
+</ul>
+<p>$$F_N = \frac{b-a}{N}\sum_{i=1}^Nf(X_i)$$</p>
+<h4 id="总结"><a href="#总结" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>总结</h4>
+<p>蒙特卡洛积分：</p>
+<p>只需积分域内使用一个PDF采样，得到该样本的f(Xi)和概率密度P(Xi)的值，两者相除后取平均值</p>
+<p>注意：</p>
+<ol>
+<li>N越大(采样次数越多)，得到的结果越精准</li>
+<li>积分域是定义在X上的积分，所以采样目标一定是X</li>
+</ol>
+<h3 id="路径追踪path-tracing"><a href="#路径追踪path-tracing" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>路径追踪(path tracing)</h3>
+<h4 id="whitted-style-ray-tracing-存在的问题"><a href="#whitted-style-ray-tracing-存在的问题" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Whitted-Style Ray Tracing 存在的问题</h4>
+<ul>
+<li>Whitted-style Ray Tracing 对Specular(镜面)材质的表现效果是正确的，而glossy(磨砂)材质的效果则表现不正确</li>
+</ul>
+<p>Specular材质：光线在物体表面能发生镜面反射则称为此材质，光线在打在表面时，会沿着镜面反射方向离去，也是镜面能够映出周围环境光的原因</p>
+<p>Glossy材质：有镜面反射的样子，但又有些许模糊，类似毛玻璃效果，有一定粗糙度但能产生高光</p>
+<p><img src="../../images/mirror_and_glossy_reflection.png" alt=""></p>
+<ul>
+<li>whitted-style ray tracing 在遇到漫反射时会停止光线弹射直接做相应的shading</li>
+</ul>
+<p>这种情况会忽视漫反射物体和漫反射物体之间的光线都不被渲染，也不符合漫反射将光线均匀地反射到各个不同方向上的物理定义</p>
+<p>两个示例中左侧为直接光照，右侧为全局光照，都采用路径追踪的方式计算得到</p>
+<p><img src="../../images/path_traced_direct_global_illumination.png" alt=""></p>
+<p>可见在场景中只有上面一个光源的情况下，在直接光照里，天花板为黑色，但实际上光线会发生多次弹射，天花板应是亮的，右侧才是我们想要的效果</p>
+<p>Color bleeding: 左侧全局光照图中高立方体左侧是红，光线在弹射到墙面后再反射到这个面，之后到达摄像头(眼睛)，z这种现象就为Color bleeding</p>
+<p>Cornell box真实存在，3D模型也是存在的，广泛用于测试各种全局光照效果</p>
+<hr>
+<p>两中表现效果错误来自于Whitted-style ray tracing的光线弹射计算</p>
+<ol>
+<li>光线打到specular的物体上，会沿着镜面方向反射或沿着折射方向折射</li>
+<li>光线打到diffuse(漫反射)的物体上，这条光线就停止了</li>
+</ol>
+<p>虽然存在错误，但完全按照物理量推算的渲染方程是完全正确的，为了正确计算，我们要解出这个渲染方程</p>
+<p>$$L_o(p,w_o) = L_e(p,w_o) + \int_{\Omega+} {L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)dw_i}$$</p>
+<h4 id="蒙特卡洛积分分解渲染方程"><a href="#蒙特卡洛积分分解渲染方程" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>蒙特卡洛积分分解渲染方程</h4>
+<h5 id="直接光照"><a href="#直接光照" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>直接光照</h5>
+<p>假设存在下图场景，我们认为各个方向进来的光$\omega i$ 均匀分布在球面上</p>
+<p><img src="../../images/suppose_scene_1.png" alt=""></p>
+<ul>
+<li>假设该点不发光，因而直接光照强度结果来自于四面八方入射来的光照强度</li>
+</ul>
+<p>忽略渲染方程发光项后的形式</p>
+<p>$$L_o(p,w_o) =\int_{\Omega+} {L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)dw_i}$$</p>
+<h6 id="使用蒙特卡洛积分求解"><a href="#使用蒙特卡洛积分求解" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>使用蒙特卡洛积分求解</h6>
+<ul>
+<li>通过蒙特卡洛求解我们需要在不同方向上采样，考虑对应的f(x)和PDF的值</li>
+</ul>
+<p>着色点为p点时，从P点反射到摄像头的辐射为</p>
+<p>$$L_o(p,w_o) =\int_{\Omega+} {L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)dw_i}$$</p>
+<p>蒙特卡洛为了算积分会在积分域上进行采样获得样本X，计算f(x)/p(x)，再求平均</p>
+<p>$$\int_a^b f(x)dx \approx \frac{1}{N}\sum_{k=1}^N \frac{f(X_k)}{p(X_k)}$$</p>
+<p>$$X_k \backsim p(x)$$</p>
+<ul>
+<li>求出f(x)</li>
+</ul>
+<p>将蒙特卡洛积分的方法迁移到解渲染方程上，则f(x)就是渲染方程中积分的所有计算式</p>
+<p>$$L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)$$</p>
+<ul>
+<li>PDF的值</li>
+</ul>
+<p>PDF涉及对积分域进行采样，这里为对半球进行采样</p>
+<p>使用最简单的均匀采样，认为半球上采样到任何一个方向上的概率密度是相同，PDF为一个常数</p>
+<p>$$p(\omega_i) = \frac{1}{2\pi}$$</p>
+<p>球面面积为$4\pi$，半球面面积为$2\pi$,半球对应立体角为$2\pi$,均匀采样使PDF的所在角度积分为1，因此PDF为$\frac{1}{2\pi}$</p>
+<ul>
+<li>将渲染方程改写成蒙特卡洛形式</li>
+</ul>
+<p>每次均匀地在半球上采样，取一个入射方向$\omega_i$,将上值代入可得下列式子</p>
+<p>$$L_o(p,w_o) =\int_{\Omega+} {L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)dw_i}$$</p>
+<p>$$\approx \frac{1}{N}\sum_{i=1}^N \frac{L_i(p,w_i)f_r(p,w_i,w_o)(n\cdot w_i)}{p(\omega_i)}$$</p>
+<p>由此可写出以下着色算法</p>
+<pre tabindex="0"><code>着色点p，方向为w0
+    随机选择PDF采样得到的N个方向wi
+    初始化结果Lo
+    对于选中的wi
+        从p点连出一条光线
+        如果光线打到了光源
+            Lo+=(1/N) * Li * fr * cosine/pdf(wi)
+    返回Lo
+</code></pre><hr>
+<pre tabindex="0"><code>shade(p, wo)
+    Randomly choose N directions wi~pdf
+    Lo = 0.0
+    For each wi
+        Trace a ray r(p, wi)
+        If ray r hit the light
+            Lo += (1 / N) * L_i * f_r * cosine / pdf(wi)
+    Return Lo
+</code></pre><h5 id="全局光照"><a href="#全局光照" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>全局光照</h5>
+<p>全局光照下，我们需要考虑反射面反射过来的光，计算从Q反射到P点反射了多少辐射能</p>
+<p><img src="../../images/introducing_global_illumination.png" alt=""></p>
+<p>只需在直接光照的算法中添加分支便可支持全局光照</p>
+<pre tabindex="0"><code>着色点p，方向为w0
+    随机选择PDF采样得到的N个方向wi
+    初始化结果Lo
+    对于选中的wi
+        从p点连出一条光线
+        如果光线打到了光源
+            Lo+=(1/N) * Li * fr * cosine/pdf(wi)
+        如果光线打到了q点的物体
+            Lo +=(1/N) * shade(q,-wi) * fr * cosine/pdf(wi)
+    返回Lo
+</code></pre><hr>
+<pre tabindex="0"><code>shade(p, wo)
+    Randomly choose N directions wi~pdf
+    Lo = 0.0
+    For each wi
+        Trace a ray r(p, wi)
+        If ray r hit the light
+            Lo += (1 / N) * L_i * f_r * cosine / pdf(wi)
+        Else If ray r hit an object at q
+            Lo += (1 / N) * shade(q, -wi) * f_r * cosine / pdf(wi)
+        
+Return Lo
+</code></pre><p>打到物体上是需要考虑q点反射过来的能量，即在q点-wi方向看过去的直接光照</p>
+<hr>
+<h5 id="上述算法存在的问题"><a href="#上述算法存在的问题" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>上述算法存在的问题</h5>
+<ul>
+<li>这种方式打出不同光线再以递归的方式计算，会使光线的数量呈指数爆炸增长</li>
+</ul>
+<p>如下图，打到第一个物体上后反射出N根光线，打到第二个物体后会再发出N个光线，即变成$N^2$条光线，会超出处理能力</p>
+<p><img src="../../images/explosion_of_ray_as_ray_go_up.png" alt=""></p>
+<p>解决方法：</p>
+<ol>
+<li>取N等于1，但是会产生较大噪声</li>
+<li>采用N=1来做蒙特卡洛积分，即为路径追踪，(N!=1时为分布式光线追踪，会产生指数爆炸)</li>
+<li>N=1的情况下会产生噪声，但需要得到的只是一个像素的Radiance，所以只需计算穿过一个像素的多个path再求平均即可得到目标Radiance</li>
+</ol>
+<p>path:一条完整连接视点和光源的路径</p>
+<p>算法：</p>
+<pre tabindex="0"><code>ray_generation(camPos, pixel)
+    Uniformly choose N sample positions within the pixel
+    pixel_radiance = 0.0
+    For each sample in the pixel
+        Shoot a ray r(camPos, cam_to_sample)
+        If ray r hit the scene at p
+            pixel_radiance += 1 / N * shade(p, sample_to_cam)
+    Return pixel_radiance
+</code></pre><ul>
+<li>递归算法永远不停</li>
+</ul>
+<p>真实世界中光线本身弹射次数也是不停的，但计算机不能无限模拟，也不能提前限制弹射次数，这样会损失多次弹射的能量</p>
+<p>解决方案：</p>
+<p>用Russian Roulette(俄罗斯轮盘赌)的方法来决定以一定概率去停止光线继续弹射</p>
+<p>俄罗斯轮盘思想：</p>
+<ol>
+<li>某一着色点出射的Radiance是$L_o$</li>
+<li>自定一个概率p(0&lt; p &lt; 1)</li>
+<li>以一定的概率p往某一方向打一条光线</li>
+<li>得到一定结果后取$L_o/p$为返回值</li>
+<li>在1-p的概率内就不打光线，返回值为0</li>
+</ol>
+<p>可视为取两个值的离散型随机变量，可以通过概率乘以值并加起来计算期望</p>
+<p>$$E = P*(L_o/p) + (1-p)*0 = L_o$$</p>
+<p>对应修改后的着色算法</p>
+<p>指定概率$P_RR$</p>
+<p>随意在0到1中取一个数ksi</p>
+<p>如果$ksi&gt;P_RR$,意味着不该往外把一根光线</p>
+<p>其他情况下正常打出光线，最后结果需除以$P_RR$</p>
+<pre tabindex="0"><code>shade(p, wo)
+    Manually specify a probability P_RR
+    Randomly select ksi in a uniform dist. in [0, 1]
+    If (ksi &gt; P_RR) return 0.0;
+    Randomly choose ONE direction wi~pdf(w)
+    Trace a ray r(p, wi)
+    If ray r hit the light
+        Return L_i * f_r * cosine / pdf(wi) / P_RR
+    Else If ray r hit an object at q
+        Return shade(q, -wi) * f_r * cosine / pdf(wi) / P_RR
+</code></pre><p>至此得出不太高效的正确path tracing算法</p>
+<hr>
+<p>Samples(采样率)可认为是path，SPP(samples per pixel)就是一个像素打出多少path</p>
+<p>low SPP下，计算速度快，图片噪声多</p>
+<p>High SPP下，计算速度慢，图片噪声少</p>
+<p><img src="../../images/High_and_low_spp_result.png" alt=""></p>
+<h5 id="算法依旧不高效的原因"><a href="#算法依旧不高效的原因" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>算法依旧不高效的原因</h5>
+<p><img src="../../images/reason_of_being_inefficient.png" alt=""></p>
+<p>光线能否打到光源上取决于运气，当光源小时往往会浪费过多光线，需要改用更好的PDF用来采样，而非简单的均匀采样</p>
+<h5 id="光源上采样"><a href="#光源上采样" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光源上采样</h5>
+<p>蒙特卡洛允许许多采样方法，我们可以直接在光源上采样</p>
+<p><img src="../../images/sample_the_light.png" alt=""></p>
+<p>n'为光源本身朝向，在与着色点连线后可得$\theta$(连线和着色点法线的夹角) $\theta$'(连线和光源法线的夹角)，此时若在视为二维平面的光源上均匀采样，则PDF为$\frac{1}{A}$</p>
+<p>此时得到一个定义在光源上的积分，需要将渲染方程改写</p>
+<ul>
+<li>将对$d\omega$的积分改为对$dA$的积分</li>
+</ul>
+<p>dA: 光源上的一个小平面</p>
+<p>$d\omega$：是上面小的表面投影到单位球上形成的面积(单位球半径为1，立体角为dA投影到单位球上的面积除以1的平方)</p>
+<p>$d\omega$和dA的关系：dA的朝向不一定朝向着色点，则需要计算$dAcos\theta'$，将光源所在平面垂直地和着色点连线，除以距离绝对值的平方，得出$d\omega$</p>
+<p>$$d\omega = \frac{dAcos\theta'}{||x' - x||^2}$$</p>
+<p>重写后的渲染方程为：</p>
+<p>$$L_o(x,\omega_o) = \int_{\Omega+} L_i(x,\omega_i)f_r(x,\omega_i,\omega_o)\cos \theta d\omega_i$$</p>
+<p>$$\int_A L_i(x,\omega_i)f_r(x,\omega_i,\omega_o)\frac{dAcos\theta'}{||x' - x||^2} dA$$</p>
+<p>即可使用蒙特卡洛积分进行计算,此时的PDF为1/A</p>
+<h5 id="改进后的算法"><a href="#改进后的算法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>改进后的算法</h5>
+<p>着色点的着色结果来源于两个部分：</p>
+<ul>
+<li>光源的贡献(直接光源，无需进行俄罗斯轮盘赌剔除)</li>
+</ul>
+<p>均匀地在光源上采样后对改写后的渲染方程使用蒙特卡洛积分计算</p>
+<ul>
+<li>非光源贡献(间接光源，需要进行俄罗斯轮盘赌剔除)</li>
+</ul>
+<p>如果通过了俄罗斯轮盘赌测试，就发出一条射线，打到了一个非光源的点q时将其贡献加入</p>
+<p>算法：</p>
+<pre tabindex="0"><code>shade(p, wo)
+    # Contribution from the light source.
+    Uniformly sample the light at x’ (pdf_light = 1 / A)
+    L_dir = L_i * f_r * cos θ * cos θ’ / |x’ - p|^2 / pdf_light 
+
+
+    # Contribution from other reflectors.
+    L_indir = 0.0
+    Test Russian Roulette with probability P_RR
+    Uniformly sample the hemisphere toward wi (pdf_hemi = 1 / 2pi)
+    Trace a ray r(p, wi)
+    If ray r hit a non-emitting object at q
+        L_indir = shade(q, -wi) * f_r * cos θ / pdf_hemi / P_RR
+    Return L_dir + L_indir
+</code></pre><h5 id="处理光源遮挡"><a href="#处理光源遮挡" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>处理光源遮挡</h5>
+<p>上述算法中，光源采样并未考虑光源遮挡问题</p>
+<p>发生下图蓝色物体遮挡在光源和着色点之间时，需要判断光源能否贡献到着色点</p>
+<p><img src="../../images/light_source_blocked_judge.png" alt=""></p>
+<p>判断方式：</p>
+<p>着色点到光源上的采样点取一根连线，从着色点往这根连线的方向打出一根光线，判断是否会打到某个物体，自然可以直接判断直接光照是否被遮挡，不被遮挡时，直接光照可直接计算，被遮挡时，自然为0</p>
+<p>改进后算法：</p>
+<pre tabindex="0"><code>shade(p, wo)
+    # Contribution from the light source.
+    Uniformly sample the light at x&#39; (pdf_light = 1 / A)
+    Shoot a ray from p to x’
+    If the ray is not blocked in the middle
+        L_dir = L_i * f_r * cos θ * cos θ’ / |x&#39; - p|^2 / pdf_light 
+
+
+    # Contribution from other reflectors.
+    L_indir = 0.0
+    Test Russian Roulette with probability P_RR
+    Uniformly sample the hemisphere toward wi (pdf_hemi = 1 / 2pi)
+    Trace a ray r(p, wi)
+    If ray r hit a non-emitting object at q
+        L_indir = shade(q, -wi) * f_r * cos θ / pdf_hemi / P_RR
+    Return L_dir + L_indir
+</code></pre><p>最终path tracing的出的效果</p>
+<p><img src="../../images/is_path_tracing_correct.png" alt=""></p>
+<p>可见，path tracing 与照片相比能够做到几乎百分百相似</p>
+<h5 id="光线追踪新旧计算算法"><a href="#光线追踪新旧计算算法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光线追踪新旧计算算法</h5>
+<p>早期多是Whitted-style Ray Tracing</p>
+<p>现代：</p>
+<p>可理解为所有光线传播方式的集合</p>
+<ul>
+<li>(Unidirectional &amp; bidirectional) path tracing</li>
+<li>Photon mapping</li>
+<li>Metropolis light transport</li>
+<li>VCM / UPBP…</li>
+</ul>
+<p>当然，现在还做不到完美的实时光线追踪，也是现在探讨前沿</p>
+<hr>
+<h5 id="补充问题"><a href="#补充问题" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>补充问题</h5>
+<ul>
+<li>蒙特卡洛积分应该选择什么样的PDF？</li>
+</ul>
+<p>重要性采样理论</p>
+<ul>
+<li>随机数是否有质量之分？</li>
+</ul>
+<p>存在质量之分，不同的随机数有各自特点，如low discrepancy sequences、TAA中使用的Halton sequence</p>
+<ul>
+<li>是否可以将采样半球和采样光源这两种采样方法结合起来，使其效果更好？</li>
+</ul>
+<p>存在，称为multiple imp Sampling,简称MIS</p>
+<ul>
+<li>我们算出了一个像素的Radiance，可是我们最后看到的是颜色，这个Radiance是不是颜色？</li>
+</ul>
+<p>颜色与Radiance并非一一对应关系，将Radiance换算为颜色需要经过gamma校正</p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E6%9D%90%E8%B4%A8%E4%B8%8E%E5%A4%96%E8%A7%82/" rel="prev">&lt; 材质与外观</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E5%8F%8C%E5%90%91%E5%8F%8D%E5%B0%84%E5%88%86%E5%B8%83%E5%87%BD%E6%95%B0/" rel="next">双向反射分布函数(BRDF) &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/辐射度量学/index.html b/public/computergraphic/辐射度量学/index.html
new file mode 100644
index 0000000..254288a
--- /dev/null
+++ b/public/computergraphic/辐射度量学/index.html
@@ -0,0 +1,507 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>辐射度量学基础(Basic radiometry) | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="本文建议与以下链接结合观看，便于理解 光照与阴影 辐射度量学 辐射度量学是一个物理上准确定……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E8%BE%90%E5%B0%84%E5%BA%A6%E9%87%8F%E5%AD%A6/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-22T15:33:53+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E8%BE%90%E5%B0%84%E5%BA%A6%E9%87%8F%E5%AD%A6/",
+        "headline": "辐射度量学基础(Basic radiometry)",
+        "description": "本文建议与以下链接结合观看，便于理解 光照与阴影 辐射度量学 辐射度量学是一个物理上准确定……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  1749 ,
+        "image": ["http://www.inksoul.top/../../images/another_defination_of_flux.png","http://www.inksoul.top/../../images/Radiant_Intensity_define.png","http://www.inksoul.top/../../images/differential_solid_angles1.png","http://www.inksoul.top/../../images/differential_solid_angles_w.png","http://www.inksoul.top/../../images/Isotropic_Point_source.png","http://www.inksoul.top/../../images/modern_LED.png","http://www.inksoul.top/../../images/Irradiance_define.png","http://www.inksoul.top/../../images/Lambert_cosine_law_irradiance.png","http://www.inksoul.top/../../images/Irradiance_Fallof.png","http://www.inksoul.top/../../images/radiance_define.png","http://www.inksoul.top/../../images/Incident_radiance_define.png","http://www.inksoul.top/../../images/Exiting_radiance_define.png","http://www.inksoul.top/../../images/Irradiance_vs_radiance.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="辐射度量学基础(Basic radiometry)" />
+<meta property="og:description" content="本文建议与以下链接结合观看，便于理解 光照与阴影 辐射度量学 辐射度量学是一个物理上准确定……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E8%BE%90%E5%B0%84%E5%BA%A6%E9%87%8F%E5%AD%A6/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/another_defination_of_flux.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-22T15:33:53&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">辐射度量学基础(Basic radiometry)</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <p>本文建议与以下链接结合观看，便于理解</p>
+<p><a href="https://ciechanow.ski/lights-and-shadows/" target="_blank" rel="noopener">光照与阴影</a></p>
+<h3 id="辐射度量学"><a href="#辐射度量学" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>辐射度量学</h3>
+<ol>
+<li>辐射度量学是一个物理上准确定义光照的方法，定义了一系列单位和方法描述光照</li>
+<li>给光照定义了不同空间中的属性：辐射通量(Radiant flux)、强度(intensity)、辐照度(irradiance)、辐射度(radiance)</li>
+<li>基于几何光学，认为光沿直线传播，没有波动性</li>
+</ol>
+<h4 id="引入辐射度量学的目的"><a href="#引入辐射度量学的目的" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>引入辐射度量学的目的</h4>
+<ul>
+<li>Whitted-style的光线追踪实际上不符合真实物理</li>
+</ul>
+<p>Whitted-style采用的Blinn-Phong模型实际假设了反射为完美的镜面反射，忽略光线在反射后的能量损失</p>
+<ul>
+<li>辐射度量学是一个精准的给我们一系列物理量的方法</li>
+</ul>
+<p>辐射度量学精准地定义出物体表面与光的作用、光源、材质、光线传播，确保得到正确的结果</p>
+<h4 id="辐射量和辐射通量radiant-energy-and-flux"><a href="#辐射量和辐射通量radiant-energy-and-flux" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>辐射量和辐射通量(Radiant Energy and Flux)</h4>
+<p>辐射量(Radiant Energy)：电磁辐射的能量，单位为焦耳</p>
+<p>$$Q[J = Joule]$$</p>
+<p>辐射通量(Radiant Flux)：每单位时间的能量，在物理上为功率，单位为瓦特，光学上单位为流明(lumen)</p>
+<p>$$\Phi \equiv \frac{d_Q}{d_t} [W = Watt] [lm = lumen]$$</p>
+<p>辐射通量同时可以表示为在单位时间内通过一个感光平面的光子数量</p>
+<p><img src="../../images/another_defination_of_flux.png" alt=""></p>
+<h4 id="辐射强度radiant-intensity"><a href="#辐射强度radiant-intensity" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>辐射强度(Radiant Intensity)</h4>
+<p>定义：单位时间内，单位立体角辐射的能量</p>
+<p><img src="../../images/Radiant_Intensity_define.png" alt=""></p>
+<p>坎德拉(Candela): 发光强度的SI单位。一坎德拉是光源在给定方向上的发光强度，该光源发出540 $\times $1012Hz的单色辐射，并且在该方向上的辐射强度为1/683瓦/球面度</p>
+<p>角度：圆上圆弧长度与半径的比值</p>
+<ul>
+<li>$\theta = \frac{l}{r}$</li>
+<li>圆的最大角度为$2\pi$</li>
+</ul>
+<p>立体角：球面对向面积与半径平方的比值</p>
+<ul>
+<li>$\Omega = \frac{A}{r^2}$</li>
+<li>球体的最大角度为$4\pi$</li>
+</ul>
+<p>微分立体角：球面上当立体角的方向与Z轴的夹角($\theta$)、绕着Z轴旋转的角($\phi$)发生改变时，会在对应方向的球面上框出一片区域，该区域对应的立体角即为微分立体角</p>
+<p><img src="../../images/differential_solid_angles1.png" alt=""></p>
+<p>对于球体$S^2$:
+$$\Omega = \int_{S^2} {d\omega} = \int_0^{2\pi} \int_0^{\pi} {\sin\theta d{\theta} d{\phi}} = 4\pi$$</p>
+<p>在辐射度量中，我们也会用$\omega$表示三维空间中的一个方向，可以使用$\theta和\phi$的方式来定义其位置，并利用$\sin \theta d_{\theta} d_{\phi}$来计算微分立体角</p>
+<p><img src="../../images/differential_solid_angles_w.png" alt=""></p>
+<h4 id="光强intensity"><a href="#光强intensity" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光强(Intensity)</h4>
+<p>定义一个点光源的亮度可以定义其Flux，所以光强即为这个光源在任何一个方向上的亮度</p>
+<p>对所有方向上单位立体角的光强进行积分就可以得到Flux(poweer)</p>
+<p>$$\Phi = \int_{S^2} {Id\omega} = 4\pi I$$</p>
+<p>对于各向同性光源(点光源向各个方向均匀地辐射出能量)</p>
+<p>$$I = \frac{\Phi}{4\pi}$$</p>
+<p><img src="../../images/Isotropic_Point_source.png" alt=""></p>
+<h4 id="现代led灯实例"><a href="#现代led灯实例" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>现代LED灯实例</h4>
+<p>对于下图中的LED灯，可见：</p>
+<p>标注输出815流明，11瓦功率相当于白炽灯60瓦功率</p>
+<p>假设其为各向同性光源</p>
+<p>Itensity = 815 lumens / 4pi sr = 65 candelas</p>
+<p><img src="../../images/modern_LED.png" alt=""></p>
+<h4 id="辐照度irradiance"><a href="#辐照度irradiance" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>辐照度(Irradiance)</h4>
+<p>定义：单位面积内的能量</p>
+<p><img src="../../images/Irradiance_define.png" alt=""></p>
+<p>单位面积需与入射光线垂直才算是接收到的范围，否则要将其投影到垂直的方向</p>
+<p>例如Lambert's Cosine Law中平行光打到单位面上如果垂直则可以接收到6根光线，平面若倾斜则只能接收到三个光线，接收到的能量要乘以$\cos \theta$</p>
+<p><img src="../../images/Lambert_cosine_law_irradiance.png" alt=""></p>
+<hr>
+<p>基于辐照度来理解光照衰减</p>
+<p>定义光源的power为$\phi$,认为其往各个方向都是均等地辐射出能量</p>
+<p>之前普遍理解为能量分布在球壳上，壳越大则每个地方分布的能量越少</p>
+<p>采用辐照度则认为对于最中间的球壳来说，其半径为1，则下图中该点出的辐照度为$E = \phi / (4\pi 1^2 )$,球壳半径为r时，辐照度为$\phi / (4 \pi r^2)$,也就等于$E/r^2$</p>
+<p><img src="../../images/Irradiance_Fallof.png" alt=""></p>
+<p>由此可得出并非Idensity在衰减，而是Irradiance在衰减</p>
+<h4 id="辐射radiance"><a href="#辐射radiance" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>辐射(Radiance)</h4>
+<p>定义：单位立体角下每单位面积下的power</p>
+<p><img src="../../images/radiance_define.png" alt=""></p>
+<p>由此可知power需要进行两次微分，一次立体角，一次投影后单位面积</p>
+<p>intensity、radiance和irradiance的联系</p>
+<p>Intensity:每单位角power</p>
+<p>Irradiance:每单位投影面积的power</p>
+<p>Radiance：每单位投影面积的Intensity</p>
+<p>Radiance: 每单位角的Irradiance</p>
+<h4 id="入射辐射incident-radiance"><a href="#入射辐射incident-radiance" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>入射辐射(Incident Radiance)</h4>
+<p>从一个方向打到一个很小的面上的能量，即为入射辐射</p>
+<p><img src="../../images/Incident_radiance_define.png" alt=""></p>
+<p>是沿着给定光线到达表面的光(给定表面上的点和入射方向)</p>
+<h4 id="出射辐射exiting-radiance"><a href="#出射辐射exiting-radiance" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>出射辐射(Exiting Radiance)</h4>
+<p>王某一个方向(立体角)辐射的能量即为出射辐射</p>
+<p><img src="../../images/Exiting_radiance_define.png" alt=""></p>
+<p>是沿着给定光线到达表面的光(给定表面上的点和出射方向)</p>
+<h4 id="irradiance-和-radiance-的区别"><a href="#irradiance-和-radiance-的区别" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>irradiance 和 Radiance 的区别</h4>
+<p>irradiance: dA收到的所有能量</p>
+<p>radiance: dA从某一个方向收到的能量</p>
+<p>E(p)即为irradiance,等于所有方向上的Radiance的和</p>
+<p><img src="../../images/Irradiance_vs_radiance.png" alt=""></p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E5%8F%8C%E5%90%91%E5%8F%8D%E5%B0%84%E5%88%86%E5%B8%83%E5%87%BD%E6%95%B0/" rel="prev">&lt; 双向反射分布函数(BRDF)</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA%E5%8A%A0%E9%80%9F%E7%BB%93%E6%9E%84%E5%92%8C%E7%AE%97%E6%B3%95/" rel="next">光线追踪加速结构/算法 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/采样与光栅化/index.html b/public/computergraphic/采样与光栅化/index.html
new file mode 100644
index 0000000..d738a5b
--- /dev/null
+++ b/public/computergraphic/采样与光栅化/index.html
@@ -0,0 +1,567 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>采样与光栅化 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="屏幕空间 屏幕空间可以被看做是由一组像素点构成，每个像素点可以被视为中心为$(x&#43;0.……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E9%87%87%E6%A0%B7%E4%B8%8E%E5%85%89%E6%A0%85%E5%8C%96/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-05-12T09:10:25+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E9%87%87%E6%A0%B7%E4%B8%8E%E5%85%89%E6%A0%85%E5%8C%96/",
+        "headline": "采样与光栅化",
+        "description": "屏幕空间 屏幕空间可以被看做是由一组像素点构成，每个像素点可以被视为中心为$(x+0.……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  954 ,
+        "image": ["http://www.inksoul.top/../../images/pixel_and_screen_space.png","http://www.inksoul.top/../../images/sample_progress.png","http://www.inksoul.top/../../images/BoundingBox.png","http://www.inksoul.top/../../images/IncrementalTriangleTraversal.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="采样与光栅化" />
+<meta property="og:description" content="屏幕空间 屏幕空间可以被看做是由一组像素点构成，每个像素点可以被视为中心为$(x&#43;0.……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E9%87%87%E6%A0%B7%E4%B8%8E%E5%85%89%E6%A0%85%E5%8C%96/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/pixel_and_screen_space.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-05-12T09:10:25&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">采样与光栅化</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h4 id="屏幕空间"><a href="#屏幕空间" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>屏幕空间</h4>
+<p>屏幕空间可以被看做是由一组像素点构成，每个像素点可以被视为中心为$(x+0.5,y+0.5)$的一个正方形，</p>
+<p><img src="../../images/pixel_and_screen_space.png" alt=""></p>
+<hr>
+<h4 id="模型的面"><a href="#模型的面" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>模型的面</h4>
+<p>大多数模型的面(mesh)以三角形为主（也有一些不同的面）
+选择三角形的原因：</p>
+<ol>
+<li>大多数多边形最终都可以被分割为三角形</li>
+<li>边界清晰，便于判定某个点是否位于面内(与采样有关)</li>
+<li>对于三角形的每个顶点值有清晰的插值方式(质心插值)</li>
+</ol>
+<hr>
+<h4 id="采样的功能光栅化"><a href="#采样的功能光栅化" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>采样的功能（光栅化）</h4>
+<p>遍历整个屏幕上所有的像素点，如果某个像素点的中心位于三角形内，则对这个像素点进行采样</p>
+<p>伪代码</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="k">for</span><span class="p">(</span><span class="kt">int</span> <span class="n">x</span> <span class="o">=</span> <span class="mi">0</span> <span class="p">;</span> <span class="n">x</span> <span class="o">&lt;</span> <span class="n">xmax</span><span class="p">;</span> <span class="o">++</span><span class="n">x</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">    <span class="k">for</span><span class="p">(</span><span class="kt">int</span> <span class="n">y</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="n">y</span><span class="o">&lt;</span> <span class="n">xmax</span> <span class="p">;</span> <span class="o">++</span><span class="n">y</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl">        <span class="n">image</span><span class="p">[</span><span class="n">x</span><span class="p">][</span><span class="n">y</span><span class="p">]</span> <span class="o">=</span> <span class="n">inside</span><span class="p">(</span><span class="n">tri</span><span class="p">,</span><span class="n">x</span><span class="o">+</span><span class="mf">0.5</span><span class="p">,</span><span class="n">y</span><span class="o">+</span><span class="mf">0.5</span><span class="p">);</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><p>可视化过程如图</p>
+<p><img src="../../images/sample_progress.png" alt=""></p>
+<hr>
+<h4 id="判断像素点在三角形内部"><a href="#判断像素点在三角形内部" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>判断像素点在三角形内部</h4>
+<p>inside的判断主要由叉乘(cross product)来实现</p>
+<p>计算三角形各边的向量和目标测试点与三角形三个顶点的向量，将各边向量分别与测试点与顶点的向量进行叉乘，得出三个值，如果三个值得符号相同，则目标测试点位于三角形内，相反则测试点在三角形外</p>
+<p>代码实现</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
+</span><span class="lnt"> 2
+</span><span class="lnt"> 3
+</span><span class="lnt"> 4
+</span><span class="lnt"> 5
+</span><span class="lnt"> 6
+</span><span class="lnt"> 7
+</span><span class="lnt"> 8
+</span><span class="lnt"> 9
+</span><span class="lnt">10
+</span><span class="lnt">11
+</span><span class="lnt">12
+</span><span class="lnt">13
+</span><span class="lnt">14
+</span><span class="lnt">15
+</span><span class="lnt">16
+</span><span class="lnt">17
+</span><span class="lnt">18
+</span><span class="lnt">19
+</span><span class="lnt">20
+</span><span class="lnt">21
+</span><span class="lnt">22
+</span><span class="lnt">23
+</span><span class="lnt">24
+</span><span class="lnt">25
+</span><span class="lnt">26
+</span><span class="lnt">27
+</span><span class="lnt">28
+</span><span class="lnt">29
+</span><span class="lnt">30
+</span><span class="lnt">31
+</span><span class="lnt">32
+</span><span class="lnt">33
+</span><span class="lnt">34
+</span><span class="lnt">35
+</span><span class="lnt">36
+</span><span class="lnt">37
+</span><span class="lnt">38
+</span><span class="lnt">39
+</span><span class="lnt">40
+</span><span class="lnt">41
+</span><span class="lnt">42
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-C++" data-lang="C++"><span class="line"><span class="cl"><span class="c1">//判断测试点是否在三角形内
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="k">static</span> <span class="kt">bool</span> <span class="nf">insideTriangle</span><span class="p">(</span><span class="kt">int</span> <span class="n">x</span><span class="p">,</span> <span class="kt">int</span> <span class="n">y</span><span class="p">,</span> <span class="k">const</span> <span class="n">Vector3f</span><span class="o">*</span> <span class="n">_v</span><span class="p">)</span>
+</span></span><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">	<span class="c1">// TODO : Implement this function to check if the point (x, y) is inside
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>    <span class="c1">// the triangle represented by _v[0], _v[1], _v[2]
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
+</span></span><span class="line"><span class="cl">	<span class="c1">//测试点的坐标为(x, y)
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>	<span class="c1">//三角形三点的坐标分别为_v[0], _v[1], _v[2]
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
+</span></span><span class="line"><span class="cl">	<span class="c1">//叉乘公式为(x1, y1)X(x2, y2) = x1*y2 - y1*x2
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
+</span></span><span class="line"><span class="cl">	<span class="c1">//准备三角形各边的的向量
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>	<span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span> <span class="n">side1</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">	<span class="n">side1</span> <span class="o">&lt;-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">(),</span> <span class="n">_v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">	<span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span> <span class="n">side2</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">	<span class="n">side2</span> <span class="o">&lt;-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">(),</span> <span class="n">_v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">	<span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span> <span class="n">side3</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">	<span class="n">side3</span> <span class="o">&lt;-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">()</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">(),</span> <span class="n">_v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">	<span class="c1">//计算测量点和三角形各点连线的向量
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>	<span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span> <span class="n">v1</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">	<span class="n">v1</span> <span class="o">&lt;-</span> <span class="n">x</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">(),</span> <span class="n">y</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">	<span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span> <span class="n">v2</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">	<span class="n">v2</span> <span class="o">&lt;-</span> <span class="n">x</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">(),</span> <span class="n">y</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">	<span class="n">Eigen</span><span class="o">::</span><span class="n">Vector2f</span> <span class="n">v3</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">	<span class="n">v3</span> <span class="o">&lt;-</span> <span class="n">x</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">(),</span> <span class="n">y</span> <span class="o">-</span> <span class="n">_v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">	<span class="c1">//三角形各边的的向量叉乘测量点和三角形各点连线的向量
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>	<span class="kt">float</span> <span class="n">z1</span> <span class="o">=</span> <span class="n">side1</span><span class="p">.</span><span class="n">x</span><span class="p">()</span> <span class="o">*</span> <span class="n">v1</span><span class="p">.</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">side1</span><span class="p">.</span><span class="n">y</span><span class="p">()</span> <span class="o">*</span> <span class="n">v1</span><span class="p">.</span><span class="n">x</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">	<span class="kt">float</span> <span class="n">z2</span> <span class="o">=</span> <span class="n">side2</span><span class="p">.</span><span class="n">x</span><span class="p">()</span> <span class="o">*</span> <span class="n">v2</span><span class="p">.</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">side2</span><span class="p">.</span><span class="n">y</span><span class="p">()</span> <span class="o">*</span> <span class="n">v2</span><span class="p">.</span><span class="n">x</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">	<span class="kt">float</span> <span class="n">z3</span> <span class="o">=</span> <span class="n">side3</span><span class="p">.</span><span class="n">x</span><span class="p">()</span> <span class="o">*</span> <span class="n">v3</span><span class="p">.</span><span class="n">y</span><span class="p">()</span> <span class="o">-</span> <span class="n">side3</span><span class="p">.</span><span class="n">y</span><span class="p">()</span> <span class="o">*</span> <span class="n">v3</span><span class="p">.</span><span class="n">x</span><span class="p">();</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl">	<span class="c1">//判断叉乘结果是否有相同的符号
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>	<span class="k">if</span> <span class="p">((</span><span class="n">z1</span> <span class="o">&gt;</span> <span class="mi">0</span> <span class="o">&amp;&amp;</span> <span class="n">z2</span> <span class="o">&gt;</span> <span class="mi">0</span> <span class="o">&amp;&amp;</span> <span class="n">z3</span> <span class="o">&gt;</span> <span class="mi">0</span><span class="p">)</span> <span class="o">||</span> <span class="p">(</span><span class="n">z1</span> <span class="o">&lt;</span> <span class="mi">0</span> <span class="o">&amp;&amp;</span> <span class="n">z2</span> <span class="o">&lt;</span> <span class="mi">0</span> <span class="o">&amp;&amp;</span> <span class="n">z3</span> <span class="o">&lt;</span> <span class="mi">0</span><span class="p">))</span>
+</span></span><span class="line"><span class="cl">	<span class="p">{</span>
+</span></span><span class="line"><span class="cl">		<span class="k">return</span> <span class="nb">true</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">	<span class="p">}</span>
+</span></span><span class="line"><span class="cl">	<span class="k">else</span>
+</span></span><span class="line"><span class="cl">	<span class="p">{</span>
+</span></span><span class="line"><span class="cl">		<span class="k">return</span> <span class="nb">false</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">	<span class="p">}</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><h4 id="加速算法"><a href="#加速算法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>加速算法</h4>
+<h5 id="bounding-box"><a href="#bounding-box" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Bounding box</h5>
+<p>每一次判断屏幕上的像素点是否在三角形内都检测所有在屏幕上像素点会带来额外的性能开销和渲染时间</p>
+<p>使用包围盒将三角形包围后，只判断包围盒内的像素点是否在三角形内能够减少这种情况的出现</p>
+<p><img src="../../images/BoundingBox.png" alt=""></p>
+<p>代码实例</p>
+<div class="highlight"><div class="chroma">
+<div class="table-container"><table class="lntable"><tr><td class="lntd">
+<pre tabindex="0" class="chroma"><code><span class="lnt">1
+</span><span class="lnt">2
+</span><span class="lnt">3
+</span><span class="lnt">4
+</span><span class="lnt">5
+</span><span class="lnt">6
+</span></code></pre></td>
+<td class="lntd">
+<pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl">    <span class="k">auto</span> <span class="n">v</span> <span class="o">=</span> <span class="n">t</span><span class="p">.</span><span class="n">toVector4</span><span class="p">();</span><span class="c1">//包含三角形三个顶点的结构体
+</span></span></span><span class="line"><span class="cl"><span class="c1">//利用三角形的三个顶点，计算三角形的包围盒
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span>    <span class="kt">float</span> <span class="n">min_x</span> <span class="o">=</span> <span class="n">std</span><span class="o">::</span><span class="n">min</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">(),</span> <span class="n">std</span><span class="o">::</span><span class="n">min</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">(),</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()));</span>
+</span></span><span class="line"><span class="cl">	<span class="kt">float</span> <span class="n">max_x</span> <span class="o">=</span> <span class="n">std</span><span class="o">::</span><span class="n">max</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">x</span><span class="p">(),</span> <span class="n">std</span><span class="o">::</span><span class="n">max</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">x</span><span class="p">(),</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">x</span><span class="p">()));</span>
+</span></span><span class="line"><span class="cl">	<span class="kt">float</span> <span class="n">min_y</span> <span class="o">=</span> <span class="n">std</span><span class="o">::</span><span class="n">min</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">(),</span> <span class="n">std</span><span class="o">::</span><span class="n">min</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">(),</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()));</span>
+</span></span><span class="line"><span class="cl">	<span class="kt">float</span> <span class="n">max_y</span> <span class="o">=</span> <span class="n">std</span><span class="o">::</span><span class="n">max</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="n">y</span><span class="p">(),</span> <span class="n">std</span><span class="o">::</span><span class="n">max</span><span class="p">(</span><span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">].</span><span class="n">y</span><span class="p">(),</span> <span class="n">v</span><span class="p">[</span><span class="mi">2</span><span class="p">].</span><span class="n">y</span><span class="p">()));</span>
+</span></span></code></pre></td></tr></table></div>
+</div>
+</div><h5 id="incremental-triangle-traversal"><a href="#incremental-triangle-traversal" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>incremental triangle Traversal</h5>
+<p>对于每一行像素点，只遍历三角形最左到最右的像素点，只适用于较窄的且经过旋转的三角形</p>
+<p><img src="../../images/IncrementalTriangleTraversal.png" alt=""></p>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E8%B5%B0%E6%A0%B7%E4%B8%8E%E5%8F%8D%E8%B5%B0%E6%A0%B7/" rel="prev">&lt; 走样与反走样</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E5%9F%BA%E6%9C%AC%E5%8F%98%E6%8D%A2/" rel="next">3D基本变换和观测变换(viewing transform) &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/computergraphic/高级光线传播与复杂外观建模/index.html b/public/computergraphic/高级光线传播与复杂外观建模/index.html
new file mode 100644
index 0000000..08545fe
--- /dev/null
+++ b/public/computergraphic/高级光线传播与复杂外观建模/index.html
@@ -0,0 +1,795 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>高级光线传播与复杂外观建模 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="无偏的光线传播方法(Unbiased light transport methods) 双向路径追踪(Bidirectional Path……" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/computergraphic/%E9%AB%98%E7%BA%A7%E5%85%89%E7%BA%BF%E4%BC%A0%E6%92%AD%E4%B8%8E%E5%A4%8D%E6%9D%82%E5%A4%96%E8%A7%82%E5%BB%BA%E6%A8%A1/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-07-27T22:55:53+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/computergraphic/%E9%AB%98%E7%BA%A7%E5%85%89%E7%BA%BF%E4%BC%A0%E6%92%AD%E4%B8%8E%E5%A4%8D%E6%9D%82%E5%A4%96%E8%A7%82%E5%BB%BA%E6%A8%A1/",
+        "headline": "高级光线传播与复杂外观建模",
+        "description": "无偏的光线传播方法(Unbiased light transport methods) 双向路径追踪(Bidirectional Path……",
+        "inLanguage" : "zh-CN",
+        "articleSection": "computergraphic",
+        "wordCount":  6340 ,
+        "image": ["http://www.inksoul.top/../../images/bidirectional_path_tracing_theory.png","http://www.inksoul.top/../../images/eg_bidirectional_path_tracing.png","http://www.inksoul.top/../../images/MLT_caculate.png","http://www.inksoul.top/../../images/MLT_pros.png","http://www.inksoul.top/../../images/MLT_cons.png","http://www.inksoul.top/../../images/photon_mapping_theory.png","http://www.inksoul.top/../../images/photon_mapping_approach.png","http://www.inksoul.top/../../images/photon_mapping_cacul.png","http://www.inksoul.top/../../images/photon_mapping_biased.png","http://www.inksoul.top/../../images/vertex_connection_and_merging.png","http://www.inksoul.top/../../images/instant_radiosity.png","http://www.inksoul.top/../../images/instant_radiosity_eg.png","http://www.inksoul.top/../../images/participating_media_fog.png","http://www.inksoul.top/../../images/participating_media_cloud.png","http://www.inksoul.top/../../images/participating_media1.png","http://www.inksoul.top/../../images/participating_media2.png","http://www.inksoul.top/../../images/participating_media_application1.png","http://www.inksoul.top/../../images/participating_media_application2.png","http://www.inksoul.top/../../images/participating_media_demo.png","http://www.inksoul.top/../../images/hair_appearance.png","http://www.inksoul.top/../../images/kajiya-kay_model.png","http://www.inksoul.top/../../images/eg_kajiya-kay_model.png","http://www.inksoul.top/../../images/marschner_model1.png","http://www.inksoul.top/../../images/marschner_model2.png","http://www.inksoul.top/../../images/eg_marschner_model.png","http://www.inksoul.top/../../images/hair_appearance_model_application1.png","http://www.inksoul.top/../../images/hair_appearance_model_application2.png","http://www.inksoul.top/../../images/fur_appearance_as_human_fur.png","http://www.inksoul.top/../../images/human_fur_vs_animal_fur.png","http://www.inksoul.top/../../images/importance_of_medulla.png","http://www.inksoul.top/../../images/importance_of_medulla2.png","http://www.inksoul.top/../../images/double_cylinder_model.png","http://www.inksoul.top/../../images/double_cylinder_model_lobes.png","http://www.inksoul.top/../../images/double_cylinder_model_lobes2.png","http://www.inksoul.top/../../images/60000_fur_fibers_hamster.png","http://www.inksoul.top/../../images/double_cylinder_model_application1.png","http://www.inksoul.top/../../images/double_cylinder_model_application2.png","http://www.inksoul.top/../../images/granular_material.png","http://www.inksoul.top/../../images/granular_material_1.png","http://www.inksoul.top/../../images/granular_material_application1.png","http://www.inksoul.top/../../images/granular_material_application2.png","http://www.inksoul.top/../../images/translucent_material_jade.png","http://www.inksoul.top/../../images/translucent_material_jellyfish.png","http://www.inksoul.top/../../images/subsurface_scattering.png","http://www.inksoul.top/../../images/BRDF_vs_BSSRDF.png","http://www.inksoul.top/../../images/dipole_approximation.png","http://www.inksoul.top/../../images/eg_BRDF_caarve.png","http://www.inksoul.top/../../images/eg_BSSRDF_carve.png","http://www.inksoul.top/../../images/BSSRDF_application.png","http://www.inksoul.top/../../images/cloth_yarn_and_ply.png","http://www.inksoul.top/../../images/render_as_surface_limitation.png","http://www.inksoul.top/../../images/cloth_render_as_participating_media.png","http://www.inksoul.top/../../images/cloth_render_as_actual_fibers.png","http://www.inksoul.top/../../images/cloth_application.png","http://www.inksoul.top/../../images/detailed_appearance_motivation.png","http://www.inksoul.top/../../images/detailed_appearance_motivation1.png","http://www.inksoul.top/../../images/detailer_appearance1.png","http://www.inksoul.top/../../images/detailer_appearance2.png","http://www.inksoul.top/../../images/detailer_appearance3.png","http://www.inksoul.top/../../images/distribution_of_normals.png","http://www.inksoul.top/../../images/define_detail1.png","http://www.inksoul.top/../../images/different_details2.png","http://www.inksoul.top/../../images/details_apperance_3.png","http://www.inksoul.top/../../images/difficult_path_sampling_problem.png","http://www.inksoul.top/../../images/BRDF_over_a_pixel.png","http://www.inksoul.top/../../images/p-NDFs_have_sharp_features.png","http://www.inksoul.top/../../images/p-NDF_sharps.png","http://www.inksoul.top/../../images/blender_detail.png","http://www.inksoul.top/../../images/ocean_wave_detail.png","http://www.inksoul.top/../../images/detailed_material_application.png","http://www.inksoul.top/../../images/wave_optics_application.png","http://www.inksoul.top/../../images/Observations_1.png","http://www.inksoul.top/../../images/Observations_2.png","http://www.inksoul.top/../../images/detailed_material_under_wave_optics.png","http://www.inksoul.top/../../images/wave_optics_application%202.png","http://www.inksoul.top/../../images/procedural_appearance1.png","http://www.inksoul.top/../../images/procedural_appearance2.png","http://www.inksoul.top/../../images/procedural_appearance3.png","http://www.inksoul.top/../../images/procedural_appearance4.png","http://www.inksoul.top/../../images/procedural_appearance5.png","http://www.inksoul.top/../../images/procedural_appearance6.png"],
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="高级光线传播与复杂外观建模" />
+<meta property="og:description" content="无偏的光线传播方法(Unbiased light transport methods) 双向路径追踪(Bidirectional Path……" />
+<meta property="og:url" content="http://www.inksoul.top/computergraphic/%E9%AB%98%E7%BA%A7%E5%85%89%E7%BA%BF%E4%BC%A0%E6%92%AD%E4%B8%8E%E5%A4%8D%E6%9D%82%E5%A4%96%E8%A7%82%E5%BB%BA%E6%A8%A1/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/../../images/bidirectional_path_tracing_theory.png" />
+<meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-07-27T22:55:53&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="computergraphic" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item active"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="computergraphic" data-toc-num="true">
+
+            <h1 class="post-title p-name">高级光线传播与复杂外观建模</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h2 id="无偏的光线传播方法unbiased-light-transport-methods"><a href="#无偏的光线传播方法unbiased-light-transport-methods" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>无偏的光线传播方法(Unbiased light transport methods)</h2>
+<h3 id="双向路径追踪bidirectional-path-tracing"><a href="#双向路径追踪bidirectional-path-tracing" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>双向路径追踪(Bidirectional Path Tracing)</h3>
+<p>双向路径追踪是对之前路径追踪的扩展，生成两个子路径</p>
+<p>从光源打出一些sub-path，从摄像机出发也可以生成另外一系列的子路径。双向路径追踪会将这些子路径的端点连接起来形成一条完整的路径</p>
+<p><img src="../../images/bidirectional_path_tracing_theory.png" alt=""></p>
+<h3 id="bdpt适用的场景"><a href="#bdpt适用的场景" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>BDPT适用的场景</h3>
+<p>图例中，左图为路径追踪，右图为双向路径追踪，适用的都是每个像素32个采样点，但可见双向路径追踪能产生更好的效果</p>
+<p><img src="../../images/eg_bidirectional_path_tracing.png" alt=""></p>
+<p>原因：</p>
+<p>在如图场景中，光线追踪难以找到一条带有大量能量的路径。此场景中光源往上方角落打出，整个场景都是被间接光所照亮的，此时光线从摄像机出发后第一次打到的地方往往是diffuse的，导致其不好控制它打到之后能量集中的区域</p>
+<p>缺点：</p>
+<p>实现较难，相对计算速度慢</p>
+<h3 id="metropolis-light-transportmlt"><a href="#metropolis-light-transportmlt" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Metropolis Light Transport(MLT)</h3>
+<p>使用统计学上采样的工具--- 马尔可夫链(当前有一个样本，马尔可夫链可以根据当前样本生成和它靠近的下一个样本，并用这些样本估计函数的值)</p>
+<p>与均匀采样不同，均匀采样时在a和b之间以均等概率选择一个x，且相互独立</p>
+<p>给定足够的时间，马尔可夫链的蒙特卡洛方法可以生成一系列以任意的函数形状为PDF生成的样本</p>
+<h4 id="使用马尔可夫方法的原因"><a href="#使用马尔可夫方法的原因" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>使用马尔可夫方法的原因</h4>
+<p>蒙特卡洛方法实际上在采样的PDF(p(x))和要积分的函数(f(x))形状一致的时候是最合适的，此时variance是最小的</p>
+<p>任何未知的函数都可以通过马尔可夫链的方法生成一系列分布和被积函数形状一致的样本</p>
+<h5 id="马尔可夫方法具有局部性"><a href="#马尔可夫方法具有局部性" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>马尔可夫方法具有局部性</h5>
+<p>马尔可夫方法是一个局部的方法，当给出一个路径时，可以生成它周围跟它相似的路径</p>
+<p>如图中蓝色光路，对该光路做出微笑扰动就可以得到一条新路径</p>
+<p>不断在一个path周围产生更多path就可以找到所有的path</p>
+<p><img src="../../images/MLT_caculate.png" alt=""></p>
+<h4 id="mlt方法与bdpt的效果对比"><a href="#mlt方法与bdpt的效果对比" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>MLT方法与BDPT的效果对比</h4>
+<ul>
+<li>优点</li>
+</ul>
+<p>在下图中类似的场景下MLT的效果很好，其适合做复杂、困难的光线传播</p>
+<p><img src="../../images/MLT_pros.png" alt=""></p>
+<p>Caustics是光线经过聚焦打在游泳池底，然后被人眼看见。光线要穿过水的表面（凹凸不平，还有浪），会被聚焦到一系列的地方（水面有办法将光线聚焦到一系列的线上）。这种情况渲染起来非常困难，因为假设游泳池底是diffuse的，光线会先经过一个specular的水面，游泳池底被我们看见也要经过一个specular（这种路径简称SDS（specular-diffuse-specular））</p>
+<ul>
+<li>缺点</li>
+</ul>
+<p>MLT难以在理论上预估最后收敛的速度(path tracing中使用的蒙特卡洛积分可以分析variance，从而预估渲染收敛的时间)</p>
+<p>所有操作都是局部的，有些像素收敛快，有的像素收敛慢，使渲染出来的结果图像看上去比较脏</p>
+<p><img src="../../images/MLT_cons.png" alt=""></p>
+<p>不适用于渲染动画，因为不同连续帧的收敛速度不同，画面会产生严重抖动</p>
+<hr>
+<h2 id="有偏的光线传播方法biased-light-transport-methods"><a href="#有偏的光线传播方法biased-light-transport-methods" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>有偏的光线传播方法(biased light transport methods)</h2>
+<h3 id="光子映射photon-mapping"><a href="#光子映射photon-mapping" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>光子映射(Photon Mapping)</h3>
+<p>尤其适用于渲染Caustics和Specular-Diffuse-Specular(SDS)</p>
+<p><img src="../../images/photon_mapping_theory.png" alt=""></p>
+<h4 id="实现方法"><a href="#实现方法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>实现方法</h4>
+<ul>
+<li>从光源出发，光子碰到物体后计算所有反射和折射，直到光子打到diffuse的物体上停止，此时整理所有光子即可得到光子位置信息</li>
+</ul>
+<p><img src="../../images/photon_mapping_approach.png" alt=""></p>
+<ul>
+<li>
+<p>从眼睛或相机开始，往各个不同方向打出各种各样的子路径，计算反射和折射直到打在diffuse的物体上</p>
+</li>
+<li>
+<p>结合上述两步结果计算局部密度估计</p>
+</li>
+</ul>
+<p>局部密度估计是建立在上面的观察上的，一开始打了很多光子，光子分布在物体表面了，从相机出发的一堆光线也打到物体表面上了，那我们看到的物体表面，光子分布越集中的地方就越亮，越不集中就越不亮，当第二趟打到各种不同的物体表面的时候就要做一个局部的密度估计</p>
+<p>具体解法：</p>
+<ul>
+<li>将所有的光子组织成自上而下的加速结构模式，然后可以迅速定位到一个着色点周围有多少个光子，找它最近的一些</li>
+<li>计算N个光子所占的面的面积</li>
+<li>计算密度：用光子的数量N除以它们占的面积</li>
+</ul>
+<p><img src="../../images/photon_mapping_cacul.png" alt=""></p>
+<h4 id="n的取值"><a href="#n的取值" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>N的取值</h4>
+<p>如果用很少的光子的数量，就会得到一个很有噪声的图，如果用更多的光子，结果虽然会好一些，但是得到的结果会糊</p>
+<p><img src="../../images/photon_mapping_biased.png" alt=""></p>
+<h5 id="产生取值问题的原因有偏的原因"><a href="#产生取值问题的原因有偏的原因" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>产生取值问题的原因(有偏的原因)</h5>
+<ul>
+<li>计算密度时，我们认为密度时当前这个点的周围取一个微小的面积dA,它里面有多少个光子</li>
+</ul>
+<p>$$dN/dA$$</p>
+<ul>
+<li>实际计算密度为给定光子数计算实际面积</li>
+</ul>
+<p>$$\delta N/\delta A$$</p>
+<ul>
+<li>正常情况下两者接近但不同(光子数量和周围覆盖面积都是有限的)</li>
+</ul>
+<p>$$dN/dA != \delta N/\delta A $$</p>
+<p>因此密度的估计并不正确，dA无限小时才是正确的计算</p>
+<p>当实际的面积足够小(打出的光子数量足够多)，结果就越接近于正确</p>
+<p>所以该方法是有偏(biased)但一致(consistent)的</p>
+<p>有偏(biased)：得到的结果相比正确的结果只要有任何一点的模糊（blurry），就是有偏的</p>
+<p>一致(consistent)：虽然有模糊，但是只要样本足够多，就会最后让它收敛到不模糊的结果</p>
+<h3 id="vertex-connection-and-mergingvcm"><a href="#vertex-connection-and-mergingvcm" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>Vertex Connection and Merging(VCM)</h3>
+<p>双向路径追踪和光子映射的结合</p>
+<p>BDPT中，生成两个sub-path再将端点连起来，如果有的path满足下述性质就用光子映射将虚线圆内的两个sub-path的贡献结合在一起</p>
+<p>性质：左边path和右边path的端点在同一个面上，此时可认为其中一半是光子</p>
+<p>往往用于电影行业渲染</p>
+<p><img src="../../images/vertex_connection_and_merging.png" alt=""></p>
+<h3 id="实时辐射度算法instant-radiosityir"><a href="#实时辐射度算法instant-radiosityir" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>实时辐射度算法(Instant Radiosity(IR))</h3>
+<p>有时又称为多光源算法(many-light approaches)</p>
+<p>之前的光线传播往往不区分光的来源(反射或自己发出)，实时辐射度算法中就将已经被照亮的区域认为是光源，用于照亮其他区域</p>
+<h4 id="计算方法"><a href="#计算方法" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>计算方法</h4>
+<ul>
+<li>
+<p>从光源打出很多光线子路径(light sub-path)，这些光会停在某些地方，认为停的位置就变成了新的光源(VPL)</p>
+</li>
+<li>
+<p>看到如下图中的着色点后就用新的光源来照亮(相当于实际考虑光线弹射两次)</p>
+</li>
+</ul>
+<p><img src="../../images/instant_radiosity.png" alt=""></p>
+<h4 id="优缺点"><a href="#优缺点" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>优缺点</h4>
+<ul>
+<li>优点(下图左)</li>
+</ul>
+<p>快速，往往会在漫反射场景中有良好的效果</p>
+<ul>
+<li>缺点(下图右)</li>
+</ul>
+<p>在窄的缝隙或接缝处会出现发光</p>
+<p>VPL不能做glossy的物体</p>
+<p>窄缝发光问题与距离平方向有关，在计算light sampling时，更改立体角的采样为对面积的采样，所以产生了面积乘以cos除以两个点之间的距离的值，当两个点距离极近时就会得到一个非常大的结果</p>
+<p><img src="../../images/instant_radiosity_eg.png" alt=""></p>
+<h2 id="高级外观建模"><a href="#高级外观建模" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>高级外观建模</h2>
+<h3 id="散射介质参与介质participating-media"><a href="#散射介质参与介质participating-media" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>散射介质/参与介质(participating media)</h3>
+<p>定义在空间中而非简单的表面上,如：</p>
+<p>雾</p>
+<p><img src="../../images/participating_media_fog.png" alt=""></p>
+<p>云</p>
+<p><img src="../../images/participating_media_cloud.png" alt=""></p>
+<hr>
+<p>光在前进的路径上如果穿进了散射介质则会发生散射和吸收</p>
+<ol>
+<li>如云中间有光源则其本身会发光</li>
+<li>光线路径上如果有很多小的晶体则会把光线随机反射到其他方向上去</li>
+<li>传播的过程中也可能会接收到从其他方向反射过来的光</li>
+</ol>
+<p><img src="../../images/participating_media1.png" alt=""></p>
+<h4 id="散射计算"><a href="#散射计算" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>散射计算</h4>
+<p>类比与物体表面，物体为diffuse的才会认为光线被均匀地反射到各个不同的方向上去，散射介质也是相同，任何一点都会发生散射，使用Phase Function(相位函数)定义散射计算</p>
+<p>下图相位函数决定了散射的方式和方向(与BRDF类似，BRDF决定如何反射，相位函数决定如何散射)</p>
+<p><img src="../../images/participating_media2.png" alt=""></p>
+<h4 id="散射介质渲染"><a href="#散射介质渲染" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>散射介质渲染</h4>
+<p>光线在散射介质内部能传播多远是有这个介质的吸收能力决定，当传播停止后再考虑光线的反射方向，与光在物体表面的弹射类似，只是中间的任何一个点都有可能会发生方向的改变。但始终会找到一个path，在将弹射点和光源相连，计算整个路径的贡献(不考虑Rendering equation，因为渲染方程描述物体表面与物体的作用而非体积间的相互作用)</p>
+<h4 id="应用"><a href="#应用" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>应用</h4>
+<p>超能特工队</p>
+<p><img src="../../images/participating_media_application1.png" alt=""></p>
+<p>游戏：刺客信条</p>
+<p><img src="../../images/participating_media_application2.png" alt=""></p>
+<p>巧克力(流体模拟)</p>
+<p><img src="../../images/participating_media_demo.png" alt=""></p>
+<h3 id="毛发建模hairfurfiber缩写bcsdf"><a href="#毛发建模hairfurfiber缩写bcsdf" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>毛发建模(Hair/fur/fiber)缩写：BCSDF</h3>
+<p>如下图中所示，头发往往是一根一根的，若梳理平整还可暂且视为表面，但大多数情况下，头发都是飘散的</p>
+<p>可见头发会有两种高光，一种无色发白，一种有色</p>
+<p><img src="../../images/hair_appearance.png" alt=""></p>
+<h4 id="高光计算"><a href="#高光计算" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>高光计算</h4>
+<p>如下图中的模型，一根光线打到圆柱上(毛发模型)会散射出一个圆柱，且同时有光线散射到各个方向上</p>
+<ul>
+<li>kajiya-Kay Model</li>
+</ul>
+<p><img src="../../images/kajiya-kay_model.png" alt=""></p>
+<p>但表现却不太符合现实，与Blinn-Phong类似</p>
+<p><img src="../../images/eg_kajiya-kay_model.png" alt=""></p>
+<ul>
+<li>Marschner Model</li>
+</ul>
+<p>该模型广泛使用，考虑了光线打到圆柱上的情形</p>
+<ol>
+<li>有部分光被反射，记为R</li>
+<li>一部分会穿透到头发里发生折射，可记为T，一根光线要穿透一根头发需要穿透两次，因而产生TT的光线传播方式</li>
+<li>光线发生一次穿透进入头发内部，在头发内壁上发生一次反射后返回，返回时再发生一次穿透，记为TRT</li>
+</ol>
+<p><img src="../../images/marschner_model1.png" alt=""></p>
+<p>在这一模型中(下图左)，我们会将头发认为是一个玻璃的圆柱(总体可认为是扭曲，但局部必定是直的)，包含两种结构，外层cuticle(表层)，内层cortex(皮层)</p>
+<p>头发内部存在有色素，光线穿透后会有部分被吸收再向外传播</p>
+<p><img src="../../images/marschner_model2.png" alt=""></p>
+<p>该模型也考虑了三种光线和模型之间的相互作用(上图右)</p>
+<p>将计算结果综合后可得到一个十分拟真的效果</p>
+<p><img src="../../images/eg_marschner_model.png" alt=""></p>
+<p>当然上述过程只定义了单根头发与光线的相互作用，与多根头发作用时需要额外计算多次散射</p>
+<p>多次散射：光线打到一根头发穿透两次再和第二根，第三根$\dotsb$直到光线进入摄像机(被看见)，计算量庞大</p>
+<p>应用：</p>
+<p>最终幻想15(ff15)</p>
+<p><img src="../../images/hair_appearance_model_application1.png" alt=""></p>
+<p>疯狂动物城</p>
+<p><img src="../../images/hair_appearance_model_application2.png" alt=""></p>
+<hr>
+<h3 id="动物毛发的计算"><a href="#动物毛发的计算" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>动物毛发的计算</h3>
+<p>人的毛发计算模型往往不能用于动物毛发计算，如下图，左侧为人的毛发模型计算结果，可见其不足以描述光线与动物毛发的相互作用</p>
+<p><img src="../../images/fur_appearance_as_human_fur.png" alt=""></p>
+<ul>
+<li>生物结构</li>
+</ul>
+<p>人的毛发与动物毛发的共同点：</p>
+<p>都有三个结构，cuticle(表皮)、cotex(皮层)、Medulla(髓质，复杂内部结构，光线进入后会反射到各个方向)</p>
+<p>不同点：</p>
+<p>动物毛发中的髓质更大，光线进入后更容易发生反射</p>
+<p><img src="../../images/human_fur_vs_animal_fur.png" alt=""></p>
+<p>由此可见，Marschner Model中忽略髓质在动物毛发计算中并不适用</p>
+<p><img src="../../images/importance_of_medulla.png" alt=""></p>
+<p>有无髓质的对比</p>
+<p><img src="../../images/importance_of_medulla2.png" alt=""></p>
+<h4 id="双层圆柱模型double-cylinder-model"><a href="#双层圆柱模型double-cylinder-model" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>双层圆柱模型(Double Cylinder Model)</h4>
+<p>该模型中加入了对髓质的精确描述</p>
+<p><img src="../../images/double_cylinder_model.png" alt=""></p>
+<p>光线在打到表面后依旧会发生反射，穿过结构后也可能无法到达髓质或是到达后没有发生反射，与Marschner Model中一样，存在R、TT、TRT</p>
+<p>同样会有部分光穿过髓质的时候发散到各个方向上去(TTs),TRT也相同，在穿过髓质的过程中，两次都有可能被散射，形成TRTs</p>
+<p><img src="../../images/double_cylinder_model_lobes.png" alt=""></p>
+<p>可以使用5个不同的分量，在原来的3个模型上加上2个散射的结果</p>
+<p><img src="../../images/double_cylinder_model_lobes2.png" alt=""></p>
+<h5 id="应用-1"><a href="#应用-1" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>应用</h5>
+<p>下图中的仓鼠，由60万根毛发组成，在每像素中有1024个采样点的采样率下，每帧需要渲染36.9分钟</p>
+<p><img src="../../images/60000_fur_fibers_hamster.png" alt=""></p>
+<p>猩球崛起</p>
+<p><img src="../../images/double_cylinder_model_application1.png" alt=""></p>
+<p>狮子王</p>
+<p><img src="../../images/double_cylinder_model_application2.png" alt=""></p>
+<h4 id="颗粒材质granular-material"><a href="#颗粒材质granular-material" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>颗粒材质(Granular Material)</h4>
+<p>如香料、盐、糖等等</p>
+<p><img src="../../images/granular_material.png" alt=""></p>
+<p>计算量很大，但可以做些简化</p>
+<p>比如一个沙子城堡，每一单元上由不同石子构成，各自成分占比也可得出，渲染结果在离得近的时候可以看到一粒一粒的，离得远的情况下就会是一个沙丘</p>
+<p><img src="../../images/granular_material_1.png" alt=""></p>
+<p><img src="../../images/granular_material_application1.png" alt=""></p>
+<p><img src="../../images/granular_material_application2.png" alt=""></p>
+<hr>
+<h3 id="表面模型surface-models"><a href="#表面模型surface-models" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>表面模型(Surface Models)</h3>
+<h4 id="半透明材质translucent-material"><a href="#半透明材质translucent-material" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>半透明材质(Translucent Material)</h4>
+<p>翻译有些许错误，Translucent不应为半透明，semitransparent才是半透明，两者存在些许差别</p>
+<p>光线在穿过透明介质时会涉及到吸收，本身还涉及到散射，说明光线可以从某一个地方进入这一个表面再从另一个地方出这个表面</p>
+<p>即并非沿着一个方向传播并被吸收，可以被传导到其他方向上去</p>
+<p><img src="../../images/translucent_material_jade.png" alt=""></p>
+<p><img src="../../images/translucent_material_jellyfish.png" alt=""></p>
+<p>在物理上，常常认为光线在某一个点进入某一个表面，在里面发生了大量散射，从另一个点钻出</p>
+<p><img src="../../images/subsurface_scattering.png" alt=""></p>
+<h4 id="次表面散射subsurface-scattering"><a href="#次表面散射subsurface-scattering" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>次表面散射(Subsurface Scattering)</h4>
+<p>出于描述上述反射过程的目的，将其定义为次表面散射</p>
+<h5 id="次表面散射可理解为对brdf概念的延伸"><a href="#次表面散射可理解为对brdf概念的延伸" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>次表面散射可理解为对BRDF概念的延伸</h5>
+<p>BRDF: 光线打到这个点，并从这个点出来，所有作用都发生在一个点上</p>
+<p>BSSRDF：可理解为吧BRDF的概念延伸到从一个点以任意方向进来再从任意一个其他的地方以任意方向出去</p>
+<p><img src="../../images/BRDF_vs_BSSRDF.png" alt=""></p>
+<ul>
+<li>定义</li>
+</ul>
+<p>和BRDF概念一致，只是在中间加入了一个Subsurface Scattering,次表面反射对应的BSSRDF规定了光线从哪个点和方向进，从哪个点和方向出</p>
+<p>$$S(x_i,\omega_i,x_o,\omega_o)$$</p>
+<ul>
+<li>渲染方程</li>
+</ul>
+<p>需要额外考虑从各个方向进入其他点的光，因此需要对方向和面积进行积分</p>
+<p>$$L(x_o,\omega_o) = \int_A\int_{H^2} {S(x_i,\omega_i,x_o,\omega_o)L_i(x_i,\omega_i)\cos\theta_id\omega_idA}$$</p>
+<ul>
+<li>Dipole Approximation</li>
+</ul>
+<p>以上算法稍显复杂，我们可以采用一下方式进行简化</p>
+<p>光线打到物体上与物体底部出现光源类似，会从底部照亮着色点周围的一片，为了物理上的真实，推出一个光源不够，还要对应上方有一个光源，还要对应上方存在一个光源，相当于有两个光源照亮周围着色点的一块</p>
+<p><img src="../../images/dipole_approximation.png" alt=""></p>
+<ul>
+<li>效果</li>
+</ul>
+<p>BRDF，类石膏材质效果</p>
+<p><img src="../../images/eg_BRDF_caarve.png" alt=""></p>
+<p>BSSRDF,类大理石</p>
+<p><img src="../../images/eg_BSSRDF_carve.png" alt=""></p>
+<p>如图,BRDF渲染的皮肤效果显得干燥，BSSRDF则能有很好的效果</p>
+<p><img src="../../images/BRDF_vs_BSSRDF.png" alt=""></p>
+<ul>
+<li>应用</li>
+</ul>
+<p>人脸渲染</p>
+<p><img src="../../images/BSSRDF_application.png" alt=""></p>
+<h3 id="布料cloth"><a href="#布料cloth" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>布料(cloth)</h3>
+<ul>
+<li>布料组成</li>
+</ul>
+<p>由一系列缠绕的纤维构成，有几个不同的层级</p>
+<p>纤维(fiber)是最基础的，纤维可以缠绕成不同的股(ply),不同的股再经过不同的缠绕形成线(yarn)</p>
+<p><img src="../../images/cloth_yarn_and_ply.png" alt=""></p>
+<p>Woven or Knitted(编织或针织)</p>
+<p>一种是机器织的，一根压一根的，像桌布之类的做法</p>
+<p>一种是手工织的，像打毛衣一样</p>
+<p>对于布来说，它是纤维缠绕而成的，所以算它的表面模型就非常麻烦，因为与针织或纺织的方向有关</p>
+<p>可以通过编织图案计算BRDF模型</p>
+<ul>
+<li>问题</li>
+</ul>
+<p>布料模型大多数并非在一个表面上，难以使用BRDF来表示</p>
+<p><img src="../../images/render_as_surface_limitation.png" alt=""></p>
+<ul>
+<li>解决方案1</li>
+</ul>
+<p>所以将织物认为是在空间中分布的体积，然后可以将其划分成超级细小的格子，每一个格子里面大概知道纤维的朝向、分布、复杂程度等等，那就可以将这些性质转化成光线的吸收和散射。将这些性质转换成对云烟雾这种反射介质的渲染，不再将布料当成一个面，而是当成一个体积，体积中任何一个微小的块都知道它的性质</p>
+<p>计算量庞大，计算时间长</p>
+<p><img src="../../images/cloth_render_as_participating_media.png" alt=""></p>
+<ul>
+<li>解决方案2</li>
+</ul>
+<p>布料本身是纤维，渲染每一根纤维也能产生很好的效果，计算量同样惊人</p>
+<p><img src="../../images/cloth_render_as_actual_fibers.png" alt=""></p>
+<ul>
+<li>应用</li>
+</ul>
+<p><img src="../../images/cloth_application.png" alt=""></p>
+<h4 id="有细节的材质detailed-appearance"><a href="#有细节的材质detailed-appearance" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>有细节的材质(Detailed Appearance)</h4>
+<p>如下图，渲染结果不错但并不真实，因为结果过于完美</p>
+<p><img src="../../images/detailed_appearance_motivation.png" alt=""></p>
+<p>真实情况下车上会有高光，高光周围会有类似于蜘蛛网结构的划痕。鼠标上则会有由很多小的凸起形成的高光</p>
+<p><img src="../../images/detailed_appearance_motivation1.png" alt=""></p>
+<p>下图由微表面模型渲染得出，结果完美但不真实</p>
+<p><img src="../../images/detailer_appearance1.png" alt=""></p>
+<p>加入了实际可能产生不完美的地方</p>
+<p><img src="../../images/detailer_appearance2.png" alt=""></p>
+<p>模拟被同方向刷出的各项异性材质</p>
+<p><img src="../../images/detailer_appearance3.png" alt=""></p>
+<ul>
+<li>微表面模型中的法线分布</li>
+</ul>
+<p>微表面模型中重要的是微表面的法线分布，描述分布时，往往使用非常简单的模型(正态分布、高斯)，得到的自然是没有什么细节的结果(法线分布没有体现各种各样的变化和细节)</p>
+<p><img src="../../images/distribution_of_normals.png" alt=""></p>
+<p>在蜗牛壳上贴了一个大的法线贴图，每个面都可以产生高光，所有高光形成一起就可以变成一个大高光</p>
+<p><img src="../../images/define_detail1.png" alt=""></p>
+<p>Metallic flakes:可替换别的模型，例如很多人在车漆中添加的亮片，亮片会形成很多不同的方向，不同方向会形成不同的反光</p>
+<p><img src="../../images/different_details2.png" alt=""></p>
+<p>虽然能够定义各种细节，但渲染十分困难，需要渲染接近一个月才能得到这个结果</p>
+<p><img src="../../images/details_apperance_3.png" alt=""></p>
+<ul>
+<li>渲染困难的原因：</li>
+</ul>
+<p>认为每一个微表面是一个镜面，如下图场景中有一个针孔摄像机和一个点光源，那从摄像机打根光线过去，打到哪个表面，就可以知道它的法线，也就可以知道它的镜面反射方向，所以也就很难通过反射的方式让光线打到光源上。从光源打过来也是同理，打到一个微表面，并且知道如何反射，但就是反射不到摄像机上去</p>
+<p><img src="../../images/difficult_path_sampling_problem.png" alt=""></p>
+<p>解决：
+由于一个像素会覆盖很多的微表面，如果将一个小的范围内的微表面的法线分布计算出来便可代替原本光滑的分布并用在微表面模型里</p>
+<p><img src="../../images/BRDF_over_a_pixel.png" alt=""></p>
+<ul>
+<li>P-NDF的形状：</li>
+</ul>
+<p>如果考虑像素覆盖的范围，就可以得到各种各样神奇的法线分布(NDF)。可以想象一个像素覆盖了非常多的微表面，那这些微表面自然会显示出一些统计学的规律,那如果覆盖的范围小，就会显示出一些很独特的性质，法线分布就会看上去很有特点</p>
+<p><img src="../../images/p-NDFs_have_sharp_features.png" alt=""></p>
+<p>不同类型的法线贴图会引起不同的法线分布</p>
+<p><img src="../../images/p-NDF_sharps.png" alt=""></p>
+<ul>
+<li>例子和应用</li>
+</ul>
+<p><img src="../../images/blender_detail.png" alt=""></p>
+<p><img src="../../images/ocean_wave_detail.png" alt=""></p>
+<p>游戏中的应用-古墓丽影中的雪地</p>
+<p><img src="../../images/detailed_material_application.png" alt=""></p>
+<h4 id="波动光学"><a href="#波动光学" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>波动光学</h4>
+<p>引入细节后，还用几何光学解释就不对，物理上当物体非常小，小到和光的波长相当时，就不能假设光线是沿直线传播的，而必须假设这个光是一个波，这就会涉及到衍射和干涉现象的发生</p>
+<p><img src="../../images/wave_optics_application.png" alt=""></p>
+<p>比如在黑屋里，用点光源照亮一个金属片，会在本身只有一个颜色的金属片上看到各种各样的颜色</p>
+<p><img src="../../images/Observations_1.png" alt=""></p>
+<p><img src="../../images/Observations_2.png" alt=""></p>
+<p>白光照射后反射出来的便为白光，如果不是白的就一定有波动光学(Wave Optics)</p>
+<p>波动光学得出的BRDF与几何光学的BRDF很像但具有不连续的特点(光会发生干涉，会引起部分区域加强或减弱)</p>
+<p><img src="../../images/detailed_material_under_wave_optics.png" alt=""></p>
+<p>以下为波动关系渲染的结果</p>
+<p><img src="../../images/wave_optics_application.png" alt=""></p>
+<p><img src="../../images/wave_optics_application%202.png" alt=""></p>
+<hr>
+<h3 id="程序化材质生成procedural-appearance"><a href="#程序化材质生成procedural-appearance" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>程序化材质生成(Procedural Appearance)</h3>
+<p>用一定的方式指导生成，无需真正地生成，可以动态查询</p>
+<p>如下图可定义各种各样的花纹，花瓶打碎后可见花瓶内部纹理,可定义一个三维纹理</p>
+<p><img src="../../images/procedural_appearance1.png" alt=""></p>
+<p>存储量在三维下会变得很大，可利用noise函数(x,y,z)，给定任何x,y,z可得到对应的值,这样可以实现什么时候用就什么时候去查</p>
+<p><img src="../../images/procedural_appearance2.png" alt=""></p>
+<p>procedural更多意味着不生成，需要时再查询</p>
+<ul>
+<li>车上的锈</li>
+</ul>
+<p>可生成一系列噪声，可对噪声做出一系列操作(二值化(binary noise))；铁锈往往是不同区域有不同分布，这个噪声如果为0到1，当函数值大于0.8时认为是1，小于0.8就认为是0</p>
+<p><img src="../../images/procedural_appearance3.png" alt=""></p>
+<p>应用最广泛的是柏林(Perlin)噪声</p>
+<ul>
+<li>生成地形</li>
+</ul>
+<p><img src="../../images/procedural_appearance4.png" alt=""></p>
+<ul>
+<li>生成海浪</li>
+</ul>
+<p><img src="../../images/procedural_appearance5.png" alt=""></p>
+<ul>
+<li>生成木头纹理</li>
+</ul>
+<p><img src="../../images/procedural_appearance6.png" alt=""></p>
+<p>常用Houdini来做程序化材质，且是先程序化生成再拿去使用</p>
+<hr>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+        <ul class="post-nav">
+            
+                <li class="post-nav-prev">
+                    <a href="/computergraphic/%E7%9B%B8%E6%9C%BA%E4%B8%8E%E9%80%8F%E9%95%9C/" rel="prev">&lt; 相机与透镜</a>
+                </li>
+            
+            
+                <li class="post-nav-next">
+                    <a href="/computergraphic/%E6%9D%90%E8%B4%A8%E4%B8%8E%E5%A4%96%E8%A7%82/" rel="next">材质与外观 &gt;</a>
+                </li>
+            
+        </ul>
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css b/public/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css
new file mode 100644
index 0000000..73030fc
--- /dev/null
+++ b/public/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css
@@ -0,0 +1,10 @@
+html{scroll-behavior:smooth}html,body{margin:0;width:100%;height:100%;font-size:16px;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none}body{-moz-tab-size:4;tab-size:4;color:var(--color-contrast-high);background-color:var(--color-bg);overflow-wrap:break-word;word-wrap:break-word;line-height:1.618;transition:all .5s}.container{min-height:100%;min-width:100%;position:relative}.main{padding:2em 1em 15em;display:block}.main{padding-top:7em}.main-inner{margin:0 auto;display:block}.icon{width:1.05em;height:1em;fill:currentColor;display:inline-block}svg{vertical-align:middle}h1,h2,h3,h4,h5,h6{margin:1.618em 0 1em;color:var(--color-contrast-higher)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none !important;color:var(--color-contrast-higher)}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}a{color:var(--color-contrast-high);text-decoration:none;transition:all .5s}a:hover{color:var(--color-primary)}::selection{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.3)}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{background-color:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-contrast-low)}::-webkit-scrollbar-thumb:hover{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}::-webkit-scrollbar-thumb:active{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.75)}::-webkit-scrollbar-corner{background-color:var(--color-bg)}.list-title,.term-title,.list-year,.list-month,.post-title,.post-subtitle,.related-title,.post-nav,thead,dt{font-family:"glyph-correction","Noto Serif SC","EB Garamond",serif}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-family:"glyph-correction","Noto Serif SC","EB Garamond",serif}.contents-title{font-family:"glyph-correction","Noto Serif SC","EB Garamond",serif}code,pre,sup,.post-meta,.updated-badge,.post-gitinfo,.minimal-footer,.minimal-footer-about,.busuanzi-site-uv-and-pv,.copy-button{font-family:"glyph-correction","Source Code Pro","Noto Serif SC",monospace}body{font-family:"glyph-correction","EB Garamond","Noto Serif SC",serif}@font-face{font-family:'glyph-correction';font-display:swap;src:url("/fonts/glyph-correction.woff2") format("woff2"),url("/fonts/glyph-correction.woff") format("woff"),url("/fonts/glyph-correction.ttf") format("truetype"),url("/fonts/glyph-correction.eot") format("embedded-opentype");unicode-range:U+00B7, U+2014, U+2022, U+2026;font-weight:inherit;font-style:inherit}.drop-cap{margin-top:1rem !important}.emphasis-point{font-style:normal;text-emphasis:'•';-webkit-text-emphasis:'•';-moz-text-emphasis:'•';text-emphasis-position:under;-webkit-text-emphasis-position:under;-moz-text-emphasis-position:under}[data-indent="true"] .contents-title{text-align:center}[data-indent="true"] .post-body p{text-indent:2em;margin:0}[data-indent="true"] .post-body .caption{text-indent:0;margin:0 0 1em}[data-indent="true"] .post-body blockquote{margin:1em 0;padding:0;border:none}[data-indent="true"] .post-body img,[data-indent="true"] .post-body video{margin:1em auto}[data-indent="true"] .post-body table{margin:1em 0}[data-indent="true"] .post-body pre,[data-indent="true"] .post-body .highlight{margin:1rem 0}[data-indent="true"] .post-body h1,[data-indent="true"] .post-body h2,[data-indent="true"] .post-body h3,[data-indent="true"] .post-body h4,[data-indent="true"] .post-body h5,[data-indent="true"] .post-body h6{text-align:center}[data-indent="true"] .post-body .anchor-link{position:relative;transform:none;display:block;float:none}[data-indent="true"] .post-body ol,[data-indent="true"] .post-body ul{margin:0;padding-left:4em}[data-indent="true"] .post-body ol p,[data-indent="true"] .post-body ul p{text-indent:0}[data-indent="true"] .post-body li ol,[data-indent="true"] .post-body li ul{padding-left:2em}[data-indent="true"] .post-body dl{text-indent:2em}[data-indent="true"] .post-body dl dd{text-indent:0;margin-left:4em}[data-indent="true"] .post-body dl p{text-indent:0}@media (prefers-color-scheme: light){:root:not([data-theme]){--theme-name: "light";--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #006699;--chroma-name-color: #9999ff;--chroma-attribute-color: #330099;--chroma-literal-color: #cc3300;--chroma-number-color: #ff6600;--chroma-comment-color: #0099ff;--chroma-deleted-color: #ffcccc;--chroma-output-color: #aaaaaa}:root:not([data-theme]) .theme-icon-light{display:inline-block}:root:not([data-theme]) .theme-icon-dark{display:none}:root:not([data-theme]) img{filter:none}}:root{--theme-name: "light";--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #006699;--chroma-name-color: #9999ff;--chroma-attribute-color: #330099;--chroma-literal-color: #cc3300;--chroma-number-color: #ff6600;--chroma-comment-color: #0099ff;--chroma-deleted-color: #ffcccc;--chroma-output-color: #aaaaaa}:root .theme-icon-light{display:inline-block}:root .theme-icon-dark{display:none}:root img{filter:none}@media (prefers-color-scheme: dark){:root:not([data-theme]){--theme-name: "dark";--color-primary:hsl(201, 65%, 62%);--color-primary-h:201;--color-primary-s:65%;--color-primary-l:62%;--color-bg:hsl(231, 14%, 10%);--color-bg-h:231;--color-bg-s:14%;--color-bg-l:10%;--color-contrast-lower:hsl(230, 12%, 18%);--color-contrast-lower-h:230;--color-contrast-lower-s:12%;--color-contrast-lower-l:18%;--color-contrast-low:hsl(240, 2%, 37%);--color-contrast-low-h:240;--color-contrast-low-s:2%;--color-contrast-low-l:37%;--color-contrast-medium:hsl(80, 2%, 69%);--color-contrast-medium-h:80;--color-contrast-medium-s:2%;--color-contrast-medium-l:69%;--color-contrast-high:hsl(69, 9%, 84%);--color-contrast-high-h:69;--color-contrast-high-s:9%;--color-contrast-high-l:84%;--color-contrast-higher:hsl(60, 6%, 90%);--color-contrast-higher-h:60;--color-contrast-higher-s:6%;--color-contrast-higher-l:90%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #ff79c6;--chroma-name-color: #8be9fd;--chroma-attribute-color: #50fa7b;--chroma-literal-color: #f1fa8c;--chroma-number-color: #bd93f9;--chroma-comment-color: #6272a4;--chroma-deleted-color: #8b080b;--chroma-output-color: #44475a}:root:not([data-theme]) .theme-icon-light{display:none}:root:not([data-theme]) .theme-icon-dark{display:inline-block}:root:not([data-theme]) img{filter:brightness(75%)}}:root[data-theme="dark"]{--theme-name: "dark";--color-primary:hsl(201, 65%, 62%);--color-primary-h:201;--color-primary-s:65%;--color-primary-l:62%;--color-bg:hsl(231, 14%, 10%);--color-bg-h:231;--color-bg-s:14%;--color-bg-l:10%;--color-contrast-lower:hsl(230, 12%, 18%);--color-contrast-lower-h:230;--color-contrast-lower-s:12%;--color-contrast-lower-l:18%;--color-contrast-low:hsl(240, 2%, 37%);--color-contrast-low-h:240;--color-contrast-low-s:2%;--color-contrast-low-l:37%;--color-contrast-medium:hsl(80, 2%, 69%);--color-contrast-medium-h:80;--color-contrast-medium-s:2%;--color-contrast-medium-l:69%;--color-contrast-high:hsl(69, 9%, 84%);--color-contrast-high-h:69;--color-contrast-high-s:9%;--color-contrast-high-l:84%;--color-contrast-higher:hsl(60, 6%, 90%);--color-contrast-higher-h:60;--color-contrast-higher-s:6%;--color-contrast-higher-l:90%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #ff79c6;--chroma-name-color: #8be9fd;--chroma-attribute-color: #50fa7b;--chroma-literal-color: #f1fa8c;--chroma-number-color: #bd93f9;--chroma-comment-color: #6272a4;--chroma-deleted-color: #8b080b;--chroma-output-color: #44475a}:root[data-theme="dark"] .theme-icon-light{display:none}:root[data-theme="dark"] .theme-icon-dark{display:inline-block}:root[data-theme="dark"] img{filter:brightness(75%)}#theme-switcher{color:var(--color-contrast-medium);transition:color .5s;z-index:4}#theme-switcher:hover{color:var(--color-primary)}#theme-switcher .icon{margin-right:0 !important}.header{z-index:3}.header{position:fixed;width:100vw}.header-wrapper{padding:1em 0;-webkit-backdrop-filter:saturate(180%) blur(1em);backdrop-filter:saturate(180%) blur(1em);background:linear-gradient(90deg, rgba(247,149,51,0.101961) 0, rgba(243,112,85,0.101961) 15%, rgba(239,78,123,0.101961) 30%, rgba(161,102,171,0.101961) 44%, rgba(80,115,184,0.101961) 58%, rgba(16,152,173,0.101961) 72%, rgba(7,179,155,0.101961) 86%, rgba(109,186,130,0.101961) 100%);transition:background .5s}.header-inner{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:36em}.header-inner.list{max-width:36em}.site-brand{margin-right:1em}.brand{font-size:1em;color:var(--color-contrast-high);text-decoration:none}.brand:hover{color:var(--color-contrast-high)}:root{--header-height: calc(
+            max(
+                /* brand */
+                25.888px,
+                /* menu */
+                19.2px /* {.nav font-size} * {.menu line-height} */
+            )
+            /* .header-wrapper top+bottom margin */
+            + 32px
+        )}*[id]{scroll-margin-top:var(--header-height)}#nav-toggle{display:none}.nav-toggle{display:none;position:absolute;top:1em;right:1em;margin-right:1em;width:1em;height:1em;cursor:pointer}.nav-toggle-inner{padding:1em;display:inline-block}.nav-toggle span{display:block;position:absolute;height:0.1em;width:1em;background-color:var(--color-contrast-high);transition:all .5s}.nav-toggle span:nth-child(1){top:0.4em}.nav-toggle span:nth-child(2){top:0.7em}.nav-toggle span:nth-child(3){top:1em}.nav-toggle.open span:nth-child(1){top:75%;transform:rotate(225deg)}.nav-toggle.open span:nth-child(2){width:0;opacity:0;transform:rotate(-135deg)}.nav-toggle.open span:nth-child(3){top:75%;transform:rotate(-45deg)}.nav-curtain{height:100vh;width:100vw;-webkit-backdrop-filter:saturate(180%) blur(1em);backdrop-filter:saturate(180%) blur(1em);background:linear-gradient(90deg, rgba(247,149,51,0.101961) 0, rgba(243,112,85,0.101961) 15%, rgba(239,78,123,0.101961) 30%, rgba(161,102,171,0.101961) 44%, rgba(80,115,184,0.101961) 58%, rgba(16,152,173,0.101961) 72%, rgba(7,179,155,0.101961) 86%, rgba(109,186,130,0.101961) 100%) rgba(0,0,0,0.5)}.nav{z-index:3;position:relative}.menu{padding:0;margin:0;list-style:none;line-height:1.5;font-weight:500}.menu-item{display:inline-block}.menu-item a{color:var(--color-contrast-medium)}.menu-item a:hover{color:var(--color-primary)}.active a{color:var(--color-primary)}.nav{text-align:right;font-size:80%}.menu-item{margin-left:0.5em}.menu-item .icon{margin:0 0.3em 0.2em 0}.list .main-inner{width:36em}.list-title{text-align:center}.list ul{list-style:none;padding:0}.list-item-title{flex:1}.list-item-time{text-align:right;margin-left:1em}.list-item{line-height:2;position:relative;transition:border .5s;border-bottom:1px dashed var(--color-contrast-low);margin-top:1em;padding-bottom:0.5em;display:flex;align-items:baseline}.list-item:hover{border-bottom-color:var(--color-primary)}.list-item:hover ::before{background:var(--color-primary)}.list-item ::before{content:" ";position:absolute;left:0.618em;top:0.618em;width:5.33333333px;height:5.33333333px;background:var(--color-contrast-low);border-radius:50%;border:1px solid var(--color-bg);transition:background .5s;font-size:1rem}.list-item-title{margin:0 0.618em 0 2em;font-size:1.2em;line-height:1.5}.list-item-time{margin:0 0.618em 0 2em;color:var(--color-contrast-medium);line-height:1.5}.list-read-more{margin-top:1em;font-size:1.2em;line-height:1.5}.list-year{display:flex;justify-content:space-between;align-items:baseline}.term-count{color:var(--color-contrast-medium);font-size:0.7em}.single .main-inner{width:36em}.post-title{text-align:center}.post-subtitle{font-size:1.8em;text-align:center;font-weight:700;margin-top:-0.618em}.post-description{text-align:center;margin:1rem 0;font-size:90%}.post-body{margin-top:5em !important}.post-body a{text-decoration:underline;text-decoration-color:var(--color-contrast-low)}.post-body a:hover{text-decoration-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}.post p{margin:1em 0;line-height:2}.post img{display:block;margin:2em auto;max-width:100%;border:1px solid var(--color-contrast-lower);clear:both}.post video{display:block;max-width:100%;margin:2em auto;clear:both}.post sup{font-size:70%;vertical-align:super}.post sup a{text-decoration:none}.post ol,.post ul{margin:0;padding-left:2em;line-height:2}.post hr{border:none;margin:2.427em 0 1.5em;text-align:center}.post hr::after{content:"···";letter-spacing:2em;padding-left:2em}blockquote{margin:2em 0;padding-left:1em;color:var(--color-contrast-medium);border-left:3px solid var(--color-contrast-low)}blockquote a{color:var(--color-contrast-medium)}blockquote a:hover{color:var(--color-primary)}.drop-cap{float:left;font-size:48px;margin-right:16px;margin-top:8px;line-height:32px}.caption{display:block;text-align:center;margin:-1em 0 0;font-size:90%;color:var(--color-contrast-medium)}.contents{margin-top:5em}.contents ol,.contents ul{list-style:none}ol.toc,ul.toc{padding:0;overflow:auto hidden;white-space:nowrap}.footnotes{font-size:90%;margin-top:5rem}.footnotes hr{margin:0;height:1px;border:none;background-color:var(--color-contrast-medium)}.footnotes hr::after{content:none}.footnotes ol{margin:1.618rem 0 0 !important;padding:0 1rem 0 2rem !important}.footnote-icon{fill:hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), 0.5);transition:fill .5s;margin-bottom:0.3em}.footnote-icon:hover{fill:var(--color-primary)}.anchor-link{position:absolute;transform:translate(-150%)}.anchor-icon{width:0.75em;height:0.75em;vertical-align:baseline}:root{--anchor-opacity: 0}.anchor-link{opacity:var(--anchor-opacity);transition:all .25s}.post h1:hover,.post h2:hover,.post h3:hover,.post h4:hover,.post h5:hover,.post h6:hover,.post .anchor-link:hover{--anchor-opacity: 1}.table-container{margin:2em 0;overflow-x:auto}table{width:100%;border-collapse:collapse;border-spacing:0;border-color:var(--color-contrast-lower)}th{font-weight:700}th,td{font-size:0.9em;padding:0.4em;border:1px solid var(--color-contrast-lower)}table>tbody>tr:nth-of-type(odd){background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5)}table>tbody>tr:hover{background-color:var(--color-contrast-lower)}dt{font-weight:700}dd{margin-left:2em}code{padding:2px 4px;background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5);font-size:80%}pre{overflow:auto;overflow-wrap:normal;word-wrap:normal;font-size:0.8rem;margin:2rem 0;padding:1em;line-height:1.618;background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5)}pre code{background-color:unset;font-size:0.8rem;padding:0}pre{max-height:40em}.copy-button{position:absolute;top:0;right:0;border:0;font-size:inherit;color:var(--color-bg);background-color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.5);transition:all .5s;cursor:pointer}.copy-button:hover{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}.copy-button{visibility:hidden;opacity:0}.katex-display,mjx-container[jax="CHTML"][display="true"]{overflow:auto hidden;text-indent:0}.footer{position:absolute;bottom:0;width:100%;font-size:90%;color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.8)}.footer a{color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.8)}.footer a:hover{color:var(--color-primary)}.footer-inner{padding:1em;text-align:center}.footer-icon{margin:0 0.25em 0.3em}.footer-icon{fill:#f06292}@keyframes heartbeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(0.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}.footer-icon{animation:heartbeat 1.33s ease-in-out infinite}.post-copyright{margin:0;list-style:none;margin-top:5em !important;padding:0.5em 1em;background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5);border-left:3px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5);line-height:2}.copyright-item{line-height:1.5;margin:0.5em 0}.copyright-item-text{font-weight:500}.updated-badge-container{margin-top:5em;text-align:center}.updated-badge-left{fill:var(--color-contrast-low)}.updated-badge-right{fill:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}.post-tags{margin-top:5rem;text-align:center;font-size:90%}.post-tags-link{color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.9);margin:0 0.5em;line-height:2;display:inline-block}.tag-icon{margin-right:0.3em;font-size:80%}.post-nav{list-style:none;padding:0;display:flex;justify-content:space-between;border-top:1px solid var(--color-contrast-lower);font-weight:700;margin-top:5em;padding-top:0.618em}.post-nav-prev{margin-right:auto;max-width:42%}.post-nav-next{margin-left:auto;text-align:right;max-width:42%}.back-to-top{position:fixed;right:0;z-index:1}.back-to-top a{display:block;padding:1em;color:var(--color-contrast-medium)}.back-to-top a:hover{color:var(--color-primary)}.back-to-top{bottom:-3.6em;transition:bottom 0.3s ease-in-out}.back-to-top.show{bottom:0}.highlight{font-size:0.8rem;margin:2rem 0}.highlight pre{margin:0 !important;max-height:unset}.highlight .lntd pre{background-color:unset;overflow:visible}.highlight table>tbody>tr:nth-of-type(odd){background-color:inherit}.highlight table>tbody>tr:hover{background-color:inherit}span.lnt{user-select:none;display:block;margin-right:-1em !important;padding:0 !important;text-align:right}.chroma{color:var(--color-contrast-high);background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5)}.lntable,.highlight>pre{max-height:40em}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:var(--chroma-line-numbers-background)}.chroma .lnt{margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--chroma-line-numbers-color)}.chroma .ln{margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--chroma-line-numbers-color)}.chroma .k{color:var(--chroma-keyword-color)}.chroma .kc{color:var(--chroma-keyword-color)}.chroma .kd{color:var(--chroma-declaration-color);font-style:italic}.chroma .kn{color:var(--chroma-name-color)}.chroma .kp{color:var(--chroma-keyword-color)}.chroma .kr{color:var(--chroma-keyword-color)}.chroma .kt{color:var(--chroma-name-color)}.chroma .na{color:var(--chroma-attribute-color)}.chroma .nb{color:var(--chroma-name-color);font-style:italic}.chroma .nc{color:var(--chroma-attribute-color)}.chroma .nf{color:var(--chroma-attribute-color)}.chroma .nl{color:var(--chroma-name-color);font-style:italic}.chroma .nt{color:var(--chroma-keyword-color)}.chroma .nv{color:var(--chroma-name-color);font-style:italic}.chroma .vc{color:var(--chroma-name-color);font-style:italic}.chroma .vg{color:var(--chroma-name-color);font-style:italic}.chroma .vi{color:var(--chroma-name-color);font-style:italic}.chroma .s{color:var(--chroma-literal-color)}.chroma .sa{color:var(--chroma-literal-color)}.chroma .sb{color:var(--chroma-literal-color)}.chroma .sc{color:var(--chroma-literal-color)}.chroma .dl{color:var(--chroma-literal-color)}.chroma .sd{color:var(--chroma-literal-color)}.chroma .s2{color:var(--chroma-literal-color)}.chroma .se{color:var(--chroma-literal-color)}.chroma .sh{color:var(--chroma-literal-color)}.chroma .si{color:var(--chroma-literal-color)}.chroma .sx{color:var(--chroma-literal-color)}.chroma .sr{color:var(--chroma-literal-color)}.chroma .s1{color:var(--chroma-literal-color)}.chroma .ss{color:var(--chroma-literal-color)}.chroma .m{color:var(--chroma-number-color)}.chroma .mb{color:var(--chroma-number-color)}.chroma .mf{color:var(--chroma-number-color)}.chroma .mh{color:var(--chroma-number-color)}.chroma .mi{color:var(--chroma-number-color)}.chroma .il{color:var(--chroma-number-color)}.chroma .mo{color:var(--chroma-number-color)}.chroma .o{color:var(--chroma-keyword-color)}.chroma .ow{color:var(--chroma-keyword-color)}.chroma .c{color:var(--chroma-comment-color)}.chroma .ch{color:var(--chroma-comment-color)}.chroma .cm{color:var(--chroma-comment-color)}.chroma .c1{color:var(--chroma-comment-color)}.chroma .cs{color:var(--chroma-comment-color)}.chroma .cp{color:var(--chroma-keyword-color)}.chroma .cpf{color:var(--chroma-keyword-color)}.chroma .gd{color:var(--chroma-deleted-color)}.chroma .ge{text-decoration:underline}.chroma .gh{font-weight:bold}.chroma .gi{font-weight:bold}.chroma .go{color:var(--chroma-output-color)}.chroma .gu{font-weight:bold}.chroma .gl{text-decoration:underline}.socials{padding:0;margin:0;list-style:none}.socials-item{display:inline-block;margin:0.5em;border-radius:50%;background-color:var(--color-contrast-medium);transition:background-color .5s}.socials-item:hover{background-color:var(--color-primary)}.social-icon{fill:var(--color-bg);padding:0.5em}.home{text-align:center}.home .poetry{font-size:1em;width:auto;max-width:26em;margin:0 auto;padding:5em 1em 10em}.home .links{position:absolute;bottom:10%;left:5%;right:5%;font-size:1.5em}.home .links-item{padding:1em;display:inline-block}.home .life{color:#f37055}.home .tech{color:#a166ab}.home .about{color:#07b39b}.tree{overflow:auto hidden;white-space:nowrap}.tree ul{padding-left:2.4em}.tree>ul{padding:0}.list-categories>li{position:relative}.list-categories>li::before{content:" ";position:absolute;top:2.4em;left:0.1em;width:0.2em;height:calc(100% - 2.8em);background:var(--color-contrast-lower)}.category-item{color:var(--color-primary);font-size:1.2em}.category-item:hover{color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.75)}.category-count{color:var(--color-contrast-medium)}.category-post:hover{color:var(--color-contrast-medium)}.tag-cloud{text-align:center}.tag-cloud-item{margin:0.5rem;display:inline-block}.fof::before{background-image:url();background-repeat:no-repeat;background-size:cover;background-position:50% 50%;content:" ";position:fixed;width:100%;height:100%;top:0;left:0;z-index:1}.fof .main-inner{background:rgba(0,0,0,0.25);min-height:100%;min-width:100%;position:absolute;z-index:3}.fof video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:2;transform:translateX(-50%) translateY(-50%)}.fof h1{font-size:3rem;text-transform:uppercase;letter-spacing:0.3rem;text-align:center;top:15%;left:5%;right:5%;position:absolute;color:#fff;margin:0.67em 0}.fof .fof-footer{font-size:2rem;position:absolute;bottom:15%;left:10%;right:10%;text-align:center}.fof a{color:#eee}.fof a:hover{color:#fff}@media only screen and (max-device-width: 1024px){.fof #bgvid{display:none}}.medium-zoom-overlay,.medium-zoom-image--opened{z-index:5}:root{--max-width: 656px}@media (max-width: 656px){.main-inner{width:auto !important}.anchor-link{position:relative;transform:none;float:right}#back-to-top{display:none}.header-inner{width:100%}.site-brand{margin-left:1em}.header-inner{display:block;margin:0;max-width:none}.nav-toggle{display:block}.nav{display:none;text-align:center;margin:2em 0}.menu{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.menu-item{margin:0;padding:1em}.menu-item .icon{margin:0}.menu-item-name{display:block}.header.open .nav{display:block;animation:appear .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes appear{0%{opacity:0;height:0;margin:0;transform:scaleY(0);transform-origin:top}100%{opacity:1;height:9em;margin:2em 0;transform:scaleY(1);transform-origin:top}}.header.open .nav-curtain{animation:appearCurtain .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes appearCurtain{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}.header.fade .nav{display:block;animation:fade .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fade{0%{opacity:1;height:9em;margin:2em 0;transform:scaleY(1);transform-origin:top}100%{opacity:0;height:0;margin:0;transform:scaleY(0);transform-origin:top}}.header.fade .nav-curtain{animation:fadeCurtain .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeCurtain{0%{visibility:visible;opacity:1}100%{visibility:hidden;opacity:0}}#langs li{width:auto}}[data-small-caps="true"] .post-body h1,[data-small-caps="true"] .post-body h2,[data-small-caps="true"] .post-body h3,[data-small-caps="true"] .post-body h4,[data-small-caps="true"] .post-body h5,[data-small-caps="true"] .post-body h6{font-variant:small-caps}[data-small-caps="true"] .contents-title{font-variant:small-caps}[data-align="justify"] .post-body p,[data-align="justify"] .post-body li,[data-align="justify"] .post-body dd{text-align:justify;text-justify:distribute}[data-align="justify"] .footnotes a{word-break:break-all}[data-align="center"] .post-body p{text-align:center}[data-type="poetry"] .post-body{display:table;margin:0 auto}[data-type="poetry"] .post-body p{margin:0 0 1em}[data-type="poetry"] .post-body>p:first-child img,[data-type="poetry"] .post-body>p:first-child video{margin-top:0}[data-type="poetry"] .post-body>blockquote:first-child{margin-top:0}[data-type="poetry"] .post-body>blockquote:last-child{margin-bottom:0}[data-type="poetry"] .post-body>p:last-child{margin:0}[data-type="poetry"] .post-body>p:last-child img,[data-type="poetry"] .post-body>p:last-child video{margin-bottom:0}[data-type="poetry"] .post-body>p:last-child .caption{margin:1em 0 0}[data-type="poetry"] section.footnotes>ol>li:last-child>p:last-child{margin:0}[data-toc-num="true"] .contents ol{counter-reset:item}[data-toc-num="true"] .contents ol li::before{counter-increment:item;margin-right:0.5em}[data-toc-num="true"] .contents>ol>li::before{content:counters(item, ".") "."}[data-toc-num="true"] .contents li>ol>li::before{content:counters(item, ".")}@supports not ((backdrop-filter: none) or (-webkit-backdrop-filter: none)){.header-wrapper{background-color:var(--color-bg)}}
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..9f6cb23
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/fonts/glyph-correction.eot b/public/fonts/glyph-correction.eot
new file mode 100644
index 0000000..1750ee5
Binary files /dev/null and b/public/fonts/glyph-correction.eot differ
diff --git a/public/fonts/glyph-correction.ttf b/public/fonts/glyph-correction.ttf
new file mode 100644
index 0000000..e01d2e3
Binary files /dev/null and b/public/fonts/glyph-correction.ttf differ
diff --git a/public/fonts/glyph-correction.woff b/public/fonts/glyph-correction.woff
new file mode 100644
index 0000000..7e39b24
Binary files /dev/null and b/public/fonts/glyph-correction.woff differ
diff --git a/public/fonts/glyph-correction.woff2 b/public/fonts/glyph-correction.woff2
new file mode 100644
index 0000000..4513ec1
Binary files /dev/null and b/public/fonts/glyph-correction.woff2 differ
diff --git a/public/icons/android-chrome-512x512.png b/public/icons/android-chrome-512x512.png
new file mode 100644
index 0000000..8917630
Binary files /dev/null and b/public/icons/android-chrome-512x512.png differ
diff --git a/public/icons/apple-touch-icon.png b/public/icons/apple-touch-icon.png
new file mode 100644
index 0000000..e30c038
Binary files /dev/null and b/public/icons/apple-touch-icon.png differ
diff --git a/public/icons/mstile-150x150.png b/public/icons/mstile-150x150.png
new file mode 100644
index 0000000..cb3d97b
Binary files /dev/null and b/public/icons/mstile-150x150.png differ
diff --git a/public/icons/safari-pinned-tab.svg b/public/icons/safari-pinned-tab.svg
new file mode 100644
index 0000000..2b63cdc
--- /dev/null
+++ b/public/icons/safari-pinned-tab.svg
@@ -0,0 +1,1176 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1000.000000pt" height="1000.000000pt" viewBox="0 0 1000.000000 1000.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1000.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1 5000 l-4 -5000 66 0 c43 0 67 4 70 13 4 9 6 9 6 0 1 -10 140 -13
+661 -13 737 0 670 -7 684 72 7 39 17 42 56 15 28 -19 65 -22 76 -6 12 19 23
+-12 17 -48 -5 -30 -3 -33 19 -33 22 0 26 5 31 41 6 44 9 50 29 53 7 1 18 4 23
+7 6 4 24 9 40 13 17 4 39 9 50 12 16 4 17 3 5 -5 -8 -6 -10 -11 -4 -11 6 0 23
+9 38 21 14 11 26 18 26 15 0 -3 20 1 45 8 25 8 45 12 45 9 0 -3 7 0 15 7 13
+11 18 10 29 -6 13 -17 14 -17 9 9 -4 22 -2 27 15 27 11 0 33 7 48 15 16 8 37
+15 47 15 10 0 26 7 34 16 10 10 26 13 42 10 14 -3 20 -3 13 0 -6 3 -9 10 -6
+15 3 6 12 5 22 -3 9 -7 13 -8 9 -2 -4 7 4 14 21 19 15 3 56 20 92 37 36 18 70
+32 75 33 6 1 19 5 30 9 11 4 24 6 29 6 5 -1 12 2 15 7 3 5 51 31 106 58 55 27
+102 52 105 56 4 6 141 72 225 110 11 5 27 13 35 19 8 5 40 20 70 33 30 14 75
+33 100 44 25 12 56 24 70 28 14 4 27 10 30 14 7 9 159 81 170 81 12 0 182 82
+190 91 7 8 109 55 140 64 14 4 27 10 30 14 3 3 30 19 60 35 30 16 57 32 60 35
+8 10 141 71 154 71 4 0 24 11 45 24 21 14 67 36 102 51 35 14 76 32 91 40 14
+8 33 15 41 15 17 0 114 49 212 107 61 37 86 45 190 62 66 11 144 23 172 26 61
+8 80 24 31 26 -40 2 -40 2 -111 -9 -31 -5 -57 -5 -57 0 0 4 9 8 20 8 11 0 20
+5 20 10 0 6 6 10 13 10 6 0 66 27 132 61 66 33 140 67 165 76 25 8 59 21 75
+29 58 25 140 54 158 54 9 0 25 4 35 9 9 5 34 17 55 26 20 9 35 20 32 25 -5 8
+-118 -24 -214 -61 -31 -12 -90 -35 -131 -51 -100 -39 -99 -38 -220 -97 -58
+-28 -111 -51 -118 -51 -7 0 -20 -4 -30 -10 -9 -5 -60 -26 -112 -46 -80 -31
+-137 -61 -160 -84 -4 -4 -152 -78 -205 -102 -12 -5 -28 -10 -36 -11 -9 -2 -27
+-10 -40 -18 -25 -16 -84 -44 -154 -73 -22 -9 -53 -24 -70 -33 -32 -17 -89 -45
+-195 -97 -36 -17 -67 -33 -70 -36 -3 -3 -30 -16 -60 -30 -30 -14 -57 -28 -60
+-32 -3 -4 -28 -17 -55 -29 -28 -12 -58 -28 -67 -37 -10 -8 -18 -11 -18 -6 0 5
+-4 4 -8 -2 -9 -13 -75 -44 -94 -44 -7 0 -40 -13 -71 -30 -32 -16 -67 -30 -78
+-30 -11 0 -18 -4 -15 -9 3 -5 -9 -14 -27 -21 -17 -7 -58 -26 -89 -42 -32 -15
+-58 -25 -58 -21 0 4 -5 2 -12 -5 -7 -7 -20 -12 -30 -12 -10 0 -30 -8 -45 -17
+-14 -10 -32 -18 -40 -19 -8 -1 -21 -8 -30 -15 -8 -7 -22 -14 -31 -15 -8 -2
+-18 -7 -21 -12 -3 -5 -24 -15 -46 -23 -22 -8 -42 -16 -45 -19 -14 -15 -91 -42
+-105 -36 -9 3 -14 2 -11 -3 5 -7 -27 -27 -47 -29 -4 -1 -19 -10 -34 -22 -14
+-11 -31 -20 -38 -20 -21 0 -125 -51 -125 -61 0 -6 -4 -8 -8 -5 -4 2 -27 -4
+-50 -14 -23 -11 -42 -16 -42 -12 0 4 -4 1 -9 -7 -5 -8 -18 -15 -28 -16 -10 -1
+-35 -5 -55 -9 -21 -4 -41 -6 -44 -6 -4 1 -10 -3 -13 -9 -9 -14 -148 -71 -155
+-63 -3 3 -6 0 -6 -7 0 -7 -4 -10 -9 -7 -10 7 -135 -29 -173 -50 -20 -11 -28
+-12 -28 -3 0 9 -3 9 -14 0 -11 -10 -15 -8 -19 6 -4 14 -5 13 -6 -4 -1 -25 -12
+-28 -42 -13 -13 7 -19 7 -19 0 0 -5 -18 -10 -40 -10 -22 0 -40 5 -40 11 0 5
+-4 8 -9 4 -12 -7 -52 35 -45 47 3 4 -1 8 -8 8 -17 0 -61 77 -52 92 4 6 3 8 -3
+5 -10 -6 -38 40 -35 56 1 4 -2 7 -8 7 -12 0 -14 26 -2 33 4 2 2 2 -5 1 -20 -5
+-36 24 -31 57 4 28 1 33 -23 43 -20 7 -34 25 -49 58 -11 26 -25 48 -30 48 -10
+0 -38 59 -45 92 -2 10 -13 27 -24 39 -10 11 -26 41 -34 65 -12 38 -12 47 -1
+58 11 12 10 15 -5 19 -15 4 -20 16 -23 58 -2 30 0 57 5 60 5 4 3 11 -4 15 -16
+10 -18 36 -4 46 6 5 5 8 -2 8 -9 0 -13 16 -13 44 0 49 -17 92 -73 183 -51 84
+-166 346 -173 397 -4 23 -10 46 -14 51 -4 6 -29 93 -54 194 -53 209 -57 272
+-24 340 22 45 178 211 198 211 6 0 23 12 37 26 15 15 46 35 69 46 24 10 46 23
+49 28 3 6 18 10 33 10 22 0 24 2 12 11 -12 8 -10 9 10 7 17 -2 28 4 35 17 6
+11 18 20 27 20 10 0 23 6 30 13 6 6 18 12 25 12 7 0 13 5 13 11 0 5 5 7 10 4
+6 -3 10 -1 10 4 0 6 7 11 15 11 8 0 15 5 15 10 0 6 7 10 16 10 9 0 32 10 51
+21 19 12 37 19 40 16 3 -4 20 5 38 18 17 14 37 25 43 25 9 0 80 33 167 78 17
+9 32 16 35 15 3 -1 30 10 60 24 30 14 60 26 67 26 7 0 14 6 17 12 2 7 21 15
+40 19 20 4 36 11 36 16 0 6 7 10 15 10 8 0 15 5 15 10 0 6 3 9 8 8 4 0 24 7
+45 16 22 9 43 16 48 14 5 -2 -8 -26 -30 -55 -21 -29 -40 -50 -43 -48 -2 2 -14
+-12 -27 -31 -14 -19 -39 -52 -58 -72 -18 -20 -33 -40 -33 -45 0 -4 -5 -5 -10
+-2 -5 3 -10 0 -10 -7 0 -7 -10 -25 -23 -40 -46 -56 -117 -157 -117 -167 0 -6
+-3 -11 -8 -11 -4 0 -13 -13 -20 -30 -12 -25 -116 -176 -132 -190 -3 -3 -17
+-26 -30 -53 -14 -26 -28 -47 -32 -47 -4 0 -5 -6 -2 -13 6 -16 -20 -69 -29 -60
+-4 3 -7 -6 -7 -20 0 -15 -5 -27 -10 -27 -6 0 -9 -6 -8 -12 2 -9 -9 -12 -35
+-11 -56 4 -125 30 -169 64 -21 17 -38 27 -38 23 0 -4 -8 2 -17 12 -10 11 -30
+25 -46 33 -15 8 -27 18 -27 23 0 4 -7 8 -15 8 -8 0 -12 6 -9 14 4 11 0 13 -15
+9 -12 -3 -21 -1 -21 6 0 6 -6 11 -14 11 -7 0 -27 7 -42 15 -33 17 -99 21 -89
+5 4 -6 41 -27 83 -48 42 -21 115 -65 160 -98 46 -32 98 -67 115 -76 92 -50
+234 -63 369 -34 43 9 81 15 85 14 5 0 15 2 23 5 8 3 51 13 95 22 126 25 288
+66 315 80 14 7 43 16 65 20 22 4 56 14 75 23 41 18 35 16 80 26 19 4 69 18
+110 31 41 13 111 32 155 43 44 11 100 28 125 37 25 9 52 19 60 21 8 2 40 11
+70 20 30 9 75 19 100 23 25 4 80 20 123 34 42 15 87 27 100 27 22 0 163 47
+342 114 86 32 231 79 285 91 56 13 240 95 240 106 0 9 -33 0 -120 -33 -83 -31
+-206 -71 -290 -93 -36 -9 -87 -26 -114 -36 -27 -10 -55 -19 -63 -19 -8 0 -27
+-6 -41 -14 -53 -27 -105 -47 -109 -42 -3 3 -22 -3 -42 -13 -33 -17 -114 -38
+-321 -86 -41 -10 -101 -28 -133 -41 -31 -12 -57 -21 -57 -18 0 3 -10 -1 -22
+-7 -13 -7 -32 -14 -43 -15 -11 -2 -38 -8 -60 -14 -22 -6 -47 -13 -55 -14 -8
+-2 -39 -10 -69 -19 -30 -10 -63 -17 -73 -17 -11 0 -43 -11 -71 -24 -29 -13
+-69 -27 -89 -30 -20 -4 -50 -13 -65 -21 -15 -8 -36 -15 -46 -15 -9 0 -25 -4
+-35 -10 -42 -23 -260 -70 -397 -85 -33 -4 -64 -10 -70 -15 -5 -4 -28 -10 -50
+-13 -22 -2 -49 -7 -60 -10 -21 -5 -74 -10 -86 -8 -4 1 6 25 22 54 16 28 33 61
+38 72 25 56 34 81 33 87 -1 3 5 12 13 18 8 7 15 19 15 26 0 8 4 14 9 14 5 0
+12 8 15 18 3 9 21 33 39 52 18 19 48 64 66 100 38 72 85 144 114 175 11 11 29
+36 42 55 13 19 45 58 72 85 27 28 57 64 68 80 33 53 252 257 297 277 24 11 88
+38 143 59 95 38 102 43 140 96 22 31 49 66 60 78 38 39 121 140 136 165 9 14
+31 40 48 59 18 19 51 66 74 105 23 39 47 77 54 84 7 8 18 23 25 35 19 36 192
+239 235 277 138 120 158 134 223 160 74 29 324 30 456 1 115 -26 297 -89 428
+-150 33 -16 90 -41 126 -56 118 -51 155 -72 410 -242 69 -46 145 -100 169
+-121 71 -59 299 -292 348 -355 25 -31 49 -57 52 -57 9 0 303 -327 318 -353 7
+-12 12 -26 13 -31 0 -10 -73 2 -80 13 -3 5 -25 11 -50 15 -24 4 -50 12 -56 17
+-16 13 -204 28 -210 17 -3 -4 -2 -8 3 -8 48 -1 279 -42 281 -50 2 -5 12 -10
+23 -10 11 0 49 -13 84 -30 35 -16 67 -30 71 -30 20 0 182 -120 254 -189 46
+-44 91 -81 100 -81 15 0 -108 124 -169 170 -18 14 -47 37 -65 51 -17 14 -47
+36 -66 49 -44 29 -107 96 -213 225 -45 54 -113 132 -152 173 -62 66 -69 77
+-68 111 2 33 25 90 53 126 4 6 10 25 14 44 3 19 25 58 49 87 23 29 49 63 57
+74 15 21 16 20 155 -30 287 -105 307 -111 378 -112 49 0 73 4 86 16 10 9 21
+16 24 16 10 0 135 87 176 121 19 16 38 29 42 29 5 0 25 16 45 35 20 19 40 33
+45 29 5 -3 9 -1 9 4 0 5 21 20 48 33 47 24 149 92 167 113 6 6 30 27 55 46 25
+19 61 50 81 70 38 37 104 90 111 90 3 0 6 -912 7 -2175 0 -226 0 -257 2 -287
+3 -64 -10 -201 -20 -211 -15 -15 -145 -20 -368 -15 -62 2 -113 1 -113 -2 0 -3
+-26 -5 -58 -5 -72 0 -89 15 -127 114 -39 103 -33 199 20 301 24 47 52 140 69
+230 17 88 11 150 -19 197 -33 52 -139 178 -187 222 -52 47 -65 45 -20 -4 198
+-217 225 -278 191 -436 -11 -52 -21 -99 -22 -105 -2 -7 -8 -18 -14 -26 -17
+-20 -64 -148 -68 -185 -2 -17 -6 -41 -9 -51 -12 -35 27 -161 95 -309 10 -24
+19 -47 19 -52 0 -5 7 -22 15 -37 24 -46 29 -92 14 -137 -16 -53 -48 -116 -69
+-137 -8 -9 -35 -40 -60 -69 -25 -29 -58 -67 -75 -85 -16 -18 -35 -40 -41 -51
+-17 -31 -37 -8 -31 36 3 22 2 39 -2 39 -4 0 -8 20 -9 44 -1 23 -6 64 -11 90
+-7 37 -6 46 6 46 23 0 77 -26 92 -43 15 -19 31 -22 31 -8 0 23 -195 145 -212
+134 -5 -2 -8 0 -8 4 0 11 -38 28 -170 79 -138 53 -253 85 -465 130 -38 9 -88
+20 -110 25 -46 12 -270 18 -286 8 -5 -3 8 -6 29 -7 22 -1 71 -7 108 -12 38 -6
+121 -17 184 -25 66 -7 147 -25 190 -40 41 -14 90 -28 110 -31 19 -2 51 -11 70
+-19 45 -18 168 -56 200 -62 14 -2 46 -17 73 -34 26 -16 51 -29 55 -29 5 0 18
+-11 30 -23 19 -21 26 -51 46 -218 13 -107 27 -264 30 -349 6 -132 12 -261 21
+-382 1 -16 2 -77 3 -138 2 -105 3 -110 23 -110 21 0 22 2 14 93 -4 50 -9 171
+-10 268 -1 97 -5 181 -8 186 -4 6 -7 68 -8 137 -1 124 0 128 28 169 15 23 49
+63 76 89 26 27 47 54 47 61 0 7 9 19 21 27 11 8 28 29 36 45 9 17 27 44 41 60
+14 17 36 54 48 83 l24 52 253 -1 c139 0 260 -5 268 -9 12 -8 14 -89 14 -529 0
+-307 4 -517 9 -514 5 4 6 2 3 -4 -6 -10 -11 -122 -9 -180 l2 -33 128 0 128 0
+-2 277 c0 153 3 290 7 305 4 15 4 30 1 32 -10 6 -6 392 4 407 5 8 3 9 -6 4
+-10 -6 -12 -4 -7 9 4 10 7 30 7 44 1 29 45 91 56 79 4 -4 8 -179 9 -390 1
+-210 5 -383 9 -385 3 -2 12 -1 19 1 9 4 9 6 -1 6 -10 1 -10 6 -2 22 7 13 8 25
+2 32 -11 14 -10 46 2 65 4 6 4 12 -1 12 -9 0 -8 239 1 248 9 9 7 24 -3 18 -9
+-6 -7 71 3 81 3 3 1 12 -5 19 -7 9 -7 19 0 33 8 13 8 28 1 46 -5 14 -6 24 -2
+21 5 -3 8 53 7 124 -1 71 2 134 6 142 7 11 213 13 1147 15 l1138 3 2 -28 c0
+-15 3 -40 6 -57 3 -16 5 -91 5 -165 -1 -74 -1 -142 -1 -150 1 -8 1 -207 1
+-443 l1 -427 105 0 105 0 0 5000 0 5001 -102 -3 -103 -3 -2 -1190 c-1 -654 -2
+-1196 -2 -1202 -1 -7 -8 -13 -16 -13 -8 0 -15 -5 -15 -10 0 -7 -6 -7 -19 -1
+-10 6 -20 8 -23 6 -4 -5 -229 -6 -907 -5 -232 0 -426 -2 -430 -4 -3 -2 -15 0
+-25 3 -19 7 -30 34 -90 216 -25 75 -108 250 -132 276 -8 8 -14 18 -14 22 0 7
+-91 143 -149 222 -109 147 -238 281 -380 393 -53 41 -89 78 -97 99 -14 32 -29
+48 -18 18 8 -21 -35 -11 -60 14 -18 18 -19 33 -18 146 0 69 4 130 8 136 4 6 2
+14 -4 18 -6 4 -7 25 -2 56 4 28 5 55 0 60 -4 6 -5 39 -3 75 5 74 5 64 3 192
+-1 53 1 102 5 107 3 6 1 11 -5 11 -7 0 -8 6 -1 19 6 10 8 21 5 23 -2 3 -5 75
+-5 161 l0 157 -133 0 -133 0 1 -340 c1 -187 4 -340 8 -340 4 0 4 -10 0 -22 -4
+-13 -7 -63 -6 -111 0 -48 -2 -90 -6 -92 -4 -3 -23 6 -43 19 -48 33 -58 35
+-182 37 -60 1 -119 6 -130 12 -11 5 -45 33 -75 62 -103 100 -301 162 -500 157
+-63 -1 -126 -5 -140 -9 -14 -4 -135 -8 -270 -10 -186 -2 -294 -9 -449 -29
+-113 -14 -208 -27 -212 -29 -3 -3 -28 -7 -55 -10 -27 -3 -60 -8 -74 -11 -14
+-4 -60 -10 -102 -14 -42 -4 -82 -11 -89 -15 -8 -5 -10 -4 -5 3 4 7 4 12 -1 12
+-4 0 -8 11 -8 24 0 13 3 22 8 19 12 -7 8 12 -5 26 -8 9 -8 11 -2 8 9 -5 10 3
+4 28 -5 21 -4 35 3 38 6 2 6 11 -2 26 -9 16 -9 26 -2 35 6 7 9 15 6 18 -5 5
+-6 126 -2 251 1 46 -2 77 -8 77 -7 0 -7 3 0 8 11 8 14 132 4 132 -4 0 -5 9 -2
+20 3 13 0 20 -9 20 -21 0 -22 -9 -17 -286 1 -72 -1 -136 -5 -142 -3 -6 -2 -13
+4 -17 7 -4 7 -12 0 -24 -5 -10 -6 -22 -2 -26 9 -8 12 -240 3 -252 -6 -9 -57
+-33 -70 -33 -4 0 -7 174 -7 388 l1 387 -127 3 c-99 2 -128 0 -129 -10 -3 -68
+-3 -628 1 -628 7 0 3 -126 -4 -155 -3 -13 -2 -34 3 -47 6 -16 5 -29 -3 -40
+-12 -17 -115 -70 -209 -108 -31 -13 -66 -32 -76 -41 -10 -10 -45 -31 -77 -48
+-33 -18 -72 -39 -89 -49 -16 -9 -36 -18 -42 -18 -39 -3 -44 -5 -38 -16 4 -7
+-1 -4 -9 6 -12 15 -16 16 -16 5 -1 -10 -3 -9 -11 4 -6 10 -8 23 -5 30 2 7 5 3
+5 -8 1 -17 3 -17 11 -5 5 8 10 10 10 4 0 -6 13 -9 31 -6 26 4 29 6 15 14 -9 5
+-14 13 -11 19 3 5 -1 6 -10 2 -13 -5 -14 -7 -3 -14 9 -6 9 -9 1 -9 -18 0 -27
+21 -13 30 7 4 10 12 6 18 -3 6 1 15 9 20 10 5 13 15 9 25 -3 9 -10 15 -15 12
+-4 -3 -6 -12 -2 -20 3 -8 0 -15 -7 -15 -7 0 -10 -7 -6 -15 3 -8 1 -15 -4 -15
+-6 0 -11 15 -12 33 -2 49 -3 55 -9 62 -10 10 3 55 14 48 6 -4 8 2 4 16 -4 18
+-2 21 11 16 9 -4 28 -9 42 -11 16 -2 13 0 -8 6 -20 7 -30 15 -26 22 5 8 1 9
+-10 5 -14 -5 -17 -3 -12 8 3 8 1 15 -3 15 -15 0 0 84 17 98 16 12 11 15 -23
+13 -17 -2 -18 0 -5 9 13 9 13 11 0 20 -13 8 -13 10 2 10 9 0 19 -6 21 -12 4
+-10 6 -10 6 0 1 7 -5 19 -12 27 -18 17 -22 132 -6 151 7 8 9 17 5 21 -3 3 -6
+1 -6 -5 0 -7 -3 -12 -8 -12 -18 0 -6 66 15 83 13 10 23 26 23 35 0 12 -4 10
+-13 -7 -17 -34 -33 -36 -32 -4 1 38 15 64 29 56 6 -3 5 0 -2 8 -11 12 -14 12
+-22 -1 -8 -12 -10 -11 -7 5 1 11 6 25 10 32 4 6 3 14 -2 17 -8 5 -8 27 -1 46
+3 6 2 9 -4 46 -3 15 0 34 6 41 8 10 8 17 0 25 -14 14 -16 52 -4 44 5 -3 9 1 9
+9 0 8 -4 12 -9 9 -4 -3 -8 5 -8 18 0 19 2 20 11 8 9 -12 10 -12 5 3 -3 11 -9
+30 -12 43 l-6 24 -1927 0 -1926 0 -4 -5000z m6406 4334 c95 -21 148 -40 199
+-70 46 -27 124 -108 124 -129 0 -17 43 -35 61 -24 9 4 35 10 60 11 24 2 49 7
+55 11 15 9 64 5 64 -5 0 -4 9 -8 20 -8 33 0 100 -38 165 -94 95 -81 120 -118
+53 -79 -60 34 -194 77 -202 64 -3 -4 10 -13 27 -20 135 -58 401 -197 416 -218
+3 -4 38 -29 76 -56 39 -26 85 -61 104 -77 18 -16 49 -42 68 -57 40 -32 36 -27
+100 -108 26 -33 53 -66 61 -74 7 -7 41 -50 74 -95 34 -44 68 -87 75 -94 8 -8
+21 -28 30 -45 9 -18 28 -50 43 -72 72 -106 190 -372 215 -485 2 -8 8 -28 15
+-44 10 -27 24 -98 65 -321 8 -44 17 -96 19 -116 3 -20 8 -42 11 -50 35 -93 44
+-758 11 -869 -9 -30 -19 -75 -22 -100 -3 -25 -10 -53 -15 -62 -5 -9 -9 -34 -9
+-55 0 -22 -12 -77 -26 -124 -14 -46 -31 -102 -37 -125 -7 -22 -19 -51 -28 -64
+-15 -22 -15 -19 -8 51 4 41 10 146 13 234 4 88 11 185 16 215 21 128 32 348
+26 523 -4 100 -9 231 -11 290 -2 59 -7 112 -10 116 -3 5 -12 62 -20 128 -27
+213 -59 342 -80 322 -3 -4 4 -62 15 -130 20 -123 29 -186 34 -265 2 -23 6 -46
+9 -50 26 -44 29 -794 3 -794 -4 0 -6 9 -3 20 3 11 2 20 -3 20 -4 0 -11 33 -15
+73 -6 65 -39 198 -67 270 -11 30 -43 39 -34 10 13 -50 46 -207 56 -273 6 -41
+15 -97 20 -125 14 -75 11 -229 -6 -330 -8 -49 -33 -144 -55 -210 -39 -115 -48
+-139 -88 -230 -10 -22 -24 -55 -31 -72 -7 -18 -16 -33 -20 -33 -3 0 -13 -12
+-21 -27 -7 -16 -21 -39 -30 -53 -9 -14 -30 -47 -47 -75 -17 -27 -35 -55 -39
+-60 -40 -52 -63 -85 -63 -93 0 -4 -11 -19 -25 -32 -14 -13 -25 -29 -25 -36 0
+-7 -8 -15 -18 -18 -10 -4 -29 -16 -41 -27 -32 -30 -36 -17 -7 26 14 20 28 46
+32 58 4 12 10 24 13 27 3 3 19 30 34 60 16 30 32 62 37 70 5 8 16 29 24 45 8
+17 27 54 42 82 14 29 27 64 28 78 0 14 7 25 14 25 6 0 12 5 12 10 0 6 -6 10
+-12 10 -9 0 -10 3 -2 8 6 4 16 16 21 27 16 31 44 146 37 156 -3 5 -1 9 4 9 11
+0 26 45 25 73 0 9 3 17 8 17 4 0 7 9 6 20 -1 12 -7 18 -14 16 -10 -4 -10 -1
+-1 14 9 14 14 16 20 7 4 -7 8 11 9 38 0 28 2 57 4 65 2 8 10 56 19 105 8 50
+19 108 25 130 6 22 13 92 17 156 6 100 5 117 -9 122 -13 5 -17 -5 -21 -51 -25
+-241 -87 -509 -150 -647 -8 -16 -28 -66 -45 -110 -17 -44 -49 -116 -71 -160
+l-40 -80 6 85 c3 47 9 101 14 121 7 37 4 223 -5 247 -3 8 -11 12 -18 10 -9 -4
+-12 -45 -14 -154 -2 -235 -37 -399 -102 -473 -12 -13 -21 -30 -21 -37 0 -7
+-29 -44 -65 -81 -36 -37 -65 -63 -65 -58 0 6 13 35 29 65 37 72 96 276 108
+375 2 22 8 64 12 93 11 73 4 262 -15 392 -6 43 -12 134 -13 210 -1 27 -3 31
+-11 20 -8 -13 -10 -13 -10 2 0 9 4 18 9 20 10 3 14 22 12 51 0 10 -5 16 -9 13
+-7 -4 -62 140 -68 174 0 3 -5 23 -11 45 -5 22 -16 65 -23 95 -7 30 -17 66 -23
+80 -6 14 -11 27 -12 30 0 3 -11 37 -23 76 -27 89 -58 254 -67 359 -4 44 -9 89
+-12 100 -2 11 -9 49 -15 85 -6 36 -19 97 -30 135 -43 154 -80 146 -41 -9 13
+-50 28 -120 33 -156 19 -125 30 -213 26 -217 -1 -2 -17 25 -34 59 -17 35 -40
+68 -51 75 -18 11 -19 10 -10 -21 5 -19 20 -55 34 -80 14 -26 25 -52 25 -57 0
+-6 11 -34 24 -62 32 -71 34 -79 41 -187 4 -52 8 -97 9 -100 0 -3 -3 -7 -8 -10
+-6 -3 -14 11 -19 30 -10 42 -64 178 -108 275 -54 120 -60 153 -74 425 -11 226
+-26 330 -46 330 -8 0 -7 -68 6 -325 5 -86 4 -136 -2 -130 -5 6 -24 46 -43 90
+-18 44 -50 112 -70 150 -21 39 -55 104 -77 145 l-39 75 18 50 c10 28 22 59 27
+70 51 116 64 169 39 159 -7 -2 -21 -21 -30 -42 -25 -54 -88 -229 -88 -244 -1
+-7 -9 -31 -20 -53 -11 -22 -19 -43 -20 -46 0 -4 -8 -24 -17 -45 -9 -22 -17
+-41 -18 -44 -4 -12 -20 -49 -46 -108 -16 -35 -29 -65 -29 -67 0 -8 -84 -141
+-92 -146 -5 -3 -9 -10 -9 -15 1 -5 -12 -30 -29 -55 -16 -25 -33 -55 -36 -65
+-4 -10 -19 -37 -34 -59 -14 -22 -34 -57 -45 -77 -11 -21 -22 -38 -26 -38 -3 0
+-14 -18 -24 -41 -10 -22 -33 -56 -51 -76 -18 -19 -38 -48 -44 -64 -7 -16 -17
+-29 -22 -29 -5 0 -7 -4 -4 -9 3 -5 -1 -11 -9 -15 -8 -3 -15 -2 -15 2 0 12 30
+114 40 137 5 11 14 38 20 60 6 22 13 46 15 53 3 7 4 13 3 15 -1 1 4 12 10 23
+6 12 14 40 17 62 8 66 29 114 76 176 64 86 80 107 123 172 21 33 51 73 66 90
+47 54 100 140 100 163 0 35 -28 24 -51 -20 -11 -23 -29 -51 -40 -62 -10 -12
+-19 -27 -19 -34 0 -7 -9 -17 -20 -23 -11 -6 -32 -32 -47 -58 -46 -80 -118
+-167 -121 -148 -2 10 1 30 6 44 6 15 18 61 27 102 14 66 26 115 30 130 3 13
+16 88 19 115 2 17 0 39 -4 50 -6 16 -10 12 -20 -25 -7 -25 -16 -61 -21 -80 -4
+-19 -21 -93 -38 -165 -18 -71 -33 -139 -35 -150 -13 -79 -45 -147 -100 -217
+-12 -14 -32 -41 -46 -59 -39 -52 -220 -246 -412 -441 -144 -147 -188 -195
+-188 -208 0 -18 58 18 82 50 12 17 27 30 33 30 7 0 26 16 44 35 17 19 36 35
+42 35 6 0 8 4 5 8 -3 5 6 19 20 33 14 13 44 43 66 67 23 24 50 42 62 42 22 -1
+184 -54 194 -65 3 -3 1 -23 -5 -45 -13 -50 3 -54 36 -9 21 29 27 31 65 26 22
+-4 64 -12 91 -19 58 -15 213 -14 228 1 12 12 3 14 -142 36 -130 19 -157 31
+-154 69 1 15 16 43 32 62 17 19 31 39 31 44 0 4 18 28 40 51 22 24 40 49 40
+56 0 7 5 13 11 13 5 0 8 4 4 9 -3 5 6 22 21 38 23 24 48 71 44 81 -1 2 7 11
+18 20 19 18 62 100 62 120 0 7 6 15 14 18 8 3 17 15 20 27 3 13 14 31 24 42
+20 22 22 27 22 51 0 9 5 12 12 8 6 -4 8 -3 4 4 -3 6 -2 13 3 16 14 9 62 97 48
+90 -7 -4 -3 4 9 17 24 29 44 73 44 99 0 11 5 20 11 20 5 0 8 4 5 8 -3 5 2 21
+10 36 7 16 14 35 14 42 0 25 17 15 34 -21 9 -19 21 -35 26 -35 5 0 23 -30 41
+-67 78 -167 89 -191 89 -198 0 -4 16 -44 36 -88 l37 -80 -7 -151 c-6 -137 -32
+-371 -42 -388 -2 -4 0 -9 6 -13 21 -13 42 103 54 300 5 83 15 135 26 135 5 0
+16 -21 25 -47 19 -52 25 -69 49 -123 63 -143 134 -386 118 -402 -13 -13 -117
+-27 -172 -22 -38 2 -49 -1 -72 -23 -39 -38 -35 -46 20 -39 26 4 67 9 92 12 25
+2 67 9 93 14 27 6 52 8 57 5 5 -3 10 -1 12 4 1 5 25 11 52 13 l49 3 12 -50
+c50 -209 86 -427 74 -446 -4 -7 -22 -3 -50 12 -133 67 -294 63 -428 -13 -68
+-38 -91 -57 -91 -75 0 -11 4 -11 21 -3 28 15 33 8 21 -32 -36 -113 -43 -258
+-18 -342 8 -26 12 -54 10 -60 -18 -48 212 -104 312 -77 45 12 91 51 60 51 -9
+0 -33 -7 -53 -15 -19 -8 -44 -15 -54 -15 -22 0 -25 25 -5 37 22 12 67 119 73
+175 6 47 5 48 -25 59 -56 19 -49 51 12 53 l31 1 -1 76 c-1 42 -6 92 -13 110
+-7 20 -8 36 -2 42 13 13 104 -19 126 -43 10 -11 26 -20 36 -20 10 0 28 -10 39
+-22 21 -22 21 -29 15 -193 -5 -140 -12 -192 -37 -295 -54 -223 -111 -372 -162
+-423 -13 -13 -27 -34 -31 -47 -7 -22 -4 -21 44 13 28 20 55 37 59 37 5 0 19
+11 32 25 12 13 27 22 31 19 9 -5 1 -35 -12 -44 -4 -3 -13 -30 -22 -60 -14 -53
+-49 -145 -105 -275 -20 -47 -111 -185 -142 -215 -3 -3 -18 -22 -33 -43 -16
+-20 -38 -48 -50 -61 -12 -13 -33 -37 -47 -53 -109 -127 -240 -246 -370 -334
+-41 -29 -86 -61 -100 -74 -31 -26 -132 -92 -157 -102 -10 -4 -53 -36 -96 -71
+-43 -35 -91 -68 -107 -72 -66 -19 -185 9 -450 105 -61 22 -389 186 -470 235
+-36 22 -74 44 -85 49 -12 5 -67 44 -125 87 -57 44 -115 88 -129 98 -14 11 -44
+36 -66 56 -43 41 -83 65 -92 56 -3 -3 34 -44 83 -91 109 -105 110 -106 159
+-135 22 -13 42 -27 45 -30 13 -14 179 -120 189 -120 6 0 11 -4 11 -8 0 -4 12
+-13 28 -19 77 -33 247 -133 250 -148 2 -9 -7 -30 -20 -48 -31 -42 -64 -113
+-73 -156 -8 -37 -61 -131 -74 -131 -5 0 -37 32 -72 71 -69 77 -200 206 -264
+260 -22 19 -49 43 -60 54 -11 11 -30 27 -41 35 -12 8 -54 39 -93 69 -39 30
+-78 56 -85 57 -8 1 -34 15 -58 32 -59 40 -144 82 -152 75 -3 -4 -6 -1 -6 5 0
+7 -6 12 -14 12 -8 0 -16 3 -18 8 -1 4 -19 15 -38 24 -19 10 -42 22 -50 26 -33
+19 -59 31 -126 58 -97 38 -117 53 -109 78 7 24 24 84 29 106 2 9 16 51 30 95
+14 44 30 94 35 110 5 17 13 48 16 70 3 22 10 56 15 75 5 19 14 71 21 114 12
+80 12 80 25 45 17 -48 112 -228 140 -266 13 -17 24 -34 24 -38 0 -6 53 -76 77
+-102 6 -7 16 -13 22 -13 5 0 -10 29 -34 65 -47 70 -213 396 -219 432 -12 59
+-50 88 -163 123 -40 13 -73 27 -73 31 0 5 -6 9 -13 9 -23 0 -146 109 -185 163
+-59 82 -134 227 -168 327 -10 26 -18 94 -21 160 -5 114 -5 116 27 185 36 78
+77 138 89 130 5 -2 9 -48 9 -101 1 -87 8 -125 33 -191 9 -23 34 -33 26 -10 -2
+6 -1 22 4 34 4 12 9 49 10 82 1 34 6 61 11 61 4 0 7 3 6 8 -3 13 15 47 35 65
+48 42 111 5 123 -73 4 -25 4 -42 0 -39 -8 8 -80 -61 -89 -85 -4 -9 -10 -15
+-15 -12 -4 2 -9 -4 -9 -15 -1 -10 0 -19 2 -19 16 0 65 30 87 53 l27 28 15 -29
+c8 -16 16 -46 18 -66 1 -20 5 -36 9 -36 16 0 20 -96 5 -137 -8 -23 -12 -43 -8
+-45 8 -4 50 -99 64 -146 10 -34 30 -39 36 -8 2 10 -8 42 -22 71 -36 77 -42
+105 -22 105 9 0 16 -6 16 -13 0 -22 149 -315 203 -399 27 -43 52 -76 57 -73 4
+2 4 24 -1 47 -11 54 -39 257 -39 281 0 29 15 19 34 -23 10 -22 23 -46 29 -53
+13 -14 18 -22 63 -107 24 -46 147 -225 184 -267 6 -7 9 -13 7 -13 -3 0 45 -51
+105 -112 61 -62 112 -108 115 -102 2 6 -12 51 -32 100 -41 102 -45 118 -52
+235 -6 107 34 326 99 539 11 36 29 85 41 110 30 63 126 210 137 210 11 0 17
+-21 29 -100 9 -55 8 -64 -10 -66 -5 -1 -12 -2 -15 -3 -8 -1 58 -54 100 -80 17
+-11 67 -31 110 -46 65 -20 100 -25 184 -26 61 0 109 4 115 10 8 8 -9 11 -56
+11 -38 0 -67 4 -67 10 0 5 15 30 34 54 39 51 69 132 64 173 -2 23 -11 30 -48
+43 -33 11 -45 21 -45 35 0 18 7 20 60 20 53 0 60 2 63 21 3 23 -20 144 -36
+184 -5 14 -9 27 -8 30 0 3 -7 16 -17 30 -26 37 -21 43 31 37 109 -13 150 -28
+194 -68 60 -55 198 -118 198 -90 0 24 -148 146 -210 173 -68 30 -150 55 -203
+62 -60 8 -94 21 -99 38 -5 14 -52 -31 -118 -112 -19 -24 -47 -54 -62 -68 -16
+-14 -28 -29 -28 -34 0 -5 -30 -39 -66 -76 -37 -37 -77 -84 -90 -104 -14 -21
+-33 -44 -44 -50 -11 -7 -20 -18 -20 -24 0 -6 -10 -19 -21 -30 l-21 -19 7 35
+c4 19 18 62 32 95 13 33 29 74 34 90 6 17 14 39 19 50 30 75 50 129 50 136 0
+16 35 89 42 89 5 0 8 6 8 14 0 8 11 36 24 63 14 27 31 70 38 96 6 26 16 47 20
+47 4 0 8 6 8 13 0 8 9 22 20 32 11 10 20 23 20 29 0 12 8 27 78 156 72 132
+100 195 90 199 -12 4 -58 -43 -58 -60 0 -6 -8 -23 -18 -37 -10 -15 -56 -103
+-102 -197 -46 -93 -97 -189 -112 -212 -15 -23 -28 -47 -28 -53 0 -7 -16 -46
+-35 -87 -19 -41 -35 -81 -35 -89 0 -8 -9 -34 -21 -57 -11 -23 -22 -49 -24 -57
+-2 -8 -24 -74 -49 -147 -25 -72 -46 -140 -46 -150 0 -11 -5 -24 -11 -30 -6 -6
+-13 -26 -16 -44 -3 -19 -11 -48 -17 -64 -7 -17 -16 -52 -20 -79 -4 -27 -11
+-56 -16 -65 -4 -9 -16 -62 -26 -118 -10 -57 -22 -103 -26 -103 -4 0 -8 -10 -8
+-22 -2 -66 -13 -148 -20 -148 -9 0 -25 69 -35 155 -21 165 -25 221 -25 320 0
+61 5 164 11 230 27 306 26 286 6 300 -29 20 -43 9 -39 -29 3 -22 -2 -39 -13
+-50 -21 -21 -23 -65 -4 -77 11 -7 10 -9 -3 -9 -12 0 -18 -8 -18 -22 0 -19 2
+-20 10 -8 11 17 13 10 4 -14 -3 -9 -10 -13 -15 -10 -13 7 -11 -10 2 -23 8 -8
+7 -13 -2 -18 -8 -5 -10 -4 -5 3 5 8 1 10 -9 5 -9 -3 -12 -9 -7 -12 5 -3 8 -13
+6 -21 -17 -75 -20 -100 -12 -100 5 0 6 -5 2 -12 -4 -6 -8 -22 -10 -35 -2 -18
+2 -23 12 -19 8 3 14 1 14 -4 0 -6 -10 -10 -22 -11 -13 0 -17 -3 -11 -6 9 -3
+10 -10 3 -23 -8 -15 -6 -17 12 -12 l22 5 -23 -24 c-14 -15 -21 -32 -18 -46 2
+-13 0 -23 -4 -23 -16 0 -9 -29 9 -39 15 -9 15 -10 1 -11 -14 0 -16 -13 -14
+-96 1 -70 6 -98 16 -105 11 -7 10 -9 -4 -9 -12 0 -16 -4 -10 -12 4 -7 9 -29
+10 -48 4 -52 8 -69 18 -77 4 -4 5 -3 2 3 -3 6 0 11 8 11 8 0 11 -5 8 -10 -3
+-5 1 -13 8 -18 9 -7 4 -8 -16 -4 -16 3 -25 3 -18 -1 7 -3 9 -12 6 -21 -4 -11
+-3 -14 6 -9 9 6 11 -2 7 -33 -3 -33 -1 -41 12 -41 10 0 13 -3 7 -8 -13 -9 -18
+-35 -5 -27 5 3 10 2 10 -4 0 -5 -4 -12 -9 -16 -10 -6 -121 142 -121 161 0 6
+-7 17 -15 24 -8 7 -21 24 -28 39 -20 39 -41 75 -48 81 -19 16 -93 180 -104
+228 -9 43 -9 577 1 621 6 27 4 33 -7 29 -22 -7 -41 -180 -42 -385 0 -68 -3
+-123 -7 -123 -3 0 -18 48 -34 108 -15 59 -32 118 -38 131 -5 14 -14 47 -19 75
+-10 51 -12 68 -24 161 -7 56 -16 112 -20 135 -2 8 -4 18 -4 23 -1 4 -7 7 -15
+7 -12 0 -13 -33 -9 -197 2 -109 4 -218 3 -243 0 -33 2 -41 10 -30 8 13 10 13
+10 -2 0 -10 -4 -18 -9 -18 -9 0 -7 -21 15 -127 2 -13 12 -23 22 -23 15 -1 15
+-2 1 -10 -10 -6 -15 -20 -13 -37 2 -15 6 -50 9 -78 5 -39 4 -46 -5 -32 -6 9
+-8 22 -4 29 4 6 3 8 -4 4 -15 -9 -61 141 -77 251 -2 12 -6 34 -9 50 -3 15 -8
+42 -10 58 -3 17 -12 73 -21 125 -23 135 -25 383 -3 570 6 47 12 106 14 131 2
+25 9 68 14 95 6 27 12 58 14 69 7 51 18 114 26 150 5 22 13 72 19 110 6 39 13
+84 16 100 2 17 16 58 29 93 14 34 25 66 25 70 2 16 24 77 31 82 3 3 14 25 24
+50 10 25 20 51 23 58 3 6 -2 12 -10 12 -17 0 -32 -28 -72 -134 -14 -38 -29
+-74 -34 -80 -5 -6 -12 -26 -16 -44 -9 -43 -52 -180 -62 -195 -4 -6 -8 -23 -9
+-37 -2 -14 -10 -61 -18 -105 -8 -44 -17 -98 -20 -120 -3 -22 -9 -52 -15 -67
+-5 -14 -7 -29 -4 -32 4 -3 1 -6 -5 -6 -7 0 -12 -12 -12 -27 0 -16 -7 -50 -15
+-76 -8 -26 -10 -45 -5 -42 6 4 10 1 10 -4 0 -6 -6 -11 -12 -12 -10 0 -10 -2 0
+-6 15 -6 16 -73 1 -73 -6 0 -9 6 -6 14 3 7 0 19 -6 25 -8 8 -14 -3 -24 -42 -8
+-28 -19 -54 -25 -56 -7 -2 -6 -6 2 -11 10 -6 9 -15 -4 -40 -19 -39 -21 -54 -5
+-44 7 4 10 1 7 -7 -3 -8 -11 -13 -17 -12 -9 3 -16 -32 -12 -59 0 -4 -8 -31
+-18 -60 -17 -48 -22 -75 -36 -203 -11 -98 -17 -125 -26 -130 -5 -4 -6 -11 -3
+-17 4 -7 2 -8 -4 -4 -15 9 -8 436 8 526 14 77 15 141 2 149 -13 8 -14 109 -3
+149 6 20 6 30 0 27 -12 -8 -12 12 1 36 6 10 8 19 4 19 -10 0 -33 -33 -34 -49
+0 -8 -9 -32 -19 -55 -45 -96 -65 -142 -67 -153 -1 -6 -7 -28 -14 -47 -6 -20
+-8 -41 -4 -47 4 -8 3 -9 -4 -5 -7 4 -15 -9 -22 -36 -13 -52 -31 -90 -39 -82
+-9 9 -10 226 0 269 4 22 13 63 19 90 6 28 12 57 13 67 2 9 7 22 13 30 21 28
+64 116 64 131 0 8 4 17 9 19 11 4 25 68 14 68 -10 0 -18 -12 -71 -112 -23 -42
+-42 -86 -42 -96 0 -10 -3 -22 -7 -26 -5 -4 -8 -11 -8 -14 -1 -4 -11 -34 -24
+-67 -12 -33 -24 -67 -26 -75 -2 -8 -10 -28 -19 -45 -9 -16 -16 -36 -16 -43 0
+-7 -4 -20 -10 -30 -9 -16 -37 -91 -45 -122 -20 -81 -38 -149 -42 -167 -3 -13
+-11 -23 -17 -23 -12 0 -12 9 -5 140 0 8 7 78 14 155 7 77 13 149 13 160 0 11
+2 36 5 55 15 101 18 158 9 164 -5 3 -13 -10 -16 -29 -7 -34 -26 -49 -26 -20 0
+8 0 16 1 18 0 1 -4 14 -10 30 -8 20 -7 27 2 28 6 0 3 4 -8 9 -18 8 -18 9 -2 9
+14 1 16 5 7 20 -12 24 -13 44 -2 37 5 -3 9 21 9 52 0 101 6 147 22 159 9 6 13
+14 10 17 -3 3 -18 -7 -32 -24 -15 -16 -22 -30 -16 -30 6 0 3 -7 -5 -16 -19
+-19 -20 -36 -4 -52 9 -9 8 -12 -4 -12 -9 0 -18 3 -21 8 -2 4 -2 2 -1 -5 2 -7
+-1 -15 -6 -18 -5 -3 -19 -27 -31 -53 -20 -43 -24 -57 -32 -104 -2 -10 -7 -21
+-12 -25 -4 -5 -5 -1 0 7 5 10 5 12 -2 5 -11 -11 -63 -173 -63 -197 0 -8 -7
+-21 -15 -28 -13 -11 -13 -15 -3 -21 8 -6 9 -9 2 -9 -12 0 -29 -62 -25 -91 3
+-22 -27 -46 -34 -28 -14 36 -7 252 9 277 3 6 4 16 1 24 -3 7 -1 43 3 81 8 64
+1 90 -13 47 -3 -11 -10 -20 -14 -20 -5 0 -7 -11 -6 -24 2 -14 -3 -27 -10 -29
+-13 -6 -65 -92 -65 -111 -1 -6 -9 -29 -20 -51 -10 -22 -16 -43 -14 -47 3 -5 0
+-8 -6 -8 -7 0 -10 -7 -7 -15 4 -8 2 -17 -3 -20 -6 -4 -10 -15 -10 -25 0 -10
+-7 -25 -15 -34 -8 -8 -15 -26 -15 -39 0 -14 -9 -31 -22 -39 -19 -13 -23 -27
+-29 -105 -10 -144 -31 -150 -45 -13 -15 154 0 345 34 440 3 8 6 18 6 22 1 3 4
+10 9 14 4 4 7 18 7 32 0 21 -2 22 -15 12 -8 -7 -15 -16 -15 -21 0 -5 -26 -68
+-59 -141 -74 -168 -77 -175 -80 -200 -1 -9 -5 -8 -11 3 -5 9 -6 51 0 105 4 49
+11 121 14 159 4 39 11 95 16 125 6 30 12 78 14 106 1 28 6 56 10 63 10 16 14
+71 6 71 -22 0 -70 -207 -70 -297 0 -34 -5 -74 -10 -88 -11 -29 -16 -85 -25
+-280 -5 -111 -16 -192 -39 -302 -2 -11 -8 -42 -11 -67 -4 -26 -11 -49 -17 -52
+-11 -7 -9 565 4 661 5 39 15 122 23 185 7 63 18 133 23 155 27 112 34 142 43
+170 6 17 12 41 15 55 6 29 83 226 112 285 37 76 82 174 82 179 0 3 18 32 40
+63 22 32 40 64 40 71 0 6 4 12 9 12 5 0 14 13 19 29 13 38 127 196 206 286
+277 317 377 416 514 510 56 39 111 78 123 87 12 10 34 23 50 30 16 7 29 16 29
+20 0 3 14 9 30 13 17 4 30 10 30 15 0 5 21 16 48 26 26 10 58 24 72 31 14 7
+30 13 36 13 6 0 22 8 35 19 13 10 35 22 49 26 14 4 48 18 75 30 28 13 73 29
+100 35 28 7 55 16 60 20 18 13 189 64 209 62 11 0 26 3 35 7 9 5 33 12 53 15
+21 3 59 11 85 17 27 6 64 13 83 14 125 13 154 16 161 21 18 11 130 16 409 19
+278 4 302 2 411 -20 133 -27 183 -42 287 -90 41 -19 76 -35 78 -35 2 0 4 7 4
+16 0 8 -4 13 -9 10 -5 -4 -11 -3 -13 1 -10 23 -255 123 -301 123 -9 0 -19 5
+-22 10 -10 16 165 12 242 -6z m-4857 -970 c0 -8 10 -14 24 -14 14 0 28 -5 32
+-11 4 -8 9 -7 15 2 6 10 9 11 9 2 0 -8 13 -13 29 -13 17 0 33 -5 36 -10 4 -6
+10 -8 15 -5 5 3 12 1 15 -5 4 -6 15 -8 25 -5 13 4 24 -2 36 -20 9 -14 24 -25
+33 -25 9 0 22 -5 29 -12 9 -9 12 -9 12 3 1 12 2 11 10 -1 5 -9 8 -56 6 -105
+-1 -50 1 -105 5 -122 4 -18 4 -33 0 -33 -7 0 -6 -26 3 -93 3 -23 1 -35 -4 -32
+-6 4 -10 1 -10 -4 0 -6 8 -11 18 -12 9 0 12 -3 5 -5 -8 -4 -10 -28 -6 -82 5
+-81 6 -140 3 -157 -1 -5 -1 -14 0 -20 3 -9 12 -222 11 -255 -1 -96 -9 -188
+-16 -199 -5 -9 -4 -12 3 -7 7 4 10 -30 10 -113 0 -65 2 -124 6 -129 3 -6 1
+-14 -5 -18 -8 -5 -9 -3 -4 6 5 9 4 11 -3 6 -9 -5 -9 -13 -1 -28 10 -19 7 -93
+-7 -135 -4 -11 -3 -14 3 -6 9 13 8 -199 -2 -237 -3 -14 -1 -38 4 -53 6 -16 7
+-26 2 -23 -5 3 -14 -1 -21 -9 -11 -13 -10 -14 6 -9 16 6 17 5 7 -7 -15 -16
+-17 -33 -3 -24 6 3 10 -1 10 -9 0 -9 -4 -16 -10 -16 -5 0 -9 -11 -8 -25 1 -14
+7 -25 13 -25 6 0 7 -3 0 -8 -16 -11 -19 -45 -3 -37 10 6 11 5 1 -6 -15 -15
+-18 -53 -4 -44 6 3 6 -6 1 -24 -6 -21 -5 -32 3 -35 7 -3 -13 -3 -43 0 -30 3
+-57 10 -59 16 -2 7 -5 7 -10 0 -4 -7 -20 -5 -46 5 -22 8 -59 16 -81 18 -51 4
+-114 25 -115 40 -7 68 -5 163 3 173 7 8 7 12 -1 12 -9 0 -11 33 -9 120 2 75
+-1 120 -7 121 -5 0 -5 3 2 5 6 3 9 16 7 31 -9 46 -10 324 -2 329 5 3 5 11 1
+17 -10 16 -10 857 0 857 4 0 4 7 -1 16 -5 9 -6 34 -2 55 4 22 3 39 -2 39 -5 0
+-6 5 -2 12 4 6 9 95 10 197 2 102 4 191 5 198 3 16 19 6 19 -13z m480 -155 c8
+-10 93 -52 110 -54 27 -4 60 -17 60 -24 0 -4 11 -8 25 -9 14 -1 43 -13 65 -27
+l39 -25 0 -109 c-1 -60 2 -115 6 -122 5 -8 4 -10 -4 -5 -8 6 -10 1 -6 -16 12
+-52 13 -208 2 -208 -9 0 -9 -2 -1 -8 7 -4 12 -65 13 -172 4 -283 5 -295 16
+-302 6 -5 6 -8 -2 -8 -9 0 -12 -49 -13 -182 -2 -322 -7 -545 -12 -554 -3 -5
+-5 -38 -3 -74 1 -36 -3 -68 -8 -72 -7 -4 -6 -12 2 -22 11 -13 11 -16 0 -17 -8
+0 -9 -2 -3 -5 14 -6 6 -54 -10 -55 -6 0 -2 -5 9 -10 l20 -9 -20 3 c-12 2 -19
+10 -19 20 1 9 -3 17 -8 17 -6 0 -8 10 -5 23 7 26 -7 55 -17 38 -4 -6 -2 -11 4
+-11 7 0 7 -7 -1 -22 -13 -26 -34 -41 -63 -45 -29 -5 -33 -13 -6 -13 22 0 23
+-1 5 -20 -10 -11 -15 -20 -11 -20 11 0 36 27 36 39 0 6 6 11 14 11 8 0 16 6
+19 13 2 6 8 9 12 5 4 -4 -3 -16 -16 -27 -13 -11 -19 -21 -14 -21 6 0 -3 -9
+-20 -20 -21 -14 -25 -20 -12 -20 9 0 17 5 17 12 0 6 3 8 6 5 4 -4 2 -13 -4
+-20 -7 -8 -10 -16 -7 -19 3 -2 -10 -3 -28 -2 -17 1 -38 3 -45 3 -7 1 -11 4 -9
+9 3 4 -22 8 -56 10 -66 3 -112 24 -80 36 14 6 15 9 3 16 -7 5 -14 18 -15 29
+-1 16 1 18 12 10 11 -10 12 -5 9 25 -3 22 -1 34 4 31 6 -3 7 1 4 9 -11 28 -23
+17 -19 -16 3 -31 3 -31 -8 -10 -8 18 -8 28 1 42 6 10 9 29 7 42 -11 59 -12 97
+-3 91 6 -3 8 2 5 13 -15 50 -19 77 -11 71 10 -5 10 38 1 63 -11 28 -12 110 -2
+110 7 0 7 3 0 8 -11 8 -16 1112 -4 1112 3 0 4 15 2 33 -3 17 -4 50 -4 72 0 22
+0 109 0 193 0 84 3 157 6 162 6 10 26 9 35 -1z m466 -176 c12 -28 20 -378 10
+-451 -3 -24 -2 -41 3 -38 4 3 7 -8 5 -25 -2 -16 0 -28 5 -25 5 3 4 -13 -1 -37
+-6 -23 -10 -46 -9 -52 4 -33 3 -218 -1 -322 -3 -70 -2 -120 3 -117 5 3 9 0 9
+-5 0 -6 4 -11 9 -11 5 0 22 -5 38 -12 43 -17 77 -18 90 -1 10 13 12 10 9 -21
+-2 -28 2 -40 16 -47 10 -5 18 -6 18 -2 0 4 3 199 6 433 8 627 8 624 17 638 6
+9 12 10 21 3 7 -6 15 -9 18 -6 3 3 6 -20 7 -51 1 -31 4 -61 7 -66 3 -5 2 -14
+-3 -21 -5 -7 -7 -48 -3 -92 3 -44 6 -104 5 -132 0 -29 5 -53 10 -53 6 0 5 -4
+-1 -8 -8 -4 -9 -22 -5 -52 4 -25 5 -110 4 -190 -2 -80 -2 -199 -1 -265 3 -221
+3 -279 -1 -505 -2 -124 0 -254 3 -290 4 -36 8 -99 10 -141 2 -43 7 -82 10 -88
+4 -6 3 -11 -2 -11 -5 0 -12 -8 -15 -17 -2 -10 -8 -27 -12 -38 -5 -14 -4 -16 3
+-6 7 10 14 11 31 2 12 -7 18 -17 15 -23 -4 -6 -3 -8 3 -5 6 4 20 -4 32 -17 18
+-19 19 -25 7 -29 -8 -3 -17 -19 -21 -36 -4 -17 -13 -34 -21 -39 -11 -6 -9 -10
+7 -20 18 -12 20 -11 15 5 -6 20 20 61 31 49 4 -4 3 -10 -2 -14 -14 -10 -17
+-32 -5 -32 12 0 9 -42 -4 -52 -12 -8 -36 1 -36 16 0 6 -15 11 -33 12 -17 1
+-26 -1 -19 -3 6 -3 12 -11 12 -19 0 -8 10 -14 26 -14 22 0 25 -2 14 -15 -16
+-20 -6 -19 26 1 23 16 24 15 17 -1 -5 -15 -3 -17 13 -11 12 5 8 -4 -13 -25
+-18 -17 -33 -36 -33 -41 0 -5 -5 -6 -10 -3 -6 4 -8 15 -5 26 5 14 2 19 -10 19
+-11 0 -15 -5 -11 -15 3 -8 0 -15 -7 -15 -7 0 -1 -6 13 -13 14 -7 26 -21 28
+-32 3 -17 1 -17 -7 -5 -10 13 -12 13 -21 0 -7 -11 -5 -17 8 -21 14 -5 14 -7
+-6 -18 -22 -12 -23 -11 -20 23 1 19 -1 39 -5 42 -16 16 -32 -20 -33 -74 -3
+-96 -4 -103 -14 -97 -5 3 -10 1 -10 -4 0 -13 17 -14 24 -2 3 5 16 7 28 3 14
+-3 19 -2 14 6 -4 7 -2 12 3 12 6 0 11 -4 11 -10 0 -5 7 -7 16 -3 9 3 14 13 11
+24 -3 10 2 20 10 23 11 4 13 1 8 -14 -5 -14 -2 -20 10 -20 11 0 16 -7 14 -22
+-2 -13 0 -28 4 -35 4 -6 3 -14 -2 -17 -5 -3 -7 -16 -5 -29 2 -12 1 -15 -2 -7
+-4 8 -12 18 -17 22 -7 4 -7 11 0 20 8 10 8 18 -3 32 -14 19 -14 19 -14 -3 0
+-12 -4 -19 -10 -16 -5 3 -10 -4 -10 -15 0 -19 -4 -21 -25 -16 -14 4 -35 1 -48
+-5 -22 -12 -22 -12 -4 9 19 21 16 42 -6 42 -8 0 -7 -3 2 -9 15 -10 7 -31 -13
+-31 -10 0 -13 40 -14 184 0 102 -3 189 -7 195 -3 6 -1 11 5 11 7 0 8 6 2 18
+-9 20 -8 94 2 111 4 6 3 11 -1 11 -10 0 -10 41 0 57 4 7 3 14 -3 18 -5 3 -10
+11 -10 16 0 6 4 8 8 5 5 -3 9 1 9 9 0 8 -3 15 -7 15 -3 0 -6 49 -6 110 1 67
+-3 110 -9 111 -6 0 -6 2 0 5 10 4 11 114 2 242 -2 24 -1 45 2 47 3 2 5 38 4
+82 -1 43 -3 108 -3 146 -1 39 -5 65 -11 62 -5 -4 -9 -1 -9 4 0 6 -4 11 -9 11
+-6 0 -9 -12 -7 -27 1 -16 -2 -34 -7 -40 -6 -9 -4 -15 6 -19 12 -4 14 -11 7
+-30 -6 -14 -9 -64 -9 -112 1 -120 3 -115 -22 -102 -11 7 -23 9 -27 6 -3 -3 0
+-6 7 -6 7 0 9 -4 6 -10 -3 -6 1 -7 9 -4 23 9 35 -35 27 -93 -1 -3 -10 4 -21
+17 -11 13 -20 19 -20 15 0 -15 32 -45 48 -45 10 0 12 -4 5 -12 -6 -7 -10 -25
+-9 -40 1 -16 -2 -28 -7 -28 -5 0 -4 -7 3 -15 10 -12 10 -15 -1 -15 -10 -1 -9
+-4 3 -11 9 -5 15 -16 12 -24 -4 -8 -10 -12 -15 -9 -5 3 -4 -7 1 -21 14 -36 13
+-37 -12 -24 -21 11 -22 11 -9 -5 11 -13 11 -22 3 -41 -7 -15 -7 -25 -1 -27 5
+-2 11 -16 13 -31 1 -15 5 -30 9 -33 7 -8 -3 -34 -13 -34 -12 0 -19 39 -9 46 5
+3 9 11 8 17 0 9 -2 8 -6 -1 -2 -6 -9 -9 -15 -6 -17 11 0 -49 18 -62 7 -6 14
+-20 13 -30 0 -18 -1 -18 -9 1 -7 16 -9 13 -9 -17 -1 -21 -5 -38 -11 -38 -5 0
+-7 8 -4 18 4 11 0 9 -14 -7 -13 -17 -26 -22 -41 -18 -11 3 -21 0 -21 -5 0 -7
+17 -8 48 -5 34 5 42 4 30 -4 -10 -5 -18 -15 -18 -22 0 -7 4 -6 10 3 9 13 11
+13 20 0 8 -12 10 -12 10 5 0 17 2 17 10 5 6 -10 6 -16 0 -18 -6 -2 -8 -7 -5
+-11 2 -5 -8 -6 -23 -4 -15 3 -23 1 -17 -4 6 -4 16 -20 24 -34 10 -21 11 -31 1
+-49 -9 -18 -9 -21 0 -15 8 5 11 3 8 -6 -3 -8 -16 -13 -29 -12 -13 1 -18 0 -11
+-3 14 -7 16 -54 2 -54 -14 0 -12 -34 3 -49 10 -10 9 -12 -3 -11 -29 4 -55 0
+-45 -8 6 -4 16 -19 22 -34 11 -24 10 -28 -2 -28 -8 0 -15 6 -15 13 0 9 -2 9
+-9 -1 -6 -11 -9 -9 -14 7 -3 13 1 21 12 24 14 3 14 5 -2 12 -24 10 -46 -10
+-29 -27 17 -17 15 -49 -2 -42 -7 3 -13 13 -12 22 1 11 -5 16 -16 14 -14 -2
+-17 3 -16 23 1 14 7 25 13 25 5 0 3 5 -5 10 -8 5 -10 10 -5 10 6 0 3 5 -5 10
+-8 5 -10 10 -4 10 6 0 10 10 8 23 -1 12 -3 22 -4 22 -1 0 -4 13 -6 28 -4 23
+-1 30 16 34 11 3 20 10 20 17 0 6 5 4 10 -4 8 -13 10 -13 10 2 0 23 -19 33
+-26 14 -14 -35 -25 -13 -23 44 1 33 -1 63 -4 67 -4 3 -7 11 -7 17 0 6 5 4 10
+-4 8 -13 10 -12 10 3 0 9 -4 17 -10 17 -5 0 -10 17 -10 38 0 27 3 33 10 22 6
+-9 10 -10 10 -3 0 6 -4 14 -8 17 -8 5 -12 152 -11 406 0 63 0 120 -1 125 -2
+26 -5 1219 -2 1358 3 148 9 181 28 140z m519 -184 c14 -21 7 -156 -9 -189 -33
+-71 -40 -78 -54 -64 -7 8 -8 14 -3 14 5 0 10 17 11 38 1 57 7 196 9 209 1 12
+38 6 46 -8z m-340 -271 c-1 -13 -3 -27 -4 -31 -1 -11 -21 2 -21 14 0 6 5 7 10
+4 6 -3 10 -1 10 4 0 6 -5 11 -11 11 -5 0 -7 5 -4 10 11 18 22 11 20 -12z m251
+-67 c0 -11 -4 -17 -8 -15 -4 3 -8 12 -8 20 0 8 4 14 8 14 4 0 8 -9 8 -19z
+m-259 -13 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m-2 -66 c-3
+-3 -11 0 -18 7 -9 10 -8 11 6 5 10 -3 15 -9 12 -12z m8 -73 c3 -11 1 -19 -5
+-17 -5 2 -9 7 -8 12 1 5 -4 13 -12 17 -10 7 -9 9 3 9 9 0 19 -9 22 -21z m7
+-40 c12 -9 12 -10 -4 -5 -13 5 -17 2 -12 -9 3 -8 1 -15 -4 -15 -6 0 -10 9 -10
+20 0 22 8 25 30 9z m7097 -22 c4 -5 9 -32 10 -60 6 -116 8 -2237 2 -2237 -3 0
+-5 -94 -4 -209 1 -115 -1 -215 -5 -221 -6 -9 -61 -13 -196 -14 -113 0 -192 -5
+-196 -11 -5 -7 -8 -7 -8 0 0 7 -278 10 -813 11 -1010 2 -1056 3 -1079 28 -10
+10 -18 25 -18 33 0 7 -5 13 -11 13 -6 0 -8 -7 -5 -15 6 -17 -20 -92 -39 -114
+-7 -7 -18 -10 -23 -7 -11 7 24 98 39 104 5 2 7 7 4 12 -10 16 14 60 29 54 13
+-5 15 2 11 35 -2 23 1 41 6 41 5 0 9 6 8 13 -7 37 33 139 54 136 32 -4 54 3
+77 24 14 12 49 40 78 61 28 21 52 44 52 52 0 8 4 13 9 12 23 -7 184 172 212
+237 8 17 26 48 41 69 16 21 28 45 28 52 0 7 4 14 10 16 15 5 103 207 141 323
+18 55 34 102 36 105 24 28 14 -150 -12 -230 -9 -24 -18 -68 -22 -98 -5 -46 -4
+-52 11 -46 17 7 47 58 61 104 4 14 25 62 46 106 22 45 39 88 39 96 0 8 10 34
+22 59 12 26 25 77 29 124 12 119 25 186 42 228 36 86 53 332 37 542 -12 168
+-45 446 -61 517 -6 26 -9 51 -6 55 7 11 1353 10 1364 0z m-7117 -27 c5 8 9 7
+13 -4 4 -9 1 -16 -6 -17 -7 0 -4 -4 5 -7 17 -7 17 -8 0 -19 -14 -8 -19 -8 -19
+0 0 7 -3 23 -6 37 -4 14 -4 19 -1 11 5 -10 8 -10 14 -1z m950 -84 c0 -3 -4 -8
+-10 -11 -5 -3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m-930 -24 c0 -5
+-7 -9 -15 -9 -8 0 -12 4 -9 9 3 4 9 8 15 8 5 0 9 -4 9 -8z m-5 -32 c3 -5 1
+-10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8 -4 11 -10z m935 -17 c0 -10
+-4 -14 -8 -8 -4 6 -11 13 -16 18 -5 4 -2 7 7 7 10 0 17 -8 17 -17z m2714 -73
+c-10 -28 -21 -50 -24 -50 -3 0 -7 -15 -8 -32 -5 -82 -36 -196 -59 -219 -10
+-10 -98 6 -119 22 -6 5 -21 10 -34 12 -36 6 -34 20 10 67 22 23 40 46 40 51 0
+5 7 9 15 9 8 0 15 6 15 13 0 15 61 72 74 69 5 -2 6 4 3 13 -4 8 -2 15 4 15 13
+0 69 51 69 63 0 13 25 36 28 26 2 -5 -4 -32 -14 -59z m-3644 15 c0 -8 -4 -15
+-10 -15 -5 0 -7 7 -4 15 4 8 8 15 10 15 2 0 4 -7 4 -15z m907 -7 c-3 -8 -6 -5
+-6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m-41 -33 c-3 -8 3 -16 12 -18 13 -4
+12 -5 -4 -6 -17 -1 -22 4 -20 23 0 13 5 22 9 19 5 -3 6 -11 3 -18z m-873 -35
+c-7 -28 -13 -25 -13 6 0 14 4 23 9 20 5 -3 7 -15 4 -26z m862 -28 c-3 -3 -11
+0 -18 7 -9 10 -8 11 6 5 10 -3 15 -9 12 -12z m-8 -44 c-3 -8 -6 -5 -6 6 -1 11
+2 17 5 13 3 -3 4 -12 1 -19z m-20 -40 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3
+4 -12 1 -19z m-177 -18 c0 -5 -4 -10 -10 -10 -5 0 -10 5 -10 10 0 6 5 10 10
+10 6 0 10 -4 10 -10z m287 -22 c-3 -7 -5 -2 -5 12 0 14 2 19 5 13 2 -7 2 -19
+0 -25z m-17 12 c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11 10 -3 6 -1 10 4 10 6 0 11
+-4 11 -10z m-300 -17 c-8 -3 -18 -11 -22 -17 -5 -7 -8 -4 -8 7 0 11 7 17 23
+16 15 0 17 -2 7 -6z m4149 -80 c7 -32 17 -70 22 -84 6 -14 11 -45 12 -70 2
+-43 1 -44 -30 -47 l-33 -3 0 94 c0 52 -3 116 -7 143 -5 43 -4 47 9 37 8 -7 20
+-39 27 -70z m-3855 11 c5 -14 4 -15 -9 -4 -17 14 -19 20 -6 20 5 0 12 -7 15
+-16z m-294 2 c0 -2 -7 -7 -16 -10 -8 -3 -12 -2 -9 4 6 10 25 14 25 6z m160 -5
+c0 -5 -9 -11 -19 -14 -14 -3 -18 -1 -14 9 6 15 33 19 33 5z m51 -14 c-10 -9
+-11 -8 -5 6 3 10 9 15 12 12 3 -3 0 -11 -7 -18z m89 -11 c0 -11 -19 -15 -25
+-6 -3 5 1 10 9 10 9 0 16 -2 16 -4z m-106 -75 c-16 -14 -17 -14 -6 0 7 9 10
+25 6 35 -5 18 -5 18 6 0 10 -15 9 -21 -6 -35z m-251 -6 c-3 -9 -8 -14 -10 -11
+-3 3 -2 9 2 15 9 16 15 13 8 -4z m31 -19 c-6 -16 -24 -13 -24 5 0 6 5 7 10 4
+6 -3 10 -1 10 6 0 7 2 10 5 7 3 -3 3 -13 -1 -22z m676 -120 c0 -3 -4 -8 -10
+-11 -5 -3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m-436 -32 c3 -8 2
+-12 -4 -9 -6 3 -10 10 -10 16 0 14 7 11 14 -7z m283 10 c-3 -3 -12 -4 -19 -1
+-8 3 -5 6 6 6 11 1 17 -2 13 -5z m-827 -64 c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11
+10 -3 6 -1 10 4 10 6 0 11 -4 11 -10z m40 -20 c0 -5 -5 -10 -11 -10 -5 0 -7 5
+-4 10 3 6 8 10 11 10 2 0 4 -4 4 -10z m367 -5 c0 -8 -4 -12 -9 -9 -5 3 -6 10
+-3 15 9 13 12 11 12 -6z m193 -15 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8
+10 11 10 2 0 4 -4 4 -10z m-553 -6 c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1
+17 -2 13 -5z m548 -35 c-4 -5 -12 -9 -18 -8 -9 0 -8 2 1 6 6 2 9 10 6 15 -4 7
+-2 8 5 4 6 -4 9 -12 6 -17z m595 -40 c0 -6 -4 -7 -10 -4 -5 3 -10 11 -10 16 0
+6 5 7 10 4 6 -3 10 -11 10 -16z m-1190 -5 c0 -8 -4 -12 -10 -9 -5 3 -10 10
+-10 16 0 5 5 9 10 9 6 0 10 -7 10 -16z m4650 2 c0 -3 -4 -8 -10 -11 -5 -3 -10
+-1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m-4380 -50 c0 -3 -4 -8 -10 -11 -5
+-3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m960 -32 c6 -14 10 -43 10
+-65 0 -37 -2 -40 -22 -33 -29 10 -68 10 -92 -1 -17 -7 -19 -5 -13 21 11 54 27
+85 49 94 39 15 58 11 68 -16z m-1293 -41 c2 -26 5 -74 6 -105 1 -32 6 -58 10
+-58 4 0 3 -8 -2 -19 -6 -10 -9 -28 -6 -39 4 -22 -18 -77 -35 -87 -5 -3 -16 5
+-25 19 -14 21 -14 30 -1 87 8 35 20 108 27 161 7 54 14 96 17 94 2 -3 6 -26 9
+-53z m483 43 c0 -3 -4 -8 -10 -11 -5 -3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10
+-2 10 -4z m115 -6 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8
+-4 11 -10z m-265 -37 c-11 -17 -11 -17 -6 0 3 10 6 24 7 30 0 9 2 9 5 0 3 -7
+0 -20 -6 -30z m550 7 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8 10 11 10 2
+0 4 -4 4 -10z m1114 -65 c-4 -8 -8 -15 -10 -15 -2 0 -4 7 -4 15 0 8 4 15 10
+15 5 0 7 -7 4 -15z m-2630 -30 c-8 -19 -10 -35 -5 -35 5 0 13 9 16 21 9 28 28
+18 36 -19 5 -24 3 -32 -7 -32 -8 0 -14 10 -14 22 0 19 -1 20 -17 5 -15 -12
+-20 -13 -30 -2 -7 8 -8 15 -3 17 5 2 11 15 12 31 1 15 8 27 15 27 9 0 8 -9 -3
+-35z m1126 -75 c-12 -22 -25 -26 -35 -10 -3 5 0 7 8 4 8 -3 17 2 20 10 4 9 9
+16 12 16 3 0 1 -9 -5 -20z m364 -16 c4 -10 2 -13 -6 -8 -8 5 -9 1 -4 -12 5
+-14 4 -16 -4 -8 -6 6 -8 18 -4 27 8 21 10 21 18 1z m621 -4 c3 -5 1 -10 -4
+-10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8 -4 11 -10z m-1280 -10 c-3 -5 -11
+-10 -16 -10 -6 0 -7 5 -4 10 3 6 11 10 16 10 6 0 7 -4 4 -10z m155 -27 c0 -5
+-5 -15 -10 -23 -8 -12 -10 -11 -10 8 0 12 5 22 10 22 6 0 10 -3 10 -7z m1117
+-25 c-3 -7 -5 -2 -5 12 0 14 2 19 5 13 2 -7 2 -19 0 -25z m-614 7 c-3 -9 -8
+-14 -10 -11 -3 3 -2 9 2 15 9 16 15 13 8 -4z m640 -33 c3 -24 1 -40 -4 -36 -5
+3 -9 24 -9 46 0 51 5 47 13 -10z m-1036 6 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13
+3 -3 4 -12 1 -19z m-442 -8 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4
+10 3 0 8 -4 11 -10z m331 -15 c-1 -26 -12 -33 -18 -13 -4 10 9 35 18 38 1 0 1
+-11 0 -25z m1618 -19 c-6 -16 -24 -13 -24 5 0 6 5 7 11 3 8 -4 9 1 5 17 -6 19
+-5 21 4 7 5 -9 7 -23 4 -32z m-1487 9 c0 -8 -4 -15 -9 -15 -10 0 -11 14 -1 23
+9 10 10 9 10 -8z m228 5 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10
+3 0 8 -4 11 -10z m-692 -30 c3 -11 1 -20 -4 -20 -5 0 -9 9 -9 20 0 11 2 20 4
+20 2 0 6 -9 9 -20z m837 11 c0 -5 -7 -11 -14 -14 -10 -4 -13 -1 -9 9 6 15 23
+19 23 5z m30 0 c0 -6 -4 -13 -10 -16 -5 -3 -10 1 -10 9 0 9 5 16 10 16 6 0 10
+-4 10 -9z m-897 -38 c-5 -12 -3 -14 7 -8 9 5 11 4 6 -4 -6 -8 -12 -9 -20 -2
+-7 6 -16 8 -19 4 -4 -3 -7 -1 -7 5 0 9 15 19 32 21 4 1 4 -6 1 -16z m1977 13
+c0 -3 -4 -8 -10 -11 -5 -3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z
+m-1861 -148 c7 -32 17 -58 22 -58 5 0 9 -5 9 -11 0 -6 18 -48 39 -92 22 -45
+42 -89 45 -97 15 -39 55 -95 70 -98 16 -3 17 9 13 155 -3 171 1 273 12 273 7
+0 21 -44 68 -215 21 -77 24 -104 19 -182 -3 -51 -1 -104 4 -118 9 -23 7 -25
+-16 -25 -32 0 -94 26 -94 39 0 13 -22 10 -33 -4 -6 -6 -10 -6 -14 2 -3 10 -10
+10 -24 2 -15 -7 -24 -7 -34 1 -8 7 -19 9 -25 5 -5 -3 -10 -2 -10 3 0 5 -10 9
+-22 9 -13 0 -36 5 -52 12 -23 9 -27 15 -22 36 4 15 2 25 -4 25 -6 0 -8 5 -5
+10 3 6 0 10 -7 11 -7 0 -4 4 7 9 11 5 16 9 10 9 -6 1 -10 46 -10 115 0 63 3
+112 8 109 4 -2 5 13 2 34 -9 56 -13 156 -7 172 6 17 34 -54 51 -131z m761 132
+c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11 10 -3 6 -1 10 4 10 6 0 11 -4 11 -10z m26
+-16 c-3 -9 -6 -20 -6 -25 0 -6 -5 -7 -10 -4 -8 5 -8 11 -1 19 6 7 8 16 4 19
+-3 4 -1 7 6 7 8 0 11 -6 7 -16z m1081 -16 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13
+3 -3 4 -12 1 -19z m-3257 -21 c0 -5 -8 -16 -17 -24 -17 -14 -17 -14 2 -8 11 4
+26 8 33 8 6 0 12 12 12 26 0 17 3 22 8 13 5 -7 16 -10 25 -6 9 3 17 2 17 -4 0
+-6 -6 -12 -12 -14 -7 -3 3 -10 22 -16 30 -10 32 -10 18 2 -22 16 -23 23 -3 23
+8 0 15 -4 15 -9 0 -5 7 -5 15 -1 8 5 32 7 53 5 31 -4 34 -6 17 -14 -16 -6 -13
+-7 11 -5 23 2 31 0 27 -10 -3 -9 0 -11 10 -7 11 4 14 -2 13 -26 -1 -17 -7 -35
+-15 -39 -9 -6 -10 -11 -2 -15 6 -4 16 -4 21 -1 6 3 10 1 10 -4 0 -6 -5 -11
+-11 -11 -8 0 -7 -6 2 -17 13 -15 12 -15 -7 -5 -16 9 -21 8 -21 -4 0 -7 4 -14
+9 -14 4 0 8 -9 8 -21 0 -13 4 -18 13 -13 9 6 9 4 -1 -8 -7 -8 -10 -23 -6 -32
+6 -16 -11 -23 -20 -8 -3 5 -20 9 -38 10 -18 0 -34 5 -36 11 -2 5 -9 8 -15 6
+-19 -7 -33 7 -41 40 -6 24 -5 28 5 18 17 -17 26 -16 33 3 5 14 4 15 -8 5 -8
+-7 -17 -8 -20 -3 -8 13 19 23 47 18 12 -1 16 -1 9 1 -7 3 -10 9 -7 14 8 11
+-40 -6 -67 -25 -11 -8 -15 -17 -9 -20 5 -4 9 -15 8 -25 -1 -21 -31 -18 -61 8
+-11 9 -16 11 -13 5 11 -19 -15 -22 -53 -8 -19 7 -31 13 -26 13 5 1 3 8 -4 16
+-9 11 -9 15 -1 15 7 0 9 5 5 12 -5 8 -2 9 11 4 18 -6 18 -6 -1 15 -11 14 -13
+19 -4 14 12 -7 13 -6 4 6 -15 19 -27 82 -14 74 6 -4 8 3 6 17 -5 31 12 52 30
+37 8 -6 14 -16 14 -22z m2010 -7 c6 -11 8 -20 6 -20 -3 0 -10 9 -16 20 -6 11
+-8 20 -6 20 3 0 10 -9 16 -20z m-712 -22 c-7 -4 -17 -8 -23 -8 -5 0 -3 5 5 10
+13 8 12 10 -2 10 -10 0 -18 4 -18 10 0 6 10 5 25 -2 19 -8 22 -14 13 -20z
+m222 22 c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11 10 -3 6 -1 10 4 10 6 0 11 -4 11
+-10z m375 -11 c11 -16 1 -19 -13 -3 -7 8 -8 14 -3 14 5 0 13 -5 16 -11z m180
+1 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8 -4 11 -10z m750
+0 c-3 -5 -12 -10 -18 -10 -7 0 -6 4 3 10 19 12 23 12 15 0z m-639 -25 c9 -8
+11 -15 5 -15 -5 0 -12 4 -16 10 -3 5 -13 7 -23 4 -14 -5 -15 -4 -2 5 19 14 19
+14 36 -4z m644 -5 c0 -5 -8 -10 -17 -10 -15 0 -16 2 -3 10 19 12 20 12 20 0z
+m430 -12 c0 -4 -4 -8 -9 -8 -6 0 -12 4 -15 8 -3 5 1 9 9 9 8 0 15 -4 15 -9z
+m-2860 -28 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8 10 11 10 2 0 4 -4 4
+-10z m142 -22 c14 14 48 16 48 4 0 -5 10 -14 23 -20 12 -6 16 -11 10 -11 -7
+-1 -13 -5 -13 -11 0 -5 7 -7 15 -4 8 4 15 1 15 -6 0 -6 5 -8 10 -5 6 3 10 11
+10 16 0 6 -4 7 -10 4 -5 -3 -10 0 -10 8 0 13 14 15 53 8 4 0 7 -6 7 -12 0 -8
+-4 -8 -13 0 -10 8 -14 7 -14 -4 0 -18 11 -19 37 -5 16 8 18 8 14 -5 -4 -8 -16
+-16 -28 -16 -19 -2 -19 -2 2 -6 23 -4 23 -5 5 -19 -12 -9 -13 -13 -4 -12 10 2
+15 -7 16 -29 0 -18 -3 -33 -7 -33 -4 0 -9 10 -9 23 -1 16 -3 17 -6 5 -3 -14
+-9 -15 -28 -8 -15 6 -27 6 -30 0 -4 -6 -14 -10 -23 -10 -15 0 -15 2 -2 10 20
+13 4 13 -21 0 -10 -6 -19 -17 -19 -25 0 -9 -6 -12 -17 -9 -17 5 -17 5 0 -9 16
+-14 16 -15 -7 -19 -15 -3 -24 -1 -23 6 1 6 -11 10 -28 9 -16 -1 -22 1 -12 4 9
+2 17 9 17 15 0 7 5 6 15 -2 12 -10 14 -7 10 20 -5 38 -15 53 -15 22 0 -12 -4
+-22 -10 -22 -19 0 -25 -3 -37 -19 -10 -14 -13 -13 -32 9 -24 30 -27 41 -6 34
+8 -4 15 -2 15 4 0 6 10 8 23 6 12 -2 16 -2 10 2 -18 8 -16 25 2 18 22 -9 18
+-34 -5 -34 -11 0 -20 -4 -20 -9 0 -4 11 -6 25 -3 16 3 25 11 25 23 0 11 6 19
+13 19 9 0 8 3 -2 9 -8 5 -9 11 -3 15 12 7 36 -49 27 -63 -3 -7 3 -11 15 -11
+17 0 19 3 10 19 -7 13 -7 22 0 26 5 3 10 0 10 -7 0 -7 7 -3 14 8 18 25 17 62
+-1 68 -7 3 -10 12 -7 21 3 8 1 15 -5 15 -6 0 -11 -2 -11 -4 0 -2 -3 -11 -6
+-20 -4 -10 -1 -16 9 -16 16 0 30 -47 16 -56 -5 -3 -9 0 -9 6 0 7 -7 10 -15 6
+-15 -5 -19 8 -16 44 1 12 -2 11 -13 -3 -8 -11 -17 -14 -20 -8 -4 5 -2 12 4 16
+5 3 7 20 4 38 -4 30 -4 30 6 8 8 -19 13 -22 22 -13z m-67 1 c-4 -5 -1 -9 4 -9
+6 0 11 6 11 13 0 6 5 4 11 -6 16 -27 -1 -39 -39 -28 -20 6 -32 6 -32 0 0 -5
+12 -9 28 -10 15 0 21 -3 15 -6 -23 -9 -14 -25 10 -18 17 5 19 4 7 -4 -8 -6
+-23 -11 -32 -11 -9 0 -21 -8 -27 -17 -5 -10 -13 -14 -17 -10 -5 5 -2 12 6 17
+12 7 10 11 -10 19 -20 8 -21 10 -6 10 13 1 17 6 13 21 -5 18 4 25 26 21 5 -1
+11 8 14 19 3 11 9 17 14 14 5 -3 7 -10 4 -15z m2778 1 c3 -11 1 -20 -4 -20 -5
+0 -9 9 -9 20 0 11 2 20 4 20 2 0 6 -9 9 -20z m-1043 0 c0 -5 -5 -10 -11 -10
+-5 0 -7 5 -4 10 3 6 8 10 11 10 2 0 4 -4 4 -10z m-1200 -25 c11 -13 10 -14 -4
+-9 -9 3 -16 10 -16 15 0 13 6 11 20 -6z m1793 -4 c-4 -3 -11 -10 -15 -15 -4
+-4 -6 1 -5 12 1 12 6 18 15 15 7 -3 10 -9 5 -12z m-1531 -10 c-14 -13 -20 -26
+-16 -38 5 -15 4 -16 -6 -3 -9 12 -11 9 -6 -17 3 -19 1 -33 -4 -33 -15 0 -12
+-16 5 -34 8 -8 15 -22 15 -31 0 -9 5 -13 10 -10 6 3 10 4 10 1 0 -2 3 -12 6
+-21 6 -15 4 -15 -14 -4 -11 7 -23 21 -25 31 -4 12 -11 16 -24 12 -13 -4 -15
+-3 -4 4 9 7 10 12 2 16 -8 5 -8 13 -1 26 5 10 10 31 10 47 0 35 25 73 48 73
+14 -1 13 -4 -6 -19z m850 12 c-6 -2 -9 -9 -6 -14 3 -6 12 -5 22 2 16 12 16 11
+1 -4 -19 -22 -56 -13 -38 9 6 8 17 14 23 13 7 0 6 -2 -2 -6z m-239 -18 c-3 -9
+-8 -14 -10 -11 -3 3 -2 9 2 15 9 16 15 13 8 -4z m992 -26 c-10 -15 -25 -10
+-19 6 4 8 10 12 15 9 5 -3 7 -10 4 -15z m385 11 c0 -5 -4 -10 -10 -10 -5 0
+-10 5 -10 10 0 6 5 10 10 10 6 0 10 -4 10 -10z m-1400 -33 c0 -5 -4 -5 -10 -2
+-5 3 -10 14 -10 23 0 15 2 15 10 2 5 -8 10 -19 10 -23z m27 -9 c-3 -7 -5 -2
+-5 12 0 14 2 19 5 13 2 -7 2 -19 0 -25z m-878 3 c-1 -15 -18 -45 -18 -34 -1 6
+-3 18 -6 26 -4 8 0 14 10 14 8 0 15 -3 14 -6z m998 -13 c-3 -8 -6 -5 -6 6 -1
+11 2 17 5 13 3 -3 4 -12 1 -19z m880 5 c0 -8 -6 -9 -19 -2 -10 5 -18 11 -18
+12 0 2 8 3 18 3 10 0 19 -6 19 -13z m-2003 -15 c-4 -6 1 -17 11 -25 15 -10 16
+-16 7 -25 -15 -15 -16 -38 -1 -38 5 0 7 5 3 12 -4 6 -3 8 3 5 6 -4 11 -18 11
+-32 0 -24 -2 -24 -15 -8 -13 17 -14 16 -7 -6 4 -18 3 -22 -7 -16 -9 6 -11 3
+-6 -8 4 -10 2 -17 -4 -17 -6 0 -9 9 -6 20 3 13 0 20 -9 20 -12 0 -12 4 -4 20
+6 11 7 20 3 20 -4 0 -9 20 -9 45 -1 38 1 45 18 45 12 0 16 -4 12 -12z m1375 9
+c-2 -1 -13 -9 -24 -17 -19 -14 -19 -14 -6 3 7 9 18 17 24 17 6 0 8 -1 6 -3z
+m-1107 -43 c-9 -16 -10 -14 -9 8 1 15 6 23 11 18 4 -4 4 -16 -2 -26z m2123 26
+c3 -5 2 -10 -4 -10 -5 0 -13 5 -16 10 -3 6 -2 10 4 10 5 0 13 -4 16 -10z
+m-2308 -9 c8 7 13 8 13 1 0 -12 -29 -24 -41 -16 -5 3 -9 10 -9 17 0 8 3 8 12
+-1 8 -8 15 -9 25 -1z m-316 -35 c-7 -8 -20 -12 -29 -9 -15 6 -15 4 -4 -9 9
+-11 10 -18 2 -23 -5 -3 -10 1 -10 9 0 10 -6 13 -15 10 -8 -4 -15 -2 -15 3 0
+16 22 32 36 26 8 -3 17 2 20 12 5 11 10 13 17 6 7 -7 6 -15 -2 -25z m635 0 c1
+-9 -2 -14 -7 -10 -5 3 -7 10 -4 15 4 5 -1 9 -9 9 -9 0 -16 5 -16 10 0 17 33
+-5 36 -24z m1599 23 c11 -16 1 -19 -13 -3 -7 8 -8 14 -3 14 5 0 13 -5 16 -11z
+m-891 -20 c-3 -5 -2 -16 3 -22 4 -7 0 -4 -9 6 -18 19 -15 43 3 31 5 -3 7 -10
+3 -15z m262 9 c5 -7 3 -8 -6 -3 -10 6 -12 4 -7 -8 4 -11 2 -14 -9 -10 -17 6
+-18 20 -1 26 6 3 13 6 14 6 1 1 5 -4 9 -11z m4024 -2 c-7 -7 -13 -7 -20 0 -6
+6 -3 10 10 10 13 0 16 -4 10 -10z m-5850 -12 c0 -8 -4 -12 -10 -9 -5 3 -10 10
+-10 16 0 5 5 9 10 9 6 0 10 -7 10 -16z m278 -7 c2 -9 -2 -17 -8 -17 -6 0 -8 5
+-5 10 3 6 2 10 -4 10 -6 0 -17 -12 -24 -26 -10 -19 -16 -23 -22 -15 -8 14 33
+63 49 58 6 -2 12 -11 14 -20z m272 2 c-7 -11 -14 -18 -17 -15 -8 8 5 36 17 36
+7 0 7 -6 0 -21z m40 6 c0 -8 -2 -15 -4 -15 -2 0 -6 7 -10 15 -3 8 -1 15 4 15
+6 0 10 -7 10 -15z m176 -18 c2 -20 -1 -24 -13 -20 -8 3 -19 0 -25 -8 -8 -11
+-9 -10 -4 4 3 10 6 23 6 28 0 6 6 7 13 3 9 -6 9 -4 -1 8 -11 14 -11 16 4 14
+10 -2 18 -13 20 -29z m964 29 c0 -3 -4 -8 -10 -11 -5 -3 -10 -1 -10 4 0 6 5
+11 10 11 6 0 10 -2 10 -4z m668 -21 c-3 -3 -9 2 -12 12 -6 14 -5 15 5 6 7 -7
+10 -15 7 -18z m-1883 6 c3 -5 1 -12 -5 -16 -5 -3 -10 1 -10 9 0 18 6 21 15 7z
+m1945 -61 c0 -27 -3 -51 -7 -53 -5 -3 -8 21 -8 53 0 32 3 56 8 53 4 -2 7 -26
+7 -53z m-730 14 c0 -3 -7 -1 -15 6 -8 7 -15 17 -15 22 0 5 7 3 15 -6 8 -8 15
+-18 15 -22z m137 4 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z
+m-1341 -40 c-5 -9 -16 -13 -25 -10 -12 4 -11 7 5 13 10 4 13 8 7 8 -7 1 -13
+10 -13 21 0 19 1 19 18 3 13 -13 16 -22 8 -35z m5272 32 c-7 -10 -14 -17 -17
+-15 -4 4 18 35 25 35 2 0 -1 -9 -8 -20z m-5538 6 c0 -3 -4 -8 -10 -11 -5 -3
+-10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m1590 -41 c0 -8 7 -11 19 -8 10
+3 21 1 24 -4 3 -4 -8 -8 -24 -9 -19 -1 -29 4 -29 13 0 8 -4 11 -10 8 -6 -3 -7
+1 -4 9 7 18 24 12 24 -9z m1000 -7 c0 -26 -13 -16 -17 13 -2 12 1 18 7 14 5
+-3 10 -16 10 -27z m-2290 3 c0 -5 -7 -12 -16 -15 -14 -5 -15 -4 -4 9 14 17 20
+19 20 6z m300 -12 c0 -6 -4 -7 -10 -4 -5 3 -10 11 -10 16 0 6 5 7 10 4 6 -3
+10 -11 10 -16z m800 -5 c0 -2 -9 -4 -21 -4 -11 0 -18 4 -14 10 5 8 35 3 35 -6z
+m-203 -26 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m4310 16 c-3
+-3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2 13 -5z m-4177 -14 c0 -5 -2 -10 -4
+-10 -3 0 -8 5 -11 10 -3 6 -1 10 4 10 6 0 11 -4 11 -10z m107 -42 c-3 -7 -5
+-2 -5 12 0 14 2 19 5 13 2 -7 2 -19 0 -25z m1168 2 c-2 -16 0 -32 6 -35 17
+-11 9 -23 -16 -21 -24 1 -37 16 -14 16 5 0 7 5 4 10 -3 6 -3 16 2 23 4 6 8 15
+9 20 3 14 4 17 8 17 3 0 3 -13 1 -30z m-1398 -5 c0 -8 -4 -12 -9 -9 -4 3 -8 9
+-8 15 0 5 4 9 8 9 5 0 9 -7 9 -15z m505 -29 c6 -14 1 -11 -16 8 -14 16 -26 31
+-26 34 0 10 32 -22 42 -42z m3734 -18 l-17 -23 5 30 c2 17 5 37 6 45 1 10 5 8
+12 -7 8 -16 6 -27 -6 -45z m-3781 -18 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0
+6 2 10 4 10 3 0 8 -4 11 -10z m955 -10 c0 -5 -4 -10 -10 -10 -5 0 -10 5 -10
+10 0 6 5 10 10 10 6 0 10 -4 10 -10z m-35 -19 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m2774 -72 c-13 -63 -41 -121 -75 -157 -21 -24 -24 -24
+-30 -8 -5 12 -1 22 9 28 9 4 19 25 22 46 4 20 9 44 11 53 6 22 64 102 70 96 2
+-2 -1 -28 -7 -58z m-2750 9 c-11 -21 -29 -33 -29 -19 0 6 5 11 11 11 7 0 9 10
+5 26 -6 22 -5 24 8 12 9 -9 11 -18 5 -30z m-1222 0 c-3 -8 -6 -5 -6 6 -1 11 2
+17 5 13 3 -3 4 -12 1 -19z m263 12 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6
+8 10 11 10 2 0 4 -4 4 -10z m190 6 c0 -3 -4 -8 -10 -11 -5 -3 -10 -1 -10 4 0
+6 5 11 10 11 6 0 10 -2 10 -4z m80 -62 c0 -2 -9 0 -20 6 -11 6 -20 13 -20 16
+0 2 9 0 20 -6 11 -6 20 -13 20 -16z m700 6 c0 -5 -4 -10 -10 -10 -5 0 -10 5
+-10 10 0 6 5 10 10 10 6 0 10 -4 10 -10z m40 -34 c0 -8 3 -23 7 -33 5 -14 2
+-13 -14 5 -11 12 -25 22 -32 22 -6 0 -11 5 -11 10 0 6 11 10 25 10 15 0 25 -6
+25 -14z m-838 -21 c3 -13 1 -22 -3 -19 -9 5 -13 44 -5 44 2 0 6 -11 8 -25z
+m-385 -7 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m1165 -10 c-7
+-7 -12 -8 -12 -2 0 6 3 14 7 17 3 4 9 5 12 2 2 -3 -1 -11 -7 -17z m-532 -16
+c-11 -2 -20 -8 -20 -14 0 -6 -3 -8 -7 -5 -3 4 2 15 13 26 13 12 21 15 26 7 5
+-7 -1 -12 -12 -14z m-455 -12 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10
+4 10 3 0 8 -4 11 -10z m1053 -2 c-1 -7 4 -30 11 -51 7 -20 11 -43 8 -50 -5
+-13 -32 69 -30 91 1 8 -5 11 -14 8 -8 -3 -18 -6 -21 -6 -4 0 0 -4 8 -10 8 -5
+11 -12 8 -15 -4 -4 -13 -1 -21 6 -13 12 -12 16 7 26 28 16 48 16 44 1z m-713
+-7 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m126 -33 c-2 -24 -6
+-36 -9 -28 -2 8 -10 21 -16 29 -9 12 -8 13 3 6 11 -6 13 -4 8 8 -3 9 -1 18 6
+21 7 2 12 5 12 5 0 1 -1 -18 -4 -41z m-621 7 c0 -8 -2 -15 -4 -15 -2 0 -6 7
+-10 15 -3 8 -1 15 4 15 6 0 10 -7 10 -15z m494 -21 c3 -8 2 -12 -4 -9 -6 3
+-10 10 -10 16 0 14 7 11 14 -7z m-131 -54 c-7 -8 -22 24 -16 34 4 5 10 1 13
+-10 4 -10 6 -21 3 -24z m-133 -31 c0 -5 -4 -9 -8 -9 -5 0 -9 7 -9 15 0 8 4 12
+9 9 4 -3 8 -9 8 -15z m140 -4 c7 -9 8 -15 2 -15 -5 0 -12 7 -16 15 -3 8 -4 15
+-2 15 2 0 9 -7 16 -15z m-13 -62 c-3 -10 -5 -4 -5 12 0 17 2 24 5 18 2 -7 2
+-21 0 -30z m-131 -101 c26 -62 43 -123 37 -138 -6 -17 -23 -19 -23 -2 0 6 -3
+9 -6 5 -8 -7 -34 17 -34 32 0 6 -6 11 -12 11 -8 0 -9 3 -3 8 6 4 10 16 9 27 0
+11 4 26 10 33 5 7 5 12 0 10 -11 -4 -14 4 -14 38 0 33 16 22 36 -24z m161 42
+c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2 13 -5z m8 -24 c3 -5 1 -10 -4
+-10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8 -4 11 -10z m185 6 c0 -3 -4 -8 -10
+-11 -5 -3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m-202 -104 c27 -71
+27 -76 2 -69 -11 3 -20 0 -20 -6 0 -8 -4 -7 -9 2 -5 7 -14 10 -20 7 -12 -8
+-17 115 -5 127 14 13 30 -7 52 -61z m152 -112 c0 -11 -4 -20 -9 -20 -5 0 -7 9
+-4 20 3 11 7 20 9 20 2 0 4 -9 4 -20z m5477 -275 c8 -126 12 -278 12 -495 0
+-129 0 -318 0 -420 1 -102 0 -237 0 -300 0 -63 0 -187 0 -275 0 -88 0 -376 0
+-640 -1 -264 0 -499 0 -523 2 -52 -5 -67 -25 -51 -8 6 -14 8 -14 3 0 -5 -248
+-9 -560 -9 -367 0 -560 -3 -560 -10 0 -6 -3 -6 -8 0 -9 14 -62 18 -62 5 0 -6
+-9 -6 -25 0 -17 6 -25 6 -25 -1 0 -6 -4 -8 -10 -4 -8 5 -242 10 -265 5 -5 -1
+-12 -1 -15 0 -15 7 -218 5 -232 -2 -11 -5 -18 -5 -18 1 0 5 -20 7 -45 6 -25
+-2 -47 1 -50 5 -3 5 -16 6 -28 2 -12 -4 -44 -6 -72 -5 -81 4 -169 3 -187 -3
+-10 -3 -18 -1 -18 5 0 6 -6 8 -13 5 -27 -10 -66 14 -75 48 -5 18 -6 38 -3 43
+8 15 7 39 -2 46 -4 3 -3 17 2 31 6 17 6 29 0 35 -6 6 -11 24 -11 42 -1 17 -3
+29 -5 27 -3 -2 -6 -62 -7 -133 -2 -130 -8 -154 -44 -186 -19 -18 -20 -18 -20
+5 0 13 -3 84 -6 158 -2 74 -5 173 -5 220 -2 1046 -1 1163 5 1780 4 499 4 480
+16 480 4 0 17 14 27 31 23 38 28 30 26 -41 -1 -30 2 -72 6 -92 3 -21 3 -38 -1
+-38 -4 0 -5 -11 -2 -25 9 -49 17 -15 17 74 0 50 3 91 6 91 3 0 6 7 6 15 0 8
+-3 15 -7 15 -10 0 -8 33 3 48 6 8 6 12 -2 12 -13 0 -6 35 10 56 7 8 326 11
+1146 10 l1137 -1 3 -50z m-6887 -115 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3
+6 8 10 11 10 2 0 4 -4 4 -10z m0 -56 c0 -8 -4 -12 -10 -9 -5 3 -10 13 -10 21
+0 8 5 12 10 9 6 -3 10 -13 10 -21z m-9 -67 c-8 -8 -11 -3 -11 19 1 25 2 27 11
+11 8 -14 8 -22 0 -30z m3 -52 c-4 -8 -8 -15 -10 -15 -2 0 -4 7 -4 15 0 8 4 15
+10 15 5 0 7 -7 4 -15z m62 -70 c-3 -8 0 -15 6 -15 6 0 3 -8 -6 -19 -11 -12
+-25 -17 -39 -13 -22 6 -21 6 3 13 14 4 19 7 11 8 -11 1 -10 6 4 21 22 24 29
+26 21 5z m-146 -55 c0 -5 -4 -10 -10 -10 -5 0 -10 5 -10 10 0 6 5 10 10 10 6
+0 10 -4 10 -10z m94 -11 c20 3 26 0 21 -9 -4 -6 -11 -8 -16 -5 -5 4 -9 -1 -9
+-10 0 -9 5 -13 10 -10 6 3 10 1 10 -4 0 -6 -5 -11 -11 -11 -5 0 -8 -4 -4 -10
+3 -5 -3 -18 -14 -29 -11 -11 -25 -29 -31 -41 -6 -12 -17 -19 -25 -17 -7 3 -12
+-1 -11 -11 0 -9 -5 -17 -11 -18 -7 -1 -19 -2 -25 -3 -9 -1 -9 -4 2 -12 12 -8
+11 -10 -5 -7 -11 2 -20 8 -20 13 0 6 -4 17 -10 25 -7 13 -6 13 8 2 9 -8 21
+-11 27 -7 10 6 6 53 -6 64 -4 3 -4 -2 -1 -11 4 -10 2 -18 -3 -18 -6 0 -10 9
+-10 20 0 24 13 26 30 5 15 -18 34 -20 25 -2 -4 6 0 3 9 -7 15 -19 16 -18 25 5
+12 31 -3 48 -47 51 -17 1 -32 6 -32 9 0 4 16 5 35 2 31 -5 35 -3 35 15 0 27
+30 58 40 42 4 -6 10 -11 14 -11z m-74 -9 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4
+10 3 6 8 10 11 10 2 0 4 -4 4 -10z m-160 -47 c0 -32 -5 -28 -14 10 -4 19 -3
+26 4 22 5 -3 10 -18 10 -32z m87 12 c0 -8 -4 -15 -9 -15 -10 0 -11 14 -1 23 9
+10 10 9 10 -8z m-17 -30 c0 -11 -29 -11 -33 -1 -4 10 1 12 14 9 10 -3 19 -7
+19 -8z m73 -2 c-7 -2 -21 -2 -30 0 -10 3 -4 5 12 5 17 0 24 -2 18 -5z m-121
+-49 c-5 -29 -7 -28 -16 8 -5 21 -3 26 7 22 9 -3 12 -14 9 -30z m-23 -16 c-1
+-18 -2 -19 -6 -5 -2 9 -9 14 -15 11 -7 -4 -8 -2 -4 4 12 20 26 13 25 -10z
+m121 -8 c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11 10 -3 6 -1 10 4 10 6 0 11 -4 11
+-10z m-147 -35 c-3 -9 -8 -14 -10 -11 -3 3 -2 9 2 15 9 16 15 13 8 -4z m24
+-47 c-3 -7 -5 -2 -5 12 0 14 2 19 5 13 2 -7 2 -19 0 -25z m118 12 c3 -5 -1
+-10 -9 -10 -9 0 -16 -6 -16 -13 0 -8 -8 -21 -18 -30 -16 -15 -19 -15 -30 3 -7
+12 -8 20 -2 20 5 0 10 -4 10 -10 0 -22 22 -8 31 20 11 31 23 38 34 20z m-61
+-91 c-3 -5 -14 -14 -26 -20 -15 -8 -19 -8 -14 0 4 6 0 11 -8 11 -9 0 -16 5
+-16 10 0 7 6 7 19 0 28 -14 30 -13 23 13 -5 19 -4 20 11 8 9 -7 14 -17 11 -22z
+m-83 -12 c-10 -9 -11 -8 -5 6 3 10 9 15 12 12 3 -3 0 -11 -7 -18z m-1271
+-2997 c13 -8 13 -10 -2 -10 -9 0 -20 5 -23 10 -8 13 5 13 25 0z"/>
+<path d="M6780 8936 c0 -8 15 -23 33 -32 38 -19 63 -47 83 -91 8 -18 20 -33
+27 -33 23 -1 -18 -17 -58 -23 -24 -4 -32 -3 -21 1 18 8 18 9 3 15 -9 3 -17 13
+-17 21 0 10 -6 13 -15 10 -9 -4 -15 0 -15 9 0 14 -26 32 -42 29 -4 -1 -5 5 -2
+12 4 11 -1 14 -20 12 -14 -2 -24 0 -21 4 2 4 -14 7 -37 8 -23 1 -44 4 -46 7
+-3 3 -11 0 -19 -6 -7 -6 -13 -9 -13 -7 0 3 -24 0 -54 -7 -37 -9 -69 -10 -102
+-4 -44 8 -179 5 -214 -6 -8 -3 -37 -7 -65 -10 -66 -7 -248 -60 -253 -74 -2 -6
+-16 -11 -30 -12 l-27 -1 29 -8 c22 -7 41 -4 75 10 42 18 101 33 172 45 15 2
+45 8 67 13 23 6 110 9 194 7 132 -2 164 -6 234 -28 45 -14 90 -30 100 -35 11
+-6 60 -29 109 -52 50 -23 101 -53 114 -67 16 -16 27 -21 33 -15 6 6 17 8 26 4
+11 -4 14 -1 9 12 -4 9 -3 15 2 11 5 -3 17 2 25 11 9 8 16 12 16 7 0 -4 25 -6
+56 -5 36 3 54 8 51 15 -2 7 -8 12 -13 13 -5 0 -17 4 -26 8 -10 5 -25 5 -34 2
+-9 -4 -23 -1 -30 5 -12 10 -13 8 -8 -6 6 -15 3 -17 -19 -13 -27 5 -38 -6 -14
+-15 7 -4 6 -6 -5 -6 -9 -1 -19 -7 -22 -13 -3 -7 -3 -1 0 15 5 20 2 27 -10 27
+-13 0 -14 5 -6 26 14 36 14 36 -32 95 -48 61 -44 57 -115 100 -41 24 -53 27
+-53 15z m-46 -101 c-4 -8 -11 -15 -16 -15 -6 0 -5 6 2 15 7 8 14 15 16 15 2 0
+1 -7 -2 -15z m216 -98 c9 -3 4 -6 -12 -6 -21 -1 -26 3 -21 15 3 9 9 11 12 6 3
+-5 13 -12 21 -15z"/>
+<path d="M6429 8698 c-11 -5 -30 -10 -42 -12 -12 -2 -41 -11 -64 -19 -22 -9
+-44 -13 -47 -10 -3 4 -6 1 -6 -5 0 -6 -6 -9 -13 -6 -8 3 -20 -2 -27 -11 -7 -8
+-21 -15 -31 -15 -11 0 -19 -4 -19 -10 0 -5 -7 -10 -15 -10 -7 0 -19 -8 -24
+-17 -6 -10 -11 -13 -11 -6 0 6 -9 9 -20 6 -16 -4 -18 -8 -9 -20 10 -11 9 -13
+-2 -11 -8 2 -13 -2 -12 -8 1 -7 -10 -14 -25 -17 l-27 -5 23 15 c33 23 27 37
+-8 16 -16 -9 -30 -21 -30 -26 0 -4 -4 -5 -10 -2 -5 3 -10 1 -10 -4 0 -6 8 -11
+18 -12 11 0 12 -2 4 -6 -7 -3 -19 1 -27 7 -9 7 -15 8 -15 2 0 -5 -11 -13 -25
+-16 -14 -4 -32 -17 -41 -31 -9 -14 -21 -22 -28 -18 -6 3 -3 -3 7 -14 9 -11 17
+-24 17 -29 0 -5 -7 0 -15 10 -14 19 -15 19 -38 -6 -12 -13 -29 -22 -36 -20 -8
+3 -11 0 -7 -6 3 -6 -3 -13 -14 -17 -11 -3 -20 -12 -20 -20 0 -7 -9 -15 -20
+-18 -11 -3 -20 -12 -20 -21 0 -9 -6 -16 -13 -16 -7 0 -20 -13 -30 -29 -21 -36
+-21 -45 -2 -37 8 3 15 3 15 0 0 -3 -13 -9 -28 -15 -20 -7 -28 -16 -28 -32 1
+-16 -4 -21 -17 -19 -22 4 -57 -33 -57 -60 0 -10 -4 -18 -10 -18 -15 0 -47 -35
+-43 -47 2 -6 -1 -15 -8 -19 -8 -5 -10 -3 -4 7 8 12 6 12 -8 0 -9 -7 -14 -17
+-11 -22 3 -5 0 -9 -6 -9 -6 0 -8 -4 -5 -10 3 -5 2 -10 -3 -10 -10 0 -55 -81
+-67 -117 -3 -13 -2 -23 2 -23 10 0 60 49 93 90 84 104 316 342 415 425 33 28
+62 53 63 58 2 4 8 7 14 7 6 0 18 8 27 18 19 22 122 92 135 92 5 0 24 11 43 26
+18 14 33 22 33 19 0 -3 17 5 38 18 66 41 208 88 301 99 14 2 26 9 29 16 3 11
+-13 13 -77 10 -45 -2 -91 -6 -102 -10z m-416 -215 c-7 -2 -19 -2 -25 0 -7 3
+-2 5 12 5 14 0 19 -2 13 -5z m-73 -33 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3
+6 8 10 11 10 2 0 4 -4 4 -10z m-62 -64 c-7 -8 -15 -12 -17 -11 -5 6 10 25 20
+25 5 0 4 -6 -3 -14z m-53 -46 c3 -6 -4 -10 -17 -10 -18 0 -20 2 -8 10 19 12
+18 12 25 0z m-67 -86 c-14 -14 -16 -14 -20 4 -4 16 -2 19 10 15 11 -5 13 -3 7
+8 -6 11 -5 12 6 1 11 -10 11 -15 -3 -28z"/>
+<path d="M7224 8599 l-29 -19 44 0 c43 0 161 -45 161 -61 0 -4 8 -10 18 -14
+23 -7 91 -71 127 -119 72 -94 106 -143 122 -173 9 -18 20 -33 24 -33 4 0 9 -9
+12 -20 6 -25 26 -26 26 -2 0 9 1 28 3 42 2 19 -1 25 -14 24 -10 -1 -18 4 -18
+11 0 19 -81 120 -168 209 -100 103 -174 151 -263 171 -9 2 -29 -5 -45 -16z"/>
+<path d="M7746 8155 c3 -16 0 -25 -8 -25 -10 0 -10 -2 0 -9 7 -4 12 -12 11
+-17 -4 -21 2 -28 11 -14 8 13 10 12 10 -2 0 -10 5 -18 10 -18 17 0 11 -18 -7
+-23 -17 -4 -17 -5 0 -6 10 -1 17 -9 17 -22 0 -12 8 -29 19 -38 10 -9 19 -29
+19 -44 0 -15 8 -35 18 -43 11 -9 12 -12 4 -8 -12 7 -11 3 3 -19 9 -14 17 -37
+17 -51 0 -14 5 -28 10 -31 6 -3 10 -17 10 -31 0 -14 4 -23 9 -19 10 6 8 51 -2
+62 -10 10 -8 55 2 49 5 -3 0 11 -10 32 -11 20 -17 43 -14 51 3 8 -5 25 -17 39
+-13 14 -17 22 -10 18 6 -4 12 -2 12 3 0 15 -27 14 -33 -1 -3 -7 -5 1 -4 17 0
+17 -6 42 -14 55 -7 14 -12 31 -11 38 2 6 -2 12 -8 12 -6 0 -8 5 -4 11 4 8 -1
+9 -17 4 -22 -7 -22 -7 -6 9 21 22 22 27 0 19 -10 -4 -14 -2 -9 5 3 6 2 13 -3
+17 -6 3 -8 -5 -5 -20z"/>
+<path d="M7905 7710 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0
+-7 -4 -4 -10z"/>
+<path d="M3956 7125 c-3 -8 -2 -15 3 -15 5 0 14 7 21 15 10 12 10 15 -3 15 -8
+0 -17 -7 -21 -15z"/>
+<path d="M4015 6920 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
+-8 -4 -11 -10z"/>
+<path d="M7579 6853 c-1 -10 0 -22 1 -28 3 -14 1 -260 -2 -322 -2 -29 0 -53 5
+-53 5 0 7 -7 3 -15 -3 -8 1 -31 9 -52 7 -21 14 -32 14 -25 1 7 4 11 9 8 8 -5
+6 69 -3 83 -3 5 1 12 7 14 10 4 10 6 0 6 -8 1 -10 6 -6 13 11 17 5 79 -8 95
+-8 10 -6 13 8 13 15 0 16 2 5 9 -7 5 -11 13 -7 19 3 6 2 13 -4 17 -5 3 -10 11
+-10 16 0 6 4 8 9 5 5 -4 7 3 4 14 -3 11 -10 17 -17 14 -6 -3 -4 1 6 8 12 10
+14 19 7 31 -6 9 -7 22 -4 27 3 6 2 10 -2 10 -5 0 -8 25 -6 55 1 30 -2 55 -7
+55 -6 0 -11 -8 -11 -17z m27 -310 c-10 -10 -19 5 -10 18 6 11 8 11 12 0 2 -7
+1 -15 -2 -18z m7 -118 c4 -8 2 -17 -3 -20 -6 -4 -10 3 -10 14 0 25 6 27 13 6z"/>
+<path d="M5030 6701 c0 -6 4 -12 8 -15 5 -3 9 1 9 9 0 8 -4 15 -9 15 -4 0 -8
+-4 -8 -9z"/>
+<path d="M5027 6659 c4 -13 8 -18 11 -10 2 7 -1 18 -6 23 -8 8 -9 4 -5 -13z"/>
+<path d="M5005 6608 c-2 -7 -9 -31 -17 -53 -7 -22 -13 -44 -13 -50 0 -5 -4
+-13 -10 -17 -6 -5 -4 -8 4 -8 11 0 10 -4 -4 -20 -9 -10 -15 -26 -12 -35 4 -8
+2 -15 -4 -15 -6 0 -8 -13 -5 -31 5 -33 21 -57 32 -47 8 8 16 54 18 101 0 20 4
+37 7 37 3 0 6 7 6 15 0 8 -4 15 -9 15 -4 0 -8 7 -8 15 0 8 5 15 11 15 5 0 7
+-5 3 -12 -4 -6 -3 -8 3 -5 6 4 9 27 6 54 -3 36 -2 44 6 33 9 -13 11 -13 11 3
+0 20 -19 23 -25 5z"/>
+<path d="M4111 6534 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M6470 6516 c0 -14 36 -46 52 -46 17 0 7 30 -14 44 -28 20 -38 20 -38
+2z"/>
+<path d="M5966 6402 c-6 -10 118 -102 137 -102 17 0 -61 73 -100 94 -18 9 -34
+12 -37 8z"/>
+<path d="M7172 6391 c-19 -16 -20 -20 -6 -25 19 -7 57 11 51 27 -6 19 -22 18
+-45 -2z"/>
+<path d="M4927 6330 c3 -11 9 -20 14 -20 5 0 6 -7 2 -16 -5 -13 -7 -13 -14 -2
+-7 11 -11 10 -18 -2 -8 -11 -3 -17 21 -27 40 -17 41 -17 34 11 -4 15 -1 27 7
+30 9 5 9 7 -1 12 -7 3 -19 12 -26 20 -20 19 -25 18 -19 -6z"/>
+<path d="M4547 6296 c-4 -10 -5 -21 -2 -24 9 -9 17 6 13 25 -3 17 -4 17 -11
+-1z"/>
+<path d="M7169 6115 c-3 -2 -14 -6 -25 -8 -37 -8 -68 -24 -57 -30 6 -4 19 0
+27 9 11 11 16 12 16 3 0 -10 3 -10 12 -1 7 7 20 12 29 12 10 0 21 5 24 10 6
+10 -17 14 -26 5z"/>
+<path d="M4164 5732 c-10 -7 -38 -68 -40 -87 0 -5 -4 -17 -7 -25 -16 -37 -23
+-97 -14 -127 8 -24 25 -40 76 -70 36 -21 85 -58 108 -82 24 -25 46 -41 50 -38
+17 17 -70 121 -112 133 -45 12 -63 28 -76 66 -11 34 -11 49 3 97 8 31 22 71
+29 88 14 34 4 59 -17 45z"/>
+<path d="M6766 5142 c-3 -6 -2 -32 4 -57 6 -25 8 -50 6 -54 -3 -4 -8 -22 -11
+-40 l-6 -32 27 26 c24 24 26 31 19 80 -7 56 -27 96 -39 77z"/>
+<path d="M6155 4473 c-80 -19 -124 -42 -125 -65 0 -24 143 -74 240 -84 25 -3
+50 -7 56 -9 17 -5 34 9 25 23 -4 7 -18 15 -32 17 -13 3 -25 9 -27 15 -2 5 -8
+10 -13 10 -6 0 -8 -4 -5 -8 7 -12 -36 -12 -51 0 -7 6 -22 8 -34 5 -15 -4 -19
+-2 -15 9 3 8 1 14 -3 14 -5 0 -11 -4 -13 -9 -1 -5 -19 -1 -38 9 -30 16 -32 19
+-12 20 12 0 22 6 22 13 0 8 4 7 10 -3 6 -10 10 -11 10 -2 0 7 15 12 41 12 32
+0 40 -3 36 -15 -4 -8 -2 -17 4 -20 5 -4 9 -3 8 2 -5 29 3 40 30 41 24 0 32 -5
+40 -26 l9 -27 1 27 c1 25 3 26 49 21 26 -3 48 -9 50 -13 2 -5 19 -19 38 -30
+19 -12 34 -28 34 -35 0 -16 -42 -27 -67 -18 -17 6 -17 6 -1 -10 23 -24 83 -25
+108 -2 24 22 27 77 4 99 -8 9 -18 16 -22 17 -4 0 -14 2 -22 4 -90 22 -275 32
+-335 18z"/>
+<path d="M6253 4404 c0 -17 2 -22 7 -13 5 6 6 18 3 26 -8 19 -10 16 -10 -13z"/>
+<path d="M6366 4405 c-9 -26 -7 -32 5 -12 6 10 9 21 6 23 -2 3 -7 -2 -11 -11z"/>
+<path d="M6390 4395 c0 -8 8 -15 18 -14 10 0 12 3 4 6 -6 2 -10 9 -6 14 3 5 0
+9 -5 9 -6 0 -11 -7 -11 -15z"/>
+<path d="M6391 4354 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2225 6381 c-3 -5 -1 -12 5 -16 5 -3 10 1 10 9 0 18 -6 21 -15 7z"/>
+<path d="M2200 6251 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M2140 6230 c6 -11 13 -20 16 -20 2 0 0 9 -6 20 -6 11 -13 20 -16 20
+-2 0 0 -9 6 -20z"/>
+<path d="M2225 6220 c-3 -5 1 -10 10 -10 9 0 13 5 10 10 -3 6 -8 10 -10 10 -2
+0 -7 -4 -10 -10z"/>
+<path d="M2231 6178 c-14 -23 -14 -23 8 -4 22 20 25 26 13 26 -4 0 -13 -10
+-21 -22z"/>
+<path d="M2196 6163 c-6 -14 -5 -15 5 -6 7 7 10 15 7 18 -3 3 -9 -2 -12 -12z"/>
+<path d="M2126 6137 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
+<path d="M2105 6120 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0
+-7 -4 -4 -10z"/>
+<path d="M2130 6090 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M2660 6854 c0 -10 31 -36 37 -31 10 10 -6 37 -22 37 -8 0 -15 -3 -15
+-6z"/>
+<path d="M2620 6346 c0 -2 7 -7 16 -10 8 -3 12 -2 9 4 -6 10 -25 14 -25 6z"/>
+<path d="M2500 6215 c0 -2 6 -8 13 -14 10 -8 14 -7 14 2 0 8 -6 14 -14 14 -7
+0 -13 -1 -13 -2z"/>
+<path d="M2616 6157 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
+<path d="M2500 6070 c-9 -6 -10 -10 -3 -10 6 0 15 5 18 10 8 12 4 12 -15 0z"/>
+<path d="M2540 6040 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M2519 5958 c0 -22 -1 -22 -9 -3 -6 15 -8 12 -7 -16 2 -30 5 -35 21
+-31 20 5 20 5 0 13 -10 4 -13 8 -6 8 6 1 12 11 12 24 0 16 3 18 9 8 5 -8 11
+-9 15 -3 3 5 -1 13 -10 16 -23 9 -24 8 -25 -16z"/>
+<path d="M2591 5924 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2520 5893 c0 -7 -6 -13 -13 -13 -8 0 -14 -7 -14 -15 0 -8 5 -11 10
+-8 5 3 12 2 16 -3 18 -26 81 -36 81 -13 0 6 -4 8 -9 4 -5 -3 -17 2 -25 11 -9
+8 -16 11 -16 5 0 -6 -5 -11 -11 -11 -5 0 -7 4 -4 10 3 5 1 18 -4 27 -6 10 -11
+12 -11 6z"/>
+<path d="M2575 5870 c4 -6 11 -8 16 -5 14 9 11 15 -7 15 -8 0 -12 -5 -9 -10z"/>
+<path d="M2760 5859 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
+-5 -10 -11z"/>
+<path d="M2803 5863 c9 -2 23 -2 30 0 6 3 -1 5 -18 5 -16 0 -22 -2 -12 -5z"/>
+<path d="M2801 5833 c-9 -16 -12 -16 -20 -3 -6 8 -13 11 -17 7 -4 -3 -1 -14 7
+-23 11 -14 11 -18 -2 -28 -9 -6 -14 -17 -11 -25 2 -7 -1 -17 -8 -21 -9 -5 -9
+-9 -1 -14 6 -4 11 -2 11 5 0 7 10 9 25 7 21 -4 23 -2 15 13 -12 22 -13 59 -1
+59 5 0 11 9 14 20 6 25 1 26 -12 3z m-16 -73 c3 -5 1 -10 -4 -10 -6 0 -11 5
+-11 10 0 6 2 10 4 10 3 0 8 -4 11 -10z"/>
+<path d="M2826 5834 c-5 -14 -4 -15 9 -4 17 14 19 20 6 20 -5 0 -12 -7 -15
+-16z"/>
+<path d="M2530 5819 c0 -5 -6 -7 -12 -3 -7 4 -5 -2 5 -13 23 -26 22 -49 -4
+-56 -18 -5 -19 -8 -8 -20 12 -13 15 -13 17 -1 2 8 8 14 13 14 21 0 3 -33 -23
+-43 -12 -4 -15 -2 -11 9 4 10 0 12 -12 8 -11 -5 -13 -10 -6 -17 6 -6 11 -22
+11 -35 0 -13 4 -21 10 -17 5 3 7 12 4 19 -3 7 3 16 12 20 24 9 29 0 10 -19
+-19 -19 -21 -39 -3 -30 6 4 3 -1 -7 -9 -19 -16 -19 -16 5 -16 13 0 31 5 39 11
+12 9 12 10 -4 5 -13 -5 -10 3 12 26 32 31 37 52 7 28 -20 -16 -19 -6 1 14 14
+15 14 16 0 16 -9 0 -16 -5 -16 -12 0 -9 -3 -9 -12 0 -10 10 -10 15 1 21 9 6
+10 11 2 15 -23 15 -10 24 20 14 16 -6 33 -8 36 -4 4 3 -2 6 -13 6 -14 0 -16 2
+-6 9 8 4 13 11 13 15 -2 16 0 18 14 6 9 -7 15 -8 15 -2 0 5 -7 13 -16 16 -8 3
+-12 10 -9 16 3 5 1 10 -4 10 -6 0 -11 -7 -11 -15 0 -8 -5 -15 -11 -15 -5 0 -8
+4 -5 9 4 5 -3 7 -14 4 -14 -4 -20 0 -20 11 0 9 -4 16 -10 16 -5 0 -10 -5 -10
+-11z m52 -44 c0 -5 -5 -11 -11 -13 -6 -2 -11 4 -11 13 0 9 5 15 11 13 6 -2 11
+-8 11 -13z"/>
+<path d="M2810 5790 c-6 -11 -7 -20 -2 -20 6 0 12 9 15 20 3 11 3 20 1 20 -2
+0 -8 -9 -14 -20z"/>
+<path d="M2750 5699 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
+-5 -10 -11z"/>
+<path d="M2770 5671 c0 -12 -4 -21 -10 -21 -5 0 -10 -5 -10 -11 0 -5 5 -7 11
+-3 8 4 9 -1 4 -17 -7 -21 -6 -21 7 -8 17 16 21 66 7 75 -5 3 -9 -4 -9 -15z"/>
+<path d="M2861 5404 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2778 5393 c6 -2 12 -9 12 -14 0 -6 -4 -7 -10 -4 -5 3 -10 2 -10 -3
+0 -6 7 -13 16 -16 22 -9 26 -8 19 5 -4 6 1 17 11 24 17 13 16 14 -16 14 -19 0
+-29 -3 -22 -6z"/>
+<path d="M2890 5990 c-9 -6 -10 -10 -3 -10 6 0 15 5 18 10 8 12 4 12 -15 0z"/>
+<path d="M2880 5950 c0 -5 6 -10 13 -10 8 0 7 -4 -3 -10 -8 -5 -10 -10 -4 -10
+16 0 23 10 17 26 -6 16 -23 19 -23 4z"/>
+<path d="M2870 5901 c0 -6 5 -13 10 -16 6 -3 10 1 10 9 0 9 -4 16 -10 16 -5 0
+-10 -4 -10 -9z"/>
+<path d="M3185 5290 c-3 -5 1 -10 10 -10 9 0 13 5 10 10 -3 6 -8 10 -10 10 -2
+0 -7 -4 -10 -10z"/>
+<path d="M1755 5740 c-3 -6 1 -7 9 -4 18 7 21 14 7 14 -6 0 -13 -4 -16 -10z"/>
+<path d="M1720 5711 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M1770 5694 c0 -8 5 -12 10 -9 6 3 10 10 10 16 0 5 -4 9 -10 9 -5 0
+-10 -7 -10 -16z"/>
+<path d="M1799 5700 c0 -3 -2 -13 -4 -22 -2 -10 1 -18 5 -18 15 0 19 15 9 30
+-5 8 -9 13 -10 10z"/>
+<path d="M1640 5680 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M1728 5643 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M1680 5632 c0 -7 -6 -12 -14 -12 -8 0 -18 -4 -21 -10 -9 -15 8 -12
+31 4 10 8 16 18 11 22 -4 4 -7 2 -7 -4z"/>
+<path d="M1685 5589 c-4 -6 -5 -12 -2 -15 2 -3 7 2 10 11 7 17 1 20 -8 4z"/>
+<path d="M2208 5633 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M2229 5572 c-3 -20 -2 -29 4 -23 5 5 7 19 5 32 -3 20 -5 19 -9 -9z"/>
+<path d="M2250 5559 c0 -11 4 -18 10 -14 5 3 7 12 3 20 -7 21 -13 19 -13 -6z"/>
+<path d="M2280 5550 c0 -11 4 -20 9 -20 5 0 7 9 4 20 -3 11 -7 20 -9 20 -2 0
+-4 -9 -4 -20z"/>
+<path d="M7459 3925 c-5 -32 0 -80 9 -83 8 -2 11 8 10 32 -2 20 -7 36 -11 36
+-5 0 -5 5 -2 10 3 6 4 10 1 10 -3 0 -6 -2 -7 -5z"/>
+<path d="M7457 3824 c-7 -8 3 -34 13 -34 9 0 8 26 -1 35 -3 3 -8 2 -12 -1z"/>
+<path d="M7460 3759 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
+-5 -10 -11z"/>
+<path d="M7458 3734 c-8 -7 2 -87 12 -97 4 -5 7 14 5 43 -3 52 -7 65 -17 54z"/>
+<path d="M7450 3619 c0 -5 9 -9 20 -9 11 0 20 2 20 4 0 2 -9 6 -20 9 -11 3
+-20 1 -20 -4z"/>
+<path d="M7469 3578 c-4 -46 -9 -85 -13 -99 -2 -12 2 -15 15 -12 14 4 16 10 9
+28 -5 13 -7 39 -4 59 2 20 2 36 -1 36 -3 0 -6 -6 -6 -12z"/>
+<path d="M7457 3358 c1 -29 2 -59 2 -65 1 -7 5 -13 10 -13 8 0 9 32 3 108 -4
+46 -17 20 -15 -30z"/>
+<path d="M7461 3104 c0 -67 4 -110 8 -99 4 11 6 50 5 88 -2 39 0 66 6 62 9 -5
+-4 53 -15 63 -3 3 -5 -48 -4 -114z"/>
+<path d="M7462 2901 c1 -17 5 -31 9 -31 4 0 5 12 3 27 -7 39 -13 41 -12 4z"/>
+<path d="M7460 2840 c0 -5 5 -10 10 -10 6 0 10 5 10 10 0 6 -4 10 -10 10 -5 0
+-10 -4 -10 -10z"/>
+<path d="M7463 2759 c-1 -27 2 -49 5 -49 10 0 14 87 5 93 -5 3 -9 -17 -10 -44z"/>
+<path d="M7460 2666 c0 -9 5 -16 10 -16 6 0 10 4 10 9 0 6 -4 13 -10 16 -5 3
+-10 -1 -10 -9z"/>
+<path d="M7450 2636 c0 -2 7 -6 15 -10 8 -3 15 -1 15 4 0 6 -7 10 -15 10 -8 0
+-15 -2 -15 -4z"/>
+<path d="M7454 2602 c8 -13 11 -176 4 -187 -4 -6 -3 -17 3 -25 11 -19 11 -17
+14 118 2 82 -1 102 -12 102 -8 0 -12 -4 -9 -8z"/>
+<path d="M7471 2366 c-10 -12 -14 -55 -10 -116 1 -8 -2 -23 -6 -32 -5 -14 -2
+-18 11 -18 15 0 16 2 5 9 -9 6 -10 10 -2 16 7 3 9 15 6 26 -4 12 -2 19 7 19
+10 0 9 3 -2 10 -13 9 -13 11 0 20 8 5 10 10 5 10 -13 0 -14 39 -2 58 11 16 2
+15 -12 -2z"/>
+<path d="M7456 2127 c2 -68 14 -108 14 -49 0 17 5 34 10 37 6 3 10 12 10 18 0
+7 -4 6 -11 -3 -9 -12 -10 -11 -6 8 3 12 1 22 -3 22 -5 0 -10 8 -13 18 -2 9 -3
+-14 -1 -51z"/>
+<path d="M7455 2020 c-3 -5 1 -10 10 -10 9 0 13 5 10 10 -3 6 -8 10 -10 10 -2
+0 -7 -4 -10 -10z"/>
+<path d="M7458 1943 c5 -81 17 -85 18 -7 0 38 -4 64 -10 64 -7 0 -10 -22 -8
+-57z"/>
+<path d="M7461 1843 c0 -11 3 -13 6 -5 2 6 10 9 15 6 7 -4 8 -2 4 4 -11 18
+-26 14 -25 -5z"/>
+<path d="M2852 3782 c-10 -30 8 -59 29 -46 8 4 7 9 -2 15 -9 5 -10 9 -2 9 6 0
+9 9 6 20 -8 32 -20 33 -31 2z"/>
+<path d="M7459 9983 c-1 -10 0 -56 1 -103 2 -47 3 -135 4 -196 1 -98 3 -110
+19 -111 14 -2 16 3 11 19 -11 34 -12 73 -4 83 11 14 8 205 -4 205 -5 0 -3 6 3
+14 7 9 8 17 2 20 -5 3 -7 24 -4 46 5 33 3 40 -11 40 -9 0 -17 -8 -17 -17z"/>
+<path d="M3930 9670 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M3927 9619 c7 -7 15 -10 18 -7 3 3 -2 9 -12 12 -14 6 -15 5 -6 -5z"/>
+<path d="M7469 9547 c-1 -9 -2 -23 -3 -29 -1 -7 2 -16 7 -19 4 -3 4 -17 -2
+-30 -5 -14 -7 -47 -5 -74 4 -55 4 -50 1 -135 -1 -40 2 -60 10 -60 13 0 13 57
+0 78 -5 6 -5 17 -1 24 13 20 13 99 0 91 -8 -5 -8 -3 0 8 11 14 11 145 0 156
+-3 4 -7 -1 -7 -10z"/>
+<path d="M3930 9521 c0 -8 -8 -11 -20 -8 -18 5 -20 2 -14 -16 4 -12 7 -27 7
+-34 0 -6 6 -9 14 -6 10 4 11 9 2 19 -9 12 -8 18 7 28 10 8 16 18 11 22 -4 4
+-7 2 -7 -5z"/>
+<path d="M3916 9427 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
+<path d="M3931 9389 c-7 -12 -10 -23 -8 -26 3 -3 11 5 17 17 15 28 8 35 -9 9z"/>
+<path d="M3938 9356 c-23 -17 -23 -24 -1 -28 15 -3 15 -6 -6 -25 -15 -14 -19
+-23 -11 -28 13 -8 12 -9 28 28 7 16 9 33 6 39 -4 6 0 14 7 19 8 5 10 9 4 9 -5
+-1 -18 -7 -27 -14z"/>
+<path d="M3890 9340 c0 -5 5 -10 10 -10 6 0 10 5 10 10 0 6 -4 10 -10 10 -5 0
+-10 -4 -10 -10z"/>
+<path d="M3920 9250 c0 -5 5 -10 10 -10 6 0 10 5 10 10 0 6 -4 10 -10 10 -5 0
+-10 -4 -10 -10z"/>
+<path d="M3935 9180 c4 -11 2 -20 -4 -20 -6 0 -11 -4 -11 -10 0 -5 7 -7 15 -4
+17 7 21 54 4 54 -6 0 -8 -9 -4 -20z"/>
+<path d="M3901 9176 c-9 -11 -9 -16 1 -22 7 -4 10 -4 6 1 -4 4 -3 14 3 22 6 7
+9 13 6 13 -2 0 -10 -6 -16 -14z"/>
+<path d="M7466 9143 c1 -16 3 -31 3 -34 1 -3 8 -6 15 -6 11 0 12 5 5 18 -5 10
+-8 23 -7 30 2 6 -2 13 -7 15 -6 3 -10 -8 -9 -23z"/>
+<path d="M3935 9110 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
+-8 -4 -11 -10z"/>
+<path d="M7467 9083 c9 -3 10 -10 4 -21 -9 -18 -4 -72 8 -72 3 0 7 23 8 50 2
+42 -1 50 -15 49 -10 0 -12 -3 -5 -6z"/>
+<path d="M3915 9059 c-4 -6 -5 -12 -2 -15 2 -3 7 2 10 11 7 17 1 20 -8 4z"/>
+<path d="M3941 9044 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M3917 9023 c-4 -3 -7 -11 -7 -17 0 -6 5 -5 12 2 6 6 9 14 7 17 -3 3
+-9 2 -12 -2z"/>
+<path d="M3947 9006 c-4 -10 -5 -21 -2 -24 9 -9 17 6 13 25 -3 17 -4 17 -11
+-1z"/>
+<path d="M7464 8910 c0 -42 3 -60 12 -60 18 0 27 17 12 23 -10 4 -9 8 2 16 10
+7 11 11 3 11 -7 0 -13 5 -13 11 0 5 5 7 10 4 11 -7 12 0 4 33 -12 44 -29 23
+-30 -38z"/>
+<path d="M3930 8945 c-7 -9 -11 -18 -8 -20 3 -3 11 1 18 10 7 9 11 18 8 20 -3
+3 -11 -1 -18 -10z"/>
+<path d="M2809 3246 c-2 -2 -22 -6 -45 -8 -44 -5 -67 -15 -60 -26 3 -6 391 -8
+446 -3 8 1 1 8 -15 15 -28 12 -316 32 -326 22z"/>
+<path d="M3972 3245 c4 -4 20 -8 35 -10 15 -1 44 -5 63 -8 19 -4 58 -9 85 -12
+125 -13 280 -38 525 -86 117 -23 116 -23 100 -8 -8 8 -31 16 -50 17 -19 2 -37
+8 -41 13 -4 6 -53 19 -110 29 -57 10 -113 20 -124 23 -49 12 -178 28 -265 32
+-52 3 -124 8 -160 11 -36 3 -62 3 -58 -1z"/>
+<path d="M4960 3038 c-34 -8 -150 -26 -220 -34 -39 -4 -240 -51 -280 -65 -14
+-5 -37 -10 -52 -13 -14 -2 -36 -9 -47 -15 -27 -15 -199 -71 -217 -71 -8 0 -14
+-6 -14 -14 0 -14 6 -13 165 29 33 8 69 17 80 20 11 3 31 9 45 14 51 20 233 62
+330 77 19 3 65 14 101 25 36 11 88 22 115 24 148 12 205 19 209 24 6 10 -174
+8 -215 -1z"/>
+<path d="M5250 3040 c24 -7 111 -3 119 6 2 2 -29 3 -70 2 -47 -1 -65 -3 -49
+-8z"/>
+<path d="M5398 3033 c6 -2 18 -2 25 0 6 3 1 5 -13 5 -14 0 -19 -2 -12 -5z"/>
+<path d="M1240 2501 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M970 2390 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M5777 1853 c-4 -3 -7 -11 -7 -17 0 -6 5 -5 12 2 6 6 9 14 7 17 -3 3
+-9 2 -12 -2z"/>
+<path d="M1371 1184 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M1498 1153 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M4395 1141 c3 -5 -8 -24 -23 -41 -29 -31 -102 -167 -102 -188 0 -7
+-4 -12 -9 -12 -5 0 -11 -10 -15 -23 -3 -13 -27 -68 -53 -123 -25 -54 -45 -101
+-44 -103 2 -2 -1 -7 -7 -10 -13 -9 -42 -100 -42 -133 0 -26 2 -28 15 -14 8 8
+15 18 15 23 1 4 9 26 20 48 11 22 19 46 20 54 0 15 71 163 81 171 10 7 95 180
+104 210 4 14 15 36 25 50 9 14 22 39 28 57 8 25 8 33 -4 37 -8 3 -12 2 -9 -3z"/>
+<path d="M1344 1126 c11 -9 23 -21 27 -27 4 -6 9 -7 12 -2 3 5 -8 17 -26 27
+-24 13 -27 13 -13 2z"/>
+<path d="M1268 1075 c-3 -11 -9 -29 -13 -40 -3 -11 1 -7 10 8 9 16 15 33 12
+40 -2 6 -6 3 -9 -8z"/>
+<path d="M1410 1066 c0 -2 7 -9 15 -16 9 -7 15 -8 15 -2 0 5 -7 12 -15 16 -8
+3 -15 4 -15 2z"/>
+<path d="M1200 1050 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M1731 994 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M1318 993 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M1179 977 c5 -5 19 -7 32 -5 20 3 19 5 -9 9 -20 3 -29 2 -23 -4z"/>
+<path d="M1253 974 c-3 -8 -1 -20 4 -25 5 -5 9 1 9 16 0 29 -4 32 -13 9z"/>
+<path d="M1335 970 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7
+-4 -4 -10z"/>
+<path d="M1405 939 c-4 -6 -5 -12 -2 -15 2 -3 7 2 10 11 7 17 1 20 -8 4z"/>
+<path d="M1191 904 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M1295 870 c-4 -6 -11 -8 -16 -5 -5 4 -9 1 -9 -4 0 -15 11 -13 34 4
+11 8 15 15 9 15 -7 0 -15 -5 -18 -10z"/>
+<path d="M1403 843 c0 -16 2 -22 4 -15 3 6 9 9 15 6 6 -4 5 2 -1 15 -15 28
+-19 27 -18 -6z"/>
+<path d="M1217 818 c9 -21 21 -38 25 -38 5 0 6 6 1 13 -4 6 -7 21 -6 32 2 11
+0 14 -3 7 -5 -10 -9 -9 -20 5 -10 12 -9 6 3 -19z"/>
+<path d="M1360 830 c0 -11 2 -20 4 -20 2 0 6 9 9 20 3 11 1 20 -4 20 -5 0 -9
+-9 -9 -20z"/>
+<path d="M1381 813 c0 -12 -4 -30 -7 -40 -5 -14 -4 -15 5 -7 7 6 11 24 8 40
+-3 21 -4 23 -6 7z"/>
+<path d="M1400 794 c0 -2 9 -8 20 -14 11 -6 20 -7 20 -2 0 6 -9 12 -20 15 -11
+3 -20 3 -20 1z"/>
+<path d="M4811 780 c-6 -14 -18 -36 -26 -50 -8 -14 -15 -33 -15 -42 0 -10 -4
+-18 -9 -18 -5 0 -14 -21 -20 -46 -7 -25 -18 -56 -27 -69 -8 -12 -16 -32 -19
+-43 -2 -11 -21 -58 -43 -104 -38 -81 -92 -238 -93 -268 0 -8 -10 -40 -23 -70
+-25 -56 -25 -70 -1 -70 7 0 21 25 31 58 27 87 94 272 115 318 10 22 19 46 19
+52 0 16 48 137 76 192 33 65 56 138 51 163 -3 22 -4 22 -16 -3z"/>
+<path d="M1270 734 c5 -19 12 -39 16 -42 4 -4 4 5 0 21 -5 21 -3 27 11 27 15
+0 15 2 -3 15 -29 22 -33 18 -24 -21z"/>
+<path d="M1411 746 c-9 -11 -9 -16 0 -22 7 -4 9 -3 5 4 -3 5 0 12 6 15 7 2 10
+7 7 11 -3 4 -12 0 -18 -8z"/>
+<path d="M1361 698 c-1 -10 -8 -18 -17 -18 -8 0 -12 -5 -8 -11 9 -15 38 15 31
+33 -4 9 -6 7 -6 -4z"/>
+<path d="M1860 661 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M3817 663 c-18 -30 -47 -341 -47 -498 0 -113 8 -165 26 -165 11 0 14
+38 15 203 1 111 2 213 4 227 7 69 15 240 11 240 -3 0 -7 -3 -9 -7z"/>
+<path d="M6066 600 c3 -41 6 -81 7 -87 0 -7 4 -13 9 -13 5 0 7 -4 4 -9 -8 -13
+5 -101 15 -101 5 0 7 12 4 28 -2 15 -9 68 -15 117 -16 121 -32 163 -24 65z"/>
+<path d="M1275 640 c-16 -7 -17 -9 -3 -9 9 -1 20 4 23 9 7 11 7 11 -20 0z"/>
+<path d="M1357 630 c-3 -11 -1 -18 3 -15 5 3 10 -1 13 -7 2 -7 4 -1 3 14 -1
+33 -11 37 -19 8z"/>
+<path d="M1390 631 c0 -25 6 -27 13 -6 4 8 2 17 -3 20 -6 4 -10 -3 -10 -14z"/>
+<path d="M1446 624 c-11 -8 -16 -14 -10 -14 13 0 39 18 34 24 -3 2 -14 -2 -24
+-10z"/>
+<path d="M1500 619 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
+-5 -10 -11z"/>
+<path d="M1403 585 c0 -6 6 -12 12 -12 6 0 12 6 12 12 0 6 -6 12 -12 12 -6 0
+-12 -6 -12 -12z"/>
+<path d="M1580 581 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M1526 565 c-9 -26 -7 -32 5 -12 6 10 9 21 6 23 -2 3 -7 -2 -11 -11z"/>
+<path d="M1761 534 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M1425 500 c-19 -8 -19 -9 3 -9 12 -1 22 4 22 9 0 6 -1 10 -2 9 -2 0
+-12 -4 -23 -9z"/>
+<path d="M1575 490 c3 -5 11 -10 16 -10 6 0 7 5 4 10 -3 6 -11 10 -16 10 -6 0
+-7 -4 -4 -10z"/>
+<path d="M1640 481 c0 -11 4 -22 9 -25 4 -3 6 6 3 19 -5 30 -12 33 -12 6z"/>
+<path d="M1397 479 c7 -9 10 -18 7 -22 -3 -3 4 -3 15 0 12 3 24 9 27 14 3 5
+-2 6 -11 3 -8 -4 -23 0 -33 7 -15 12 -16 12 -5 -2z"/>
+<path d="M1490 470 c8 -5 22 -9 30 -9 10 0 8 3 -5 9 -27 12 -43 12 -25 0z"/>
+<path d="M3371 462 c-1 -7 -5 -11 -11 -7 -5 3 -5 -7 2 -25 5 -17 8 -33 5 -36
+-4 -4 19 -98 55 -226 5 -20 17 -39 25 -43 22 -8 26 0 14 23 -6 12 -11 31 -11
+43 0 12 -4 36 -9 53 -5 17 -15 51 -21 76 -7 25 -16 54 -20 65 -4 11 -12 36
+-18 55 -5 19 -10 29 -11 22z"/>
+<path d="M1461 408 c-1 -20 14 -24 25 -6 4 6 3 8 -4 4 -5 -3 -13 0 -15 6 -3 8
+-6 6 -6 -4z"/>
+<path d="M1497 397 c-3 -8 1 -14 8 -14 7 0 11 6 8 14 -3 7 -6 13 -8 13 -2 0
+-5 -6 -8 -13z"/>
+<path d="M1708 403 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M1870 386 c0 -2 8 -10 18 -17 15 -13 16 -12 3 4 -13 16 -21 21 -21
+13z"/>
+<path d="M1990 370 c-9 -6 -10 -10 -3 -10 6 0 15 5 18 10 8 12 4 12 -15 0z"/>
+<path d="M7461 361 c-10 -6 -11 -13 -2 -29 7 -14 8 -29 2 -45 -6 -14 -8 -27
+-5 -30 2 -2 5 -21 6 -40 1 -30 4 -35 15 -25 11 9 12 13 1 20 -10 6 -10 10 2
+18 8 5 10 10 5 10 -12 0 -13 99 -2 118 9 14 -2 16 -22 3z"/>
+<path d="M1557 297 c-23 -23 -19 -27 10 -12 12 6 19 16 15 21 -4 6 -14 3 -25
+-9z"/>
+<path d="M1567 265 c-4 -8 -3 -16 1 -19 4 -3 9 4 9 15 2 23 -3 25 -10 4z"/>
+<path d="M1808 243 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M1735 190 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
+-8 -4 -11 -10z"/>
+<path d="M1590 181 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M2111 174 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M7460 152 c0 -10 7 -19 14 -19 11 0 13 5 5 19 -5 10 -12 18 -14 18
+-3 0 -5 -8 -5 -18z"/>
+<path d="M1995 111 c-6 -11 13 -26 22 -17 4 3 0 6 -8 7 -8 0 -6 4 6 9 16 7 17
+9 3 9 -9 1 -19 -3 -23 -8z"/>
+<path d="M1788 103 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M7458 93 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M7460 64 c0 -8 5 -12 10 -9 6 3 10 10 10 16 0 5 -4 9 -10 9 -5 0 -10
+-7 -10 -16z"/>
+<path d="M1497 45 c3 -8 9 -12 14 -9 12 7 11 11 -5 17 -10 4 -13 1 -9 -8z"/>
+<path d="M1870 51 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M1560 40 c-8 -5 -11 -12 -7 -16 4 -4 13 -2 19 4 15 15 7 24 -12 12z"/>
+<path d="M7473 43 c-7 -2 -13 -14 -13 -24 0 -25 16 -17 23 11 3 11 4 20 4 19
+-1 0 -8 -3 -14 -6z"/>
+<path d="M1760 26 c0 -8 4 -17 9 -20 5 -4 7 3 4 14 -6 23 -13 26 -13 6z"/>
+</g>
+</svg>
diff --git a/public/images/11LK4(_2S}Q~OIDMGM6$XNK.jpg b/public/images/11LK4(_2S}Q~OIDMGM6$XNK.jpg
new file mode 100644
index 0000000..40937f4
Binary files /dev/null and b/public/images/11LK4(_2S}Q~OIDMGM6$XNK.jpg differ
diff --git a/public/images/3D_texture_and_volume.png b/public/images/3D_texture_and_volume.png
new file mode 100644
index 0000000..ac1f1a5
Binary files /dev/null and b/public/images/3D_texture_and_volume.png differ
diff --git a/public/images/3I~K5PRW$Y5JLF3}RC@RE0P.png b/public/images/3I~K5PRW$Y5JLF3}RC@RE0P.png
new file mode 100644
index 0000000..e8ea612
Binary files /dev/null and b/public/images/3I~K5PRW$Y5JLF3}RC@RE0P.png differ
diff --git a/public/images/3O_1NAGAMER%[EP6T91$LBO.png b/public/images/3O_1NAGAMER%[EP6T91$LBO.png
new file mode 100644
index 0000000..55bf5bd
Binary files /dev/null and b/public/images/3O_1NAGAMER%[EP6T91$LBO.png differ
diff --git a/public/images/60000_fur_fibers_hamster.png b/public/images/60000_fur_fibers_hamster.png
new file mode 100644
index 0000000..baf7016
Binary files /dev/null and b/public/images/60000_fur_fibers_hamster.png differ
diff --git a/public/images/Algebraic_Surfaces.png b/public/images/Algebraic_Surfaces.png
new file mode 100644
index 0000000..de8e46c
Binary files /dev/null and b/public/images/Algebraic_Surfaces.png differ
diff --git a/public/images/Anisotropic_filtering.png b/public/images/Anisotropic_filtering.png
new file mode 100644
index 0000000..fc1d174
Binary files /dev/null and b/public/images/Anisotropic_filtering.png differ
diff --git a/public/images/BRDF_define.png b/public/images/BRDF_define.png
new file mode 100644
index 0000000..212f4c6
Binary files /dev/null and b/public/images/BRDF_define.png differ
diff --git a/public/images/BRDF_over_a_pixel.png b/public/images/BRDF_over_a_pixel.png
new file mode 100644
index 0000000..a138c49
Binary files /dev/null and b/public/images/BRDF_over_a_pixel.png differ
diff --git a/public/images/BRDF_vs_BSSRDF.png b/public/images/BRDF_vs_BSSRDF.png
new file mode 100644
index 0000000..1fb3cec
Binary files /dev/null and b/public/images/BRDF_vs_BSSRDF.png differ
diff --git a/public/images/BSP-Tree.png b/public/images/BSP-Tree.png
new file mode 100644
index 0000000..3fd78ea
Binary files /dev/null and b/public/images/BSP-Tree.png differ
diff --git a/public/images/BSSRDF_application.png b/public/images/BSSRDF_application.png
new file mode 100644
index 0000000..5cbf242
Binary files /dev/null and b/public/images/BSSRDF_application.png differ
diff --git a/public/images/BVH_Traversal.png b/public/images/BVH_Traversal.png
new file mode 100644
index 0000000..abc0c4c
Binary files /dev/null and b/public/images/BVH_Traversal.png differ
diff --git a/public/images/BVH_build_step1.png b/public/images/BVH_build_step1.png
new file mode 100644
index 0000000..5a5b71e
Binary files /dev/null and b/public/images/BVH_build_step1.png differ
diff --git a/public/images/BVH_build_step2.png b/public/images/BVH_build_step2.png
new file mode 100644
index 0000000..a18d52e
Binary files /dev/null and b/public/images/BVH_build_step2.png differ
diff --git a/public/images/BVH_build_step3.png b/public/images/BVH_build_step3.png
new file mode 100644
index 0000000..957f6b0
Binary files /dev/null and b/public/images/BVH_build_step3.png differ
diff --git a/public/images/BVH_build_step4.png b/public/images/BVH_build_step4.png
new file mode 100644
index 0000000..2ba3981
Binary files /dev/null and b/public/images/BVH_build_step4.png differ
diff --git a/public/images/BoundingBox.png b/public/images/BoundingBox.png
new file mode 100644
index 0000000..c329d88
Binary files /dev/null and b/public/images/BoundingBox.png differ
diff --git a/public/images/Cache_-52135db77ba24310..jpg b/public/images/Cache_-52135db77ba24310..jpg
new file mode 100644
index 0000000..11f6156
Binary files /dev/null and b/public/images/Cache_-52135db77ba24310..jpg differ
diff --git a/public/images/Cache_-82fe908548173bf..jpg b/public/images/Cache_-82fe908548173bf..jpg
new file mode 100644
index 0000000..ceca510
Binary files /dev/null and b/public/images/Cache_-82fe908548173bf..jpg differ
diff --git a/public/images/Catmull-Clark_Vertex_Update_Rules.png b/public/images/Catmull-Clark_Vertex_Update_Rules.png
new file mode 100644
index 0000000..6c0b5d3
Binary files /dev/null and b/public/images/Catmull-Clark_Vertex_Update_Rules.png differ
diff --git a/public/images/Collapsing_An_Edge.png b/public/images/Collapsing_An_Edge.png
new file mode 100644
index 0000000..3027174
Binary files /dev/null and b/public/images/Collapsing_An_Edge.png differ
diff --git a/public/images/Constructive_Solid_Geometry.png b/public/images/Constructive_Solid_Geometry.png
new file mode 100644
index 0000000..2454c14
Binary files /dev/null and b/public/images/Constructive_Solid_Geometry.png differ
diff --git a/public/images/Continuity_Piecewise_Bezier_step1.png b/public/images/Continuity_Piecewise_Bezier_step1.png
new file mode 100644
index 0000000..632e7d8
Binary files /dev/null and b/public/images/Continuity_Piecewise_Bezier_step1.png differ
diff --git a/public/images/Continuity_Piecewise_Bezier_step2.png b/public/images/Continuity_Piecewise_Bezier_step2.png
new file mode 100644
index 0000000..9931932
Binary files /dev/null and b/public/images/Continuity_Piecewise_Bezier_step2.png differ
diff --git a/public/images/Continuity_Piecewise_Bezier_step3.png b/public/images/Continuity_Piecewise_Bezier_step3.png
new file mode 100644
index 0000000..c2e7288
Binary files /dev/null and b/public/images/Continuity_Piecewise_Bezier_step3.png differ
diff --git a/public/images/Cube_Map.png b/public/images/Cube_Map.png
new file mode 100644
index 0000000..e8ac793
Binary files /dev/null and b/public/images/Cube_Map.png differ
diff --git a/public/images/Cubic_Bezier_Basis_Functions.png b/public/images/Cubic_Bezier_Basis_Functions.png
new file mode 100644
index 0000000..bc10f54
Binary files /dev/null and b/public/images/Cubic_Bezier_Basis_Functions.png differ
diff --git a/public/images/DOF_demonstration_fyi.png b/public/images/DOF_demonstration_fyi.png
new file mode 100644
index 0000000..e2cb578
Binary files /dev/null and b/public/images/DOF_demonstration_fyi.png differ
diff --git a/public/images/David_Baraff.png b/public/images/David_Baraff.png
new file mode 100644
index 0000000..6e73479
Binary files /dev/null and b/public/images/David_Baraff.png differ
diff --git a/public/images/Defining_Bezier_Curve_Tangents.png b/public/images/Defining_Bezier_Curve_Tangents.png
new file mode 100644
index 0000000..157a48f
Binary files /dev/null and b/public/images/Defining_Bezier_Curve_Tangents.png differ
diff --git a/public/images/Demon_Piecewise_Cubic_Bezier_Curve.png b/public/images/Demon_Piecewise_Cubic_Bezier_Curve.png
new file mode 100644
index 0000000..b2eb6b0
Binary files /dev/null and b/public/images/Demon_Piecewise_Cubic_Bezier_Curve.png differ
diff --git a/public/images/Depth_map.png b/public/images/Depth_map.png
new file mode 100644
index 0000000..9e768a2
Binary files /dev/null and b/public/images/Depth_map.png differ
diff --git a/public/images/Direct_illumination_eg.png b/public/images/Direct_illumination_eg.png
new file mode 100644
index 0000000..262e34d
Binary files /dev/null and b/public/images/Direct_illumination_eg.png differ
diff --git a/public/images/Displacement_mapping.png b/public/images/Displacement_mapping.png
new file mode 100644
index 0000000..b53d13d
Binary files /dev/null and b/public/images/Displacement_mapping.png differ
diff --git a/public/images/EQAA_color_table.png b/public/images/EQAA_color_table.png
new file mode 100644
index 0000000..9b3d597
Binary files /dev/null and b/public/images/EQAA_color_table.png differ
diff --git a/public/images/Environment_Map.png b/public/images/Environment_Map.png
new file mode 100644
index 0000000..5c53d24
Binary files /dev/null and b/public/images/Environment_Map.png differ
diff --git a/public/images/Environmental_Lighting.png b/public/images/Environmental_Lighting.png
new file mode 100644
index 0000000..6d38b2d
Binary files /dev/null and b/public/images/Environmental_Lighting.png differ
diff --git a/public/images/Exiting_radiance_define.png b/public/images/Exiting_radiance_define.png
new file mode 100644
index 0000000..dead98c
Binary files /dev/null and b/public/images/Exiting_radiance_define.png differ
diff --git a/public/images/F-Number_exposure_levels.png b/public/images/F-Number_exposure_levels.png
new file mode 100644
index 0000000..92c52cc
Binary files /dev/null and b/public/images/F-Number_exposure_levels.png differ
diff --git a/public/images/GSMEY[N0%25}Z]G)(XY[%7Q.png b/public/images/GSMEY[N0%25}Z]G)(XY[%7Q.png
new file mode 100644
index 0000000..b99ab95
Binary files /dev/null and b/public/images/GSMEY[N0%25}Z]G)(XY[%7Q.png differ
diff --git a/public/images/Gourand_shading.png b/public/images/Gourand_shading.png
new file mode 100644
index 0000000..8e17fad
Binary files /dev/null and b/public/images/Gourand_shading.png differ
diff --git a/public/images/Halton_sequence.png b/public/images/Halton_sequence.png
new file mode 100644
index 0000000..0f88b90
Binary files /dev/null and b/public/images/Halton_sequence.png differ
diff --git a/public/images/High_and_low_spp_result.png b/public/images/High_and_low_spp_result.png
new file mode 100644
index 0000000..96cad75
Binary files /dev/null and b/public/images/High_and_low_spp_result.png differ
diff --git a/public/images/ISO_gain_vs_noise_in_canon.png b/public/images/ISO_gain_vs_noise_in_canon.png
new file mode 100644
index 0000000..3bbc936
Binary files /dev/null and b/public/images/ISO_gain_vs_noise_in_canon.png differ
diff --git a/public/images/Ideal_feflective_material.png b/public/images/Ideal_feflective_material.png
new file mode 100644
index 0000000..e12080c
Binary files /dev/null and b/public/images/Ideal_feflective_material.png differ
diff --git a/public/images/Incident_radiance_define.png b/public/images/Incident_radiance_define.png
new file mode 100644
index 0000000..3fbd492
Binary files /dev/null and b/public/images/Incident_radiance_define.png differ
diff --git a/public/images/IncrementalTriangleTraversal.png b/public/images/IncrementalTriangleTraversal.png
new file mode 100644
index 0000000..80fbb3a
Binary files /dev/null and b/public/images/IncrementalTriangleTraversal.png differ
diff --git a/public/images/Irradiance_Fallof.png b/public/images/Irradiance_Fallof.png
new file mode 100644
index 0000000..bd29ae8
Binary files /dev/null and b/public/images/Irradiance_Fallof.png differ
diff --git a/public/images/Irradiance_define.png b/public/images/Irradiance_define.png
new file mode 100644
index 0000000..36bf9b5
Binary files /dev/null and b/public/images/Irradiance_define.png differ
diff --git a/public/images/Irradiance_vs_radiance.png b/public/images/Irradiance_vs_radiance.png
new file mode 100644
index 0000000..4f80a45
Binary files /dev/null and b/public/images/Irradiance_vs_radiance.png differ
diff --git a/public/images/Isotropic_Point_source.png b/public/images/Isotropic_Point_source.png
new file mode 100644
index 0000000..27ffa20
Binary files /dev/null and b/public/images/Isotropic_Point_source.png differ
diff --git a/public/images/KD-Tree.png b/public/images/KD-Tree.png
new file mode 100644
index 0000000..fcb85a6
Binary files /dev/null and b/public/images/KD-Tree.png differ
diff --git a/public/images/KD-Tree_Pre-Processing.png b/public/images/KD-Tree_Pre-Processing.png
new file mode 100644
index 0000000..570e550
Binary files /dev/null and b/public/images/KD-Tree_Pre-Processing.png differ
diff --git a/public/images/Lambert_cosine_law_irradiance.png b/public/images/Lambert_cosine_law_irradiance.png
new file mode 100644
index 0000000..f876767
Binary files /dev/null and b/public/images/Lambert_cosine_law_irradiance.png differ
diff --git a/public/images/Level_Set_grid.png b/public/images/Level_Set_grid.png
new file mode 100644
index 0000000..ee1c868
Binary files /dev/null and b/public/images/Level_Set_grid.png differ
diff --git a/public/images/MLT_caculate.png b/public/images/MLT_caculate.png
new file mode 100644
index 0000000..77b64e6
Binary files /dev/null and b/public/images/MLT_caculate.png differ
diff --git a/public/images/MLT_cons.png b/public/images/MLT_cons.png
new file mode 100644
index 0000000..a633555
Binary files /dev/null and b/public/images/MLT_cons.png differ
diff --git a/public/images/MLT_pros.png b/public/images/MLT_pros.png
new file mode 100644
index 0000000..541d389
Binary files /dev/null and b/public/images/MLT_pros.png differ
diff --git a/public/images/MSAA.png b/public/images/MSAA.png
new file mode 100644
index 0000000..2546528
Binary files /dev/null and b/public/images/MSAA.png differ
diff --git a/public/images/MSAA_color.png b/public/images/MSAA_color.png
new file mode 100644
index 0000000..a51eeae
Binary files /dev/null and b/public/images/MSAA_color.png differ
diff --git a/public/images/MSAA_sample.png b/public/images/MSAA_sample.png
new file mode 100644
index 0000000..7dd1a49
Binary files /dev/null and b/public/images/MSAA_sample.png differ
diff --git a/public/images/Möller_Trumbore_Algorithm.png b/public/images/Möller_Trumbore_Algorithm.png
new file mode 100644
index 0000000..7cc7108
Binary files /dev/null and b/public/images/Möller_Trumbore_Algorithm.png differ
diff --git a/public/images/Observations_1.png b/public/images/Observations_1.png
new file mode 100644
index 0000000..2d2eb01
Binary files /dev/null and b/public/images/Observations_1.png differ
diff --git a/public/images/Observations_2.png b/public/images/Observations_2.png
new file mode 100644
index 0000000..a183636
Binary files /dev/null and b/public/images/Observations_2.png differ
diff --git a/public/images/Oct-Tree.png b/public/images/Oct-Tree.png
new file mode 100644
index 0000000..3c0f0c4
Binary files /dev/null and b/public/images/Oct-Tree.png differ
diff --git a/public/images/Procedural_noise_and_Solid.png b/public/images/Procedural_noise_and_Solid.png
new file mode 100644
index 0000000..70d351e
Binary files /dev/null and b/public/images/Procedural_noise_and_Solid.png differ
diff --git a/public/images/Provide_precomputed_shading.png b/public/images/Provide_precomputed_shading.png
new file mode 100644
index 0000000..c8e7c2e
Binary files /dev/null and b/public/images/Provide_precomputed_shading.png differ
diff --git a/public/images/QQ图片20211228095814.jpg b/public/images/QQ图片20211228095814.jpg
new file mode 100644
index 0000000..71ed83d
Binary files /dev/null and b/public/images/QQ图片20211228095814.jpg differ
diff --git a/public/images/Quadric_Error_Metrics.png b/public/images/Quadric_Error_Metrics.png
new file mode 100644
index 0000000..20c3269
Binary files /dev/null and b/public/images/Quadric_Error_Metrics.png differ
diff --git a/public/images/Radiant_Intensity_define.png b/public/images/Radiant_Intensity_define.png
new file mode 100644
index 0000000..14e894a
Binary files /dev/null and b/public/images/Radiant_Intensity_define.png differ
diff --git a/public/images/Ray-Intersection_With_Box.png b/public/images/Ray-Intersection_With_Box.png
new file mode 100644
index 0000000..d6bf3c6
Binary files /dev/null and b/public/images/Ray-Intersection_With_Box.png differ
diff --git a/public/images/Ray_Casting_Generate_Eye_Ray.png b/public/images/Ray_Casting_Generate_Eye_Ray.png
new file mode 100644
index 0000000..1cf3663
Binary files /dev/null and b/public/images/Ray_Casting_Generate_Eye_Ray.png differ
diff --git a/public/images/Ray_Casting_shading_pixel.png b/public/images/Ray_Casting_shading_pixel.png
new file mode 100644
index 0000000..1f40439
Binary files /dev/null and b/public/images/Ray_Casting_shading_pixel.png differ
diff --git a/public/images/Ray_Casting_theory.png b/public/images/Ray_Casting_theory.png
new file mode 100644
index 0000000..197e7f7
Binary files /dev/null and b/public/images/Ray_Casting_theory.png differ
diff --git a/public/images/Ray_Intersection_With_AABB.png b/public/images/Ray_Intersection_With_AABB.png
new file mode 100644
index 0000000..d5bc7da
Binary files /dev/null and b/public/images/Ray_Intersection_With_AABB.png differ
diff --git a/public/images/Ray_Intersection_With_Plane.png b/public/images/Ray_Intersection_With_Plane.png
new file mode 100644
index 0000000..a4836b6
Binary files /dev/null and b/public/images/Ray_Intersection_With_Plane.png differ
diff --git a/public/images/Ray_Scene_intersection_grid.png b/public/images/Ray_Scene_intersection_grid.png
new file mode 100644
index 0000000..359eeff
Binary files /dev/null and b/public/images/Ray_Scene_intersection_grid.png differ
diff --git a/public/images/Recursive_Ray_Tracing_progress.png b/public/images/Recursive_Ray_Tracing_progress.png
new file mode 100644
index 0000000..a6bc670
Binary files /dev/null and b/public/images/Recursive_Ray_Tracing_progress.png differ
diff --git a/public/images/Screen-Based.png b/public/images/Screen-Based.png
new file mode 100644
index 0000000..ddf33b8
Binary files /dev/null and b/public/images/Screen-Based.png differ
diff --git a/public/images/Shuntter_exposes_sensor_for_precise_duration.png b/public/images/Shuntter_exposes_sensor_for_precise_duration.png
new file mode 100644
index 0000000..b62b69e
Binary files /dev/null and b/public/images/Shuntter_exposes_sensor_for_precise_duration.png differ
diff --git a/public/images/Specular_show.png b/public/images/Specular_show.png
new file mode 100644
index 0000000..ba6dda6
Binary files /dev/null and b/public/images/Specular_show.png differ
diff --git a/public/images/Spherical_Environment_Map.png b/public/images/Spherical_Environment_Map.png
new file mode 100644
index 0000000..1313716
Binary files /dev/null and b/public/images/Spherical_Environment_Map.png differ
diff --git a/public/images/Spherical_Map_Problem.png b/public/images/Spherical_Map_Problem.png
new file mode 100644
index 0000000..849f6a3
Binary files /dev/null and b/public/images/Spherical_Map_Problem.png differ
diff --git a/public/images/Traversing_a_KD-Tree_step1.png b/public/images/Traversing_a_KD-Tree_step1.png
new file mode 100644
index 0000000..f870f6c
Binary files /dev/null and b/public/images/Traversing_a_KD-Tree_step1.png differ
diff --git a/public/images/Traversing_a_KD-Tree_step2.png b/public/images/Traversing_a_KD-Tree_step2.png
new file mode 100644
index 0000000..40b65e5
Binary files /dev/null and b/public/images/Traversing_a_KD-Tree_step2.png differ
diff --git a/public/images/Traversing_a_KD-Tree_step3.png b/public/images/Traversing_a_KD-Tree_step3.png
new file mode 100644
index 0000000..b165a98
Binary files /dev/null and b/public/images/Traversing_a_KD-Tree_step3.png differ
diff --git a/public/images/Traversing_a_KD-Tree_step4.png b/public/images/Traversing_a_KD-Tree_step4.png
new file mode 100644
index 0000000..cc19013
Binary files /dev/null and b/public/images/Traversing_a_KD-Tree_step4.png differ
diff --git a/public/images/Traversing_a_KD-Tree_step5.png b/public/images/Traversing_a_KD-Tree_step5.png
new file mode 100644
index 0000000..16501d6
Binary files /dev/null and b/public/images/Traversing_a_KD-Tree_step5.png differ
diff --git a/public/images/Traversing_a_KD-Tree_step6.png b/public/images/Traversing_a_KD-Tree_step6.png
new file mode 100644
index 0000000..91c4e7c
Binary files /dev/null and b/public/images/Traversing_a_KD-Tree_step6.png differ
diff --git a/public/images/Traversing_a_KD-Tree_step7.png b/public/images/Traversing_a_KD-Tree_step7.png
new file mode 100644
index 0000000..6326ddb
Binary files /dev/null and b/public/images/Traversing_a_KD-Tree_step7.png differ
diff --git a/public/images/Traversing_a_KD-Tree_step8.png b/public/images/Traversing_a_KD-Tree_step8.png
new file mode 100644
index 0000000..f59ddbe
Binary files /dev/null and b/public/images/Traversing_a_KD-Tree_step8.png differ
diff --git a/public/images/Trilinear_interpolation.png b/public/images/Trilinear_interpolation.png
new file mode 100644
index 0000000..6725c53
Binary files /dev/null and b/public/images/Trilinear_interpolation.png differ
diff --git a/public/images/Visualizing_de_Casteljau.png b/public/images/Visualizing_de_Casteljau.png
new file mode 100644
index 0000000..1158951
Binary files /dev/null and b/public/images/Visualizing_de_Casteljau.png differ
diff --git a/public/images/Wave_optics.png b/public/images/Wave_optics.png
new file mode 100644
index 0000000..ff7e181
Binary files /dev/null and b/public/images/Wave_optics.png differ
diff --git a/public/images/Why_Axis-Aligned.png b/public/images/Why_Axis-Aligned.png
new file mode 100644
index 0000000..965e236
Binary files /dev/null and b/public/images/Why_Axis-Aligned.png differ
diff --git a/public/images/X({M{B)24R8DF[AB98E9]@1.png b/public/images/X({M{B)24R8DF[AB98E9]@1.png
new file mode 100644
index 0000000..b9defd2
Binary files /dev/null and b/public/images/X({M{B)24R8DF[AB98E9]@1.png differ
diff --git a/public/images/Z-Buffer_test.png b/public/images/Z-Buffer_test.png
new file mode 100644
index 0000000..8294938
Binary files /dev/null and b/public/images/Z-Buffer_test.png differ
diff --git a/public/images/aliasing_pixel.png b/public/images/aliasing_pixel.png
new file mode 100644
index 0000000..12ccb4b
Binary files /dev/null and b/public/images/aliasing_pixel.png differ
diff --git a/public/images/animation_part1_1.png b/public/images/animation_part1_1.png
new file mode 100644
index 0000000..8406aae
Binary files /dev/null and b/public/images/animation_part1_1.png differ
diff --git a/public/images/animation_part1_10.png b/public/images/animation_part1_10.png
new file mode 100644
index 0000000..577a5ad
Binary files /dev/null and b/public/images/animation_part1_10.png differ
diff --git a/public/images/animation_part1_11.png b/public/images/animation_part1_11.png
new file mode 100644
index 0000000..36d2dd4
Binary files /dev/null and b/public/images/animation_part1_11.png differ
diff --git a/public/images/animation_part1_12.png b/public/images/animation_part1_12.png
new file mode 100644
index 0000000..25ec6ea
Binary files /dev/null and b/public/images/animation_part1_12.png differ
diff --git a/public/images/animation_part1_13.png b/public/images/animation_part1_13.png
new file mode 100644
index 0000000..81e7f5f
Binary files /dev/null and b/public/images/animation_part1_13.png differ
diff --git a/public/images/animation_part1_14.png b/public/images/animation_part1_14.png
new file mode 100644
index 0000000..6f0dc73
Binary files /dev/null and b/public/images/animation_part1_14.png differ
diff --git a/public/images/animation_part1_15.png b/public/images/animation_part1_15.png
new file mode 100644
index 0000000..19f119c
Binary files /dev/null and b/public/images/animation_part1_15.png differ
diff --git a/public/images/animation_part1_16.png b/public/images/animation_part1_16.png
new file mode 100644
index 0000000..d9fb97a
Binary files /dev/null and b/public/images/animation_part1_16.png differ
diff --git a/public/images/animation_part1_17.png b/public/images/animation_part1_17.png
new file mode 100644
index 0000000..238f348
Binary files /dev/null and b/public/images/animation_part1_17.png differ
diff --git a/public/images/animation_part1_18.png b/public/images/animation_part1_18.png
new file mode 100644
index 0000000..b0178c5
Binary files /dev/null and b/public/images/animation_part1_18.png differ
diff --git a/public/images/animation_part1_19.png b/public/images/animation_part1_19.png
new file mode 100644
index 0000000..fbbebde
Binary files /dev/null and b/public/images/animation_part1_19.png differ
diff --git a/public/images/animation_part1_2.png b/public/images/animation_part1_2.png
new file mode 100644
index 0000000..85f146e
Binary files /dev/null and b/public/images/animation_part1_2.png differ
diff --git a/public/images/animation_part1_20.png b/public/images/animation_part1_20.png
new file mode 100644
index 0000000..ad8aabd
Binary files /dev/null and b/public/images/animation_part1_20.png differ
diff --git a/public/images/animation_part1_21.png b/public/images/animation_part1_21.png
new file mode 100644
index 0000000..0c088b2
Binary files /dev/null and b/public/images/animation_part1_21.png differ
diff --git a/public/images/animation_part1_22.png b/public/images/animation_part1_22.png
new file mode 100644
index 0000000..d702f47
Binary files /dev/null and b/public/images/animation_part1_22.png differ
diff --git a/public/images/animation_part1_23.png b/public/images/animation_part1_23.png
new file mode 100644
index 0000000..c268aed
Binary files /dev/null and b/public/images/animation_part1_23.png differ
diff --git a/public/images/animation_part1_24.png b/public/images/animation_part1_24.png
new file mode 100644
index 0000000..2a32b1a
Binary files /dev/null and b/public/images/animation_part1_24.png differ
diff --git a/public/images/animation_part1_25.png b/public/images/animation_part1_25.png
new file mode 100644
index 0000000..6d2c672
Binary files /dev/null and b/public/images/animation_part1_25.png differ
diff --git a/public/images/animation_part1_26.png b/public/images/animation_part1_26.png
new file mode 100644
index 0000000..6e111ea
Binary files /dev/null and b/public/images/animation_part1_26.png differ
diff --git a/public/images/animation_part1_27.png b/public/images/animation_part1_27.png
new file mode 100644
index 0000000..9bef889
Binary files /dev/null and b/public/images/animation_part1_27.png differ
diff --git a/public/images/animation_part1_28.png b/public/images/animation_part1_28.png
new file mode 100644
index 0000000..13dcce9
Binary files /dev/null and b/public/images/animation_part1_28.png differ
diff --git a/public/images/animation_part1_29.png b/public/images/animation_part1_29.png
new file mode 100644
index 0000000..ff802de
Binary files /dev/null and b/public/images/animation_part1_29.png differ
diff --git a/public/images/animation_part1_3.png b/public/images/animation_part1_3.png
new file mode 100644
index 0000000..6627a6f
Binary files /dev/null and b/public/images/animation_part1_3.png differ
diff --git a/public/images/animation_part1_30.png b/public/images/animation_part1_30.png
new file mode 100644
index 0000000..26a48c3
Binary files /dev/null and b/public/images/animation_part1_30.png differ
diff --git a/public/images/animation_part1_31.png b/public/images/animation_part1_31.png
new file mode 100644
index 0000000..db7f344
Binary files /dev/null and b/public/images/animation_part1_31.png differ
diff --git a/public/images/animation_part1_32.png b/public/images/animation_part1_32.png
new file mode 100644
index 0000000..57bd6bc
Binary files /dev/null and b/public/images/animation_part1_32.png differ
diff --git a/public/images/animation_part1_33.png b/public/images/animation_part1_33.png
new file mode 100644
index 0000000..783438c
Binary files /dev/null and b/public/images/animation_part1_33.png differ
diff --git a/public/images/animation_part1_34.png b/public/images/animation_part1_34.png
new file mode 100644
index 0000000..cc456cc
Binary files /dev/null and b/public/images/animation_part1_34.png differ
diff --git a/public/images/animation_part1_35.png b/public/images/animation_part1_35.png
new file mode 100644
index 0000000..75fba8f
Binary files /dev/null and b/public/images/animation_part1_35.png differ
diff --git a/public/images/animation_part1_36.png b/public/images/animation_part1_36.png
new file mode 100644
index 0000000..6fc1f1c
Binary files /dev/null and b/public/images/animation_part1_36.png differ
diff --git a/public/images/animation_part1_37.png b/public/images/animation_part1_37.png
new file mode 100644
index 0000000..f866394
Binary files /dev/null and b/public/images/animation_part1_37.png differ
diff --git a/public/images/animation_part1_38.png b/public/images/animation_part1_38.png
new file mode 100644
index 0000000..985e967
Binary files /dev/null and b/public/images/animation_part1_38.png differ
diff --git a/public/images/animation_part1_39.png b/public/images/animation_part1_39.png
new file mode 100644
index 0000000..58e7608
Binary files /dev/null and b/public/images/animation_part1_39.png differ
diff --git a/public/images/animation_part1_4.png b/public/images/animation_part1_4.png
new file mode 100644
index 0000000..1854d3e
Binary files /dev/null and b/public/images/animation_part1_4.png differ
diff --git a/public/images/animation_part1_40.png b/public/images/animation_part1_40.png
new file mode 100644
index 0000000..745d1f7
Binary files /dev/null and b/public/images/animation_part1_40.png differ
diff --git a/public/images/animation_part1_41.png b/public/images/animation_part1_41.png
new file mode 100644
index 0000000..729d9dc
Binary files /dev/null and b/public/images/animation_part1_41.png differ
diff --git a/public/images/animation_part1_42.png b/public/images/animation_part1_42.png
new file mode 100644
index 0000000..accb163
Binary files /dev/null and b/public/images/animation_part1_42.png differ
diff --git a/public/images/animation_part1_43.png b/public/images/animation_part1_43.png
new file mode 100644
index 0000000..64b90f0
Binary files /dev/null and b/public/images/animation_part1_43.png differ
diff --git a/public/images/animation_part1_44.png b/public/images/animation_part1_44.png
new file mode 100644
index 0000000..adcabeb
Binary files /dev/null and b/public/images/animation_part1_44.png differ
diff --git a/public/images/animation_part1_45.png b/public/images/animation_part1_45.png
new file mode 100644
index 0000000..a64a3fa
Binary files /dev/null and b/public/images/animation_part1_45.png differ
diff --git a/public/images/animation_part1_46.png b/public/images/animation_part1_46.png
new file mode 100644
index 0000000..9c5ce3e
Binary files /dev/null and b/public/images/animation_part1_46.png differ
diff --git a/public/images/animation_part1_47.png b/public/images/animation_part1_47.png
new file mode 100644
index 0000000..6191f4a
Binary files /dev/null and b/public/images/animation_part1_47.png differ
diff --git a/public/images/animation_part1_48.png b/public/images/animation_part1_48.png
new file mode 100644
index 0000000..2bd8497
Binary files /dev/null and b/public/images/animation_part1_48.png differ
diff --git a/public/images/animation_part1_49.png b/public/images/animation_part1_49.png
new file mode 100644
index 0000000..bf94ff7
Binary files /dev/null and b/public/images/animation_part1_49.png differ
diff --git a/public/images/animation_part1_5.png b/public/images/animation_part1_5.png
new file mode 100644
index 0000000..7dd3cb8
Binary files /dev/null and b/public/images/animation_part1_5.png differ
diff --git a/public/images/animation_part1_50.png b/public/images/animation_part1_50.png
new file mode 100644
index 0000000..1b17d40
Binary files /dev/null and b/public/images/animation_part1_50.png differ
diff --git a/public/images/animation_part1_51.png b/public/images/animation_part1_51.png
new file mode 100644
index 0000000..8a26b15
Binary files /dev/null and b/public/images/animation_part1_51.png differ
diff --git a/public/images/animation_part1_52.png b/public/images/animation_part1_52.png
new file mode 100644
index 0000000..1fcc8fa
Binary files /dev/null and b/public/images/animation_part1_52.png differ
diff --git a/public/images/animation_part1_53.png b/public/images/animation_part1_53.png
new file mode 100644
index 0000000..b2ecbc1
Binary files /dev/null and b/public/images/animation_part1_53.png differ
diff --git a/public/images/animation_part1_54.png b/public/images/animation_part1_54.png
new file mode 100644
index 0000000..9b1b8fb
Binary files /dev/null and b/public/images/animation_part1_54.png differ
diff --git a/public/images/animation_part1_55.png b/public/images/animation_part1_55.png
new file mode 100644
index 0000000..6029ebb
Binary files /dev/null and b/public/images/animation_part1_55.png differ
diff --git a/public/images/animation_part1_56.png b/public/images/animation_part1_56.png
new file mode 100644
index 0000000..fb34968
Binary files /dev/null and b/public/images/animation_part1_56.png differ
diff --git a/public/images/animation_part1_57.png b/public/images/animation_part1_57.png
new file mode 100644
index 0000000..c814999
Binary files /dev/null and b/public/images/animation_part1_57.png differ
diff --git a/public/images/animation_part1_58.png b/public/images/animation_part1_58.png
new file mode 100644
index 0000000..0fba343
Binary files /dev/null and b/public/images/animation_part1_58.png differ
diff --git a/public/images/animation_part1_59.png b/public/images/animation_part1_59.png
new file mode 100644
index 0000000..41206ff
Binary files /dev/null and b/public/images/animation_part1_59.png differ
diff --git a/public/images/animation_part1_6.png b/public/images/animation_part1_6.png
new file mode 100644
index 0000000..742243d
Binary files /dev/null and b/public/images/animation_part1_6.png differ
diff --git a/public/images/animation_part1_7.png b/public/images/animation_part1_7.png
new file mode 100644
index 0000000..0e0abc9
Binary files /dev/null and b/public/images/animation_part1_7.png differ
diff --git a/public/images/animation_part1_8.png b/public/images/animation_part1_8.png
new file mode 100644
index 0000000..049f74b
Binary files /dev/null and b/public/images/animation_part1_8.png differ
diff --git a/public/images/animation_part1_9.png b/public/images/animation_part1_9.png
new file mode 100644
index 0000000..a9a721a
Binary files /dev/null and b/public/images/animation_part1_9.png differ
diff --git a/public/images/animation_part2_1.png b/public/images/animation_part2_1.png
new file mode 100644
index 0000000..bd29052
Binary files /dev/null and b/public/images/animation_part2_1.png differ
diff --git a/public/images/animation_part2_10.png b/public/images/animation_part2_10.png
new file mode 100644
index 0000000..be6000c
Binary files /dev/null and b/public/images/animation_part2_10.png differ
diff --git a/public/images/animation_part2_11.png b/public/images/animation_part2_11.png
new file mode 100644
index 0000000..ef8a284
Binary files /dev/null and b/public/images/animation_part2_11.png differ
diff --git a/public/images/animation_part2_12.png b/public/images/animation_part2_12.png
new file mode 100644
index 0000000..068f90c
Binary files /dev/null and b/public/images/animation_part2_12.png differ
diff --git a/public/images/animation_part2_13.png b/public/images/animation_part2_13.png
new file mode 100644
index 0000000..0f5d8e2
Binary files /dev/null and b/public/images/animation_part2_13.png differ
diff --git a/public/images/animation_part2_2.png b/public/images/animation_part2_2.png
new file mode 100644
index 0000000..3700e9b
Binary files /dev/null and b/public/images/animation_part2_2.png differ
diff --git a/public/images/animation_part2_3.png b/public/images/animation_part2_3.png
new file mode 100644
index 0000000..d9061c8
Binary files /dev/null and b/public/images/animation_part2_3.png differ
diff --git a/public/images/animation_part2_4.png b/public/images/animation_part2_4.png
new file mode 100644
index 0000000..c2179cd
Binary files /dev/null and b/public/images/animation_part2_4.png differ
diff --git a/public/images/animation_part2_5.png b/public/images/animation_part2_5.png
new file mode 100644
index 0000000..8e2f9dd
Binary files /dev/null and b/public/images/animation_part2_5.png differ
diff --git a/public/images/animation_part2_6.png b/public/images/animation_part2_6.png
new file mode 100644
index 0000000..7928142
Binary files /dev/null and b/public/images/animation_part2_6.png differ
diff --git a/public/images/animation_part2_7.png b/public/images/animation_part2_7.png
new file mode 100644
index 0000000..50efc38
Binary files /dev/null and b/public/images/animation_part2_7.png differ
diff --git a/public/images/animation_part2_8.png b/public/images/animation_part2_8.png
new file mode 100644
index 0000000..268cc03
Binary files /dev/null and b/public/images/animation_part2_8.png differ
diff --git a/public/images/animation_part2_9.png b/public/images/animation_part2_9.png
new file mode 100644
index 0000000..40e02d3
Binary files /dev/null and b/public/images/animation_part2_9.png differ
diff --git a/public/images/anisotropic_BRDF_nylon.png b/public/images/anisotropic_BRDF_nylon.png
new file mode 100644
index 0000000..267b709
Binary files /dev/null and b/public/images/anisotropic_BRDF_nylon.png differ
diff --git a/public/images/anisotropic_BRDFs_brushed_metal.png b/public/images/anisotropic_BRDFs_brushed_metal.png
new file mode 100644
index 0000000..104b7f4
Binary files /dev/null and b/public/images/anisotropic_BRDFs_brushed_metal.png differ
diff --git a/public/images/anisotropic_materials_theory.png b/public/images/anisotropic_materials_theory.png
new file mode 100644
index 0000000..9f3280a
Binary files /dev/null and b/public/images/anisotropic_materials_theory.png differ
diff --git a/public/images/anistotropic_BRDF_velvet.png b/public/images/anistotropic_BRDF_velvet.png
new file mode 100644
index 0000000..b3fb675
Binary files /dev/null and b/public/images/anistotropic_BRDF_velvet.png differ
diff --git a/public/images/another_defination_of_flux.png b/public/images/another_defination_of_flux.png
new file mode 100644
index 0000000..3bcc9ac
Binary files /dev/null and b/public/images/another_defination_of_flux.png differ
diff --git a/public/images/apple_touch_ico(180x180).png b/public/images/apple_touch_ico(180x180).png
new file mode 100644
index 0000000..22ecf26
Binary files /dev/null and b/public/images/apple_touch_ico(180x180).png differ
diff --git a/public/images/average_color.png b/public/images/average_color.png
new file mode 100644
index 0000000..a61e504
Binary files /dev/null and b/public/images/average_color.png differ
diff --git a/public/images/average_normal.png b/public/images/average_normal.png
new file mode 100644
index 0000000..16524e2
Binary files /dev/null and b/public/images/average_normal.png differ
diff --git a/public/images/background.png b/public/images/background.png
new file mode 100644
index 0000000..f00db62
Binary files /dev/null and b/public/images/background.png differ
diff --git a/public/images/barycentric_coor_interpo.png b/public/images/barycentric_coor_interpo.png
new file mode 100644
index 0000000..b4ceea6
Binary files /dev/null and b/public/images/barycentric_coor_interpo.png differ
diff --git a/public/images/barycentric_coordinates.png b/public/images/barycentric_coordinates.png
new file mode 100644
index 0000000..a336807
Binary files /dev/null and b/public/images/barycentric_coordinates.png differ
diff --git a/public/images/barycentric_in_coordinates.jpg b/public/images/barycentric_in_coordinates.jpg
new file mode 100644
index 0000000..66dfca9
Binary files /dev/null and b/public/images/barycentric_in_coordinates.jpg differ
diff --git a/public/images/bezier_surface_eg.png b/public/images/bezier_surface_eg.png
new file mode 100644
index 0000000..39e9923
Binary files /dev/null and b/public/images/bezier_surface_eg.png differ
diff --git a/public/images/bidirectional_path_tracing_theory.png b/public/images/bidirectional_path_tracing_theory.png
new file mode 100644
index 0000000..cd838c4
Binary files /dev/null and b/public/images/bidirectional_path_tracing_theory.png differ
diff --git a/public/images/bilinear_interpolation.png b/public/images/bilinear_interpolation.png
new file mode 100644
index 0000000..e98f972
Binary files /dev/null and b/public/images/bilinear_interpolation.png differ
diff --git a/public/images/blender_detail.png b/public/images/blender_detail.png
new file mode 100644
index 0000000..89d9a2a
Binary files /dev/null and b/public/images/blender_detail.png differ
diff --git a/public/images/blinn-phong_model_cacu.png b/public/images/blinn-phong_model_cacu.png
new file mode 100644
index 0000000..179850a
Binary files /dev/null and b/public/images/blinn-phong_model_cacu.png differ
diff --git a/public/images/box_filter_construct.png b/public/images/box_filter_construct.png
new file mode 100644
index 0000000..fa5d6e1
Binary files /dev/null and b/public/images/box_filter_construct.png differ
diff --git a/public/images/caculate_diffuse_material.png b/public/images/caculate_diffuse_material.png
new file mode 100644
index 0000000..bd043ad
Binary files /dev/null and b/public/images/caculate_diffuse_material.png differ
diff --git a/public/images/catmull-clark_subdivision1.png b/public/images/catmull-clark_subdivision1.png
new file mode 100644
index 0000000..c048d1a
Binary files /dev/null and b/public/images/catmull-clark_subdivision1.png differ
diff --git a/public/images/catmull-clark_subdivision2.png b/public/images/catmull-clark_subdivision2.png
new file mode 100644
index 0000000..b589bdf
Binary files /dev/null and b/public/images/catmull-clark_subdivision2.png differ
diff --git a/public/images/circle_of_confusion_for_depth_of_field.png b/public/images/circle_of_confusion_for_depth_of_field.png
new file mode 100644
index 0000000..945c8ec
Binary files /dev/null and b/public/images/circle_of_confusion_for_depth_of_field.png differ
diff --git a/public/images/cloth_application.png b/public/images/cloth_application.png
new file mode 100644
index 0000000..778597b
Binary files /dev/null and b/public/images/cloth_application.png differ
diff --git a/public/images/cloth_render_as_actual_fibers.png b/public/images/cloth_render_as_actual_fibers.png
new file mode 100644
index 0000000..13de577
Binary files /dev/null and b/public/images/cloth_render_as_actual_fibers.png differ
diff --git a/public/images/cloth_render_as_participating_media.png b/public/images/cloth_render_as_participating_media.png
new file mode 100644
index 0000000..3f40565
Binary files /dev/null and b/public/images/cloth_render_as_participating_media.png differ
diff --git a/public/images/cloth_yarn_and_ply.png b/public/images/cloth_yarn_and_ply.png
new file mode 100644
index 0000000..adfb767
Binary files /dev/null and b/public/images/cloth_yarn_and_ply.png differ
diff --git a/public/images/coc_vs_aperture_size.png b/public/images/coc_vs_aperture_size.png
new file mode 100644
index 0000000..c6e26d4
Binary files /dev/null and b/public/images/coc_vs_aperture_size.png differ
diff --git a/public/images/color_and_perception_1.png b/public/images/color_and_perception_1.png
new file mode 100644
index 0000000..62cd1a2
Binary files /dev/null and b/public/images/color_and_perception_1.png differ
diff --git a/public/images/color_and_perception_10.png b/public/images/color_and_perception_10.png
new file mode 100644
index 0000000..5a75438
Binary files /dev/null and b/public/images/color_and_perception_10.png differ
diff --git a/public/images/color_and_perception_11.png b/public/images/color_and_perception_11.png
new file mode 100644
index 0000000..4757b84
Binary files /dev/null and b/public/images/color_and_perception_11.png differ
diff --git a/public/images/color_and_perception_12.png b/public/images/color_and_perception_12.png
new file mode 100644
index 0000000..2fd3a0a
Binary files /dev/null and b/public/images/color_and_perception_12.png differ
diff --git a/public/images/color_and_perception_13.png b/public/images/color_and_perception_13.png
new file mode 100644
index 0000000..398550b
Binary files /dev/null and b/public/images/color_and_perception_13.png differ
diff --git a/public/images/color_and_perception_14.png b/public/images/color_and_perception_14.png
new file mode 100644
index 0000000..c6c7fc5
Binary files /dev/null and b/public/images/color_and_perception_14.png differ
diff --git a/public/images/color_and_perception_15.png b/public/images/color_and_perception_15.png
new file mode 100644
index 0000000..ab23da2
Binary files /dev/null and b/public/images/color_and_perception_15.png differ
diff --git a/public/images/color_and_perception_16.png b/public/images/color_and_perception_16.png
new file mode 100644
index 0000000..0dcd252
Binary files /dev/null and b/public/images/color_and_perception_16.png differ
diff --git a/public/images/color_and_perception_17.png b/public/images/color_and_perception_17.png
new file mode 100644
index 0000000..c588e2c
Binary files /dev/null and b/public/images/color_and_perception_17.png differ
diff --git a/public/images/color_and_perception_18.png b/public/images/color_and_perception_18.png
new file mode 100644
index 0000000..b321932
Binary files /dev/null and b/public/images/color_and_perception_18.png differ
diff --git a/public/images/color_and_perception_19.png b/public/images/color_and_perception_19.png
new file mode 100644
index 0000000..cc18c3b
Binary files /dev/null and b/public/images/color_and_perception_19.png differ
diff --git a/public/images/color_and_perception_2.png b/public/images/color_and_perception_2.png
new file mode 100644
index 0000000..b05f12e
Binary files /dev/null and b/public/images/color_and_perception_2.png differ
diff --git a/public/images/color_and_perception_20.png b/public/images/color_and_perception_20.png
new file mode 100644
index 0000000..2733e7e
Binary files /dev/null and b/public/images/color_and_perception_20.png differ
diff --git a/public/images/color_and_perception_21.png b/public/images/color_and_perception_21.png
new file mode 100644
index 0000000..37984d6
Binary files /dev/null and b/public/images/color_and_perception_21.png differ
diff --git a/public/images/color_and_perception_22.png b/public/images/color_and_perception_22.png
new file mode 100644
index 0000000..0967123
Binary files /dev/null and b/public/images/color_and_perception_22.png differ
diff --git a/public/images/color_and_perception_23.png b/public/images/color_and_perception_23.png
new file mode 100644
index 0000000..03750d5
Binary files /dev/null and b/public/images/color_and_perception_23.png differ
diff --git a/public/images/color_and_perception_24.png b/public/images/color_and_perception_24.png
new file mode 100644
index 0000000..6df4f32
Binary files /dev/null and b/public/images/color_and_perception_24.png differ
diff --git a/public/images/color_and_perception_25.png b/public/images/color_and_perception_25.png
new file mode 100644
index 0000000..3535cc3
Binary files /dev/null and b/public/images/color_and_perception_25.png differ
diff --git a/public/images/color_and_perception_26.png b/public/images/color_and_perception_26.png
new file mode 100644
index 0000000..35425fa
Binary files /dev/null and b/public/images/color_and_perception_26.png differ
diff --git a/public/images/color_and_perception_27.png b/public/images/color_and_perception_27.png
new file mode 100644
index 0000000..045d727
Binary files /dev/null and b/public/images/color_and_perception_27.png differ
diff --git a/public/images/color_and_perception_28.png b/public/images/color_and_perception_28.png
new file mode 100644
index 0000000..c709082
Binary files /dev/null and b/public/images/color_and_perception_28.png differ
diff --git a/public/images/color_and_perception_29.png b/public/images/color_and_perception_29.png
new file mode 100644
index 0000000..7017081
Binary files /dev/null and b/public/images/color_and_perception_29.png differ
diff --git a/public/images/color_and_perception_3.png b/public/images/color_and_perception_3.png
new file mode 100644
index 0000000..8243b2d
Binary files /dev/null and b/public/images/color_and_perception_3.png differ
diff --git a/public/images/color_and_perception_30.png b/public/images/color_and_perception_30.png
new file mode 100644
index 0000000..53f7843
Binary files /dev/null and b/public/images/color_and_perception_30.png differ
diff --git a/public/images/color_and_perception_31.png b/public/images/color_and_perception_31.png
new file mode 100644
index 0000000..a0421c4
Binary files /dev/null and b/public/images/color_and_perception_31.png differ
diff --git a/public/images/color_and_perception_32.png b/public/images/color_and_perception_32.png
new file mode 100644
index 0000000..4139986
Binary files /dev/null and b/public/images/color_and_perception_32.png differ
diff --git a/public/images/color_and_perception_33.png b/public/images/color_and_perception_33.png
new file mode 100644
index 0000000..47a6647
Binary files /dev/null and b/public/images/color_and_perception_33.png differ
diff --git a/public/images/color_and_perception_34.png b/public/images/color_and_perception_34.png
new file mode 100644
index 0000000..43663af
Binary files /dev/null and b/public/images/color_and_perception_34.png differ
diff --git a/public/images/color_and_perception_35.png b/public/images/color_and_perception_35.png
new file mode 100644
index 0000000..7fc10ff
Binary files /dev/null and b/public/images/color_and_perception_35.png differ
diff --git a/public/images/color_and_perception_36.png b/public/images/color_and_perception_36.png
new file mode 100644
index 0000000..06cd9e4
Binary files /dev/null and b/public/images/color_and_perception_36.png differ
diff --git a/public/images/color_and_perception_37.png b/public/images/color_and_perception_37.png
new file mode 100644
index 0000000..9569a78
Binary files /dev/null and b/public/images/color_and_perception_37.png differ
diff --git a/public/images/color_and_perception_38.png b/public/images/color_and_perception_38.png
new file mode 100644
index 0000000..8042fd2
Binary files /dev/null and b/public/images/color_and_perception_38.png differ
diff --git a/public/images/color_and_perception_39.png b/public/images/color_and_perception_39.png
new file mode 100644
index 0000000..1d4670a
Binary files /dev/null and b/public/images/color_and_perception_39.png differ
diff --git a/public/images/color_and_perception_4.png b/public/images/color_and_perception_4.png
new file mode 100644
index 0000000..14af91e
Binary files /dev/null and b/public/images/color_and_perception_4.png differ
diff --git a/public/images/color_and_perception_40.png b/public/images/color_and_perception_40.png
new file mode 100644
index 0000000..136cc44
Binary files /dev/null and b/public/images/color_and_perception_40.png differ
diff --git a/public/images/color_and_perception_41.png b/public/images/color_and_perception_41.png
new file mode 100644
index 0000000..1bb8fba
Binary files /dev/null and b/public/images/color_and_perception_41.png differ
diff --git a/public/images/color_and_perception_42.png b/public/images/color_and_perception_42.png
new file mode 100644
index 0000000..956c241
Binary files /dev/null and b/public/images/color_and_perception_42.png differ
diff --git a/public/images/color_and_perception_43.png b/public/images/color_and_perception_43.png
new file mode 100644
index 0000000..9378eb2
Binary files /dev/null and b/public/images/color_and_perception_43.png differ
diff --git a/public/images/color_and_perception_44.png b/public/images/color_and_perception_44.png
new file mode 100644
index 0000000..404e0a5
Binary files /dev/null and b/public/images/color_and_perception_44.png differ
diff --git a/public/images/color_and_perception_45.png b/public/images/color_and_perception_45.png
new file mode 100644
index 0000000..119e0cf
Binary files /dev/null and b/public/images/color_and_perception_45.png differ
diff --git a/public/images/color_and_perception_46.png b/public/images/color_and_perception_46.png
new file mode 100644
index 0000000..29e48d2
Binary files /dev/null and b/public/images/color_and_perception_46.png differ
diff --git a/public/images/color_and_perception_47.png b/public/images/color_and_perception_47.png
new file mode 100644
index 0000000..46c50a0
Binary files /dev/null and b/public/images/color_and_perception_47.png differ
diff --git a/public/images/color_and_perception_48.png b/public/images/color_and_perception_48.png
new file mode 100644
index 0000000..6ca3de3
Binary files /dev/null and b/public/images/color_and_perception_48.png differ
diff --git a/public/images/color_and_perception_49.png b/public/images/color_and_perception_49.png
new file mode 100644
index 0000000..b579098
Binary files /dev/null and b/public/images/color_and_perception_49.png differ
diff --git a/public/images/color_and_perception_5.png b/public/images/color_and_perception_5.png
new file mode 100644
index 0000000..7fe8421
Binary files /dev/null and b/public/images/color_and_perception_5.png differ
diff --git a/public/images/color_and_perception_50.png b/public/images/color_and_perception_50.png
new file mode 100644
index 0000000..e507f6e
Binary files /dev/null and b/public/images/color_and_perception_50.png differ
diff --git a/public/images/color_and_perception_51.png b/public/images/color_and_perception_51.png
new file mode 100644
index 0000000..2f30012
Binary files /dev/null and b/public/images/color_and_perception_51.png differ
diff --git a/public/images/color_and_perception_52.png b/public/images/color_and_perception_52.png
new file mode 100644
index 0000000..74c5cc3
Binary files /dev/null and b/public/images/color_and_perception_52.png differ
diff --git a/public/images/color_and_perception_53.png b/public/images/color_and_perception_53.png
new file mode 100644
index 0000000..213a578
Binary files /dev/null and b/public/images/color_and_perception_53.png differ
diff --git a/public/images/color_and_perception_54.png b/public/images/color_and_perception_54.png
new file mode 100644
index 0000000..a4a97c5
Binary files /dev/null and b/public/images/color_and_perception_54.png differ
diff --git a/public/images/color_and_perception_6.png b/public/images/color_and_perception_6.png
new file mode 100644
index 0000000..c8e87ea
Binary files /dev/null and b/public/images/color_and_perception_6.png differ
diff --git a/public/images/color_and_perception_7.png b/public/images/color_and_perception_7.png
new file mode 100644
index 0000000..67a11b5
Binary files /dev/null and b/public/images/color_and_perception_7.png differ
diff --git a/public/images/color_and_perception_8.png b/public/images/color_and_perception_8.png
new file mode 100644
index 0000000..6fcadd7
Binary files /dev/null and b/public/images/color_and_perception_8.png differ
diff --git a/public/images/color_and_perception_9.png b/public/images/color_and_perception_9.png
new file mode 100644
index 0000000..0c7d14d
Binary files /dev/null and b/public/images/color_and_perception_9.png differ
diff --git a/public/images/compute_mip_level_D.png b/public/images/compute_mip_level_D.png
new file mode 100644
index 0000000..40c064b
Binary files /dev/null and b/public/images/compute_mip_level_D.png differ
diff --git a/public/images/computing_circle_of_confusion_size.png b/public/images/computing_circle_of_confusion_size.png
new file mode 100644
index 0000000..1585d65
Binary files /dev/null and b/public/images/computing_circle_of_confusion_size.png differ
diff --git a/public/images/convergence_of_loop_and_catmull.png b/public/images/convergence_of_loop_and_catmull.png
new file mode 100644
index 0000000..1d9acf1
Binary files /dev/null and b/public/images/convergence_of_loop_and_catmull.png differ
diff --git a/public/images/convolution_example1.png b/public/images/convolution_example1.png
new file mode 100644
index 0000000..e8c3b4b
Binary files /dev/null and b/public/images/convolution_example1.png differ
diff --git a/public/images/convolution_example2.png b/public/images/convolution_example2.png
new file mode 100644
index 0000000..efd8f34
Binary files /dev/null and b/public/images/convolution_example2.png differ
diff --git a/public/images/convolution_theorem.png b/public/images/convolution_theorem.png
new file mode 100644
index 0000000..6144d57
Binary files /dev/null and b/public/images/convolution_theorem.png differ
diff --git a/public/images/cover1.jpg b/public/images/cover1.jpg
new file mode 100644
index 0000000..dc7c36d
Binary files /dev/null and b/public/images/cover1.jpg differ
diff --git a/public/images/de_Casteljau_Algorithm_step1.png b/public/images/de_Casteljau_Algorithm_step1.png
new file mode 100644
index 0000000..c387c35
Binary files /dev/null and b/public/images/de_Casteljau_Algorithm_step1.png differ
diff --git a/public/images/de_Casteljau_Algorithm_step2.png b/public/images/de_Casteljau_Algorithm_step2.png
new file mode 100644
index 0000000..dd3d927
Binary files /dev/null and b/public/images/de_Casteljau_Algorithm_step2.png differ
diff --git a/public/images/de_Casteljau_Algorithm_step3.png b/public/images/de_Casteljau_Algorithm_step3.png
new file mode 100644
index 0000000..9b12fd5
Binary files /dev/null and b/public/images/de_Casteljau_Algorithm_step3.png differ
diff --git a/public/images/de_Casteljau_Algorithm_step4.png b/public/images/de_Casteljau_Algorithm_step4.png
new file mode 100644
index 0000000..f86dcb7
Binary files /dev/null and b/public/images/de_Casteljau_Algorithm_step4.png differ
diff --git a/public/images/de_Casteljau_Algorithm_step5.png b/public/images/de_Casteljau_Algorithm_step5.png
new file mode 100644
index 0000000..dc91775
Binary files /dev/null and b/public/images/de_Casteljau_Algorithm_step5.png differ
diff --git a/public/images/de_Casteljau_Algorithm_step6.png b/public/images/de_Casteljau_Algorithm_step6.png
new file mode 100644
index 0000000..2394118
Binary files /dev/null and b/public/images/de_Casteljau_Algorithm_step6.png differ
diff --git a/public/images/de_Casteljau_pyramid_of.png b/public/images/de_Casteljau_pyramid_of.png
new file mode 100644
index 0000000..e84877d
Binary files /dev/null and b/public/images/de_Casteljau_pyramid_of.png differ
diff --git a/public/images/define_detail1.png b/public/images/define_detail1.png
new file mode 100644
index 0000000..55857c6
Binary files /dev/null and b/public/images/define_detail1.png differ
diff --git a/public/images/depth_of_field.png b/public/images/depth_of_field.png
new file mode 100644
index 0000000..89deee7
Binary files /dev/null and b/public/images/depth_of_field.png differ
diff --git a/public/images/depth_of_filed_fyi.png b/public/images/depth_of_filed_fyi.png
new file mode 100644
index 0000000..8aba82c
Binary files /dev/null and b/public/images/depth_of_filed_fyi.png differ
diff --git a/public/images/detailed_appearance_motivation.png b/public/images/detailed_appearance_motivation.png
new file mode 100644
index 0000000..fb335f3
Binary files /dev/null and b/public/images/detailed_appearance_motivation.png differ
diff --git a/public/images/detailed_appearance_motivation1.png b/public/images/detailed_appearance_motivation1.png
new file mode 100644
index 0000000..626741e
Binary files /dev/null and b/public/images/detailed_appearance_motivation1.png differ
diff --git a/public/images/detailed_material_application.png b/public/images/detailed_material_application.png
new file mode 100644
index 0000000..a2c5124
Binary files /dev/null and b/public/images/detailed_material_application.png differ
diff --git a/public/images/detailed_material_under_wave_optics.png b/public/images/detailed_material_under_wave_optics.png
new file mode 100644
index 0000000..ca08be4
Binary files /dev/null and b/public/images/detailed_material_under_wave_optics.png differ
diff --git a/public/images/detailer_appearance1.png b/public/images/detailer_appearance1.png
new file mode 100644
index 0000000..e15bfbc
Binary files /dev/null and b/public/images/detailer_appearance1.png differ
diff --git a/public/images/detailer_appearance2.png b/public/images/detailer_appearance2.png
new file mode 100644
index 0000000..7a0e41e
Binary files /dev/null and b/public/images/detailer_appearance2.png differ
diff --git a/public/images/detailer_appearance3.png b/public/images/detailer_appearance3.png
new file mode 100644
index 0000000..33b4866
Binary files /dev/null and b/public/images/detailer_appearance3.png differ
diff --git a/public/images/details_apperance_3.png b/public/images/details_apperance_3.png
new file mode 100644
index 0000000..e186f80
Binary files /dev/null and b/public/images/details_apperance_3.png differ
diff --git a/public/images/different_details2.png b/public/images/different_details2.png
new file mode 100644
index 0000000..2c7d8f0
Binary files /dev/null and b/public/images/different_details2.png differ
diff --git a/public/images/differential_solid_angles1.png b/public/images/differential_solid_angles1.png
new file mode 100644
index 0000000..a23163a
Binary files /dev/null and b/public/images/differential_solid_angles1.png differ
diff --git a/public/images/differential_solid_angles_w.png b/public/images/differential_solid_angles_w.png
new file mode 100644
index 0000000..c8f9b06
Binary files /dev/null and b/public/images/differential_solid_angles_w.png differ
diff --git a/public/images/difficult_path_sampling_problem.png b/public/images/difficult_path_sampling_problem.png
new file mode 100644
index 0000000..f2bf96e
Binary files /dev/null and b/public/images/difficult_path_sampling_problem.png differ
diff --git a/public/images/diffuse_lambertian_material.png b/public/images/diffuse_lambertian_material.png
new file mode 100644
index 0000000..2f75206
Binary files /dev/null and b/public/images/diffuse_lambertian_material.png differ
diff --git a/public/images/dipole_approximation.png b/public/images/dipole_approximation.png
new file mode 100644
index 0000000..802a03e
Binary files /dev/null and b/public/images/dipole_approximation.png differ
diff --git a/public/images/distribution_of_normals.png b/public/images/distribution_of_normals.png
new file mode 100644
index 0000000..da22f3d
Binary files /dev/null and b/public/images/distribution_of_normals.png differ
diff --git a/public/images/double_cylinder_model.png b/public/images/double_cylinder_model.png
new file mode 100644
index 0000000..960bd5e
Binary files /dev/null and b/public/images/double_cylinder_model.png differ
diff --git a/public/images/double_cylinder_model_application1.png b/public/images/double_cylinder_model_application1.png
new file mode 100644
index 0000000..0365c7e
Binary files /dev/null and b/public/images/double_cylinder_model_application1.png differ
diff --git a/public/images/double_cylinder_model_application2.png b/public/images/double_cylinder_model_application2.png
new file mode 100644
index 0000000..259b44c
Binary files /dev/null and b/public/images/double_cylinder_model_application2.png differ
diff --git a/public/images/double_cylinder_model_lobes.png b/public/images/double_cylinder_model_lobes.png
new file mode 100644
index 0000000..52a472f
Binary files /dev/null and b/public/images/double_cylinder_model_lobes.png differ
diff --git a/public/images/double_cylinder_model_lobes2.png b/public/images/double_cylinder_model_lobes2.png
new file mode 100644
index 0000000..d06a5fc
Binary files /dev/null and b/public/images/double_cylinder_model_lobes2.png differ
diff --git a/public/images/effect_of_focal_length_on_fov.png b/public/images/effect_of_focal_length_on_fov.png
new file mode 100644
index 0000000..b653d03
Binary files /dev/null and b/public/images/effect_of_focal_length_on_fov.png differ
diff --git a/public/images/effect_of_sensor_size_on_fov.png b/public/images/effect_of_sensor_size_on_fov.png
new file mode 100644
index 0000000..d2fa300
Binary files /dev/null and b/public/images/effect_of_sensor_size_on_fov.png differ
diff --git a/public/images/eg_BRDF_caarve.png b/public/images/eg_BRDF_caarve.png
new file mode 100644
index 0000000..2f1dd14
Binary files /dev/null and b/public/images/eg_BRDF_caarve.png differ
diff --git a/public/images/eg_BSSRDF_carve.png b/public/images/eg_BSSRDF_carve.png
new file mode 100644
index 0000000..6642404
Binary files /dev/null and b/public/images/eg_BSSRDF_carve.png differ
diff --git a/public/images/eg_Distance_Functions.png b/public/images/eg_Distance_Functions.png
new file mode 100644
index 0000000..af638d0
Binary files /dev/null and b/public/images/eg_Distance_Functions.png differ
diff --git a/public/images/eg_Factals.png b/public/images/eg_Factals.png
new file mode 100644
index 0000000..02e0800
Binary files /dev/null and b/public/images/eg_Factals.png differ
diff --git a/public/images/eg_Quadric_Error_Mesh_Simplification.png b/public/images/eg_Quadric_Error_Mesh_Simplification.png
new file mode 100644
index 0000000..5115d74
Binary files /dev/null and b/public/images/eg_Quadric_Error_Mesh_Simplification.png differ
diff --git a/public/images/eg_Recursive_Ray_Tracing.png b/public/images/eg_Recursive_Ray_Tracing.png
new file mode 100644
index 0000000..705aaea
Binary files /dev/null and b/public/images/eg_Recursive_Ray_Tracing.png differ
diff --git a/public/images/eg_bidirectional_path_tracing.png b/public/images/eg_bidirectional_path_tracing.png
new file mode 100644
index 0000000..59cb720
Binary files /dev/null and b/public/images/eg_bidirectional_path_tracing.png differ
diff --git a/public/images/eg_expected_value.png b/public/images/eg_expected_value.png
new file mode 100644
index 0000000..d630807
Binary files /dev/null and b/public/images/eg_expected_value.png differ
diff --git a/public/images/eg_explict_mapping.png b/public/images/eg_explict_mapping.png
new file mode 100644
index 0000000..8dbf979
Binary files /dev/null and b/public/images/eg_explict_mapping.png differ
diff --git a/public/images/eg_fresnel_reflection.png b/public/images/eg_fresnel_reflection.png
new file mode 100644
index 0000000..ceeca51
Binary files /dev/null and b/public/images/eg_fresnel_reflection.png differ
diff --git a/public/images/eg_in_outside_test_easy.png b/public/images/eg_in_outside_test_easy.png
new file mode 100644
index 0000000..8aad085
Binary files /dev/null and b/public/images/eg_in_outside_test_easy.png differ
diff --git a/public/images/eg_kajiya-kay_model.png b/public/images/eg_kajiya-kay_model.png
new file mode 100644
index 0000000..60b83b1
Binary files /dev/null and b/public/images/eg_kajiya-kay_model.png differ
diff --git a/public/images/eg_marschner_model.png b/public/images/eg_marschner_model.png
new file mode 100644
index 0000000..e8b4278
Binary files /dev/null and b/public/images/eg_marschner_model.png differ
diff --git a/public/images/eg_material_in_cg.png b/public/images/eg_material_in_cg.png
new file mode 100644
index 0000000..741ec90
Binary files /dev/null and b/public/images/eg_material_in_cg.png differ
diff --git a/public/images/eg_mesh_regularization.png b/public/images/eg_mesh_regularization.png
new file mode 100644
index 0000000..37ef793
Binary files /dev/null and b/public/images/eg_mesh_regularization.png differ
diff --git a/public/images/eg_mesh_simplification.png b/public/images/eg_mesh_simplification.png
new file mode 100644
index 0000000..ed56a65
Binary files /dev/null and b/public/images/eg_mesh_simplification.png differ
diff --git a/public/images/eg_mesh_subdivision.png b/public/images/eg_mesh_subdivision.png
new file mode 100644
index 0000000..c4c2a67
Binary files /dev/null and b/public/images/eg_mesh_subdivision.png differ
diff --git a/public/images/eg_object_partition.png b/public/images/eg_object_partition.png
new file mode 100644
index 0000000..9d5bd21
Binary files /dev/null and b/public/images/eg_object_partition.png differ
diff --git a/public/images/eg_of_rendering_with_lens_focus.png b/public/images/eg_of_rendering_with_lens_focus.png
new file mode 100644
index 0000000..39e5b33
Binary files /dev/null and b/public/images/eg_of_rendering_with_lens_focus.png differ
diff --git a/public/images/eg_point_cloud.png b/public/images/eg_point_cloud.png
new file mode 100644
index 0000000..2ceb004
Binary files /dev/null and b/public/images/eg_point_cloud.png differ
diff --git a/public/images/eg_polygon_mesh.png b/public/images/eg_polygon_mesh.png
new file mode 100644
index 0000000..89c85a3
Binary files /dev/null and b/public/images/eg_polygon_mesh.png differ
diff --git a/public/images/eg_sample_can_be_hard.png b/public/images/eg_sample_can_be_hard.png
new file mode 100644
index 0000000..3409726
Binary files /dev/null and b/public/images/eg_sample_can_be_hard.png differ
diff --git a/public/images/eg_snell_window.png b/public/images/eg_snell_window.png
new file mode 100644
index 0000000..389fd0f
Binary files /dev/null and b/public/images/eg_snell_window.png differ
diff --git a/public/images/eg_spatial_partition.png b/public/images/eg_spatial_partition.png
new file mode 100644
index 0000000..13e42d9
Binary files /dev/null and b/public/images/eg_spatial_partition.png differ
diff --git a/public/images/eg_specular_refraction.png b/public/images/eg_specular_refraction.png
new file mode 100644
index 0000000..7b75184
Binary files /dev/null and b/public/images/eg_specular_refraction.png differ
diff --git a/public/images/evaluation_of_bezier_surface.png b/public/images/evaluation_of_bezier_surface.png
new file mode 100644
index 0000000..38a75bf
Binary files /dev/null and b/public/images/evaluation_of_bezier_surface.png differ
diff --git a/public/images/example_f-stop_caculations.png b/public/images/example_f-stop_caculations.png
new file mode 100644
index 0000000..e3119ed
Binary files /dev/null and b/public/images/example_f-stop_caculations.png differ
diff --git a/public/images/explosion_of_ray_as_ray_go_up.png b/public/images/explosion_of_ray_as_ray_go_up.png
new file mode 100644
index 0000000..dd683f2
Binary files /dev/null and b/public/images/explosion_of_ray_as_ray_go_up.png differ
diff --git a/public/images/exposure_aperture_shutter_gain.png b/public/images/exposure_aperture_shutter_gain.png
new file mode 100644
index 0000000..1ed3931
Binary files /dev/null and b/public/images/exposure_aperture_shutter_gain.png differ
diff --git a/public/images/f-stop_vs_shutter_speed.png b/public/images/f-stop_vs_shutter_speed.png
new file mode 100644
index 0000000..bdf105d
Binary files /dev/null and b/public/images/f-stop_vs_shutter_speed.png differ
diff --git a/public/images/figure.5.17.png b/public/images/figure.5.17.png
new file mode 100644
index 0000000..b0a8598
Binary files /dev/null and b/public/images/figure.5.17.png differ
diff --git a/public/images/figure5.17.1.png b/public/images/figure5.17.1.png
new file mode 100644
index 0000000..16b83f2
Binary files /dev/null and b/public/images/figure5.17.1.png differ
diff --git a/public/images/first_page(100w).png b/public/images/first_page(100w).png
new file mode 100644
index 0000000..fc58966
Binary files /dev/null and b/public/images/first_page(100w).png differ
diff --git a/public/images/first_page(150w).png b/public/images/first_page(150w).png
new file mode 100644
index 0000000..a24c5b1
Binary files /dev/null and b/public/images/first_page(150w).png differ
diff --git a/public/images/first_page.png b/public/images/first_page.png
new file mode 100644
index 0000000..29852d8
Binary files /dev/null and b/public/images/first_page.png differ
diff --git a/public/images/flat_shading.png b/public/images/flat_shading.png
new file mode 100644
index 0000000..8afcc7f
Binary files /dev/null and b/public/images/flat_shading.png differ
diff --git a/public/images/flight_euler_angle.png b/public/images/flight_euler_angle.png
new file mode 100644
index 0000000..f7345dc
Binary files /dev/null and b/public/images/flight_euler_angle.png differ
diff --git a/public/images/focal_length_vs_filed_of_view1.png b/public/images/focal_length_vs_filed_of_view1.png
new file mode 100644
index 0000000..88dff9e
Binary files /dev/null and b/public/images/focal_length_vs_filed_of_view1.png differ
diff --git a/public/images/focle_length_vs_field_of_view2.png b/public/images/focle_length_vs_field_of_view2.png
new file mode 100644
index 0000000..c5c95d6
Binary files /dev/null and b/public/images/focle_length_vs_field_of_view2.png differ
diff --git a/public/images/four-bounce_global_illumination_eg.png b/public/images/four-bounce_global_illumination_eg.png
new file mode 100644
index 0000000..c956135
Binary files /dev/null and b/public/images/four-bounce_global_illumination_eg.png differ
diff --git a/public/images/fovY.png b/public/images/fovY.png
new file mode 100644
index 0000000..b99ab95
Binary files /dev/null and b/public/images/fovY.png differ
diff --git a/public/images/fresnel_term_conductor.png b/public/images/fresnel_term_conductor.png
new file mode 100644
index 0000000..e01a810
Binary files /dev/null and b/public/images/fresnel_term_conductor.png differ
diff --git a/public/images/fresnel_term_dielectric.png b/public/images/fresnel_term_dielectric.png
new file mode 100644
index 0000000..a520a58
Binary files /dev/null and b/public/images/fresnel_term_dielectric.png differ
diff --git a/public/images/fresnel_term_formule.png b/public/images/fresnel_term_formule.png
new file mode 100644
index 0000000..8112ef5
Binary files /dev/null and b/public/images/fresnel_term_formule.png differ
diff --git a/public/images/fur_appearance_as_human_fur.png b/public/images/fur_appearance_as_human_fur.png
new file mode 100644
index 0000000..a81b2be
Binary files /dev/null and b/public/images/fur_appearance_as_human_fur.png differ
diff --git a/public/images/gauss_ray_diagrams.png b/public/images/gauss_ray_diagrams.png
new file mode 100644
index 0000000..66db2af
Binary files /dev/null and b/public/images/gauss_ray_diagrams.png differ
diff --git a/public/images/gauss_ray_tracing_construction.png b/public/images/gauss_ray_tracing_construction.png
new file mode 100644
index 0000000..f8899e1
Binary files /dev/null and b/public/images/gauss_ray_tracing_construction.png differ
diff --git a/public/images/gauss_ray_tracing_construction1.png b/public/images/gauss_ray_tracing_construction1.png
new file mode 100644
index 0000000..8474721
Binary files /dev/null and b/public/images/gauss_ray_tracing_construction1.png differ
diff --git a/public/images/gauss_ray_tracing_construction2.png b/public/images/gauss_ray_tracing_construction2.png
new file mode 100644
index 0000000..16ffd98
Binary files /dev/null and b/public/images/gauss_ray_tracing_construction2.png differ
diff --git a/public/images/geometric_barycentric.png b/public/images/geometric_barycentric.png
new file mode 100644
index 0000000..eb3caa7
Binary files /dev/null and b/public/images/geometric_barycentric.png differ
diff --git a/public/images/glossy_material.png b/public/images/glossy_material.png
new file mode 100644
index 0000000..8c4e1aa
Binary files /dev/null and b/public/images/glossy_material.png differ
diff --git a/public/images/gonioreflectometer.png b/public/images/gonioreflectometer.png
new file mode 100644
index 0000000..18544a3
Binary files /dev/null and b/public/images/gonioreflectometer.png differ
diff --git a/public/images/granular_material.png b/public/images/granular_material.png
new file mode 100644
index 0000000..1a1b681
Binary files /dev/null and b/public/images/granular_material.png differ
diff --git a/public/images/granular_material_1.png b/public/images/granular_material_1.png
new file mode 100644
index 0000000..ab930f2
Binary files /dev/null and b/public/images/granular_material_1.png differ
diff --git a/public/images/granular_material_application1.png b/public/images/granular_material_application1.png
new file mode 100644
index 0000000..cfadf66
Binary files /dev/null and b/public/images/granular_material_application1.png differ
diff --git a/public/images/granular_material_application2.png b/public/images/granular_material_application2.png
new file mode 100644
index 0000000..bf89e5f
Binary files /dev/null and b/public/images/granular_material_application2.png differ
diff --git a/public/images/grid_build_progress_step1.png b/public/images/grid_build_progress_step1.png
new file mode 100644
index 0000000..bfd5f51
Binary files /dev/null and b/public/images/grid_build_progress_step1.png differ
diff --git a/public/images/grid_build_progress_step2.png b/public/images/grid_build_progress_step2.png
new file mode 100644
index 0000000..fcdbef4
Binary files /dev/null and b/public/images/grid_build_progress_step2.png differ
diff --git a/public/images/grid_build_progress_step3.png b/public/images/grid_build_progress_step3.png
new file mode 100644
index 0000000..7ef4eda
Binary files /dev/null and b/public/images/grid_build_progress_step3.png differ
diff --git a/public/images/grid_resolution_heuristic.png b/public/images/grid_resolution_heuristic.png
new file mode 100644
index 0000000..26606d1
Binary files /dev/null and b/public/images/grid_resolution_heuristic.png differ
diff --git a/public/images/grid_resolution_one_cell.png b/public/images/grid_resolution_one_cell.png
new file mode 100644
index 0000000..bd51e14
Binary files /dev/null and b/public/images/grid_resolution_one_cell.png differ
diff --git a/public/images/grid_resolution_too_many.jpg b/public/images/grid_resolution_too_many.jpg
new file mode 100644
index 0000000..1018f1e
Binary files /dev/null and b/public/images/grid_resolution_too_many.jpg differ
diff --git a/public/images/hair_appearance.png b/public/images/hair_appearance.png
new file mode 100644
index 0000000..0702b00
Binary files /dev/null and b/public/images/hair_appearance.png differ
diff --git a/public/images/hair_appearance_model_application1.png b/public/images/hair_appearance_model_application1.png
new file mode 100644
index 0000000..fb7f65c
Binary files /dev/null and b/public/images/hair_appearance_model_application1.png differ
diff --git a/public/images/hair_appearance_model_application2.png b/public/images/hair_appearance_model_application2.png
new file mode 100644
index 0000000..13e74cd
Binary files /dev/null and b/public/images/hair_appearance_model_application2.png differ
diff --git a/public/images/hight-speed_photography1.png b/public/images/hight-speed_photography1.png
new file mode 100644
index 0000000..00936b3
Binary files /dev/null and b/public/images/hight-speed_photography1.png differ
diff --git a/public/images/hight-speed_photography2.png b/public/images/hight-speed_photography2.png
new file mode 100644
index 0000000..7552652
Binary files /dev/null and b/public/images/hight-speed_photography2.png differ
diff --git a/public/images/human_fur_vs_animal_fur.png b/public/images/human_fur_vs_animal_fur.png
new file mode 100644
index 0000000..70dc59f
Binary files /dev/null and b/public/images/human_fur_vs_animal_fur.png differ
diff --git a/public/images/ico(192x192).png b/public/images/ico(192x192).png
new file mode 100644
index 0000000..6d81bde
Binary files /dev/null and b/public/images/ico(192x192).png differ
diff --git a/public/images/ico_32X32.png b/public/images/ico_32X32.png
new file mode 100644
index 0000000..d4e0620
Binary files /dev/null and b/public/images/ico_32X32.png differ
diff --git a/public/images/icon_normal.png b/public/images/icon_normal.png
new file mode 100644
index 0000000..29852d8
Binary files /dev/null and b/public/images/icon_normal.png differ
diff --git a/public/images/ideal_thin_lens_focal_point.png b/public/images/ideal_thin_lens_focal_point.png
new file mode 100644
index 0000000..b5f8eaa
Binary files /dev/null and b/public/images/ideal_thin_lens_focal_point.png differ
diff --git a/public/images/image-based_BRDF_measurement.png b/public/images/image-based_BRDF_measurement.png
new file mode 100644
index 0000000..27d3190
Binary files /dev/null and b/public/images/image-based_BRDF_measurement.png differ
diff --git a/public/images/image_synthesis_capture.png b/public/images/image_synthesis_capture.png
new file mode 100644
index 0000000..65f6446
Binary files /dev/null and b/public/images/image_synthesis_capture.png differ
diff --git a/public/images/importance_of_medulla.png b/public/images/importance_of_medulla.png
new file mode 100644
index 0000000..9ae4230
Binary files /dev/null and b/public/images/importance_of_medulla.png differ
diff --git a/public/images/importance_of_medulla2.png b/public/images/importance_of_medulla2.png
new file mode 100644
index 0000000..18f8ca2
Binary files /dev/null and b/public/images/importance_of_medulla2.png differ
diff --git a/public/images/inside_the_camera.png b/public/images/inside_the_camera.png
new file mode 100644
index 0000000..3fc64bd
Binary files /dev/null and b/public/images/inside_the_camera.png differ
diff --git a/public/images/instant_radiosity.png b/public/images/instant_radiosity.png
new file mode 100644
index 0000000..8bf6b55
Binary files /dev/null and b/public/images/instant_radiosity.png differ
diff --git a/public/images/instant_radiosity_eg.png b/public/images/instant_radiosity_eg.png
new file mode 100644
index 0000000..cd7d0a4
Binary files /dev/null and b/public/images/instant_radiosity_eg.png differ
diff --git a/public/images/introducing_global_illumination.png b/public/images/introducing_global_illumination.png
new file mode 100644
index 0000000..d5e5df8
Binary files /dev/null and b/public/images/introducing_global_illumination.png differ
diff --git a/public/images/irregular_pixel_footprint.png b/public/images/irregular_pixel_footprint.png
new file mode 100644
index 0000000..fd152fb
Binary files /dev/null and b/public/images/irregular_pixel_footprint.png differ
diff --git a/public/images/is_path_tracing_correct.png b/public/images/is_path_tracing_correct.png
new file mode 100644
index 0000000..348e2a2
Binary files /dev/null and b/public/images/is_path_tracing_correct.png differ
diff --git a/public/images/isotropic_inside_an_elevator.png b/public/images/isotropic_inside_an_elevator.png
new file mode 100644
index 0000000..6f40d50
Binary files /dev/null and b/public/images/isotropic_inside_an_elevator.png differ
diff --git a/public/images/isotropic_materials_theory.png b/public/images/isotropic_materials_theory.png
new file mode 100644
index 0000000..6a772f4
Binary files /dev/null and b/public/images/isotropic_materials_theory.png differ
diff --git a/public/images/kajiya-kay_model.png b/public/images/kajiya-kay_model.png
new file mode 100644
index 0000000..993a600
Binary files /dev/null and b/public/images/kajiya-kay_model.png differ
diff --git a/public/images/lambert'scosine_low.png b/public/images/lambert'scosine_low.png
new file mode 100644
index 0000000..4b6eb2e
Binary files /dev/null and b/public/images/lambert'scosine_low.png differ
diff --git a/public/images/largest_pinhole_photograph.png b/public/images/largest_pinhole_photograph.png
new file mode 100644
index 0000000..494ab11
Binary files /dev/null and b/public/images/largest_pinhole_photograph.png differ
diff --git a/public/images/largest_pinhole_photograph1.png b/public/images/largest_pinhole_photograph1.png
new file mode 100644
index 0000000..f6f5deb
Binary files /dev/null and b/public/images/largest_pinhole_photograph1.png differ
diff --git a/public/images/lenses_from_image_on_sensor.png b/public/images/lenses_from_image_on_sensor.png
new file mode 100644
index 0000000..aa188b3
Binary files /dev/null and b/public/images/lenses_from_image_on_sensor.png differ
diff --git a/public/images/light_separete.png b/public/images/light_separete.png
new file mode 100644
index 0000000..0773227
Binary files /dev/null and b/public/images/light_separete.png differ
diff --git a/public/images/light_source_blocked_judge.png b/public/images/light_source_blocked_judge.png
new file mode 100644
index 0000000..30d07aa
Binary files /dev/null and b/public/images/light_source_blocked_judge.png differ
diff --git a/public/images/long-exposure_photography1.png b/public/images/long-exposure_photography1.png
new file mode 100644
index 0000000..3057c93
Binary files /dev/null and b/public/images/long-exposure_photography1.png differ
diff --git a/public/images/long-exposure_photography2.png b/public/images/long-exposure_photography2.png
new file mode 100644
index 0000000..0d78ca5
Binary files /dev/null and b/public/images/long-exposure_photography2.png differ
diff --git a/public/images/long-exposure_photography3.png b/public/images/long-exposure_photography3.png
new file mode 100644
index 0000000..eccc4f7
Binary files /dev/null and b/public/images/long-exposure_photography3.png differ
diff --git a/public/images/loop_subdivision_new.png b/public/images/loop_subdivision_new.png
new file mode 100644
index 0000000..0591637
Binary files /dev/null and b/public/images/loop_subdivision_new.png differ
diff --git a/public/images/loop_subdivision_old.png b/public/images/loop_subdivision_old.png
new file mode 100644
index 0000000..32c550b
Binary files /dev/null and b/public/images/loop_subdivision_old.png differ
diff --git a/public/images/marschner_model1.png b/public/images/marschner_model1.png
new file mode 100644
index 0000000..835b457
Binary files /dev/null and b/public/images/marschner_model1.png differ
diff --git a/public/images/marschner_model2.png b/public/images/marschner_model2.png
new file mode 100644
index 0000000..82084a0
Binary files /dev/null and b/public/images/marschner_model2.png differ
diff --git a/public/images/measuring_BRDF_motivation.png b/public/images/measuring_BRDF_motivation.png
new file mode 100644
index 0000000..9509bd4
Binary files /dev/null and b/public/images/measuring_BRDF_motivation.png differ
diff --git a/public/images/medium_eg_snell_law.png b/public/images/medium_eg_snell_law.png
new file mode 100644
index 0000000..2f700b5
Binary files /dev/null and b/public/images/medium_eg_snell_law.png differ
diff --git a/public/images/microfacet_BRDF_caculate.png b/public/images/microfacet_BRDF_caculate.png
new file mode 100644
index 0000000..17916d0
Binary files /dev/null and b/public/images/microfacet_BRDF_caculate.png differ
diff --git a/public/images/microfacet_BRDF_diffuse.png b/public/images/microfacet_BRDF_diffuse.png
new file mode 100644
index 0000000..27d6338
Binary files /dev/null and b/public/images/microfacet_BRDF_diffuse.png differ
diff --git a/public/images/microfacet_BRDF_example.png b/public/images/microfacet_BRDF_example.png
new file mode 100644
index 0000000..47cdeb0
Binary files /dev/null and b/public/images/microfacet_BRDF_example.png differ
diff --git a/public/images/microfacet_BRDF_glossy.png b/public/images/microfacet_BRDF_glossy.png
new file mode 100644
index 0000000..0287693
Binary files /dev/null and b/public/images/microfacet_BRDF_glossy.png differ
diff --git a/public/images/microfacet_theory.png b/public/images/microfacet_theory.png
new file mode 100644
index 0000000..19559f2
Binary files /dev/null and b/public/images/microfacet_theory.png differ
diff --git a/public/images/mip_hierarchy.png b/public/images/mip_hierarchy.png
new file mode 100644
index 0000000..eb45127
Binary files /dev/null and b/public/images/mip_hierarchy.png differ
diff --git a/public/images/mipmap_information.png b/public/images/mipmap_information.png
new file mode 100644
index 0000000..8436470
Binary files /dev/null and b/public/images/mipmap_information.png differ
diff --git a/public/images/mirror_and_glossy_reflection.png b/public/images/mirror_and_glossy_reflection.png
new file mode 100644
index 0000000..2340017
Binary files /dev/null and b/public/images/mirror_and_glossy_reflection.png differ
diff --git a/public/images/mixed_frequency_content.png b/public/images/mixed_frequency_content.png
new file mode 100644
index 0000000..833f9b0
Binary files /dev/null and b/public/images/mixed_frequency_content.png differ
diff --git a/public/images/modern_LED.png b/public/images/modern_LED.png
new file mode 100644
index 0000000..67ba96f
Binary files /dev/null and b/public/images/modern_LED.png differ
diff --git a/public/images/moire_and_jaggies.png b/public/images/moire_and_jaggies.png
new file mode 100644
index 0000000..7c5860b
Binary files /dev/null and b/public/images/moire_and_jaggies.png differ
diff --git a/public/images/msapplication(270x270).png b/public/images/msapplication(270x270).png
new file mode 100644
index 0000000..4f48bdb
Binary files /dev/null and b/public/images/msapplication(270x270).png differ
diff --git a/public/images/ocean_wave_detail.png b/public/images/ocean_wave_detail.png
new file mode 100644
index 0000000..321b54e
Binary files /dev/null and b/public/images/ocean_wave_detail.png differ
diff --git a/public/images/offset_projection_matrix.png b/public/images/offset_projection_matrix.png
new file mode 100644
index 0000000..4dd61d0
Binary files /dev/null and b/public/images/offset_projection_matrix.png differ
diff --git a/public/images/one-bounce_global_illumination_eg.png b/public/images/one-bounce_global_illumination_eg.png
new file mode 100644
index 0000000..daf1969
Binary files /dev/null and b/public/images/one-bounce_global_illumination_eg.png differ
diff --git a/public/images/one_pixel_thick_ghosting.png b/public/images/one_pixel_thick_ghosting.png
new file mode 100644
index 0000000..72f4c5b
Binary files /dev/null and b/public/images/one_pixel_thick_ghosting.png differ
diff --git a/public/images/p-NDF_sharps.png b/public/images/p-NDF_sharps.png
new file mode 100644
index 0000000..f0b2bd3
Binary files /dev/null and b/public/images/p-NDF_sharps.png differ
diff --git a/public/images/p-NDFs_have_sharp_features.png b/public/images/p-NDFs_have_sharp_features.png
new file mode 100644
index 0000000..7702bcf
Binary files /dev/null and b/public/images/p-NDFs_have_sharp_features.png differ
diff --git a/public/images/participating_media1.png b/public/images/participating_media1.png
new file mode 100644
index 0000000..f58f71b
Binary files /dev/null and b/public/images/participating_media1.png differ
diff --git a/public/images/participating_media2.png b/public/images/participating_media2.png
new file mode 100644
index 0000000..b038c94
Binary files /dev/null and b/public/images/participating_media2.png differ
diff --git a/public/images/participating_media_application1.png b/public/images/participating_media_application1.png
new file mode 100644
index 0000000..8859be7
Binary files /dev/null and b/public/images/participating_media_application1.png differ
diff --git a/public/images/participating_media_application2.png b/public/images/participating_media_application2.png
new file mode 100644
index 0000000..53d689a
Binary files /dev/null and b/public/images/participating_media_application2.png differ
diff --git a/public/images/participating_media_cloud.png b/public/images/participating_media_cloud.png
new file mode 100644
index 0000000..c614755
Binary files /dev/null and b/public/images/participating_media_cloud.png differ
diff --git a/public/images/participating_media_demo.png b/public/images/participating_media_demo.png
new file mode 100644
index 0000000..45ef6e8
Binary files /dev/null and b/public/images/participating_media_demo.png differ
diff --git a/public/images/participating_media_fog.png b/public/images/participating_media_fog.png
new file mode 100644
index 0000000..f7a34d2
Binary files /dev/null and b/public/images/participating_media_fog.png differ
diff --git a/public/images/participating_media_rendering.png b/public/images/participating_media_rendering.png
new file mode 100644
index 0000000..fdab520
Binary files /dev/null and b/public/images/participating_media_rendering.png differ
diff --git a/public/images/path_traced_direct_global_illumination.png b/public/images/path_traced_direct_global_illumination.png
new file mode 100644
index 0000000..322b323
Binary files /dev/null and b/public/images/path_traced_direct_global_illumination.png differ
diff --git a/public/images/perfect_specular_reflection_in_physic1.png b/public/images/perfect_specular_reflection_in_physic1.png
new file mode 100644
index 0000000..bc57679
Binary files /dev/null and b/public/images/perfect_specular_reflection_in_physic1.png differ
diff --git a/public/images/perfect_specular_reflection_in_physic2.png b/public/images/perfect_specular_reflection_in_physic2.png
new file mode 100644
index 0000000..3dabef8
Binary files /dev/null and b/public/images/perfect_specular_reflection_in_physic2.png differ
diff --git a/public/images/perturb_the_normal.png b/public/images/perturb_the_normal.png
new file mode 100644
index 0000000..2d8a6c0
Binary files /dev/null and b/public/images/perturb_the_normal.png differ
diff --git a/public/images/phong_shading.png b/public/images/phong_shading.png
new file mode 100644
index 0000000..5e319f5
Binary files /dev/null and b/public/images/phong_shading.png differ
diff --git a/public/images/photon_mapping_approach.png b/public/images/photon_mapping_approach.png
new file mode 100644
index 0000000..7326fa3
Binary files /dev/null and b/public/images/photon_mapping_approach.png differ
diff --git a/public/images/photon_mapping_biased.png b/public/images/photon_mapping_biased.png
new file mode 100644
index 0000000..ae63e8d
Binary files /dev/null and b/public/images/photon_mapping_biased.png differ
diff --git a/public/images/photon_mapping_cacul.png b/public/images/photon_mapping_cacul.png
new file mode 100644
index 0000000..3269fac
Binary files /dev/null and b/public/images/photon_mapping_cacul.png differ
diff --git a/public/images/photon_mapping_theory.png b/public/images/photon_mapping_theory.png
new file mode 100644
index 0000000..e09d131
Binary files /dev/null and b/public/images/photon_mapping_theory.png differ
diff --git a/public/images/physical_shutter.png b/public/images/physical_shutter.png
new file mode 100644
index 0000000..26ddfc3
Binary files /dev/null and b/public/images/physical_shutter.png differ
diff --git a/public/images/pinhole_camera.png b/public/images/pinhole_camera.png
new file mode 100644
index 0000000..28a5081
Binary files /dev/null and b/public/images/pinhole_camera.png differ
diff --git a/public/images/pixel_and_screen_space.png b/public/images/pixel_and_screen_space.png
new file mode 100644
index 0000000..e23f60d
Binary files /dev/null and b/public/images/pixel_and_screen_space.png differ
diff --git a/public/images/pixel_result.png b/public/images/pixel_result.png
new file mode 100644
index 0000000..e0f629e
Binary files /dev/null and b/public/images/pixel_result.png differ
diff --git a/public/images/point_query_and_range_query.png b/public/images/point_query_and_range_query.png
new file mode 100644
index 0000000..aaf6ba0
Binary files /dev/null and b/public/images/point_query_and_range_query.png differ
diff --git a/public/images/post_aliasing.png b/public/images/post_aliasing.png
new file mode 100644
index 0000000..747a5e8
Binary files /dev/null and b/public/images/post_aliasing.png differ
diff --git a/public/images/pre-filter_sample.png b/public/images/pre-filter_sample.png
new file mode 100644
index 0000000..b66baad
Binary files /dev/null and b/public/images/pre-filter_sample.png differ
diff --git a/public/images/probability_distribution_function.png b/public/images/probability_distribution_function.png
new file mode 100644
index 0000000..889a9b6
Binary files /dev/null and b/public/images/probability_distribution_function.png differ
diff --git a/public/images/procedural_appearance1.png b/public/images/procedural_appearance1.png
new file mode 100644
index 0000000..f633a6b
Binary files /dev/null and b/public/images/procedural_appearance1.png differ
diff --git a/public/images/procedural_appearance2.png b/public/images/procedural_appearance2.png
new file mode 100644
index 0000000..f983c87
Binary files /dev/null and b/public/images/procedural_appearance2.png differ
diff --git a/public/images/procedural_appearance3.png b/public/images/procedural_appearance3.png
new file mode 100644
index 0000000..74d714b
Binary files /dev/null and b/public/images/procedural_appearance3.png differ
diff --git a/public/images/procedural_appearance4.png b/public/images/procedural_appearance4.png
new file mode 100644
index 0000000..dfbcaee
Binary files /dev/null and b/public/images/procedural_appearance4.png differ
diff --git a/public/images/procedural_appearance5.png b/public/images/procedural_appearance5.png
new file mode 100644
index 0000000..eb959a3
Binary files /dev/null and b/public/images/procedural_appearance5.png differ
diff --git a/public/images/procedural_appearance6.png b/public/images/procedural_appearance6.png
new file mode 100644
index 0000000..4f68966
Binary files /dev/null and b/public/images/procedural_appearance6.png differ
diff --git a/public/images/project_to_light.png b/public/images/project_to_light.png
new file mode 100644
index 0000000..ce2adab
Binary files /dev/null and b/public/images/project_to_light.png differ
diff --git a/public/images/radiance_define.png b/public/images/radiance_define.png
new file mode 100644
index 0000000..e871f74
Binary files /dev/null and b/public/images/radiance_define.png differ
diff --git a/public/images/ray_tracing_for_defocus_blur.png b/public/images/ray_tracing_for_defocus_blur.png
new file mode 100644
index 0000000..222b56d
Binary files /dev/null and b/public/images/ray_tracing_for_defocus_blur.png differ
diff --git a/public/images/ray_tracing_for_defocus_blur1.png b/public/images/ray_tracing_for_defocus_blur1.png
new file mode 100644
index 0000000..a517611
Binary files /dev/null and b/public/images/ray_tracing_for_defocus_blur1.png differ
diff --git a/public/images/real_lens_dfsigns_are_comples.png b/public/images/real_lens_dfsigns_are_comples.png
new file mode 100644
index 0000000..223920f
Binary files /dev/null and b/public/images/real_lens_dfsigns_are_comples.png differ
diff --git a/public/images/real_lens_elements_are_not_ideal.png b/public/images/real_lens_elements_are_not_ideal.png
new file mode 100644
index 0000000..640e08a
Binary files /dev/null and b/public/images/real_lens_elements_are_not_ideal.png differ
diff --git a/public/images/reason_for_monte_carlo_integration.png b/public/images/reason_for_monte_carlo_integration.png
new file mode 100644
index 0000000..e36f9f8
Binary files /dev/null and b/public/images/reason_for_monte_carlo_integration.png differ
diff --git a/public/images/reason_of_being_inefficient.png b/public/images/reason_of_being_inefficient.png
new file mode 100644
index 0000000..8db3139
Binary files /dev/null and b/public/images/reason_of_being_inefficient.png differ
diff --git a/public/images/reflaction_radiance_irradiance.png b/public/images/reflaction_radiance_irradiance.png
new file mode 100644
index 0000000..a83e468
Binary files /dev/null and b/public/images/reflaction_radiance_irradiance.png differ
diff --git a/public/images/render_as_surface_limitation.png b/public/images/render_as_surface_limitation.png
new file mode 100644
index 0000000..c6c8cb3
Binary files /dev/null and b/public/images/render_as_surface_limitation.png differ
diff --git a/public/images/render_from_light.png b/public/images/render_from_light.png
new file mode 100644
index 0000000..91d6588
Binary files /dev/null and b/public/images/render_from_light.png differ
diff --git a/public/images/rendering_equation_simplify.png b/public/images/rendering_equation_simplify.png
new file mode 100644
index 0000000..fc5ccd0
Binary files /dev/null and b/public/images/rendering_equation_simplify.png differ
diff --git a/public/images/resample_downsampling.png b/public/images/resample_downsampling.png
new file mode 100644
index 0000000..945390c
Binary files /dev/null and b/public/images/resample_downsampling.png differ
diff --git a/public/images/resample_upsample.png b/public/images/resample_upsample.png
new file mode 100644
index 0000000..8c957b3
Binary files /dev/null and b/public/images/resample_upsample.png differ
diff --git a/public/images/revealed_piels_appear_bad.png b/public/images/revealed_piels_appear_bad.png
new file mode 100644
index 0000000..0cb70e6
Binary files /dev/null and b/public/images/revealed_piels_appear_bad.png differ
diff --git a/public/images/rotate_around_point.png b/public/images/rotate_around_point.png
new file mode 100644
index 0000000..984c167
Binary files /dev/null and b/public/images/rotate_around_point.png differ
diff --git a/public/images/sample_and_reconstruct.png b/public/images/sample_and_reconstruct.png
new file mode 100644
index 0000000..1514758
Binary files /dev/null and b/public/images/sample_and_reconstruct.png differ
diff --git a/public/images/sample_point_position.png b/public/images/sample_point_position.png
new file mode 100644
index 0000000..7f9d10d
Binary files /dev/null and b/public/images/sample_point_position.png differ
diff --git a/public/images/sample_progress.png b/public/images/sample_progress.png
new file mode 100644
index 0000000..36bb0c4
Binary files /dev/null and b/public/images/sample_progress.png differ
diff --git a/public/images/sample_resulst.png b/public/images/sample_resulst.png
new file mode 100644
index 0000000..22364e3
Binary files /dev/null and b/public/images/sample_resulst.png differ
diff --git a/public/images/sample_the_light.png b/public/images/sample_the_light.png
new file mode 100644
index 0000000..74abf93
Binary files /dev/null and b/public/images/sample_the_light.png differ
diff --git a/public/images/scttering_functions.png b/public/images/scttering_functions.png
new file mode 100644
index 0000000..91f7939
Binary files /dev/null and b/public/images/scttering_functions.png differ
diff --git a/public/images/sensor_accumulates_irradiance_during_exposure.png b/public/images/sensor_accumulates_irradiance_during_exposure.png
new file mode 100644
index 0000000..dfb0b63
Binary files /dev/null and b/public/images/sensor_accumulates_irradiance_during_exposure.png differ
diff --git a/public/images/sensor_size.png b/public/images/sensor_size.png
new file mode 100644
index 0000000..d7bf8c1
Binary files /dev/null and b/public/images/sensor_size.png differ
diff --git a/public/images/sensors_without_lenses.png b/public/images/sensors_without_lenses.png
new file mode 100644
index 0000000..8258750
Binary files /dev/null and b/public/images/sensors_without_lenses.png differ
diff --git a/public/images/shading_light_caculate.png b/public/images/shading_light_caculate.png
new file mode 100644
index 0000000..93530f3
Binary files /dev/null and b/public/images/shading_light_caculate.png differ
diff --git a/public/images/side_effect_of_shutter_speed.png b/public/images/side_effect_of_shutter_speed.png
new file mode 100644
index 0000000..344b521
Binary files /dev/null and b/public/images/side_effect_of_shutter_speed.png differ
diff --git a/public/images/side_effect_of_shutter_speed1.png b/public/images/side_effect_of_shutter_speed1.png
new file mode 100644
index 0000000..72ea553
Binary files /dev/null and b/public/images/side_effect_of_shutter_speed1.png differ
diff --git a/public/images/side_effect_of_shutter_speed2.png b/public/images/side_effect_of_shutter_speed2.png
new file mode 100644
index 0000000..00c8e68
Binary files /dev/null and b/public/images/side_effect_of_shutter_speed2.png differ
diff --git a/public/images/signal_high_low_frequ.png b/public/images/signal_high_low_frequ.png
new file mode 100644
index 0000000..a74ac90
Binary files /dev/null and b/public/images/signal_high_low_frequ.png differ
diff --git a/public/images/sinc_filter_process.png b/public/images/sinc_filter_process.png
new file mode 100644
index 0000000..8fe3a10
Binary files /dev/null and b/public/images/sinc_filter_process.png differ
diff --git a/public/images/size_of_coc_is_inversely_proportional_to_f-stop.png b/public/images/size_of_coc_is_inversely_proportional_to_f-stop.png
new file mode 100644
index 0000000..79623ce
Binary files /dev/null and b/public/images/size_of_coc_is_inversely_proportional_to_f-stop.png differ
diff --git a/public/images/snell_law_caculation.png b/public/images/snell_law_caculation.png
new file mode 100644
index 0000000..7e6742c
Binary files /dev/null and b/public/images/snell_law_caculation.png differ
diff --git a/public/images/specular_cacular.png b/public/images/specular_cacular.png
new file mode 100644
index 0000000..2c8df52
Binary files /dev/null and b/public/images/specular_cacular.png differ
diff --git a/public/images/specular_value_change_show.png b/public/images/specular_value_change_show.png
new file mode 100644
index 0000000..0198d65
Binary files /dev/null and b/public/images/specular_value_change_show.png differ
diff --git a/public/images/subsurface_scattering.png b/public/images/subsurface_scattering.png
new file mode 100644
index 0000000..ec28481
Binary files /dev/null and b/public/images/subsurface_scattering.png differ
diff --git a/public/images/suppose_scene_1.png b/public/images/suppose_scene_1.png
new file mode 100644
index 0000000..f102998
Binary files /dev/null and b/public/images/suppose_scene_1.png differ
diff --git a/public/images/tabular_representation.png b/public/images/tabular_representation.png
new file mode 100644
index 0000000..eba71b3
Binary files /dev/null and b/public/images/tabular_representation.png differ
diff --git a/public/images/tent_filter_constructed.png b/public/images/tent_filter_constructed.png
new file mode 100644
index 0000000..4cd8b9c
Binary files /dev/null and b/public/images/tent_filter_constructed.png differ
diff --git a/public/images/the_reflection_equation.png b/public/images/the_reflection_equation.png
new file mode 100644
index 0000000..8e43e92
Binary files /dev/null and b/public/images/the_reflection_equation.png differ
diff --git a/public/images/three_filter.png b/public/images/three_filter.png
new file mode 100644
index 0000000..85c06be
Binary files /dev/null and b/public/images/three_filter.png differ
diff --git a/public/images/translucent_material_jade.png b/public/images/translucent_material_jade.png
new file mode 100644
index 0000000..ad3694e
Binary files /dev/null and b/public/images/translucent_material_jade.png differ
diff --git a/public/images/translucent_material_jellyfish.png b/public/images/translucent_material_jellyfish.png
new file mode 100644
index 0000000..3e396b8
Binary files /dev/null and b/public/images/translucent_material_jellyfish.png differ
diff --git a/public/images/triangle.png b/public/images/triangle.png
new file mode 100644
index 0000000..baa0bae
Binary files /dev/null and b/public/images/triangle.png differ
diff --git a/public/images/two-bounce_global_illumination_eg.png b/public/images/two-bounce_global_illumination_eg.png
new file mode 100644
index 0000000..6f88b4d
Binary files /dev/null and b/public/images/two-bounce_global_illumination_eg.png differ
diff --git a/public/images/understanding_flection_equation1.png b/public/images/understanding_flection_equation1.png
new file mode 100644
index 0000000..451ce5d
Binary files /dev/null and b/public/images/understanding_flection_equation1.png differ
diff --git a/public/images/understanding_reflection_equation2.png b/public/images/understanding_reflection_equation2.png
new file mode 100644
index 0000000..8edca8d
Binary files /dev/null and b/public/images/understanding_reflection_equation2.png differ
diff --git a/public/images/understanding_reflection_equation3.png b/public/images/understanding_reflection_equation3.png
new file mode 100644
index 0000000..edc40e0
Binary files /dev/null and b/public/images/understanding_reflection_equation3.png differ
diff --git a/public/images/understanding_rendering_equation1.png b/public/images/understanding_rendering_equation1.png
new file mode 100644
index 0000000..6e90c78
Binary files /dev/null and b/public/images/understanding_rendering_equation1.png differ
diff --git a/public/images/uniform_monte_carlo_estimator.png b/public/images/uniform_monte_carlo_estimator.png
new file mode 100644
index 0000000..d583c3a
Binary files /dev/null and b/public/images/uniform_monte_carlo_estimator.png differ
diff --git a/public/images/unresolvable_depth_order.png b/public/images/unresolvable_depth_order.png
new file mode 100644
index 0000000..92835c1
Binary files /dev/null and b/public/images/unresolvable_depth_order.png differ
diff --git a/public/images/vertex_connection_and_merging.png b/public/images/vertex_connection_and_merging.png
new file mode 100644
index 0000000..1ba92b4
Binary files /dev/null and b/public/images/vertex_connection_and_merging.png differ
diff --git a/public/images/visual_evaluation_of_bezier_surface.png b/public/images/visual_evaluation_of_bezier_surface.png
new file mode 100644
index 0000000..8a9ae80
Binary files /dev/null and b/public/images/visual_evaluation_of_bezier_surface.png differ
diff --git a/public/images/wave_optics_application 2.png b/public/images/wave_optics_application 2.png
new file mode 100644
index 0000000..0033db5
Binary files /dev/null and b/public/images/wave_optics_application 2.png differ
diff --git a/public/images/wave_optics_application.png b/public/images/wave_optics_application.png
new file mode 100644
index 0000000..b1c2c00
Binary files /dev/null and b/public/images/wave_optics_application.png differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..3cc15f7
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,333 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    <link rel="alternate" type="application/atom&#43;xml" href="http://www.inksoul.top/atom.xml" title="飞鸿踏雪" />
+    <link rel="alternate" type="application/rss&#43;xml" href="http://www.inksoul.top/rss.xml" title="飞鸿踏雪" />
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebSite",
+        "datePublished": "2022-05-10T20:17:43+00:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/",
+        "description": "飞鸿踏雪是一个个人小站，记录分享个人的学习历程",
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "name": "飞鸿踏雪"
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="飞鸿踏雪" />
+<meta property="og:description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+<meta property="og:url" content="http://www.inksoul.top/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="website" />
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    
+    
+        <main class="home">
+    <div class="poetry">
+        
+            <p>人生到处知何似</p>
+        
+            <p>应似飞鸿踏雪泥</p>
+        
+            <p>泥上偶然留指爪</p>
+        
+            <p>鸿飞那复计东西</p>
+        
+    </div>
+    
+</main>
+
+    
+    
+    
+    
+    
+    
+    
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/js/meme.min.8b03826e7a2d0128870ee7194c474e922d8ba90a3c170d124dee7af7eff40828.js b/public/js/meme.min.8b03826e7a2d0128870ee7194c474e922d8ba90a3c170d124dee7af7eff40828.js
new file mode 100644
index 0000000..9906fac
--- /dev/null
+++ b/public/js/meme.min.8b03826e7a2d0128870ee7194c474e922d8ba90a3c170d124dee7af7eff40828.js
@@ -0,0 +1 @@
+const throttle=(t,n)=>{let s,o,e;return function(){const i=this,a=arguments;s?(clearTimeout(o),o=setTimeout(function(){Date.now()-e>=n&&(t.apply(i,a),e=Date.now())},Math.max(n-(Date.now()-e),0))):(t.apply(i,a),e=Date.now(),s=!0)}},delayTime=420;window.addEventListener("DOMContentLoaded",t=>{const e=document.querySelector(".header");if(e){const t=window.getComputedStyle(e,null).getPropertyValue("height");document.documentElement.style.setProperty("--header-height",t)}},{once:!0}),window.addEventListener("DOMContentLoaded",l=>{const t=document.querySelector(".nav-toggle"),s=document.createElement("div");s.className="nav-toggle-inner",t.appendChild(s);for(let e=0;e<3;e++){const t=document.createElement("span");s.appendChild(t)}const n=document.getElementById("nav-toggle"),e=document.querySelector(".header"),o=document.querySelector(".nav-curtain");n.addEventListener("change",n=>{n.target.checked?(e.classList.add("open"),t.classList.add("open"),e.classList.remove("fade"),o.style="display: block"):(e.classList.remove("open"),t.classList.remove("open"),e.classList.add("fade"))}),o.addEventListener("animationend",e=>{n.checked||e.target.removeAttribute("style")}),window.addEventListener("scroll",throttle(function(){c()},delayTime));const a=window.getComputedStyle(document.documentElement,null).getPropertyValue("--max-width");let r=window.matchMedia(`(max-width: ${a})`);r.addListener(e=>{e.matches||i(!0)});function c(){const e=document.getElementById("search-input");if(e&&e===document.activeElement)return;i()}function i(s){n.checked&&(n.checked=!1,e.classList.remove("open"),t.classList.remove("open"),s?o.removeAttribute("style"):e.classList.add("fade"))}},{once:!0}),window.addEventListener("DOMContentLoaded",t=>{const e=document.getElementById("back-to-top");e!==null&&window.addEventListener("scroll",throttle(function(){window.scrollY>100?e.classList.add("show"):e.classList.remove("show")},delayTime))},{once:!0});const userPrefers=localStorage.getItem("theme");userPrefers==="dark"?changeModeMeta("dark"):userPrefers==="light"&&changeModeMeta("light"),window.matchMedia("(prefers-color-scheme: dark)").addListener(e=>{changeMode()}),window.addEventListener("DOMContentLoaded",t=>{changeMode();const e=document.getElementById("theme-switcher");e&&e.addEventListener("click",e=>{e.preventDefault(),getCurrentTheme()=="dark"?changeModeMeta("light"):changeModeMeta("dark"),changeMode(),storePrefers()})},{once:!0}),window.addEventListener("storage",function(e){if(e.key!=="theme")return;e.newValue==="dark"?changeModeMeta("dark"):changeModeMeta("light"),changeMode()});function getCurrentTheme(){return JSON.parse(window.getComputedStyle(document.documentElement,null).getPropertyValue("--theme-name"))}function changeModeMeta(e){document.documentElement.setAttribute("data-theme",e)}function changeMode(){const e=getCurrentTheme()==="dark",t=e?"#16171d":"#fff";if(document.querySelector('meta[name="theme-color"]').setAttribute("content",t),typeof mermaidConfig!="undefined"){const t=document.querySelectorAll(".mermaid");t.forEach(e=>{e.getAttribute("data-processed")?(e.removeAttribute("data-processed"),e.innerHTML=e.getAttribute("data-graph")):e.setAttribute("data-graph",e.textContent)}),e?(mermaidConfig.theme="dark",mermaid.initialize(mermaidConfig),mermaid.init()):(mermaidConfig.theme="default",mermaid.initialize(mermaidConfig),mermaid.init())}}function storePrefers(){window.localStorage.setItem("theme",getCurrentTheme())}window.addEventListener("DOMContentLoaded",i=>{const e="复制",s="已复制";var t="https://fastly.jsdelivr.net",o="https://cdn.jsdelivr.net";document.querySelectorAll(".post-body > pre").forEach(e=>{let t=document.createElement("div");e.parentNode.replaceChild(t,e),t.appendChild(e)});function n(t){const n=document.querySelectorAll("table.lntable, .highlight > pre, .post-body > div > pre");n.forEach(o=>{o.parentNode.style.position="relative";const n=document.createElement("button");if(n.className="copy-button",n.type="button",n.innerText=e,o.classList.contains("lntable"))var i=o.querySelectorAll(".lntd")[1];else i=o.querySelector("code");n.addEventListener("click",()=>{t.writeText(i.innerText).then(()=>{n.blur(),n.innerText=s,setTimeout(()=>{n.innerText=e},1e3)}).catch(e=>{n.innerText="Error",console.error(e)})}),o.appendChild(n),o.parentNode.addEventListener("mouseover",()=>{n.style="visibility: visible; opacity: 1"}),o.parentNode.addEventListener("mouseout",()=>{n.style="visibility: hidden; opacity: 0"})})}if(navigator&&navigator.clipboard)n(navigator.clipboard);else{const e=document.createElement("script");(t=null)?e.src=o+"/npm/clipboard-polyfill@2.8.6/dist/clipboard-polyfill.min.js":e.src=t+"/npm/clipboard-polyfill@2.8.6/dist/clipboard-polyfill.min.js",e.defer=!0,e.onload=function(){n(clipboard)},document.head.appendChild(e)}},{once:!0})
\ No newline at end of file
diff --git a/public/js/meme.min.908b8d39aabea564ae4bd0018a4b01fb0a2b180e678d7e73389fc9f9af126d98.js b/public/js/meme.min.908b8d39aabea564ae4bd0018a4b01fb0a2b180e678d7e73389fc9f9af126d98.js
new file mode 100644
index 0000000..0378962
--- /dev/null
+++ b/public/js/meme.min.908b8d39aabea564ae4bd0018a4b01fb0a2b180e678d7e73389fc9f9af126d98.js
@@ -0,0 +1 @@
+const throttle=(b,c)=>{let d,e,a;return function(){const f=this,g=arguments;d?(clearTimeout(e),e=setTimeout(function(){Date.now()-a>=c&&(b.apply(f,g),a=Date.now())},Math.max(c-(Date.now()-a),0))):(b.apply(f,g),a=Date.now(),d=!0)}},delayTime=420;window.addEventListener('DOMContentLoaded',b=>{const a=document.querySelector('.header');if(a){const b=window.getComputedStyle(a,null).getPropertyValue('height');document.documentElement.style.setProperty('--header-height',b)}},{once:!0}),window.addEventListener("DOMContentLoaded",j=>{const b=document.querySelector('.nav-toggle'),d=document.createElement('div');d.className='nav-toggle-inner',b.appendChild(d);for(let a=0;a<3;a++){const b=document.createElement('span');d.appendChild(b)}const c=document.getElementById('nav-toggle'),a=document.querySelector('.header'),e=document.querySelector('.nav-curtain');c.addEventListener('change',c=>{c.target.checked?(a.classList.add('open'),b.classList.add('open'),a.classList.remove('fade'),e.style='display: block'):(a.classList.remove('open'),b.classList.remove('open'),a.classList.add('fade'))}),e.addEventListener('animationend',a=>{c.checked||a.target.removeAttribute('style')}),window.addEventListener('scroll',throttle(function(){i()},delayTime));const g=window.getComputedStyle(document.documentElement,null).getPropertyValue('--max-width');let h=window.matchMedia(`(max-width: ${g})`);h.addListener(a=>{a.matches||f(!0)});function i(){const a=document.getElementById('search-input');if(a&&a===document.activeElement)return;f()}function f(d){c.checked&&(c.checked=!1,a.classList.remove('open'),b.classList.remove('open'),d?e.removeAttribute("style"):a.classList.add('fade'))}},{once:!0}),window.addEventListener("DOMContentLoaded",b=>{const a=document.getElementById('back-to-top');a!==null&&window.addEventListener('scroll',throttle(function(){window.scrollY>100?a.classList.add('show'):a.classList.remove('show')},delayTime))},{once:!0});const userPrefers=localStorage.getItem('theme');userPrefers==='dark'?changeModeMeta('dark'):userPrefers==='light'&&changeModeMeta('light'),window.matchMedia('(prefers-color-scheme: dark)').addListener(a=>{changeMode()}),window.addEventListener("DOMContentLoaded",b=>{changeMode();const a=document.getElementById('theme-switcher');a&&a.addEventListener('click',a=>{a.preventDefault(),getCurrentTheme()=="dark"?changeModeMeta('light'):changeModeMeta('dark'),changeMode(),storePrefers()})},{once:!0}),window.addEventListener('storage',function(a){if(a.key!=='theme')return;a.newValue==='dark'?changeModeMeta('dark'):changeModeMeta('light'),changeMode()});function getCurrentTheme(){return JSON.parse(window.getComputedStyle(document.documentElement,null).getPropertyValue("--theme-name"))}function changeModeMeta(a){document.documentElement.setAttribute('data-theme',a)}function changeMode(){const a=getCurrentTheme()==='dark',b=a?'#16171d':'#fff';if(document.querySelector('meta[name="theme-color"]').setAttribute('content',b),typeof mermaidConfig!='undefined'){const b=document.querySelectorAll('.mermaid');b.forEach(a=>{a.getAttribute('data-processed')?(a.removeAttribute('data-processed'),a.innerHTML=a.getAttribute('data-graph')):a.setAttribute('data-graph',a.textContent)}),a?(mermaidConfig.theme='dark',mermaid.initialize(mermaidConfig),mermaid.init()):(mermaidConfig.theme='default',mermaid.initialize(mermaidConfig),mermaid.init())}}function storePrefers(){window.localStorage.setItem('theme',getCurrentTheme())}window.addEventListener("DOMContentLoaded",f=>{var a,c;const b='复制',e='已复制';a='https://fastly.jsdelivr.net',c='https://cdn.jsdelivr.net',document.querySelectorAll('.post-body > pre').forEach(a=>{let b=document.createElement('div');a.parentNode.replaceChild(b,a),b.appendChild(a)});function d(a){const c=document.querySelectorAll('table.lntable, .highlight > pre, .post-body > div > pre');c.forEach(d=>{var f;d.parentNode.style.position='relative';const c=document.createElement('button');c.className='copy-button',c.type='button',c.innerText=b,d.classList.contains('lntable')?(f=d.querySelectorAll('.lntd')[1]):(f=d.querySelector('code')),c.addEventListener('click',()=>{a.writeText(f.innerText).then(()=>{c.blur(),c.innerText=e,setTimeout(()=>{c.innerText=b},1e3)}).catch(a=>{c.innerText='Error',console.error(a)})}),d.appendChild(c),d.parentNode.addEventListener('mouseover',()=>{c.style='visibility: visible; opacity: 1'}),d.parentNode.addEventListener('mouseout',()=>{c.style='visibility: hidden; opacity: 0'})})}if(navigator&&navigator.clipboard)d(navigator.clipboard);else{const b=document.createElement('script');(a=null)?b.src=c+'/npm/clipboard-polyfill@2.8.6/dist/clipboard-polyfill.min.js':b.src=a+'/npm/clipboard-polyfill@2.8.6/dist/clipboard-polyfill.min.js',b.defer=!0,b.onload=function(){d(clipboard)},document.head.appendChild(b)}},{once:!0})
\ No newline at end of file
diff --git a/public/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js b/public/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js
new file mode 100644
index 0000000..07b02a4
--- /dev/null
+++ b/public/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js
@@ -0,0 +1 @@
+const throttle=(e,t)=>{let s,o,n;return function(){const i=this,a=arguments;s?(clearTimeout(o),o=setTimeout(function(){Date.now()-n>=t&&(e.apply(i,a),n=Date.now())},Math.max(t-(Date.now()-n),0))):(e.apply(i,a),n=Date.now(),s=!0)}},delayTime=420;window.addEventListener("DOMContentLoaded",e=>{const t=document.querySelector(".header");if(t){const e=window.getComputedStyle(t,null).getPropertyValue("height");document.documentElement.style.setProperty("--header-height",e)}},{once:!0}),window.addEventListener("DOMContentLoaded",e=>{const n=document.querySelector(".nav-toggle"),o=document.createElement("div");o.className="nav-toggle-inner",n.appendChild(o);for(let e=0;e<3;e++){const t=document.createElement("span");o.appendChild(t)}const s=document.getElementById("nav-toggle"),t=document.querySelector(".header"),i=document.querySelector(".nav-curtain");s.addEventListener("change",e=>{e.target.checked?(t.classList.add("open"),n.classList.add("open"),t.classList.remove("fade"),i.style="display: block"):(t.classList.remove("open"),n.classList.remove("open"),t.classList.add("fade"))}),i.addEventListener("animationend",e=>{s.checked||e.target.removeAttribute("style")}),window.addEventListener("scroll",throttle(function(){l()},delayTime));const r=window.getComputedStyle(document.documentElement,null).getPropertyValue("--max-width");let c=window.matchMedia(`(max-width: ${r})`);c.addListener(e=>{e.matches||a(!0)});function l(){const e=document.getElementById("search-input");if(e&&e===document.activeElement)return;a()}function a(e){s.checked&&(s.checked=!1,t.classList.remove("open"),n.classList.remove("open"),e?i.removeAttribute("style"):t.classList.add("fade"))}},{once:!0}),window.addEventListener("DOMContentLoaded",e=>{const t=document.getElementById("back-to-top");t!==null&&window.addEventListener("scroll",throttle(function(){window.scrollY>100?t.classList.add("show"):t.classList.remove("show")},delayTime))},{once:!0});const userPrefers=localStorage.getItem("theme");userPrefers==="dark"?changeModeMeta("dark"):userPrefers==="light"&&changeModeMeta("light"),window.matchMedia("(prefers-color-scheme: dark)").addListener(e=>{changeMode()}),window.addEventListener("DOMContentLoaded",e=>{changeMode();const t=document.getElementById("theme-switcher");t&&t.addEventListener("click",e=>{e.preventDefault(),changeModeMeta(getCurrentTheme()=="dark"?"light":"dark"),changeMode(),storePrefers()})},{once:!0}),window.addEventListener("storage",function(e){if(e.key!=="theme")return;changeModeMeta(e.newValue==="dark"?"dark":"light"),changeMode()});function getCurrentTheme(){return JSON.parse(window.getComputedStyle(document.documentElement,null).getPropertyValue("--theme-name"))}function changeModeMeta(e){document.documentElement.setAttribute("data-theme",e)}function changeMode(){const e=getCurrentTheme()==="dark",t=e?"#16171d":"#fff";if(document.querySelector('meta[name="theme-color"]').setAttribute("content",t),typeof mermaidConfig!="undefined"){const t=document.querySelectorAll(".mermaid");t.forEach(e=>{e.getAttribute("data-processed")?(e.removeAttribute("data-processed"),e.innerHTML=e.getAttribute("data-graph")):e.setAttribute("data-graph",e.textContent)}),e?(mermaidConfig.theme="dark",mermaid.initialize(mermaidConfig),mermaid.init()):(mermaidConfig.theme="default",mermaid.initialize(mermaidConfig),mermaid.init())}}function storePrefers(){window.localStorage.setItem("theme",getCurrentTheme())}window.addEventListener("DOMContentLoaded",e=>{const t="复制",o="已复制";var n="https://fastly.jsdelivr.net",i="https://cdn.jsdelivr.net";document.querySelectorAll(".post-body > pre").forEach(e=>{let t=document.createElement("div");e.parentNode.replaceChild(t,e),t.appendChild(e)});function s(e){const n=document.querySelectorAll("table.lntable, .highlight > pre, .post-body > div > pre");n.forEach(n=>{n.parentNode.style.position="relative";const s=document.createElement("button");if(s.className="copy-button",s.type="button",s.innerText=t,n.classList.contains("lntable"))var i=n.querySelectorAll(".lntd")[1];else i=n.querySelector("code");s.addEventListener("click",()=>{e.writeText(i.innerText).then(()=>{s.blur(),s.innerText=o,setTimeout(()=>{s.innerText=t},1e3)}).catch(e=>{s.innerText="Error",console.error(e)})}),n.appendChild(s),n.parentNode.addEventListener("mouseover",()=>{s.style="visibility: visible; opacity: 1"}),n.parentNode.addEventListener("mouseout",()=>{s.style="visibility: hidden; opacity: 0"})})}if(navigator&&navigator.clipboard)s(navigator.clipboard);else{const e=document.createElement("script");(n=null)?e.src=i+"/npm/clipboard-polyfill@2.8.6/dist/clipboard-polyfill.min.js":e.src=n+"/npm/clipboard-polyfill@2.8.6/dist/clipboard-polyfill.min.js",e.defer=!0,e.onload=function(){s(clipboard)},document.head.appendChild(e)}},{once:!0})
\ No newline at end of file
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 0000000..c944ce2
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,15 @@
+{
+    "name": "inksoul's blog",
+    "short_name": "inksoul",
+    "icons": [
+        {
+            "src": "./icons/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone",
+    "start_url": "/"
+}
diff --git a/public/mathematics/index.html b/public/mathematics/index.html
new file mode 100644
index 0000000..e4d08da
--- /dev/null
+++ b/public/mathematics/index.html
@@ -0,0 +1,426 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>Mathematics | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/mathematics/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "datePublished": "2022-05-10T20:17:43+00:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/mathematics/",
+        "name": "Mathematics",
+        "description": "飞鸿踏雪是一个个人小站，记录分享个人的学习历程",
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="Mathematics" />
+<meta property="og:description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+<meta property="og:url" content="http://www.inksoul.top/mathematics/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="website" />
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner list">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+        <main class="main list" id="main">
+            <div class="main-inner">
+                <div class="content list-group">
+                    
+                        
+                            <h1 class="list-title">Mathematics</h1>
+                        
+                        
+                    
+
+                    
+
+                    
+                    
+                        
+                        
+                            
+                            
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                        
+                    
+
+                    
+
+                    
+                    
+
+                    
+                    
+                    
+                        
+                        
+                            
+                            
+                        
+                        
+                        
+                        
+                            
+                        
+                        
+                        <h2 class="list-year">2022<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon chinese-zodiac"><path d="M200 729q35-36 140-142 1 0 3 1 7 4 19 11 4 2 13 8 3 2 12 9 5 4 10 10t5 11q4 21 23 35 25 21 28-23v-4q1-6 7-23-7 3-28 10l-2-3q-2-1-6-6-2-3-7-9-3-4-5-11t-1-12q1-4 7-10t16-8q16-3 27 6t21 26q11 16 10 17 3 4-2 11-4 8-12 14-2 1-6 5-1 0-1 1t-1 4-1 5 1 5 3 3q3 1 8 1 6 1 12-2 81-25 31-102-2-4-5-8-2-3-5-7-2-4-5-7-10-18-24-39-13-20-29-33-9-7-19-14-7-4-21-13 24-8 36-11 20-5 10-19-10-13-34-15-26-3-52 30-37-12-74-4-22 4-44 15-8 4-16 9-13 8-24 17-18 14-33 33-8 12-25 35-22 40-33 92-11 53 0 95 2 8 7 25 3 10 6 18 3 7 3 8t2 5 0 3-1 4q-2 0-4 1t-6 2-9 5-7 8q-2 5-4 11t3 13 13 15q3-5 8-15 10-11 14 12 0 6 1 17l12-12q6-5 11-8t11-4q7-1 10 2t4 14q4-1 12-5 7-3 23-8 15-5 21-4-52-50-57-101zm251-216q0-1 4 5 3 5 11 16 1 0 1 3t-1 5-1 5q0 4-4-1-3-1-6-3-2-1-4-3v-27zM143 787q-1 0-1 1l-1 1q1 0 2-2zm162-147q67 96 86 122v13q-33-11-38 8-4 13-3 26 1 12 9 14 8-7 23-22 2 7 9 28 7-6 26-24 4 3 16 11 51-24 55-38-49-59-149-175-9 9-34 37zm252-42q1 22-27 70-14 3-25 9-11 7-19 13-7 6-10 13t-5 14q-2 8-2 13t-1 9v3q5-2 20-6 2 4 6 17 6-5 27-22 4 3 14 13 5-3 22-12v-33q12-4 22-12 9-8 13-16 3-5 8-15 4-8 4-12 1-2 1-4 10-13 40-53-14-4-28-4-13 0-24 1t-19 5q-7 5-13 6-1 1-4 3zm367 110q-3-14-18-59-14-45-15-60-2-16-27-27-30-15-39 10-2 6-1 17-3-8-8-19t-19-36q-15-24-25-28-24-11-86-27-61-17-91-17-20 0 2-16 40-29 99-37 36-5 60 5 26 11 41 23 14 12 17 23 3 12-3 24t-19 22q9 11 29 32 2-2 6-7t15-18q10-14 14-28t3-34q-1-19-12-37-14-21-39-32-25-12-53-14-29-2-58 4-28 6-59 16-15 5-28 10-12 5-20 10-5 4-16 10-7 6-10 10-2 3-7 9-4 5-5 7t-5 5q-25-2-76-5 6 4 15 13 10 10 30 42 21 33 35 74 13-1 38-2 22-1 69 2 48 3 62 10 29 16 56 50 28 35 25 56-2 0-4 1-4 1-11 4-8 3-13 8t-12 11-8 14q-1 7 1 16t13 21v-4l2-7q1-2 3-8 1-3 6-6t12-3q2 29 11 37 17-29 28-30 3 9 8 27 3 7 7 7 4-28 18-28 10 0 24-3 13-3 27-13 12-8 12-19-1-3-1-6zM181 480h-3q-3 0-9-3t-11-8q-5-6-10-16-4-10-6-24-3-35 2-46 6-12 23-14 2 1 5 3t6 13q3 10 2 25-1 11 9 11 18-1 36-24 19-24 4-42-11-15-28-24-18-8-35-10-18-2-34 15-16 18-22 46t-6 51q0 35 14 58 10 17 24 17 17-1 39-28z"/></svg></h2>
+                        
+                            <ul class="list-part">
+        
+            <li class="list-item">
+                <a href="/mathematics/%E5%85%AC%E5%BC%8F%E5%A4%A7%E5%85%A8/" class="list-item-title">《数学一》公式大全</a>
+                <time datetime="2022-12-24T13:05:40&#43;08:00" class="list-item-time">2022-12-24</time>
+            </li>
+        
+        
+    </ul>
+
+
+                        
+                    
+                </div>
+            </div>
+        </main>
+    
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/mathematics/公式大全/index.html b/public/mathematics/公式大全/index.html
new file mode 100644
index 0000000..bfe8dfd
--- /dev/null
+++ b/public/mathematics/公式大全/index.html
@@ -0,0 +1,406 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>《数学一》公式大全 | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="高等数学 函数，极限，连续 函数 函数的定义" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/mathematics/%E5%85%AC%E5%BC%8F%E5%A4%A7%E5%85%A8/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": "2022-12-24T13:05:40+08:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/mathematics/%E5%85%AC%E5%BC%8F%E5%A4%A7%E5%85%A8/",
+        "headline": "《数学一》公式大全",
+        "description": "高等数学 函数，极限，连续 函数 函数的定义",
+        "inLanguage" : "zh-CN",
+        "articleSection": "mathematics",
+        "wordCount":  19 ,
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "author": {
+            "@type": "Person",
+            "email": "qingci30@163.com",
+            "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+            "url": "http://www.inksoul.top",
+            "name": "InkSoul"
+        },
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="《数学一》公式大全" />
+<meta property="og:description" content="高等数学 函数，极限，连续 函数 函数的定义" />
+<meta property="og:url" content="http://www.inksoul.top/mathematics/%E5%85%AC%E5%BC%8F%E5%A4%A7%E5%85%A8/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="article" />
+    <meta property="article:published_time" content="2022-12-24T13:05:40&#43;08:00" />
+    <meta property="article:modified_time" content="2023-06-18T21:19:01&#43;08:00" />
+    
+    <meta property="article:section" content="mathematics" />
+
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    <main class="main single" id="main">
+    <div class="main-inner">
+
+        
+
+        <article class="content post h-entry" data-align="justify" data-type="mathematics" data-toc-num="true">
+
+            <h1 class="post-title p-name">《数学一》公式大全</h1>
+
+            
+
+            
+                
+            
+
+            
+
+            <div class="post-body e-content">
+                <h1 id="高等数学"><a href="#高等数学" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>高等数学</h1>
+<h2 id="函数极限连续"><a href="#函数极限连续" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>函数，极限，连续</h2>
+<h3 id="函数"><a href="#函数" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>函数</h3>
+<h4 id="函数的定义"><a href="#函数的定义" class="anchor-link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon anchor-icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg></a>函数的定义</h4>
+
+            </div>
+
+            
+
+
+        </article>
+
+        
+
+        
+    <div class="updated-badge-container">
+        <span title="Updated @ 2023-06-18 21:19:01 CST" style="cursor:help">
+
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">2023-06-18</text><text x="915" y="140" textLength="650" transform="scale(.1)">2023-06-18</text></g></svg>
+        </span></div>
+
+
+
+        
+
+
+        
+
+
+        
+
+
+        
+    
+
+
+
+        
+
+
+        
+
+
+        
+    
+        
+        
+    
+    
+    
+    
+
+
+
+        
+
+
+    </div>
+</main>
+
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..4f9540b
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1 @@
+User-agent: *
\ No newline at end of file
diff --git a/public/rss.xml b/public/rss.xml
new file mode 100644
index 0000000..55a94e6
Binary files /dev/null and b/public/rss.xml differ
diff --git a/public/sitemap.xml b/public/sitemap.xml
new file mode 100644
index 0000000..3a3a177
--- /dev/null
+++ b/public/sitemap.xml
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  <url>
+    <loc>http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E5%8F%91%E5%B1%95%E5%8E%86%E7%A8%8B/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/408/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/mathematics/%E5%85%AC%E5%BC%8F%E5%A4%A7%E5%85%A8/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/mathematics/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/408/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E7%BA%BF%E6%80%A7%E8%A1%A8/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/stuff/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/stuff/result/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/408/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E5%8A%A8%E7%94%BB/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E5%85%89%E5%9C%BA%E9%A2%9C%E8%89%B2%E5%92%8C%E6%84%9F%E7%9F%A5/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E7%9B%B8%E6%9C%BA%E4%B8%8E%E9%80%8F%E9%95%9C/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E9%AB%98%E7%BA%A7%E5%85%89%E7%BA%BF%E4%BC%A0%E6%92%AD%E4%B8%8E%E5%A4%8D%E6%9D%82%E5%A4%96%E8%A7%82%E5%BB%BA%E6%A8%A1/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E6%9D%90%E8%B4%A8%E4%B8%8E%E5%A4%96%E8%A7%82/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E8%B7%AF%E5%BE%84%E8%BF%BD%E8%B8%AA/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E5%8F%8C%E5%90%91%E5%8F%8D%E5%B0%84%E5%88%86%E5%B8%83%E5%87%BD%E6%95%B0/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E8%BE%90%E5%B0%84%E5%BA%A6%E9%87%8F%E5%AD%A6/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA%E5%8A%A0%E9%80%9F%E7%BB%93%E6%9E%84%E5%92%8C%E7%AE%97%E6%B3%95/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/whitted-style%E5%85%89%E7%BA%BF%E8%BF%BD%E8%B8%AA/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E5%87%A0%E4%BD%95geometry/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E7%BA%B9%E7%90%86/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E5%B8%B8%E7%94%A8%E5%85%89%E7%85%A7%E6%A8%A1%E5%9E%8B/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/algorithm/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/algorithm/%E6%8E%92%E5%BA%8F%E5%90%88%E9%9B%86/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/z-buffer_%E6%B7%B1%E5%BA%A6%E7%BC%93%E5%AD%98/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/taa/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E8%B5%B0%E6%A0%B7%E4%B8%8E%E5%8F%8D%E8%B5%B0%E6%A0%B7/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E9%87%87%E6%A0%B7%E4%B8%8E%E5%85%89%E6%A0%85%E5%8C%96/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/about/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/algorithm/%E9%80%92%E5%BD%92/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/computergraphic/%E5%9F%BA%E6%9C%AC%E5%8F%98%E6%8D%A2/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/algorithm/%E5%88%86%E6%B2%BB%E6%B3%95/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/categories/</loc>
+    <lastmod>2023-06-18T21:19:01+08:00</lastmod>
+  </url><url>
+    <loc>http://www.inksoul.top/tags/</loc>
+  </url>
+</urlset>
diff --git a/public/stuff/index.html b/public/stuff/index.html
new file mode 100644
index 0000000..00ca58d
--- /dev/null
+++ b/public/stuff/index.html
@@ -0,0 +1,426 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>Stuff | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/stuff/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "datePublished": "2022-05-10T20:17:43+00:00",
+        "dateModified": "2023-06-18T21:19:01+08:00",
+        "url": "http://www.inksoul.top/stuff/",
+        "name": "Stuff",
+        "description": "飞鸿踏雪是一个个人小站，记录分享个人的学习历程",
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="Stuff" />
+<meta property="og:description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+<meta property="og:url" content="http://www.inksoul.top/stuff/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="website" />
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner list">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item active"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+        <main class="main list" id="main">
+            <div class="main-inner">
+                <div class="content list-group">
+                    
+                        
+                            <h1 class="list-title">Stuff</h1>
+                        
+                        
+                    
+
+                    
+
+                    
+                    
+                        
+                        
+                            
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                                    
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                                
+                            
+                        
+                    
+
+                    
+
+                    
+                    
+
+                    
+                    
+                    
+                        
+                        
+                            
+                            
+                        
+                        
+                        
+                        
+                            
+                        
+                        
+                        <h2 class="list-year">2022<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon chinese-zodiac"><path d="M200 729q35-36 140-142 1 0 3 1 7 4 19 11 4 2 13 8 3 2 12 9 5 4 10 10t5 11q4 21 23 35 25 21 28-23v-4q1-6 7-23-7 3-28 10l-2-3q-2-1-6-6-2-3-7-9-3-4-5-11t-1-12q1-4 7-10t16-8q16-3 27 6t21 26q11 16 10 17 3 4-2 11-4 8-12 14-2 1-6 5-1 0-1 1t-1 4-1 5 1 5 3 3q3 1 8 1 6 1 12-2 81-25 31-102-2-4-5-8-2-3-5-7-2-4-5-7-10-18-24-39-13-20-29-33-9-7-19-14-7-4-21-13 24-8 36-11 20-5 10-19-10-13-34-15-26-3-52 30-37-12-74-4-22 4-44 15-8 4-16 9-13 8-24 17-18 14-33 33-8 12-25 35-22 40-33 92-11 53 0 95 2 8 7 25 3 10 6 18 3 7 3 8t2 5 0 3-1 4q-2 0-4 1t-6 2-9 5-7 8q-2 5-4 11t3 13 13 15q3-5 8-15 10-11 14 12 0 6 1 17l12-12q6-5 11-8t11-4q7-1 10 2t4 14q4-1 12-5 7-3 23-8 15-5 21-4-52-50-57-101zm251-216q0-1 4 5 3 5 11 16 1 0 1 3t-1 5-1 5q0 4-4-1-3-1-6-3-2-1-4-3v-27zM143 787q-1 0-1 1l-1 1q1 0 2-2zm162-147q67 96 86 122v13q-33-11-38 8-4 13-3 26 1 12 9 14 8-7 23-22 2 7 9 28 7-6 26-24 4 3 16 11 51-24 55-38-49-59-149-175-9 9-34 37zm252-42q1 22-27 70-14 3-25 9-11 7-19 13-7 6-10 13t-5 14q-2 8-2 13t-1 9v3q5-2 20-6 2 4 6 17 6-5 27-22 4 3 14 13 5-3 22-12v-33q12-4 22-12 9-8 13-16 3-5 8-15 4-8 4-12 1-2 1-4 10-13 40-53-14-4-28-4-13 0-24 1t-19 5q-7 5-13 6-1 1-4 3zm367 110q-3-14-18-59-14-45-15-60-2-16-27-27-30-15-39 10-2 6-1 17-3-8-8-19t-19-36q-15-24-25-28-24-11-86-27-61-17-91-17-20 0 2-16 40-29 99-37 36-5 60 5 26 11 41 23 14 12 17 23 3 12-3 24t-19 22q9 11 29 32 2-2 6-7t15-18q10-14 14-28t3-34q-1-19-12-37-14-21-39-32-25-12-53-14-29-2-58 4-28 6-59 16-15 5-28 10-12 5-20 10-5 4-16 10-7 6-10 10-2 3-7 9-4 5-5 7t-5 5q-25-2-76-5 6 4 15 13 10 10 30 42 21 33 35 74 13-1 38-2 22-1 69 2 48 3 62 10 29 16 56 50 28 35 25 56-2 0-4 1-4 1-11 4-8 3-13 8t-12 11-8 14q-1 7 1 16t13 21v-4l2-7q1-2 3-8 1-3 6-6t12-3q2 29 11 37 17-29 28-30 3 9 8 27 3 7 7 7 4-28 18-28 10 0 24-3 13-3 27-13 12-8 12-19-1-3-1-6zM181 480h-3q-3 0-9-3t-11-8q-5-6-10-16-4-10-6-24-3-35 2-46 6-12 23-14 2 1 5 3t6 13q3 10 2 25-1 11 9 11 18-1 36-24 19-24 4-42-11-15-28-24-18-8-35-10-18-2-34 15-16 18-22 46t-6 51q0 35 14 58 10 17 24 17 17-1 39-28z"/></svg></h2>
+                        
+                            <ul class="list-part">
+        
+            <li class="list-item">
+                <a href="/stuff/result/" class="list-item-title">每日一题</a>
+                <time datetime="2022-08-22T21:53:27&#43;08:00" class="list-item-time">2022-08-22</time>
+            </li>
+        
+        
+    </ul>
+
+
+                        
+                    
+                </div>
+            </div>
+        </main>
+    
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/public/stuff/result/index.html b/public/stuff/result/index.html
new file mode 100644
index 0000000..711733a
Binary files /dev/null and b/public/stuff/result/index.html differ
diff --git a/public/sw.js b/public/sw.js
new file mode 100644
index 0000000..30a5514
--- /dev/null
+++ b/public/sw.js
@@ -0,0 +1,45 @@
+/**
+  References:
+
+  1. https://developers.google.com/web/fundamentals/primers/service-workers
+  2. https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook
+  3. https://googlechrome.github.io/samples/service-worker/
+  4. https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
+  5. https://serviceworke.rs/
+  6. https://www.youtube.com/watch?v=baSiSIyTGSk
+*/
+
+const RUNTIME = 'runtime';
+
+self.skipWaiting();
+
+self.addEventListener('fetch', (event) => {
+  // Do nothing if not the same origin
+  if (!event.request.url.startsWith(self.location.origin)) {
+    return;
+  }
+
+  // Network first strategy
+  event.respondWith(
+    (async () => {
+      const cache = await caches.open(RUNTIME);
+
+      try {
+        const networkResponse = await fetch(event.request);
+
+        // Save/Update cache if network response is ok
+        if (networkResponse && networkResponse.status === 200) {
+          cache.put(event.request, networkResponse.clone());
+        }
+
+        return networkResponse;
+      } catch (e) {
+        const cachedResponse = await cache.match(event.request);
+
+        return cachedResponse;
+      }
+    })()
+  );
+});
+
+;
diff --git a/public/tags/index.html b/public/tags/index.html
new file mode 100644
index 0000000..25e26c2
--- /dev/null
+++ b/public/tags/index.html
@@ -0,0 +1,326 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
+    <meta charset="UTF-8" />
+
+    <meta name="generator" content="Hugo 0.113.0"><meta name="theme-color" content="#fff" />
+    <meta name="color-scheme" content="light dark">
+
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>Tags | 飞鸿踏雪</title>
+
+    <link rel="stylesheet" href="/css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css"/>
+
+    
+    
+        <script src="/js/meme.min.ac2b48f322cff6a9a8036be3baf3e59e300cd9e4191997a8c3765f79de02bf8d.js"></script>
+
+    
+
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB&#43;Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&amp;family=Noto&#43;Serif&#43;SC:wght@400;500;700&amp;family=Source&#43;Code&#43;Pro:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" /></noscript>
+
+    <meta name="author" content="InkSoul" /><meta name="description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#2a6df4" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="飞鸿踏雪" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="飞鸿踏雪" />
+    <meta name="msapplication-starturl" content="../" />
+    <meta name="msapplication-TileColor" content="#fff" />
+    <meta name="msapplication-TileImage" content="../icons/mstile-150x150.png" />
+    <link rel="manifest" href="/manifest.json" />
+
+    
+    
+
+    
+    <link rel="canonical" href="http://www.inksoul.top/tags/" />
+    
+
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "datePublished": "2022-05-10T20:17:43+00:00",
+        "dateModified": "2022-05-10T20:17:43+00:00",
+        "url": "http://www.inksoul.top/tags/",
+        "name": "Tags",
+        "description": "飞鸿踏雪是一个个人小站，记录分享个人的学习历程",
+        "image": "http://www.inksoul.top/icons/apple-touch-icon.png",
+        "license": "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)",
+        "publisher": {
+            "@type": "Organization",
+            "name": "飞鸿踏雪",
+            "logo": {
+                "@type": "ImageObject",
+                "url": "http://www.inksoul.top/icons/apple-touch-icon.png"
+            },
+            "url": "http://www.inksoul.top/"
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": "http://www.inksoul.top/"
+        }
+    }
+</script>
+
+    
+    
+
+
+
+<meta property="og:title" content="Tags" />
+<meta property="og:description" content="飞鸿踏雪是一个个人小站，记录分享个人的学习历程" />
+<meta property="og:url" content="http://www.inksoul.top/tags/" />
+<meta property="og:site_name" content="飞鸿踏雪" />
+<meta property="og:locale" content="zh" /><meta property="og:image" content="http://www.inksoul.top/icons/apple-touch-icon.png" />
+    <meta property="og:type" content="website" />
+
+
+    
+    
+
+    
+</head>
+
+    <body>
+        <div class="container">
+            
+    <header class="header">
+        
+            <div class="header-wrapper">
+                <div class="header-inner single">
+                    
+    <div class="site-brand">
+        
+            <a href="/" class="brand">飞鸿踏雪</a>
+        
+    </div>
+
+                    <nav class="nav">
+    <ul class="menu" id="menu">
+        
+            
+        
+        
+        
+        
+            
+                <li class="menu-item"><a href="/computergraphic/"><svg class="icon computergraphic" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg><span class="menu-item-name">图形学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/algorithm/"><svg class="icon algorithm" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg><span class="menu-item-name">算法</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/mathematics/"><svg class="icon mathematics" fill="none"  stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path stroker-linecap="round" stroke-linejoin="round" stroker-width="2" d="M576 32.01c0-17.69-14.33-31.1-32-31.1l-224-.0049c-14.69 0-27.48 10-31.05 24.25L197.9 388.3L124.6 241.7C119.2 230.9 108.1 224 96 224L32 224c-17.67 0-32 14.31-32 31.1s14.33 32 32 32h44.22l103.2 206.3c5.469 10.91 16.6 17.68 28.61 17.68c1.172 0 2.323-.0576 3.495-.1826c13.31-1.469 24.31-11.06 27.56-24.06l105.9-423.8H544C561.7 64.01 576 49.7 576 32.01zM566.6 233.4c-12.5-12.5-32.75-12.5-45.25 0L480 274.8l-41.38-41.37c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l41.38 41.38l-41.38 41.38c-12.5 12.5-12.5 32.75 0 45.25C399.6 412.9 407.8 416 416 416s16.38-3.125 22.62-9.375L480 365.3l41.38 41.38C527.6 412.9 535.8 416 544 416s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-41.38-41.38L566.6 278.6C579.1 266.1 579.1 245.9 566.6 233.4z"/></svg><span class="menu-item-name">数学</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/408/"><svg class="icon 408" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon 408s, Inc. --><path d="M172.1 40.16L268.1 3.76C280.9-1.089 295.1-1.089 307.9 3.76L403.9 40.16C425.6 48.41 440 69.25 440 92.52V204.7C441.3 205.1 442.6 205.5 443.9 205.1L539.9 242.4C561.6 250.6 576 271.5 576 294.7V413.9C576 436.1 562.9 456.2 542.5 465.1L446.5 507.3C432.2 513.7 415.8 513.7 401.5 507.3L288 457.5L174.5 507.3C160.2 513.7 143.8 513.7 129.5 507.3L33.46 465.1C13.13 456.2 0 436.1 0 413.9V294.7C0 271.5 14.39 250.6 36.15 242.4L132.1 205.1C133.4 205.5 134.7 205.1 136 204.7V92.52C136 69.25 150.4 48.41 172.1 40.16V40.16zM290.8 48.64C289 47.95 286.1 47.95 285.2 48.64L206.8 78.35L287.1 109.5L369.2 78.35L290.8 48.64zM392 210.6V121L309.6 152.6V241.8L392 210.6zM154.8 250.9C153 250.2 150.1 250.2 149.2 250.9L70.81 280.6L152 311.7L233.2 280.6L154.8 250.9zM173.6 455.3L256 419.1V323.2L173.6 354.8V455.3zM342.8 280.6L424 311.7L505.2 280.6L426.8 250.9C425 250.2 422.1 250.2 421.2 250.9L342.8 280.6zM528 413.9V323.2L445.6 354.8V455.3L523.2 421.2C526.1 419.9 528 417.1 528 413.9V413.9z"/></svg><span class="menu-item-name">408</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/stuff/"><svg class="icon stuff" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticon stuffs, Inc. --><path d="M216 104C202.8 104 192 114.8 192 128s10.75 24 24 24c79.41 0 144 64.59 144 144C360 309.3 370.8 320 384 320s24-10.75 24-24C408 190.1 321.9 104 216 104zM224 0C206.3 0 192 14.31 192 32s14.33 32 32 32c123.5 0 224 100.5 224 224c0 17.69 14.33 32 32 32s32-14.31 32-32C512 129.2 382.8 0 224 0zM188.9 346l27.37-27.37c2.625 .625 5.059 1.506 7.809 1.506c17.75 0 31.99-14.26 31.99-32c0-17.62-14.24-32.01-31.99-32.01c-17.62 0-31.99 14.38-31.99 32.01c0 2.875 .8099 5.25 1.56 7.875L166.2 323.4L49.37 206.5c-7.25-7.25-20.12-6-24.1 3c-41.75 77.88-29.88 176.7 35.75 242.4c65.62 65.62 164.6 77.5 242.4 35.75c9.125-5 10.38-17.75 3-25L188.9 346z"/></svg><span class="menu-item-name">杂物</span></a>
+                </li>
+            
+        
+            
+                <li class="menu-item"><a href="/about/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon user-circle"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg><span class="menu-item-name">关于</span></a>
+                </li>
+            
+        
+            
+                
+                    
+                    
+                        <li class="menu-item">
+                            <a id="theme-switcher" href="#"><span class="icon theme-icon-light">🌞</span><span class="icon theme-icon-dark">🌙</span></a>
+                        </li>
+                    
+                
+            
+        
+            
+                
+            
+        
+    </ul>
+</nav>
+
+                    
+                </div>
+            </div>
+            
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+
+
+        
+    </header>
+
+
+
+
+            
+            
+    
+        
+<main class="main list" id="main">
+    <div class="main-inner">
+        <div class="content tag-cloud">
+            
+                <h1 class="list-title">Tags</h1>
+            
+            
+        </div>
+    </div>
+</main>
+    
+
+            
+    <div id="back-to-top" class="back-to-top">
+        <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon arrow-up"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg></a>
+    </div>
+
+
+            
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">©&nbsp;2022–2023&nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon footer-icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>&nbsp;InkSoul</div><div class="powered-by">Powered by <a href="https://github.com/gohugoio/hugo" target="_blank" rel="noopener">Hugo</a> | Theme is <a href="https://github.com/reuixiy/hugo-theme-meme" target="_blank" rel="noopener">MemE</a></div><div class="site-copyright"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC-SA 4.0</a></div><div class="custom-footer"><a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备2022009452号-1</a></div>
+
+            
+    
+        <ul class="socials"><li class="socials-item">
+                    <a href="mailto:qingci30@163.com" target="_blank" rel="external noopener" title="Email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon social-icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://github.com/ink-soul" target="_blank" rel="external noopener" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon social-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="gitea"><svg  class="icon social-icon" style="color: white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea</title><path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" fill="none"></path></svg></a>
+                </li><li class="socials-item">
+                    <a href="https://space.bilibili.com/262369930" target="_blank" rel="external noopener" title="bilibili"><svg class="icon social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z"/></svg></a>
+                </li></ul>
+    
+
+
+
+            
+        </div>
+    </footer>
+
+
+        </div>
+        <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('\/sw.js');
+            });
+        }
+    </script>
+
+
+        
+    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: 'https:\/\/fastly.jsdelivr.net/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
+
+
+
+
+    <script src="https://fastly.jsdelivr.net/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
+
+
+
+
+
+
+
+    </body>
+</html>
diff --git a/resources/CNAME b/resources/CNAME
new file mode 100644
index 0000000..6561b99
--- /dev/null
+++ b/resources/CNAME
@@ -0,0 +1 @@
+inksoul.top
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/main.scss_a059ebc49e8302e6cfbf0e02020b9d85.content b/resources/_gen/assets/scss/scss/main.scss_a059ebc49e8302e6cfbf0e02020b9d85.content
new file mode 100644
index 0000000..73030fc
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/main.scss_a059ebc49e8302e6cfbf0e02020b9d85.content
@@ -0,0 +1,10 @@
+html{scroll-behavior:smooth}html,body{margin:0;width:100%;height:100%;font-size:16px;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none}body{-moz-tab-size:4;tab-size:4;color:var(--color-contrast-high);background-color:var(--color-bg);overflow-wrap:break-word;word-wrap:break-word;line-height:1.618;transition:all .5s}.container{min-height:100%;min-width:100%;position:relative}.main{padding:2em 1em 15em;display:block}.main{padding-top:7em}.main-inner{margin:0 auto;display:block}.icon{width:1.05em;height:1em;fill:currentColor;display:inline-block}svg{vertical-align:middle}h1,h2,h3,h4,h5,h6{margin:1.618em 0 1em;color:var(--color-contrast-higher)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none !important;color:var(--color-contrast-higher)}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}a{color:var(--color-contrast-high);text-decoration:none;transition:all .5s}a:hover{color:var(--color-primary)}::selection{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.3)}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{background-color:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-contrast-low)}::-webkit-scrollbar-thumb:hover{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}::-webkit-scrollbar-thumb:active{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.75)}::-webkit-scrollbar-corner{background-color:var(--color-bg)}.list-title,.term-title,.list-year,.list-month,.post-title,.post-subtitle,.related-title,.post-nav,thead,dt{font-family:"glyph-correction","Noto Serif SC","EB Garamond",serif}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-family:"glyph-correction","Noto Serif SC","EB Garamond",serif}.contents-title{font-family:"glyph-correction","Noto Serif SC","EB Garamond",serif}code,pre,sup,.post-meta,.updated-badge,.post-gitinfo,.minimal-footer,.minimal-footer-about,.busuanzi-site-uv-and-pv,.copy-button{font-family:"glyph-correction","Source Code Pro","Noto Serif SC",monospace}body{font-family:"glyph-correction","EB Garamond","Noto Serif SC",serif}@font-face{font-family:'glyph-correction';font-display:swap;src:url("/fonts/glyph-correction.woff2") format("woff2"),url("/fonts/glyph-correction.woff") format("woff"),url("/fonts/glyph-correction.ttf") format("truetype"),url("/fonts/glyph-correction.eot") format("embedded-opentype");unicode-range:U+00B7, U+2014, U+2022, U+2026;font-weight:inherit;font-style:inherit}.drop-cap{margin-top:1rem !important}.emphasis-point{font-style:normal;text-emphasis:'•';-webkit-text-emphasis:'•';-moz-text-emphasis:'•';text-emphasis-position:under;-webkit-text-emphasis-position:under;-moz-text-emphasis-position:under}[data-indent="true"] .contents-title{text-align:center}[data-indent="true"] .post-body p{text-indent:2em;margin:0}[data-indent="true"] .post-body .caption{text-indent:0;margin:0 0 1em}[data-indent="true"] .post-body blockquote{margin:1em 0;padding:0;border:none}[data-indent="true"] .post-body img,[data-indent="true"] .post-body video{margin:1em auto}[data-indent="true"] .post-body table{margin:1em 0}[data-indent="true"] .post-body pre,[data-indent="true"] .post-body .highlight{margin:1rem 0}[data-indent="true"] .post-body h1,[data-indent="true"] .post-body h2,[data-indent="true"] .post-body h3,[data-indent="true"] .post-body h4,[data-indent="true"] .post-body h5,[data-indent="true"] .post-body h6{text-align:center}[data-indent="true"] .post-body .anchor-link{position:relative;transform:none;display:block;float:none}[data-indent="true"] .post-body ol,[data-indent="true"] .post-body ul{margin:0;padding-left:4em}[data-indent="true"] .post-body ol p,[data-indent="true"] .post-body ul p{text-indent:0}[data-indent="true"] .post-body li ol,[data-indent="true"] .post-body li ul{padding-left:2em}[data-indent="true"] .post-body dl{text-indent:2em}[data-indent="true"] .post-body dl dd{text-indent:0;margin-left:4em}[data-indent="true"] .post-body dl p{text-indent:0}@media (prefers-color-scheme: light){:root:not([data-theme]){--theme-name: "light";--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #006699;--chroma-name-color: #9999ff;--chroma-attribute-color: #330099;--chroma-literal-color: #cc3300;--chroma-number-color: #ff6600;--chroma-comment-color: #0099ff;--chroma-deleted-color: #ffcccc;--chroma-output-color: #aaaaaa}:root:not([data-theme]) .theme-icon-light{display:inline-block}:root:not([data-theme]) .theme-icon-dark{display:none}:root:not([data-theme]) img{filter:none}}:root{--theme-name: "light";--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #006699;--chroma-name-color: #9999ff;--chroma-attribute-color: #330099;--chroma-literal-color: #cc3300;--chroma-number-color: #ff6600;--chroma-comment-color: #0099ff;--chroma-deleted-color: #ffcccc;--chroma-output-color: #aaaaaa}:root .theme-icon-light{display:inline-block}:root .theme-icon-dark{display:none}:root img{filter:none}@media (prefers-color-scheme: dark){:root:not([data-theme]){--theme-name: "dark";--color-primary:hsl(201, 65%, 62%);--color-primary-h:201;--color-primary-s:65%;--color-primary-l:62%;--color-bg:hsl(231, 14%, 10%);--color-bg-h:231;--color-bg-s:14%;--color-bg-l:10%;--color-contrast-lower:hsl(230, 12%, 18%);--color-contrast-lower-h:230;--color-contrast-lower-s:12%;--color-contrast-lower-l:18%;--color-contrast-low:hsl(240, 2%, 37%);--color-contrast-low-h:240;--color-contrast-low-s:2%;--color-contrast-low-l:37%;--color-contrast-medium:hsl(80, 2%, 69%);--color-contrast-medium-h:80;--color-contrast-medium-s:2%;--color-contrast-medium-l:69%;--color-contrast-high:hsl(69, 9%, 84%);--color-contrast-high-h:69;--color-contrast-high-s:9%;--color-contrast-high-l:84%;--color-contrast-higher:hsl(60, 6%, 90%);--color-contrast-higher-h:60;--color-contrast-higher-s:6%;--color-contrast-higher-l:90%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #ff79c6;--chroma-name-color: #8be9fd;--chroma-attribute-color: #50fa7b;--chroma-literal-color: #f1fa8c;--chroma-number-color: #bd93f9;--chroma-comment-color: #6272a4;--chroma-deleted-color: #8b080b;--chroma-output-color: #44475a}:root:not([data-theme]) .theme-icon-light{display:none}:root:not([data-theme]) .theme-icon-dark{display:inline-block}:root:not([data-theme]) img{filter:brightness(75%)}}:root[data-theme="dark"]{--theme-name: "dark";--color-primary:hsl(201, 65%, 62%);--color-primary-h:201;--color-primary-s:65%;--color-primary-l:62%;--color-bg:hsl(231, 14%, 10%);--color-bg-h:231;--color-bg-s:14%;--color-bg-l:10%;--color-contrast-lower:hsl(230, 12%, 18%);--color-contrast-lower-h:230;--color-contrast-lower-s:12%;--color-contrast-lower-l:18%;--color-contrast-low:hsl(240, 2%, 37%);--color-contrast-low-h:240;--color-contrast-low-s:2%;--color-contrast-low-l:37%;--color-contrast-medium:hsl(80, 2%, 69%);--color-contrast-medium-h:80;--color-contrast-medium-s:2%;--color-contrast-medium-l:69%;--color-contrast-high:hsl(69, 9%, 84%);--color-contrast-high-h:69;--color-contrast-high-s:9%;--color-contrast-high-l:84%;--color-contrast-higher:hsl(60, 6%, 90%);--color-contrast-higher-h:60;--color-contrast-higher-s:6%;--color-contrast-higher-l:90%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #ff79c6;--chroma-name-color: #8be9fd;--chroma-attribute-color: #50fa7b;--chroma-literal-color: #f1fa8c;--chroma-number-color: #bd93f9;--chroma-comment-color: #6272a4;--chroma-deleted-color: #8b080b;--chroma-output-color: #44475a}:root[data-theme="dark"] .theme-icon-light{display:none}:root[data-theme="dark"] .theme-icon-dark{display:inline-block}:root[data-theme="dark"] img{filter:brightness(75%)}#theme-switcher{color:var(--color-contrast-medium);transition:color .5s;z-index:4}#theme-switcher:hover{color:var(--color-primary)}#theme-switcher .icon{margin-right:0 !important}.header{z-index:3}.header{position:fixed;width:100vw}.header-wrapper{padding:1em 0;-webkit-backdrop-filter:saturate(180%) blur(1em);backdrop-filter:saturate(180%) blur(1em);background:linear-gradient(90deg, rgba(247,149,51,0.101961) 0, rgba(243,112,85,0.101961) 15%, rgba(239,78,123,0.101961) 30%, rgba(161,102,171,0.101961) 44%, rgba(80,115,184,0.101961) 58%, rgba(16,152,173,0.101961) 72%, rgba(7,179,155,0.101961) 86%, rgba(109,186,130,0.101961) 100%);transition:background .5s}.header-inner{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:36em}.header-inner.list{max-width:36em}.site-brand{margin-right:1em}.brand{font-size:1em;color:var(--color-contrast-high);text-decoration:none}.brand:hover{color:var(--color-contrast-high)}:root{--header-height: calc(
+            max(
+                /* brand */
+                25.888px,
+                /* menu */
+                19.2px /* {.nav font-size} * {.menu line-height} */
+            )
+            /* .header-wrapper top+bottom margin */
+            + 32px
+        )}*[id]{scroll-margin-top:var(--header-height)}#nav-toggle{display:none}.nav-toggle{display:none;position:absolute;top:1em;right:1em;margin-right:1em;width:1em;height:1em;cursor:pointer}.nav-toggle-inner{padding:1em;display:inline-block}.nav-toggle span{display:block;position:absolute;height:0.1em;width:1em;background-color:var(--color-contrast-high);transition:all .5s}.nav-toggle span:nth-child(1){top:0.4em}.nav-toggle span:nth-child(2){top:0.7em}.nav-toggle span:nth-child(3){top:1em}.nav-toggle.open span:nth-child(1){top:75%;transform:rotate(225deg)}.nav-toggle.open span:nth-child(2){width:0;opacity:0;transform:rotate(-135deg)}.nav-toggle.open span:nth-child(3){top:75%;transform:rotate(-45deg)}.nav-curtain{height:100vh;width:100vw;-webkit-backdrop-filter:saturate(180%) blur(1em);backdrop-filter:saturate(180%) blur(1em);background:linear-gradient(90deg, rgba(247,149,51,0.101961) 0, rgba(243,112,85,0.101961) 15%, rgba(239,78,123,0.101961) 30%, rgba(161,102,171,0.101961) 44%, rgba(80,115,184,0.101961) 58%, rgba(16,152,173,0.101961) 72%, rgba(7,179,155,0.101961) 86%, rgba(109,186,130,0.101961) 100%) rgba(0,0,0,0.5)}.nav{z-index:3;position:relative}.menu{padding:0;margin:0;list-style:none;line-height:1.5;font-weight:500}.menu-item{display:inline-block}.menu-item a{color:var(--color-contrast-medium)}.menu-item a:hover{color:var(--color-primary)}.active a{color:var(--color-primary)}.nav{text-align:right;font-size:80%}.menu-item{margin-left:0.5em}.menu-item .icon{margin:0 0.3em 0.2em 0}.list .main-inner{width:36em}.list-title{text-align:center}.list ul{list-style:none;padding:0}.list-item-title{flex:1}.list-item-time{text-align:right;margin-left:1em}.list-item{line-height:2;position:relative;transition:border .5s;border-bottom:1px dashed var(--color-contrast-low);margin-top:1em;padding-bottom:0.5em;display:flex;align-items:baseline}.list-item:hover{border-bottom-color:var(--color-primary)}.list-item:hover ::before{background:var(--color-primary)}.list-item ::before{content:" ";position:absolute;left:0.618em;top:0.618em;width:5.33333333px;height:5.33333333px;background:var(--color-contrast-low);border-radius:50%;border:1px solid var(--color-bg);transition:background .5s;font-size:1rem}.list-item-title{margin:0 0.618em 0 2em;font-size:1.2em;line-height:1.5}.list-item-time{margin:0 0.618em 0 2em;color:var(--color-contrast-medium);line-height:1.5}.list-read-more{margin-top:1em;font-size:1.2em;line-height:1.5}.list-year{display:flex;justify-content:space-between;align-items:baseline}.term-count{color:var(--color-contrast-medium);font-size:0.7em}.single .main-inner{width:36em}.post-title{text-align:center}.post-subtitle{font-size:1.8em;text-align:center;font-weight:700;margin-top:-0.618em}.post-description{text-align:center;margin:1rem 0;font-size:90%}.post-body{margin-top:5em !important}.post-body a{text-decoration:underline;text-decoration-color:var(--color-contrast-low)}.post-body a:hover{text-decoration-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}.post p{margin:1em 0;line-height:2}.post img{display:block;margin:2em auto;max-width:100%;border:1px solid var(--color-contrast-lower);clear:both}.post video{display:block;max-width:100%;margin:2em auto;clear:both}.post sup{font-size:70%;vertical-align:super}.post sup a{text-decoration:none}.post ol,.post ul{margin:0;padding-left:2em;line-height:2}.post hr{border:none;margin:2.427em 0 1.5em;text-align:center}.post hr::after{content:"···";letter-spacing:2em;padding-left:2em}blockquote{margin:2em 0;padding-left:1em;color:var(--color-contrast-medium);border-left:3px solid var(--color-contrast-low)}blockquote a{color:var(--color-contrast-medium)}blockquote a:hover{color:var(--color-primary)}.drop-cap{float:left;font-size:48px;margin-right:16px;margin-top:8px;line-height:32px}.caption{display:block;text-align:center;margin:-1em 0 0;font-size:90%;color:var(--color-contrast-medium)}.contents{margin-top:5em}.contents ol,.contents ul{list-style:none}ol.toc,ul.toc{padding:0;overflow:auto hidden;white-space:nowrap}.footnotes{font-size:90%;margin-top:5rem}.footnotes hr{margin:0;height:1px;border:none;background-color:var(--color-contrast-medium)}.footnotes hr::after{content:none}.footnotes ol{margin:1.618rem 0 0 !important;padding:0 1rem 0 2rem !important}.footnote-icon{fill:hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), 0.5);transition:fill .5s;margin-bottom:0.3em}.footnote-icon:hover{fill:var(--color-primary)}.anchor-link{position:absolute;transform:translate(-150%)}.anchor-icon{width:0.75em;height:0.75em;vertical-align:baseline}:root{--anchor-opacity: 0}.anchor-link{opacity:var(--anchor-opacity);transition:all .25s}.post h1:hover,.post h2:hover,.post h3:hover,.post h4:hover,.post h5:hover,.post h6:hover,.post .anchor-link:hover{--anchor-opacity: 1}.table-container{margin:2em 0;overflow-x:auto}table{width:100%;border-collapse:collapse;border-spacing:0;border-color:var(--color-contrast-lower)}th{font-weight:700}th,td{font-size:0.9em;padding:0.4em;border:1px solid var(--color-contrast-lower)}table>tbody>tr:nth-of-type(odd){background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5)}table>tbody>tr:hover{background-color:var(--color-contrast-lower)}dt{font-weight:700}dd{margin-left:2em}code{padding:2px 4px;background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5);font-size:80%}pre{overflow:auto;overflow-wrap:normal;word-wrap:normal;font-size:0.8rem;margin:2rem 0;padding:1em;line-height:1.618;background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5)}pre code{background-color:unset;font-size:0.8rem;padding:0}pre{max-height:40em}.copy-button{position:absolute;top:0;right:0;border:0;font-size:inherit;color:var(--color-bg);background-color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.5);transition:all .5s;cursor:pointer}.copy-button:hover{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}.copy-button{visibility:hidden;opacity:0}.katex-display,mjx-container[jax="CHTML"][display="true"]{overflow:auto hidden;text-indent:0}.footer{position:absolute;bottom:0;width:100%;font-size:90%;color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.8)}.footer a{color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.8)}.footer a:hover{color:var(--color-primary)}.footer-inner{padding:1em;text-align:center}.footer-icon{margin:0 0.25em 0.3em}.footer-icon{fill:#f06292}@keyframes heartbeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(0.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}.footer-icon{animation:heartbeat 1.33s ease-in-out infinite}.post-copyright{margin:0;list-style:none;margin-top:5em !important;padding:0.5em 1em;background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5);border-left:3px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5);line-height:2}.copyright-item{line-height:1.5;margin:0.5em 0}.copyright-item-text{font-weight:500}.updated-badge-container{margin-top:5em;text-align:center}.updated-badge-left{fill:var(--color-contrast-low)}.updated-badge-right{fill:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}.post-tags{margin-top:5rem;text-align:center;font-size:90%}.post-tags-link{color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.9);margin:0 0.5em;line-height:2;display:inline-block}.tag-icon{margin-right:0.3em;font-size:80%}.post-nav{list-style:none;padding:0;display:flex;justify-content:space-between;border-top:1px solid var(--color-contrast-lower);font-weight:700;margin-top:5em;padding-top:0.618em}.post-nav-prev{margin-right:auto;max-width:42%}.post-nav-next{margin-left:auto;text-align:right;max-width:42%}.back-to-top{position:fixed;right:0;z-index:1}.back-to-top a{display:block;padding:1em;color:var(--color-contrast-medium)}.back-to-top a:hover{color:var(--color-primary)}.back-to-top{bottom:-3.6em;transition:bottom 0.3s ease-in-out}.back-to-top.show{bottom:0}.highlight{font-size:0.8rem;margin:2rem 0}.highlight pre{margin:0 !important;max-height:unset}.highlight .lntd pre{background-color:unset;overflow:visible}.highlight table>tbody>tr:nth-of-type(odd){background-color:inherit}.highlight table>tbody>tr:hover{background-color:inherit}span.lnt{user-select:none;display:block;margin-right:-1em !important;padding:0 !important;text-align:right}.chroma{color:var(--color-contrast-high);background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5)}.lntable,.highlight>pre{max-height:40em}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:var(--chroma-line-numbers-background)}.chroma .lnt{margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--chroma-line-numbers-color)}.chroma .ln{margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--chroma-line-numbers-color)}.chroma .k{color:var(--chroma-keyword-color)}.chroma .kc{color:var(--chroma-keyword-color)}.chroma .kd{color:var(--chroma-declaration-color);font-style:italic}.chroma .kn{color:var(--chroma-name-color)}.chroma .kp{color:var(--chroma-keyword-color)}.chroma .kr{color:var(--chroma-keyword-color)}.chroma .kt{color:var(--chroma-name-color)}.chroma .na{color:var(--chroma-attribute-color)}.chroma .nb{color:var(--chroma-name-color);font-style:italic}.chroma .nc{color:var(--chroma-attribute-color)}.chroma .nf{color:var(--chroma-attribute-color)}.chroma .nl{color:var(--chroma-name-color);font-style:italic}.chroma .nt{color:var(--chroma-keyword-color)}.chroma .nv{color:var(--chroma-name-color);font-style:italic}.chroma .vc{color:var(--chroma-name-color);font-style:italic}.chroma .vg{color:var(--chroma-name-color);font-style:italic}.chroma .vi{color:var(--chroma-name-color);font-style:italic}.chroma .s{color:var(--chroma-literal-color)}.chroma .sa{color:var(--chroma-literal-color)}.chroma .sb{color:var(--chroma-literal-color)}.chroma .sc{color:var(--chroma-literal-color)}.chroma .dl{color:var(--chroma-literal-color)}.chroma .sd{color:var(--chroma-literal-color)}.chroma .s2{color:var(--chroma-literal-color)}.chroma .se{color:var(--chroma-literal-color)}.chroma .sh{color:var(--chroma-literal-color)}.chroma .si{color:var(--chroma-literal-color)}.chroma .sx{color:var(--chroma-literal-color)}.chroma .sr{color:var(--chroma-literal-color)}.chroma .s1{color:var(--chroma-literal-color)}.chroma .ss{color:var(--chroma-literal-color)}.chroma .m{color:var(--chroma-number-color)}.chroma .mb{color:var(--chroma-number-color)}.chroma .mf{color:var(--chroma-number-color)}.chroma .mh{color:var(--chroma-number-color)}.chroma .mi{color:var(--chroma-number-color)}.chroma .il{color:var(--chroma-number-color)}.chroma .mo{color:var(--chroma-number-color)}.chroma .o{color:var(--chroma-keyword-color)}.chroma .ow{color:var(--chroma-keyword-color)}.chroma .c{color:var(--chroma-comment-color)}.chroma .ch{color:var(--chroma-comment-color)}.chroma .cm{color:var(--chroma-comment-color)}.chroma .c1{color:var(--chroma-comment-color)}.chroma .cs{color:var(--chroma-comment-color)}.chroma .cp{color:var(--chroma-keyword-color)}.chroma .cpf{color:var(--chroma-keyword-color)}.chroma .gd{color:var(--chroma-deleted-color)}.chroma .ge{text-decoration:underline}.chroma .gh{font-weight:bold}.chroma .gi{font-weight:bold}.chroma .go{color:var(--chroma-output-color)}.chroma .gu{font-weight:bold}.chroma .gl{text-decoration:underline}.socials{padding:0;margin:0;list-style:none}.socials-item{display:inline-block;margin:0.5em;border-radius:50%;background-color:var(--color-contrast-medium);transition:background-color .5s}.socials-item:hover{background-color:var(--color-primary)}.social-icon{fill:var(--color-bg);padding:0.5em}.home{text-align:center}.home .poetry{font-size:1em;width:auto;max-width:26em;margin:0 auto;padding:5em 1em 10em}.home .links{position:absolute;bottom:10%;left:5%;right:5%;font-size:1.5em}.home .links-item{padding:1em;display:inline-block}.home .life{color:#f37055}.home .tech{color:#a166ab}.home .about{color:#07b39b}.tree{overflow:auto hidden;white-space:nowrap}.tree ul{padding-left:2.4em}.tree>ul{padding:0}.list-categories>li{position:relative}.list-categories>li::before{content:" ";position:absolute;top:2.4em;left:0.1em;width:0.2em;height:calc(100% - 2.8em);background:var(--color-contrast-lower)}.category-item{color:var(--color-primary);font-size:1.2em}.category-item:hover{color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.75)}.category-count{color:var(--color-contrast-medium)}.category-post:hover{color:var(--color-contrast-medium)}.tag-cloud{text-align:center}.tag-cloud-item{margin:0.5rem;display:inline-block}.fof::before{background-image:url();background-repeat:no-repeat;background-size:cover;background-position:50% 50%;content:" ";position:fixed;width:100%;height:100%;top:0;left:0;z-index:1}.fof .main-inner{background:rgba(0,0,0,0.25);min-height:100%;min-width:100%;position:absolute;z-index:3}.fof video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:2;transform:translateX(-50%) translateY(-50%)}.fof h1{font-size:3rem;text-transform:uppercase;letter-spacing:0.3rem;text-align:center;top:15%;left:5%;right:5%;position:absolute;color:#fff;margin:0.67em 0}.fof .fof-footer{font-size:2rem;position:absolute;bottom:15%;left:10%;right:10%;text-align:center}.fof a{color:#eee}.fof a:hover{color:#fff}@media only screen and (max-device-width: 1024px){.fof #bgvid{display:none}}.medium-zoom-overlay,.medium-zoom-image--opened{z-index:5}:root{--max-width: 656px}@media (max-width: 656px){.main-inner{width:auto !important}.anchor-link{position:relative;transform:none;float:right}#back-to-top{display:none}.header-inner{width:100%}.site-brand{margin-left:1em}.header-inner{display:block;margin:0;max-width:none}.nav-toggle{display:block}.nav{display:none;text-align:center;margin:2em 0}.menu{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.menu-item{margin:0;padding:1em}.menu-item .icon{margin:0}.menu-item-name{display:block}.header.open .nav{display:block;animation:appear .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes appear{0%{opacity:0;height:0;margin:0;transform:scaleY(0);transform-origin:top}100%{opacity:1;height:9em;margin:2em 0;transform:scaleY(1);transform-origin:top}}.header.open .nav-curtain{animation:appearCurtain .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes appearCurtain{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}.header.fade .nav{display:block;animation:fade .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fade{0%{opacity:1;height:9em;margin:2em 0;transform:scaleY(1);transform-origin:top}100%{opacity:0;height:0;margin:0;transform:scaleY(0);transform-origin:top}}.header.fade .nav-curtain{animation:fadeCurtain .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeCurtain{0%{visibility:visible;opacity:1}100%{visibility:hidden;opacity:0}}#langs li{width:auto}}[data-small-caps="true"] .post-body h1,[data-small-caps="true"] .post-body h2,[data-small-caps="true"] .post-body h3,[data-small-caps="true"] .post-body h4,[data-small-caps="true"] .post-body h5,[data-small-caps="true"] .post-body h6{font-variant:small-caps}[data-small-caps="true"] .contents-title{font-variant:small-caps}[data-align="justify"] .post-body p,[data-align="justify"] .post-body li,[data-align="justify"] .post-body dd{text-align:justify;text-justify:distribute}[data-align="justify"] .footnotes a{word-break:break-all}[data-align="center"] .post-body p{text-align:center}[data-type="poetry"] .post-body{display:table;margin:0 auto}[data-type="poetry"] .post-body p{margin:0 0 1em}[data-type="poetry"] .post-body>p:first-child img,[data-type="poetry"] .post-body>p:first-child video{margin-top:0}[data-type="poetry"] .post-body>blockquote:first-child{margin-top:0}[data-type="poetry"] .post-body>blockquote:last-child{margin-bottom:0}[data-type="poetry"] .post-body>p:last-child{margin:0}[data-type="poetry"] .post-body>p:last-child img,[data-type="poetry"] .post-body>p:last-child video{margin-bottom:0}[data-type="poetry"] .post-body>p:last-child .caption{margin:1em 0 0}[data-type="poetry"] section.footnotes>ol>li:last-child>p:last-child{margin:0}[data-toc-num="true"] .contents ol{counter-reset:item}[data-toc-num="true"] .contents ol li::before{counter-increment:item;margin-right:0.5em}[data-toc-num="true"] .contents>ol>li::before{content:counters(item, ".") "."}[data-toc-num="true"] .contents li>ol>li::before{content:counters(item, ".")}@supports not ((backdrop-filter: none) or (-webkit-backdrop-filter: none)){.header-wrapper{background-color:var(--color-bg)}}
diff --git a/resources/_gen/assets/scss/scss/main.scss_a059ebc49e8302e6cfbf0e02020b9d85.json b/resources/_gen/assets/scss/scss/main.scss_a059ebc49e8302e6cfbf0e02020b9d85.json
new file mode 100644
index 0000000..9880f56
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/main.scss_a059ebc49e8302e6cfbf0e02020b9d85.json
@@ -0,0 +1 @@
+{"Target":"css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css","MediaType":"text/css","Data":{"Integrity":"sha256-EqNUGSCnmNScG8qFjxXFMJDxTOk2ejT6ortR3TgplzA="}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/main.scss_ac1f3ece4e1f9aa2cf6c902ff1ab1954.content b/resources/_gen/assets/scss/scss/main.scss_ac1f3ece4e1f9aa2cf6c902ff1ab1954.content
new file mode 100644
index 0000000..73030fc
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/main.scss_ac1f3ece4e1f9aa2cf6c902ff1ab1954.content
@@ -0,0 +1,10 @@
+html{scroll-behavior:smooth}html,body{margin:0;width:100%;height:100%;font-size:16px;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none}body{-moz-tab-size:4;tab-size:4;color:var(--color-contrast-high);background-color:var(--color-bg);overflow-wrap:break-word;word-wrap:break-word;line-height:1.618;transition:all .5s}.container{min-height:100%;min-width:100%;position:relative}.main{padding:2em 1em 15em;display:block}.main{padding-top:7em}.main-inner{margin:0 auto;display:block}.icon{width:1.05em;height:1em;fill:currentColor;display:inline-block}svg{vertical-align:middle}h1,h2,h3,h4,h5,h6{margin:1.618em 0 1em;color:var(--color-contrast-higher)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none !important;color:var(--color-contrast-higher)}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}a{color:var(--color-contrast-high);text-decoration:none;transition:all .5s}a:hover{color:var(--color-primary)}::selection{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.3)}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{background-color:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-contrast-low)}::-webkit-scrollbar-thumb:hover{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}::-webkit-scrollbar-thumb:active{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.75)}::-webkit-scrollbar-corner{background-color:var(--color-bg)}.list-title,.term-title,.list-year,.list-month,.post-title,.post-subtitle,.related-title,.post-nav,thead,dt{font-family:"glyph-correction","Noto Serif SC","EB Garamond",serif}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-family:"glyph-correction","Noto Serif SC","EB Garamond",serif}.contents-title{font-family:"glyph-correction","Noto Serif SC","EB Garamond",serif}code,pre,sup,.post-meta,.updated-badge,.post-gitinfo,.minimal-footer,.minimal-footer-about,.busuanzi-site-uv-and-pv,.copy-button{font-family:"glyph-correction","Source Code Pro","Noto Serif SC",monospace}body{font-family:"glyph-correction","EB Garamond","Noto Serif SC",serif}@font-face{font-family:'glyph-correction';font-display:swap;src:url("/fonts/glyph-correction.woff2") format("woff2"),url("/fonts/glyph-correction.woff") format("woff"),url("/fonts/glyph-correction.ttf") format("truetype"),url("/fonts/glyph-correction.eot") format("embedded-opentype");unicode-range:U+00B7, U+2014, U+2022, U+2026;font-weight:inherit;font-style:inherit}.drop-cap{margin-top:1rem !important}.emphasis-point{font-style:normal;text-emphasis:'•';-webkit-text-emphasis:'•';-moz-text-emphasis:'•';text-emphasis-position:under;-webkit-text-emphasis-position:under;-moz-text-emphasis-position:under}[data-indent="true"] .contents-title{text-align:center}[data-indent="true"] .post-body p{text-indent:2em;margin:0}[data-indent="true"] .post-body .caption{text-indent:0;margin:0 0 1em}[data-indent="true"] .post-body blockquote{margin:1em 0;padding:0;border:none}[data-indent="true"] .post-body img,[data-indent="true"] .post-body video{margin:1em auto}[data-indent="true"] .post-body table{margin:1em 0}[data-indent="true"] .post-body pre,[data-indent="true"] .post-body .highlight{margin:1rem 0}[data-indent="true"] .post-body h1,[data-indent="true"] .post-body h2,[data-indent="true"] .post-body h3,[data-indent="true"] .post-body h4,[data-indent="true"] .post-body h5,[data-indent="true"] .post-body h6{text-align:center}[data-indent="true"] .post-body .anchor-link{position:relative;transform:none;display:block;float:none}[data-indent="true"] .post-body ol,[data-indent="true"] .post-body ul{margin:0;padding-left:4em}[data-indent="true"] .post-body ol p,[data-indent="true"] .post-body ul p{text-indent:0}[data-indent="true"] .post-body li ol,[data-indent="true"] .post-body li ul{padding-left:2em}[data-indent="true"] .post-body dl{text-indent:2em}[data-indent="true"] .post-body dl dd{text-indent:0;margin-left:4em}[data-indent="true"] .post-body dl p{text-indent:0}@media (prefers-color-scheme: light){:root:not([data-theme]){--theme-name: "light";--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #006699;--chroma-name-color: #9999ff;--chroma-attribute-color: #330099;--chroma-literal-color: #cc3300;--chroma-number-color: #ff6600;--chroma-comment-color: #0099ff;--chroma-deleted-color: #ffcccc;--chroma-output-color: #aaaaaa}:root:not([data-theme]) .theme-icon-light{display:inline-block}:root:not([data-theme]) .theme-icon-dark{display:none}:root:not([data-theme]) img{filter:none}}:root{--theme-name: "light";--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #006699;--chroma-name-color: #9999ff;--chroma-attribute-color: #330099;--chroma-literal-color: #cc3300;--chroma-number-color: #ff6600;--chroma-comment-color: #0099ff;--chroma-deleted-color: #ffcccc;--chroma-output-color: #aaaaaa}:root .theme-icon-light{display:inline-block}:root .theme-icon-dark{display:none}:root img{filter:none}@media (prefers-color-scheme: dark){:root:not([data-theme]){--theme-name: "dark";--color-primary:hsl(201, 65%, 62%);--color-primary-h:201;--color-primary-s:65%;--color-primary-l:62%;--color-bg:hsl(231, 14%, 10%);--color-bg-h:231;--color-bg-s:14%;--color-bg-l:10%;--color-contrast-lower:hsl(230, 12%, 18%);--color-contrast-lower-h:230;--color-contrast-lower-s:12%;--color-contrast-lower-l:18%;--color-contrast-low:hsl(240, 2%, 37%);--color-contrast-low-h:240;--color-contrast-low-s:2%;--color-contrast-low-l:37%;--color-contrast-medium:hsl(80, 2%, 69%);--color-contrast-medium-h:80;--color-contrast-medium-s:2%;--color-contrast-medium-l:69%;--color-contrast-high:hsl(69, 9%, 84%);--color-contrast-high-h:69;--color-contrast-high-s:9%;--color-contrast-high-l:84%;--color-contrast-higher:hsl(60, 6%, 90%);--color-contrast-higher-h:60;--color-contrast-higher-s:6%;--color-contrast-higher-l:90%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #ff79c6;--chroma-name-color: #8be9fd;--chroma-attribute-color: #50fa7b;--chroma-literal-color: #f1fa8c;--chroma-number-color: #bd93f9;--chroma-comment-color: #6272a4;--chroma-deleted-color: #8b080b;--chroma-output-color: #44475a}:root:not([data-theme]) .theme-icon-light{display:none}:root:not([data-theme]) .theme-icon-dark{display:inline-block}:root:not([data-theme]) img{filter:brightness(75%)}}:root[data-theme="dark"]{--theme-name: "dark";--color-primary:hsl(201, 65%, 62%);--color-primary-h:201;--color-primary-s:65%;--color-primary-l:62%;--color-bg:hsl(231, 14%, 10%);--color-bg-h:231;--color-bg-s:14%;--color-bg-l:10%;--color-contrast-lower:hsl(230, 12%, 18%);--color-contrast-lower-h:230;--color-contrast-lower-s:12%;--color-contrast-lower-l:18%;--color-contrast-low:hsl(240, 2%, 37%);--color-contrast-low-h:240;--color-contrast-low-s:2%;--color-contrast-low-l:37%;--color-contrast-medium:hsl(80, 2%, 69%);--color-contrast-medium-h:80;--color-contrast-medium-s:2%;--color-contrast-medium-l:69%;--color-contrast-high:hsl(69, 9%, 84%);--color-contrast-high-h:69;--color-contrast-high-s:9%;--color-contrast-high-l:84%;--color-contrast-higher:hsl(60, 6%, 90%);--color-contrast-higher-h:60;--color-contrast-higher-s:6%;--color-contrast-higher-l:90%;--chroma-line-numbers-background: #ffffcc;--chroma-line-numbers-color: #7f7f7f;--chroma-keyword-color: #ff79c6;--chroma-name-color: #8be9fd;--chroma-attribute-color: #50fa7b;--chroma-literal-color: #f1fa8c;--chroma-number-color: #bd93f9;--chroma-comment-color: #6272a4;--chroma-deleted-color: #8b080b;--chroma-output-color: #44475a}:root[data-theme="dark"] .theme-icon-light{display:none}:root[data-theme="dark"] .theme-icon-dark{display:inline-block}:root[data-theme="dark"] img{filter:brightness(75%)}#theme-switcher{color:var(--color-contrast-medium);transition:color .5s;z-index:4}#theme-switcher:hover{color:var(--color-primary)}#theme-switcher .icon{margin-right:0 !important}.header{z-index:3}.header{position:fixed;width:100vw}.header-wrapper{padding:1em 0;-webkit-backdrop-filter:saturate(180%) blur(1em);backdrop-filter:saturate(180%) blur(1em);background:linear-gradient(90deg, rgba(247,149,51,0.101961) 0, rgba(243,112,85,0.101961) 15%, rgba(239,78,123,0.101961) 30%, rgba(161,102,171,0.101961) 44%, rgba(80,115,184,0.101961) 58%, rgba(16,152,173,0.101961) 72%, rgba(7,179,155,0.101961) 86%, rgba(109,186,130,0.101961) 100%);transition:background .5s}.header-inner{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:36em}.header-inner.list{max-width:36em}.site-brand{margin-right:1em}.brand{font-size:1em;color:var(--color-contrast-high);text-decoration:none}.brand:hover{color:var(--color-contrast-high)}:root{--header-height: calc(
+            max(
+                /* brand */
+                25.888px,
+                /* menu */
+                19.2px /* {.nav font-size} * {.menu line-height} */
+            )
+            /* .header-wrapper top+bottom margin */
+            + 32px
+        )}*[id]{scroll-margin-top:var(--header-height)}#nav-toggle{display:none}.nav-toggle{display:none;position:absolute;top:1em;right:1em;margin-right:1em;width:1em;height:1em;cursor:pointer}.nav-toggle-inner{padding:1em;display:inline-block}.nav-toggle span{display:block;position:absolute;height:0.1em;width:1em;background-color:var(--color-contrast-high);transition:all .5s}.nav-toggle span:nth-child(1){top:0.4em}.nav-toggle span:nth-child(2){top:0.7em}.nav-toggle span:nth-child(3){top:1em}.nav-toggle.open span:nth-child(1){top:75%;transform:rotate(225deg)}.nav-toggle.open span:nth-child(2){width:0;opacity:0;transform:rotate(-135deg)}.nav-toggle.open span:nth-child(3){top:75%;transform:rotate(-45deg)}.nav-curtain{height:100vh;width:100vw;-webkit-backdrop-filter:saturate(180%) blur(1em);backdrop-filter:saturate(180%) blur(1em);background:linear-gradient(90deg, rgba(247,149,51,0.101961) 0, rgba(243,112,85,0.101961) 15%, rgba(239,78,123,0.101961) 30%, rgba(161,102,171,0.101961) 44%, rgba(80,115,184,0.101961) 58%, rgba(16,152,173,0.101961) 72%, rgba(7,179,155,0.101961) 86%, rgba(109,186,130,0.101961) 100%) rgba(0,0,0,0.5)}.nav{z-index:3;position:relative}.menu{padding:0;margin:0;list-style:none;line-height:1.5;font-weight:500}.menu-item{display:inline-block}.menu-item a{color:var(--color-contrast-medium)}.menu-item a:hover{color:var(--color-primary)}.active a{color:var(--color-primary)}.nav{text-align:right;font-size:80%}.menu-item{margin-left:0.5em}.menu-item .icon{margin:0 0.3em 0.2em 0}.list .main-inner{width:36em}.list-title{text-align:center}.list ul{list-style:none;padding:0}.list-item-title{flex:1}.list-item-time{text-align:right;margin-left:1em}.list-item{line-height:2;position:relative;transition:border .5s;border-bottom:1px dashed var(--color-contrast-low);margin-top:1em;padding-bottom:0.5em;display:flex;align-items:baseline}.list-item:hover{border-bottom-color:var(--color-primary)}.list-item:hover ::before{background:var(--color-primary)}.list-item ::before{content:" ";position:absolute;left:0.618em;top:0.618em;width:5.33333333px;height:5.33333333px;background:var(--color-contrast-low);border-radius:50%;border:1px solid var(--color-bg);transition:background .5s;font-size:1rem}.list-item-title{margin:0 0.618em 0 2em;font-size:1.2em;line-height:1.5}.list-item-time{margin:0 0.618em 0 2em;color:var(--color-contrast-medium);line-height:1.5}.list-read-more{margin-top:1em;font-size:1.2em;line-height:1.5}.list-year{display:flex;justify-content:space-between;align-items:baseline}.term-count{color:var(--color-contrast-medium);font-size:0.7em}.single .main-inner{width:36em}.post-title{text-align:center}.post-subtitle{font-size:1.8em;text-align:center;font-weight:700;margin-top:-0.618em}.post-description{text-align:center;margin:1rem 0;font-size:90%}.post-body{margin-top:5em !important}.post-body a{text-decoration:underline;text-decoration-color:var(--color-contrast-low)}.post-body a:hover{text-decoration-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}.post p{margin:1em 0;line-height:2}.post img{display:block;margin:2em auto;max-width:100%;border:1px solid var(--color-contrast-lower);clear:both}.post video{display:block;max-width:100%;margin:2em auto;clear:both}.post sup{font-size:70%;vertical-align:super}.post sup a{text-decoration:none}.post ol,.post ul{margin:0;padding-left:2em;line-height:2}.post hr{border:none;margin:2.427em 0 1.5em;text-align:center}.post hr::after{content:"···";letter-spacing:2em;padding-left:2em}blockquote{margin:2em 0;padding-left:1em;color:var(--color-contrast-medium);border-left:3px solid var(--color-contrast-low)}blockquote a{color:var(--color-contrast-medium)}blockquote a:hover{color:var(--color-primary)}.drop-cap{float:left;font-size:48px;margin-right:16px;margin-top:8px;line-height:32px}.caption{display:block;text-align:center;margin:-1em 0 0;font-size:90%;color:var(--color-contrast-medium)}.contents{margin-top:5em}.contents ol,.contents ul{list-style:none}ol.toc,ul.toc{padding:0;overflow:auto hidden;white-space:nowrap}.footnotes{font-size:90%;margin-top:5rem}.footnotes hr{margin:0;height:1px;border:none;background-color:var(--color-contrast-medium)}.footnotes hr::after{content:none}.footnotes ol{margin:1.618rem 0 0 !important;padding:0 1rem 0 2rem !important}.footnote-icon{fill:hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), 0.5);transition:fill .5s;margin-bottom:0.3em}.footnote-icon:hover{fill:var(--color-primary)}.anchor-link{position:absolute;transform:translate(-150%)}.anchor-icon{width:0.75em;height:0.75em;vertical-align:baseline}:root{--anchor-opacity: 0}.anchor-link{opacity:var(--anchor-opacity);transition:all .25s}.post h1:hover,.post h2:hover,.post h3:hover,.post h4:hover,.post h5:hover,.post h6:hover,.post .anchor-link:hover{--anchor-opacity: 1}.table-container{margin:2em 0;overflow-x:auto}table{width:100%;border-collapse:collapse;border-spacing:0;border-color:var(--color-contrast-lower)}th{font-weight:700}th,td{font-size:0.9em;padding:0.4em;border:1px solid var(--color-contrast-lower)}table>tbody>tr:nth-of-type(odd){background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5)}table>tbody>tr:hover{background-color:var(--color-contrast-lower)}dt{font-weight:700}dd{margin-left:2em}code{padding:2px 4px;background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5);font-size:80%}pre{overflow:auto;overflow-wrap:normal;word-wrap:normal;font-size:0.8rem;margin:2rem 0;padding:1em;line-height:1.618;background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5)}pre code{background-color:unset;font-size:0.8rem;padding:0}pre{max-height:40em}.copy-button{position:absolute;top:0;right:0;border:0;font-size:inherit;color:var(--color-bg);background-color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.5);transition:all .5s;cursor:pointer}.copy-button:hover{background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}.copy-button{visibility:hidden;opacity:0}.katex-display,mjx-container[jax="CHTML"][display="true"]{overflow:auto hidden;text-indent:0}.footer{position:absolute;bottom:0;width:100%;font-size:90%;color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.8)}.footer a{color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.8)}.footer a:hover{color:var(--color-primary)}.footer-inner{padding:1em;text-align:center}.footer-icon{margin:0 0.25em 0.3em}.footer-icon{fill:#f06292}@keyframes heartbeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(0.9)}20%,40%,50%,60%,70%,80%{transform:scale(1.1)}}.footer-icon{animation:heartbeat 1.33s ease-in-out infinite}.post-copyright{margin:0;list-style:none;margin-top:5em !important;padding:0.5em 1em;background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5);border-left:3px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5);line-height:2}.copyright-item{line-height:1.5;margin:0.5em 0}.copyright-item-text{font-weight:500}.updated-badge-container{margin-top:5em;text-align:center}.updated-badge-left{fill:var(--color-contrast-low)}.updated-badge-right{fill:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)}.post-tags{margin-top:5rem;text-align:center;font-size:90%}.post-tags-link{color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), 0.9);margin:0 0.5em;line-height:2;display:inline-block}.tag-icon{margin-right:0.3em;font-size:80%}.post-nav{list-style:none;padding:0;display:flex;justify-content:space-between;border-top:1px solid var(--color-contrast-lower);font-weight:700;margin-top:5em;padding-top:0.618em}.post-nav-prev{margin-right:auto;max-width:42%}.post-nav-next{margin-left:auto;text-align:right;max-width:42%}.back-to-top{position:fixed;right:0;z-index:1}.back-to-top a{display:block;padding:1em;color:var(--color-contrast-medium)}.back-to-top a:hover{color:var(--color-primary)}.back-to-top{bottom:-3.6em;transition:bottom 0.3s ease-in-out}.back-to-top.show{bottom:0}.highlight{font-size:0.8rem;margin:2rem 0}.highlight pre{margin:0 !important;max-height:unset}.highlight .lntd pre{background-color:unset;overflow:visible}.highlight table>tbody>tr:nth-of-type(odd){background-color:inherit}.highlight table>tbody>tr:hover{background-color:inherit}span.lnt{user-select:none;display:block;margin-right:-1em !important;padding:0 !important;text-align:right}.chroma{color:var(--color-contrast-high);background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5)}.lntable,.highlight>pre{max-height:40em}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:var(--chroma-line-numbers-background)}.chroma .lnt{margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--chroma-line-numbers-color)}.chroma .ln{margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--chroma-line-numbers-color)}.chroma .k{color:var(--chroma-keyword-color)}.chroma .kc{color:var(--chroma-keyword-color)}.chroma .kd{color:var(--chroma-declaration-color);font-style:italic}.chroma .kn{color:var(--chroma-name-color)}.chroma .kp{color:var(--chroma-keyword-color)}.chroma .kr{color:var(--chroma-keyword-color)}.chroma .kt{color:var(--chroma-name-color)}.chroma .na{color:var(--chroma-attribute-color)}.chroma .nb{color:var(--chroma-name-color);font-style:italic}.chroma .nc{color:var(--chroma-attribute-color)}.chroma .nf{color:var(--chroma-attribute-color)}.chroma .nl{color:var(--chroma-name-color);font-style:italic}.chroma .nt{color:var(--chroma-keyword-color)}.chroma .nv{color:var(--chroma-name-color);font-style:italic}.chroma .vc{color:var(--chroma-name-color);font-style:italic}.chroma .vg{color:var(--chroma-name-color);font-style:italic}.chroma .vi{color:var(--chroma-name-color);font-style:italic}.chroma .s{color:var(--chroma-literal-color)}.chroma .sa{color:var(--chroma-literal-color)}.chroma .sb{color:var(--chroma-literal-color)}.chroma .sc{color:var(--chroma-literal-color)}.chroma .dl{color:var(--chroma-literal-color)}.chroma .sd{color:var(--chroma-literal-color)}.chroma .s2{color:var(--chroma-literal-color)}.chroma .se{color:var(--chroma-literal-color)}.chroma .sh{color:var(--chroma-literal-color)}.chroma .si{color:var(--chroma-literal-color)}.chroma .sx{color:var(--chroma-literal-color)}.chroma .sr{color:var(--chroma-literal-color)}.chroma .s1{color:var(--chroma-literal-color)}.chroma .ss{color:var(--chroma-literal-color)}.chroma .m{color:var(--chroma-number-color)}.chroma .mb{color:var(--chroma-number-color)}.chroma .mf{color:var(--chroma-number-color)}.chroma .mh{color:var(--chroma-number-color)}.chroma .mi{color:var(--chroma-number-color)}.chroma .il{color:var(--chroma-number-color)}.chroma .mo{color:var(--chroma-number-color)}.chroma .o{color:var(--chroma-keyword-color)}.chroma .ow{color:var(--chroma-keyword-color)}.chroma .c{color:var(--chroma-comment-color)}.chroma .ch{color:var(--chroma-comment-color)}.chroma .cm{color:var(--chroma-comment-color)}.chroma .c1{color:var(--chroma-comment-color)}.chroma .cs{color:var(--chroma-comment-color)}.chroma .cp{color:var(--chroma-keyword-color)}.chroma .cpf{color:var(--chroma-keyword-color)}.chroma .gd{color:var(--chroma-deleted-color)}.chroma .ge{text-decoration:underline}.chroma .gh{font-weight:bold}.chroma .gi{font-weight:bold}.chroma .go{color:var(--chroma-output-color)}.chroma .gu{font-weight:bold}.chroma .gl{text-decoration:underline}.socials{padding:0;margin:0;list-style:none}.socials-item{display:inline-block;margin:0.5em;border-radius:50%;background-color:var(--color-contrast-medium);transition:background-color .5s}.socials-item:hover{background-color:var(--color-primary)}.social-icon{fill:var(--color-bg);padding:0.5em}.home{text-align:center}.home .poetry{font-size:1em;width:auto;max-width:26em;margin:0 auto;padding:5em 1em 10em}.home .links{position:absolute;bottom:10%;left:5%;right:5%;font-size:1.5em}.home .links-item{padding:1em;display:inline-block}.home .life{color:#f37055}.home .tech{color:#a166ab}.home .about{color:#07b39b}.tree{overflow:auto hidden;white-space:nowrap}.tree ul{padding-left:2.4em}.tree>ul{padding:0}.list-categories>li{position:relative}.list-categories>li::before{content:" ";position:absolute;top:2.4em;left:0.1em;width:0.2em;height:calc(100% - 2.8em);background:var(--color-contrast-lower)}.category-item{color:var(--color-primary);font-size:1.2em}.category-item:hover{color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.75)}.category-count{color:var(--color-contrast-medium)}.category-post:hover{color:var(--color-contrast-medium)}.tag-cloud{text-align:center}.tag-cloud-item{margin:0.5rem;display:inline-block}.fof::before{background-image:url();background-repeat:no-repeat;background-size:cover;background-position:50% 50%;content:" ";position:fixed;width:100%;height:100%;top:0;left:0;z-index:1}.fof .main-inner{background:rgba(0,0,0,0.25);min-height:100%;min-width:100%;position:absolute;z-index:3}.fof video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:2;transform:translateX(-50%) translateY(-50%)}.fof h1{font-size:3rem;text-transform:uppercase;letter-spacing:0.3rem;text-align:center;top:15%;left:5%;right:5%;position:absolute;color:#fff;margin:0.67em 0}.fof .fof-footer{font-size:2rem;position:absolute;bottom:15%;left:10%;right:10%;text-align:center}.fof a{color:#eee}.fof a:hover{color:#fff}@media only screen and (max-device-width: 1024px){.fof #bgvid{display:none}}.medium-zoom-overlay,.medium-zoom-image--opened{z-index:5}:root{--max-width: 656px}@media (max-width: 656px){.main-inner{width:auto !important}.anchor-link{position:relative;transform:none;float:right}#back-to-top{display:none}.header-inner{width:100%}.site-brand{margin-left:1em}.header-inner{display:block;margin:0;max-width:none}.nav-toggle{display:block}.nav{display:none;text-align:center;margin:2em 0}.menu{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.menu-item{margin:0;padding:1em}.menu-item .icon{margin:0}.menu-item-name{display:block}.header.open .nav{display:block;animation:appear .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes appear{0%{opacity:0;height:0;margin:0;transform:scaleY(0);transform-origin:top}100%{opacity:1;height:9em;margin:2em 0;transform:scaleY(1);transform-origin:top}}.header.open .nav-curtain{animation:appearCurtain .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes appearCurtain{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}.header.fade .nav{display:block;animation:fade .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fade{0%{opacity:1;height:9em;margin:2em 0;transform:scaleY(1);transform-origin:top}100%{opacity:0;height:0;margin:0;transform:scaleY(0);transform-origin:top}}.header.fade .nav-curtain{animation:fadeCurtain .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeCurtain{0%{visibility:visible;opacity:1}100%{visibility:hidden;opacity:0}}#langs li{width:auto}}[data-small-caps="true"] .post-body h1,[data-small-caps="true"] .post-body h2,[data-small-caps="true"] .post-body h3,[data-small-caps="true"] .post-body h4,[data-small-caps="true"] .post-body h5,[data-small-caps="true"] .post-body h6{font-variant:small-caps}[data-small-caps="true"] .contents-title{font-variant:small-caps}[data-align="justify"] .post-body p,[data-align="justify"] .post-body li,[data-align="justify"] .post-body dd{text-align:justify;text-justify:distribute}[data-align="justify"] .footnotes a{word-break:break-all}[data-align="center"] .post-body p{text-align:center}[data-type="poetry"] .post-body{display:table;margin:0 auto}[data-type="poetry"] .post-body p{margin:0 0 1em}[data-type="poetry"] .post-body>p:first-child img,[data-type="poetry"] .post-body>p:first-child video{margin-top:0}[data-type="poetry"] .post-body>blockquote:first-child{margin-top:0}[data-type="poetry"] .post-body>blockquote:last-child{margin-bottom:0}[data-type="poetry"] .post-body>p:last-child{margin:0}[data-type="poetry"] .post-body>p:last-child img,[data-type="poetry"] .post-body>p:last-child video{margin-bottom:0}[data-type="poetry"] .post-body>p:last-child .caption{margin:1em 0 0}[data-type="poetry"] section.footnotes>ol>li:last-child>p:last-child{margin:0}[data-toc-num="true"] .contents ol{counter-reset:item}[data-toc-num="true"] .contents ol li::before{counter-increment:item;margin-right:0.5em}[data-toc-num="true"] .contents>ol>li::before{content:counters(item, ".") "."}[data-toc-num="true"] .contents li>ol>li::before{content:counters(item, ".")}@supports not ((backdrop-filter: none) or (-webkit-backdrop-filter: none)){.header-wrapper{background-color:var(--color-bg)}}
diff --git a/resources/_gen/assets/scss/scss/main.scss_ac1f3ece4e1f9aa2cf6c902ff1ab1954.json b/resources/_gen/assets/scss/scss/main.scss_ac1f3ece4e1f9aa2cf6c902ff1ab1954.json
new file mode 100644
index 0000000..9880f56
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/main.scss_ac1f3ece4e1f9aa2cf6c902ff1ab1954.json
@@ -0,0 +1 @@
+{"Target":"css/meme.min.12a3541920a798d49c1bca858f15c53090f14ce9367a34faa2bb51dd38299730.css","MediaType":"text/css","Data":{"Integrity":"sha256-EqNUGSCnmNScG8qFjxXFMJDxTOk2ejT6ortR3TgplzA="}}
\ No newline at end of file
diff --git a/static/CNAME b/static/CNAME
new file mode 100644
index 0000000..6561b99
--- /dev/null
+++ b/static/CNAME
@@ -0,0 +1 @@
+inksoul.top
\ No newline at end of file
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..9f6cb23
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/icons/android-chrome-512x512.png b/static/icons/android-chrome-512x512.png
new file mode 100644
index 0000000..8917630
Binary files /dev/null and b/static/icons/android-chrome-512x512.png differ
diff --git a/static/icons/apple-touch-icon.png b/static/icons/apple-touch-icon.png
new file mode 100644
index 0000000..e30c038
Binary files /dev/null and b/static/icons/apple-touch-icon.png differ
diff --git a/static/icons/mstile-150x150.png b/static/icons/mstile-150x150.png
new file mode 100644
index 0000000..cb3d97b
Binary files /dev/null and b/static/icons/mstile-150x150.png differ
diff --git a/static/icons/safari-pinned-tab.svg b/static/icons/safari-pinned-tab.svg
new file mode 100644
index 0000000..2b63cdc
--- /dev/null
+++ b/static/icons/safari-pinned-tab.svg
@@ -0,0 +1,1176 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1000.000000pt" height="1000.000000pt" viewBox="0 0 1000.000000 1000.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1000.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1 5000 l-4 -5000 66 0 c43 0 67 4 70 13 4 9 6 9 6 0 1 -10 140 -13
+661 -13 737 0 670 -7 684 72 7 39 17 42 56 15 28 -19 65 -22 76 -6 12 19 23
+-12 17 -48 -5 -30 -3 -33 19 -33 22 0 26 5 31 41 6 44 9 50 29 53 7 1 18 4 23
+7 6 4 24 9 40 13 17 4 39 9 50 12 16 4 17 3 5 -5 -8 -6 -10 -11 -4 -11 6 0 23
+9 38 21 14 11 26 18 26 15 0 -3 20 1 45 8 25 8 45 12 45 9 0 -3 7 0 15 7 13
+11 18 10 29 -6 13 -17 14 -17 9 9 -4 22 -2 27 15 27 11 0 33 7 48 15 16 8 37
+15 47 15 10 0 26 7 34 16 10 10 26 13 42 10 14 -3 20 -3 13 0 -6 3 -9 10 -6
+15 3 6 12 5 22 -3 9 -7 13 -8 9 -2 -4 7 4 14 21 19 15 3 56 20 92 37 36 18 70
+32 75 33 6 1 19 5 30 9 11 4 24 6 29 6 5 -1 12 2 15 7 3 5 51 31 106 58 55 27
+102 52 105 56 4 6 141 72 225 110 11 5 27 13 35 19 8 5 40 20 70 33 30 14 75
+33 100 44 25 12 56 24 70 28 14 4 27 10 30 14 7 9 159 81 170 81 12 0 182 82
+190 91 7 8 109 55 140 64 14 4 27 10 30 14 3 3 30 19 60 35 30 16 57 32 60 35
+8 10 141 71 154 71 4 0 24 11 45 24 21 14 67 36 102 51 35 14 76 32 91 40 14
+8 33 15 41 15 17 0 114 49 212 107 61 37 86 45 190 62 66 11 144 23 172 26 61
+8 80 24 31 26 -40 2 -40 2 -111 -9 -31 -5 -57 -5 -57 0 0 4 9 8 20 8 11 0 20
+5 20 10 0 6 6 10 13 10 6 0 66 27 132 61 66 33 140 67 165 76 25 8 59 21 75
+29 58 25 140 54 158 54 9 0 25 4 35 9 9 5 34 17 55 26 20 9 35 20 32 25 -5 8
+-118 -24 -214 -61 -31 -12 -90 -35 -131 -51 -100 -39 -99 -38 -220 -97 -58
+-28 -111 -51 -118 -51 -7 0 -20 -4 -30 -10 -9 -5 -60 -26 -112 -46 -80 -31
+-137 -61 -160 -84 -4 -4 -152 -78 -205 -102 -12 -5 -28 -10 -36 -11 -9 -2 -27
+-10 -40 -18 -25 -16 -84 -44 -154 -73 -22 -9 -53 -24 -70 -33 -32 -17 -89 -45
+-195 -97 -36 -17 -67 -33 -70 -36 -3 -3 -30 -16 -60 -30 -30 -14 -57 -28 -60
+-32 -3 -4 -28 -17 -55 -29 -28 -12 -58 -28 -67 -37 -10 -8 -18 -11 -18 -6 0 5
+-4 4 -8 -2 -9 -13 -75 -44 -94 -44 -7 0 -40 -13 -71 -30 -32 -16 -67 -30 -78
+-30 -11 0 -18 -4 -15 -9 3 -5 -9 -14 -27 -21 -17 -7 -58 -26 -89 -42 -32 -15
+-58 -25 -58 -21 0 4 -5 2 -12 -5 -7 -7 -20 -12 -30 -12 -10 0 -30 -8 -45 -17
+-14 -10 -32 -18 -40 -19 -8 -1 -21 -8 -30 -15 -8 -7 -22 -14 -31 -15 -8 -2
+-18 -7 -21 -12 -3 -5 -24 -15 -46 -23 -22 -8 -42 -16 -45 -19 -14 -15 -91 -42
+-105 -36 -9 3 -14 2 -11 -3 5 -7 -27 -27 -47 -29 -4 -1 -19 -10 -34 -22 -14
+-11 -31 -20 -38 -20 -21 0 -125 -51 -125 -61 0 -6 -4 -8 -8 -5 -4 2 -27 -4
+-50 -14 -23 -11 -42 -16 -42 -12 0 4 -4 1 -9 -7 -5 -8 -18 -15 -28 -16 -10 -1
+-35 -5 -55 -9 -21 -4 -41 -6 -44 -6 -4 1 -10 -3 -13 -9 -9 -14 -148 -71 -155
+-63 -3 3 -6 0 -6 -7 0 -7 -4 -10 -9 -7 -10 7 -135 -29 -173 -50 -20 -11 -28
+-12 -28 -3 0 9 -3 9 -14 0 -11 -10 -15 -8 -19 6 -4 14 -5 13 -6 -4 -1 -25 -12
+-28 -42 -13 -13 7 -19 7 -19 0 0 -5 -18 -10 -40 -10 -22 0 -40 5 -40 11 0 5
+-4 8 -9 4 -12 -7 -52 35 -45 47 3 4 -1 8 -8 8 -17 0 -61 77 -52 92 4 6 3 8 -3
+5 -10 -6 -38 40 -35 56 1 4 -2 7 -8 7 -12 0 -14 26 -2 33 4 2 2 2 -5 1 -20 -5
+-36 24 -31 57 4 28 1 33 -23 43 -20 7 -34 25 -49 58 -11 26 -25 48 -30 48 -10
+0 -38 59 -45 92 -2 10 -13 27 -24 39 -10 11 -26 41 -34 65 -12 38 -12 47 -1
+58 11 12 10 15 -5 19 -15 4 -20 16 -23 58 -2 30 0 57 5 60 5 4 3 11 -4 15 -16
+10 -18 36 -4 46 6 5 5 8 -2 8 -9 0 -13 16 -13 44 0 49 -17 92 -73 183 -51 84
+-166 346 -173 397 -4 23 -10 46 -14 51 -4 6 -29 93 -54 194 -53 209 -57 272
+-24 340 22 45 178 211 198 211 6 0 23 12 37 26 15 15 46 35 69 46 24 10 46 23
+49 28 3 6 18 10 33 10 22 0 24 2 12 11 -12 8 -10 9 10 7 17 -2 28 4 35 17 6
+11 18 20 27 20 10 0 23 6 30 13 6 6 18 12 25 12 7 0 13 5 13 11 0 5 5 7 10 4
+6 -3 10 -1 10 4 0 6 7 11 15 11 8 0 15 5 15 10 0 6 7 10 16 10 9 0 32 10 51
+21 19 12 37 19 40 16 3 -4 20 5 38 18 17 14 37 25 43 25 9 0 80 33 167 78 17
+9 32 16 35 15 3 -1 30 10 60 24 30 14 60 26 67 26 7 0 14 6 17 12 2 7 21 15
+40 19 20 4 36 11 36 16 0 6 7 10 15 10 8 0 15 5 15 10 0 6 3 9 8 8 4 0 24 7
+45 16 22 9 43 16 48 14 5 -2 -8 -26 -30 -55 -21 -29 -40 -50 -43 -48 -2 2 -14
+-12 -27 -31 -14 -19 -39 -52 -58 -72 -18 -20 -33 -40 -33 -45 0 -4 -5 -5 -10
+-2 -5 3 -10 0 -10 -7 0 -7 -10 -25 -23 -40 -46 -56 -117 -157 -117 -167 0 -6
+-3 -11 -8 -11 -4 0 -13 -13 -20 -30 -12 -25 -116 -176 -132 -190 -3 -3 -17
+-26 -30 -53 -14 -26 -28 -47 -32 -47 -4 0 -5 -6 -2 -13 6 -16 -20 -69 -29 -60
+-4 3 -7 -6 -7 -20 0 -15 -5 -27 -10 -27 -6 0 -9 -6 -8 -12 2 -9 -9 -12 -35
+-11 -56 4 -125 30 -169 64 -21 17 -38 27 -38 23 0 -4 -8 2 -17 12 -10 11 -30
+25 -46 33 -15 8 -27 18 -27 23 0 4 -7 8 -15 8 -8 0 -12 6 -9 14 4 11 0 13 -15
+9 -12 -3 -21 -1 -21 6 0 6 -6 11 -14 11 -7 0 -27 7 -42 15 -33 17 -99 21 -89
+5 4 -6 41 -27 83 -48 42 -21 115 -65 160 -98 46 -32 98 -67 115 -76 92 -50
+234 -63 369 -34 43 9 81 15 85 14 5 0 15 2 23 5 8 3 51 13 95 22 126 25 288
+66 315 80 14 7 43 16 65 20 22 4 56 14 75 23 41 18 35 16 80 26 19 4 69 18
+110 31 41 13 111 32 155 43 44 11 100 28 125 37 25 9 52 19 60 21 8 2 40 11
+70 20 30 9 75 19 100 23 25 4 80 20 123 34 42 15 87 27 100 27 22 0 163 47
+342 114 86 32 231 79 285 91 56 13 240 95 240 106 0 9 -33 0 -120 -33 -83 -31
+-206 -71 -290 -93 -36 -9 -87 -26 -114 -36 -27 -10 -55 -19 -63 -19 -8 0 -27
+-6 -41 -14 -53 -27 -105 -47 -109 -42 -3 3 -22 -3 -42 -13 -33 -17 -114 -38
+-321 -86 -41 -10 -101 -28 -133 -41 -31 -12 -57 -21 -57 -18 0 3 -10 -1 -22
+-7 -13 -7 -32 -14 -43 -15 -11 -2 -38 -8 -60 -14 -22 -6 -47 -13 -55 -14 -8
+-2 -39 -10 -69 -19 -30 -10 -63 -17 -73 -17 -11 0 -43 -11 -71 -24 -29 -13
+-69 -27 -89 -30 -20 -4 -50 -13 -65 -21 -15 -8 -36 -15 -46 -15 -9 0 -25 -4
+-35 -10 -42 -23 -260 -70 -397 -85 -33 -4 -64 -10 -70 -15 -5 -4 -28 -10 -50
+-13 -22 -2 -49 -7 -60 -10 -21 -5 -74 -10 -86 -8 -4 1 6 25 22 54 16 28 33 61
+38 72 25 56 34 81 33 87 -1 3 5 12 13 18 8 7 15 19 15 26 0 8 4 14 9 14 5 0
+12 8 15 18 3 9 21 33 39 52 18 19 48 64 66 100 38 72 85 144 114 175 11 11 29
+36 42 55 13 19 45 58 72 85 27 28 57 64 68 80 33 53 252 257 297 277 24 11 88
+38 143 59 95 38 102 43 140 96 22 31 49 66 60 78 38 39 121 140 136 165 9 14
+31 40 48 59 18 19 51 66 74 105 23 39 47 77 54 84 7 8 18 23 25 35 19 36 192
+239 235 277 138 120 158 134 223 160 74 29 324 30 456 1 115 -26 297 -89 428
+-150 33 -16 90 -41 126 -56 118 -51 155 -72 410 -242 69 -46 145 -100 169
+-121 71 -59 299 -292 348 -355 25 -31 49 -57 52 -57 9 0 303 -327 318 -353 7
+-12 12 -26 13 -31 0 -10 -73 2 -80 13 -3 5 -25 11 -50 15 -24 4 -50 12 -56 17
+-16 13 -204 28 -210 17 -3 -4 -2 -8 3 -8 48 -1 279 -42 281 -50 2 -5 12 -10
+23 -10 11 0 49 -13 84 -30 35 -16 67 -30 71 -30 20 0 182 -120 254 -189 46
+-44 91 -81 100 -81 15 0 -108 124 -169 170 -18 14 -47 37 -65 51 -17 14 -47
+36 -66 49 -44 29 -107 96 -213 225 -45 54 -113 132 -152 173 -62 66 -69 77
+-68 111 2 33 25 90 53 126 4 6 10 25 14 44 3 19 25 58 49 87 23 29 49 63 57
+74 15 21 16 20 155 -30 287 -105 307 -111 378 -112 49 0 73 4 86 16 10 9 21
+16 24 16 10 0 135 87 176 121 19 16 38 29 42 29 5 0 25 16 45 35 20 19 40 33
+45 29 5 -3 9 -1 9 4 0 5 21 20 48 33 47 24 149 92 167 113 6 6 30 27 55 46 25
+19 61 50 81 70 38 37 104 90 111 90 3 0 6 -912 7 -2175 0 -226 0 -257 2 -287
+3 -64 -10 -201 -20 -211 -15 -15 -145 -20 -368 -15 -62 2 -113 1 -113 -2 0 -3
+-26 -5 -58 -5 -72 0 -89 15 -127 114 -39 103 -33 199 20 301 24 47 52 140 69
+230 17 88 11 150 -19 197 -33 52 -139 178 -187 222 -52 47 -65 45 -20 -4 198
+-217 225 -278 191 -436 -11 -52 -21 -99 -22 -105 -2 -7 -8 -18 -14 -26 -17
+-20 -64 -148 -68 -185 -2 -17 -6 -41 -9 -51 -12 -35 27 -161 95 -309 10 -24
+19 -47 19 -52 0 -5 7 -22 15 -37 24 -46 29 -92 14 -137 -16 -53 -48 -116 -69
+-137 -8 -9 -35 -40 -60 -69 -25 -29 -58 -67 -75 -85 -16 -18 -35 -40 -41 -51
+-17 -31 -37 -8 -31 36 3 22 2 39 -2 39 -4 0 -8 20 -9 44 -1 23 -6 64 -11 90
+-7 37 -6 46 6 46 23 0 77 -26 92 -43 15 -19 31 -22 31 -8 0 23 -195 145 -212
+134 -5 -2 -8 0 -8 4 0 11 -38 28 -170 79 -138 53 -253 85 -465 130 -38 9 -88
+20 -110 25 -46 12 -270 18 -286 8 -5 -3 8 -6 29 -7 22 -1 71 -7 108 -12 38 -6
+121 -17 184 -25 66 -7 147 -25 190 -40 41 -14 90 -28 110 -31 19 -2 51 -11 70
+-19 45 -18 168 -56 200 -62 14 -2 46 -17 73 -34 26 -16 51 -29 55 -29 5 0 18
+-11 30 -23 19 -21 26 -51 46 -218 13 -107 27 -264 30 -349 6 -132 12 -261 21
+-382 1 -16 2 -77 3 -138 2 -105 3 -110 23 -110 21 0 22 2 14 93 -4 50 -9 171
+-10 268 -1 97 -5 181 -8 186 -4 6 -7 68 -8 137 -1 124 0 128 28 169 15 23 49
+63 76 89 26 27 47 54 47 61 0 7 9 19 21 27 11 8 28 29 36 45 9 17 27 44 41 60
+14 17 36 54 48 83 l24 52 253 -1 c139 0 260 -5 268 -9 12 -8 14 -89 14 -529 0
+-307 4 -517 9 -514 5 4 6 2 3 -4 -6 -10 -11 -122 -9 -180 l2 -33 128 0 128 0
+-2 277 c0 153 3 290 7 305 4 15 4 30 1 32 -10 6 -6 392 4 407 5 8 3 9 -6 4
+-10 -6 -12 -4 -7 9 4 10 7 30 7 44 1 29 45 91 56 79 4 -4 8 -179 9 -390 1
+-210 5 -383 9 -385 3 -2 12 -1 19 1 9 4 9 6 -1 6 -10 1 -10 6 -2 22 7 13 8 25
+2 32 -11 14 -10 46 2 65 4 6 4 12 -1 12 -9 0 -8 239 1 248 9 9 7 24 -3 18 -9
+-6 -7 71 3 81 3 3 1 12 -5 19 -7 9 -7 19 0 33 8 13 8 28 1 46 -5 14 -6 24 -2
+21 5 -3 8 53 7 124 -1 71 2 134 6 142 7 11 213 13 1147 15 l1138 3 2 -28 c0
+-15 3 -40 6 -57 3 -16 5 -91 5 -165 -1 -74 -1 -142 -1 -150 1 -8 1 -207 1
+-443 l1 -427 105 0 105 0 0 5000 0 5001 -102 -3 -103 -3 -2 -1190 c-1 -654 -2
+-1196 -2 -1202 -1 -7 -8 -13 -16 -13 -8 0 -15 -5 -15 -10 0 -7 -6 -7 -19 -1
+-10 6 -20 8 -23 6 -4 -5 -229 -6 -907 -5 -232 0 -426 -2 -430 -4 -3 -2 -15 0
+-25 3 -19 7 -30 34 -90 216 -25 75 -108 250 -132 276 -8 8 -14 18 -14 22 0 7
+-91 143 -149 222 -109 147 -238 281 -380 393 -53 41 -89 78 -97 99 -14 32 -29
+48 -18 18 8 -21 -35 -11 -60 14 -18 18 -19 33 -18 146 0 69 4 130 8 136 4 6 2
+14 -4 18 -6 4 -7 25 -2 56 4 28 5 55 0 60 -4 6 -5 39 -3 75 5 74 5 64 3 192
+-1 53 1 102 5 107 3 6 1 11 -5 11 -7 0 -8 6 -1 19 6 10 8 21 5 23 -2 3 -5 75
+-5 161 l0 157 -133 0 -133 0 1 -340 c1 -187 4 -340 8 -340 4 0 4 -10 0 -22 -4
+-13 -7 -63 -6 -111 0 -48 -2 -90 -6 -92 -4 -3 -23 6 -43 19 -48 33 -58 35
+-182 37 -60 1 -119 6 -130 12 -11 5 -45 33 -75 62 -103 100 -301 162 -500 157
+-63 -1 -126 -5 -140 -9 -14 -4 -135 -8 -270 -10 -186 -2 -294 -9 -449 -29
+-113 -14 -208 -27 -212 -29 -3 -3 -28 -7 -55 -10 -27 -3 -60 -8 -74 -11 -14
+-4 -60 -10 -102 -14 -42 -4 -82 -11 -89 -15 -8 -5 -10 -4 -5 3 4 7 4 12 -1 12
+-4 0 -8 11 -8 24 0 13 3 22 8 19 12 -7 8 12 -5 26 -8 9 -8 11 -2 8 9 -5 10 3
+4 28 -5 21 -4 35 3 38 6 2 6 11 -2 26 -9 16 -9 26 -2 35 6 7 9 15 6 18 -5 5
+-6 126 -2 251 1 46 -2 77 -8 77 -7 0 -7 3 0 8 11 8 14 132 4 132 -4 0 -5 9 -2
+20 3 13 0 20 -9 20 -21 0 -22 -9 -17 -286 1 -72 -1 -136 -5 -142 -3 -6 -2 -13
+4 -17 7 -4 7 -12 0 -24 -5 -10 -6 -22 -2 -26 9 -8 12 -240 3 -252 -6 -9 -57
+-33 -70 -33 -4 0 -7 174 -7 388 l1 387 -127 3 c-99 2 -128 0 -129 -10 -3 -68
+-3 -628 1 -628 7 0 3 -126 -4 -155 -3 -13 -2 -34 3 -47 6 -16 5 -29 -3 -40
+-12 -17 -115 -70 -209 -108 -31 -13 -66 -32 -76 -41 -10 -10 -45 -31 -77 -48
+-33 -18 -72 -39 -89 -49 -16 -9 -36 -18 -42 -18 -39 -3 -44 -5 -38 -16 4 -7
+-1 -4 -9 6 -12 15 -16 16 -16 5 -1 -10 -3 -9 -11 4 -6 10 -8 23 -5 30 2 7 5 3
+5 -8 1 -17 3 -17 11 -5 5 8 10 10 10 4 0 -6 13 -9 31 -6 26 4 29 6 15 14 -9 5
+-14 13 -11 19 3 5 -1 6 -10 2 -13 -5 -14 -7 -3 -14 9 -6 9 -9 1 -9 -18 0 -27
+21 -13 30 7 4 10 12 6 18 -3 6 1 15 9 20 10 5 13 15 9 25 -3 9 -10 15 -15 12
+-4 -3 -6 -12 -2 -20 3 -8 0 -15 -7 -15 -7 0 -10 -7 -6 -15 3 -8 1 -15 -4 -15
+-6 0 -11 15 -12 33 -2 49 -3 55 -9 62 -10 10 3 55 14 48 6 -4 8 2 4 16 -4 18
+-2 21 11 16 9 -4 28 -9 42 -11 16 -2 13 0 -8 6 -20 7 -30 15 -26 22 5 8 1 9
+-10 5 -14 -5 -17 -3 -12 8 3 8 1 15 -3 15 -15 0 0 84 17 98 16 12 11 15 -23
+13 -17 -2 -18 0 -5 9 13 9 13 11 0 20 -13 8 -13 10 2 10 9 0 19 -6 21 -12 4
+-10 6 -10 6 0 1 7 -5 19 -12 27 -18 17 -22 132 -6 151 7 8 9 17 5 21 -3 3 -6
+1 -6 -5 0 -7 -3 -12 -8 -12 -18 0 -6 66 15 83 13 10 23 26 23 35 0 12 -4 10
+-13 -7 -17 -34 -33 -36 -32 -4 1 38 15 64 29 56 6 -3 5 0 -2 8 -11 12 -14 12
+-22 -1 -8 -12 -10 -11 -7 5 1 11 6 25 10 32 4 6 3 14 -2 17 -8 5 -8 27 -1 46
+3 6 2 9 -4 46 -3 15 0 34 6 41 8 10 8 17 0 25 -14 14 -16 52 -4 44 5 -3 9 1 9
+9 0 8 -4 12 -9 9 -4 -3 -8 5 -8 18 0 19 2 20 11 8 9 -12 10 -12 5 3 -3 11 -9
+30 -12 43 l-6 24 -1927 0 -1926 0 -4 -5000z m6406 4334 c95 -21 148 -40 199
+-70 46 -27 124 -108 124 -129 0 -17 43 -35 61 -24 9 4 35 10 60 11 24 2 49 7
+55 11 15 9 64 5 64 -5 0 -4 9 -8 20 -8 33 0 100 -38 165 -94 95 -81 120 -118
+53 -79 -60 34 -194 77 -202 64 -3 -4 10 -13 27 -20 135 -58 401 -197 416 -218
+3 -4 38 -29 76 -56 39 -26 85 -61 104 -77 18 -16 49 -42 68 -57 40 -32 36 -27
+100 -108 26 -33 53 -66 61 -74 7 -7 41 -50 74 -95 34 -44 68 -87 75 -94 8 -8
+21 -28 30 -45 9 -18 28 -50 43 -72 72 -106 190 -372 215 -485 2 -8 8 -28 15
+-44 10 -27 24 -98 65 -321 8 -44 17 -96 19 -116 3 -20 8 -42 11 -50 35 -93 44
+-758 11 -869 -9 -30 -19 -75 -22 -100 -3 -25 -10 -53 -15 -62 -5 -9 -9 -34 -9
+-55 0 -22 -12 -77 -26 -124 -14 -46 -31 -102 -37 -125 -7 -22 -19 -51 -28 -64
+-15 -22 -15 -19 -8 51 4 41 10 146 13 234 4 88 11 185 16 215 21 128 32 348
+26 523 -4 100 -9 231 -11 290 -2 59 -7 112 -10 116 -3 5 -12 62 -20 128 -27
+213 -59 342 -80 322 -3 -4 4 -62 15 -130 20 -123 29 -186 34 -265 2 -23 6 -46
+9 -50 26 -44 29 -794 3 -794 -4 0 -6 9 -3 20 3 11 2 20 -3 20 -4 0 -11 33 -15
+73 -6 65 -39 198 -67 270 -11 30 -43 39 -34 10 13 -50 46 -207 56 -273 6 -41
+15 -97 20 -125 14 -75 11 -229 -6 -330 -8 -49 -33 -144 -55 -210 -39 -115 -48
+-139 -88 -230 -10 -22 -24 -55 -31 -72 -7 -18 -16 -33 -20 -33 -3 0 -13 -12
+-21 -27 -7 -16 -21 -39 -30 -53 -9 -14 -30 -47 -47 -75 -17 -27 -35 -55 -39
+-60 -40 -52 -63 -85 -63 -93 0 -4 -11 -19 -25 -32 -14 -13 -25 -29 -25 -36 0
+-7 -8 -15 -18 -18 -10 -4 -29 -16 -41 -27 -32 -30 -36 -17 -7 26 14 20 28 46
+32 58 4 12 10 24 13 27 3 3 19 30 34 60 16 30 32 62 37 70 5 8 16 29 24 45 8
+17 27 54 42 82 14 29 27 64 28 78 0 14 7 25 14 25 6 0 12 5 12 10 0 6 -6 10
+-12 10 -9 0 -10 3 -2 8 6 4 16 16 21 27 16 31 44 146 37 156 -3 5 -1 9 4 9 11
+0 26 45 25 73 0 9 3 17 8 17 4 0 7 9 6 20 -1 12 -7 18 -14 16 -10 -4 -10 -1
+-1 14 9 14 14 16 20 7 4 -7 8 11 9 38 0 28 2 57 4 65 2 8 10 56 19 105 8 50
+19 108 25 130 6 22 13 92 17 156 6 100 5 117 -9 122 -13 5 -17 -5 -21 -51 -25
+-241 -87 -509 -150 -647 -8 -16 -28 -66 -45 -110 -17 -44 -49 -116 -71 -160
+l-40 -80 6 85 c3 47 9 101 14 121 7 37 4 223 -5 247 -3 8 -11 12 -18 10 -9 -4
+-12 -45 -14 -154 -2 -235 -37 -399 -102 -473 -12 -13 -21 -30 -21 -37 0 -7
+-29 -44 -65 -81 -36 -37 -65 -63 -65 -58 0 6 13 35 29 65 37 72 96 276 108
+375 2 22 8 64 12 93 11 73 4 262 -15 392 -6 43 -12 134 -13 210 -1 27 -3 31
+-11 20 -8 -13 -10 -13 -10 2 0 9 4 18 9 20 10 3 14 22 12 51 0 10 -5 16 -9 13
+-7 -4 -62 140 -68 174 0 3 -5 23 -11 45 -5 22 -16 65 -23 95 -7 30 -17 66 -23
+80 -6 14 -11 27 -12 30 0 3 -11 37 -23 76 -27 89 -58 254 -67 359 -4 44 -9 89
+-12 100 -2 11 -9 49 -15 85 -6 36 -19 97 -30 135 -43 154 -80 146 -41 -9 13
+-50 28 -120 33 -156 19 -125 30 -213 26 -217 -1 -2 -17 25 -34 59 -17 35 -40
+68 -51 75 -18 11 -19 10 -10 -21 5 -19 20 -55 34 -80 14 -26 25 -52 25 -57 0
+-6 11 -34 24 -62 32 -71 34 -79 41 -187 4 -52 8 -97 9 -100 0 -3 -3 -7 -8 -10
+-6 -3 -14 11 -19 30 -10 42 -64 178 -108 275 -54 120 -60 153 -74 425 -11 226
+-26 330 -46 330 -8 0 -7 -68 6 -325 5 -86 4 -136 -2 -130 -5 6 -24 46 -43 90
+-18 44 -50 112 -70 150 -21 39 -55 104 -77 145 l-39 75 18 50 c10 28 22 59 27
+70 51 116 64 169 39 159 -7 -2 -21 -21 -30 -42 -25 -54 -88 -229 -88 -244 -1
+-7 -9 -31 -20 -53 -11 -22 -19 -43 -20 -46 0 -4 -8 -24 -17 -45 -9 -22 -17
+-41 -18 -44 -4 -12 -20 -49 -46 -108 -16 -35 -29 -65 -29 -67 0 -8 -84 -141
+-92 -146 -5 -3 -9 -10 -9 -15 1 -5 -12 -30 -29 -55 -16 -25 -33 -55 -36 -65
+-4 -10 -19 -37 -34 -59 -14 -22 -34 -57 -45 -77 -11 -21 -22 -38 -26 -38 -3 0
+-14 -18 -24 -41 -10 -22 -33 -56 -51 -76 -18 -19 -38 -48 -44 -64 -7 -16 -17
+-29 -22 -29 -5 0 -7 -4 -4 -9 3 -5 -1 -11 -9 -15 -8 -3 -15 -2 -15 2 0 12 30
+114 40 137 5 11 14 38 20 60 6 22 13 46 15 53 3 7 4 13 3 15 -1 1 4 12 10 23
+6 12 14 40 17 62 8 66 29 114 76 176 64 86 80 107 123 172 21 33 51 73 66 90
+47 54 100 140 100 163 0 35 -28 24 -51 -20 -11 -23 -29 -51 -40 -62 -10 -12
+-19 -27 -19 -34 0 -7 -9 -17 -20 -23 -11 -6 -32 -32 -47 -58 -46 -80 -118
+-167 -121 -148 -2 10 1 30 6 44 6 15 18 61 27 102 14 66 26 115 30 130 3 13
+16 88 19 115 2 17 0 39 -4 50 -6 16 -10 12 -20 -25 -7 -25 -16 -61 -21 -80 -4
+-19 -21 -93 -38 -165 -18 -71 -33 -139 -35 -150 -13 -79 -45 -147 -100 -217
+-12 -14 -32 -41 -46 -59 -39 -52 -220 -246 -412 -441 -144 -147 -188 -195
+-188 -208 0 -18 58 18 82 50 12 17 27 30 33 30 7 0 26 16 44 35 17 19 36 35
+42 35 6 0 8 4 5 8 -3 5 6 19 20 33 14 13 44 43 66 67 23 24 50 42 62 42 22 -1
+184 -54 194 -65 3 -3 1 -23 -5 -45 -13 -50 3 -54 36 -9 21 29 27 31 65 26 22
+-4 64 -12 91 -19 58 -15 213 -14 228 1 12 12 3 14 -142 36 -130 19 -157 31
+-154 69 1 15 16 43 32 62 17 19 31 39 31 44 0 4 18 28 40 51 22 24 40 49 40
+56 0 7 5 13 11 13 5 0 8 4 4 9 -3 5 6 22 21 38 23 24 48 71 44 81 -1 2 7 11
+18 20 19 18 62 100 62 120 0 7 6 15 14 18 8 3 17 15 20 27 3 13 14 31 24 42
+20 22 22 27 22 51 0 9 5 12 12 8 6 -4 8 -3 4 4 -3 6 -2 13 3 16 14 9 62 97 48
+90 -7 -4 -3 4 9 17 24 29 44 73 44 99 0 11 5 20 11 20 5 0 8 4 5 8 -3 5 2 21
+10 36 7 16 14 35 14 42 0 25 17 15 34 -21 9 -19 21 -35 26 -35 5 0 23 -30 41
+-67 78 -167 89 -191 89 -198 0 -4 16 -44 36 -88 l37 -80 -7 -151 c-6 -137 -32
+-371 -42 -388 -2 -4 0 -9 6 -13 21 -13 42 103 54 300 5 83 15 135 26 135 5 0
+16 -21 25 -47 19 -52 25 -69 49 -123 63 -143 134 -386 118 -402 -13 -13 -117
+-27 -172 -22 -38 2 -49 -1 -72 -23 -39 -38 -35 -46 20 -39 26 4 67 9 92 12 25
+2 67 9 93 14 27 6 52 8 57 5 5 -3 10 -1 12 4 1 5 25 11 52 13 l49 3 12 -50
+c50 -209 86 -427 74 -446 -4 -7 -22 -3 -50 12 -133 67 -294 63 -428 -13 -68
+-38 -91 -57 -91 -75 0 -11 4 -11 21 -3 28 15 33 8 21 -32 -36 -113 -43 -258
+-18 -342 8 -26 12 -54 10 -60 -18 -48 212 -104 312 -77 45 12 91 51 60 51 -9
+0 -33 -7 -53 -15 -19 -8 -44 -15 -54 -15 -22 0 -25 25 -5 37 22 12 67 119 73
+175 6 47 5 48 -25 59 -56 19 -49 51 12 53 l31 1 -1 76 c-1 42 -6 92 -13 110
+-7 20 -8 36 -2 42 13 13 104 -19 126 -43 10 -11 26 -20 36 -20 10 0 28 -10 39
+-22 21 -22 21 -29 15 -193 -5 -140 -12 -192 -37 -295 -54 -223 -111 -372 -162
+-423 -13 -13 -27 -34 -31 -47 -7 -22 -4 -21 44 13 28 20 55 37 59 37 5 0 19
+11 32 25 12 13 27 22 31 19 9 -5 1 -35 -12 -44 -4 -3 -13 -30 -22 -60 -14 -53
+-49 -145 -105 -275 -20 -47 -111 -185 -142 -215 -3 -3 -18 -22 -33 -43 -16
+-20 -38 -48 -50 -61 -12 -13 -33 -37 -47 -53 -109 -127 -240 -246 -370 -334
+-41 -29 -86 -61 -100 -74 -31 -26 -132 -92 -157 -102 -10 -4 -53 -36 -96 -71
+-43 -35 -91 -68 -107 -72 -66 -19 -185 9 -450 105 -61 22 -389 186 -470 235
+-36 22 -74 44 -85 49 -12 5 -67 44 -125 87 -57 44 -115 88 -129 98 -14 11 -44
+36 -66 56 -43 41 -83 65 -92 56 -3 -3 34 -44 83 -91 109 -105 110 -106 159
+-135 22 -13 42 -27 45 -30 13 -14 179 -120 189 -120 6 0 11 -4 11 -8 0 -4 12
+-13 28 -19 77 -33 247 -133 250 -148 2 -9 -7 -30 -20 -48 -31 -42 -64 -113
+-73 -156 -8 -37 -61 -131 -74 -131 -5 0 -37 32 -72 71 -69 77 -200 206 -264
+260 -22 19 -49 43 -60 54 -11 11 -30 27 -41 35 -12 8 -54 39 -93 69 -39 30
+-78 56 -85 57 -8 1 -34 15 -58 32 -59 40 -144 82 -152 75 -3 -4 -6 -1 -6 5 0
+7 -6 12 -14 12 -8 0 -16 3 -18 8 -1 4 -19 15 -38 24 -19 10 -42 22 -50 26 -33
+19 -59 31 -126 58 -97 38 -117 53 -109 78 7 24 24 84 29 106 2 9 16 51 30 95
+14 44 30 94 35 110 5 17 13 48 16 70 3 22 10 56 15 75 5 19 14 71 21 114 12
+80 12 80 25 45 17 -48 112 -228 140 -266 13 -17 24 -34 24 -38 0 -6 53 -76 77
+-102 6 -7 16 -13 22 -13 5 0 -10 29 -34 65 -47 70 -213 396 -219 432 -12 59
+-50 88 -163 123 -40 13 -73 27 -73 31 0 5 -6 9 -13 9 -23 0 -146 109 -185 163
+-59 82 -134 227 -168 327 -10 26 -18 94 -21 160 -5 114 -5 116 27 185 36 78
+77 138 89 130 5 -2 9 -48 9 -101 1 -87 8 -125 33 -191 9 -23 34 -33 26 -10 -2
+6 -1 22 4 34 4 12 9 49 10 82 1 34 6 61 11 61 4 0 7 3 6 8 -3 13 15 47 35 65
+48 42 111 5 123 -73 4 -25 4 -42 0 -39 -8 8 -80 -61 -89 -85 -4 -9 -10 -15
+-15 -12 -4 2 -9 -4 -9 -15 -1 -10 0 -19 2 -19 16 0 65 30 87 53 l27 28 15 -29
+c8 -16 16 -46 18 -66 1 -20 5 -36 9 -36 16 0 20 -96 5 -137 -8 -23 -12 -43 -8
+-45 8 -4 50 -99 64 -146 10 -34 30 -39 36 -8 2 10 -8 42 -22 71 -36 77 -42
+105 -22 105 9 0 16 -6 16 -13 0 -22 149 -315 203 -399 27 -43 52 -76 57 -73 4
+2 4 24 -1 47 -11 54 -39 257 -39 281 0 29 15 19 34 -23 10 -22 23 -46 29 -53
+13 -14 18 -22 63 -107 24 -46 147 -225 184 -267 6 -7 9 -13 7 -13 -3 0 45 -51
+105 -112 61 -62 112 -108 115 -102 2 6 -12 51 -32 100 -41 102 -45 118 -52
+235 -6 107 34 326 99 539 11 36 29 85 41 110 30 63 126 210 137 210 11 0 17
+-21 29 -100 9 -55 8 -64 -10 -66 -5 -1 -12 -2 -15 -3 -8 -1 58 -54 100 -80 17
+-11 67 -31 110 -46 65 -20 100 -25 184 -26 61 0 109 4 115 10 8 8 -9 11 -56
+11 -38 0 -67 4 -67 10 0 5 15 30 34 54 39 51 69 132 64 173 -2 23 -11 30 -48
+43 -33 11 -45 21 -45 35 0 18 7 20 60 20 53 0 60 2 63 21 3 23 -20 144 -36
+184 -5 14 -9 27 -8 30 0 3 -7 16 -17 30 -26 37 -21 43 31 37 109 -13 150 -28
+194 -68 60 -55 198 -118 198 -90 0 24 -148 146 -210 173 -68 30 -150 55 -203
+62 -60 8 -94 21 -99 38 -5 14 -52 -31 -118 -112 -19 -24 -47 -54 -62 -68 -16
+-14 -28 -29 -28 -34 0 -5 -30 -39 -66 -76 -37 -37 -77 -84 -90 -104 -14 -21
+-33 -44 -44 -50 -11 -7 -20 -18 -20 -24 0 -6 -10 -19 -21 -30 l-21 -19 7 35
+c4 19 18 62 32 95 13 33 29 74 34 90 6 17 14 39 19 50 30 75 50 129 50 136 0
+16 35 89 42 89 5 0 8 6 8 14 0 8 11 36 24 63 14 27 31 70 38 96 6 26 16 47 20
+47 4 0 8 6 8 13 0 8 9 22 20 32 11 10 20 23 20 29 0 12 8 27 78 156 72 132
+100 195 90 199 -12 4 -58 -43 -58 -60 0 -6 -8 -23 -18 -37 -10 -15 -56 -103
+-102 -197 -46 -93 -97 -189 -112 -212 -15 -23 -28 -47 -28 -53 0 -7 -16 -46
+-35 -87 -19 -41 -35 -81 -35 -89 0 -8 -9 -34 -21 -57 -11 -23 -22 -49 -24 -57
+-2 -8 -24 -74 -49 -147 -25 -72 -46 -140 -46 -150 0 -11 -5 -24 -11 -30 -6 -6
+-13 -26 -16 -44 -3 -19 -11 -48 -17 -64 -7 -17 -16 -52 -20 -79 -4 -27 -11
+-56 -16 -65 -4 -9 -16 -62 -26 -118 -10 -57 -22 -103 -26 -103 -4 0 -8 -10 -8
+-22 -2 -66 -13 -148 -20 -148 -9 0 -25 69 -35 155 -21 165 -25 221 -25 320 0
+61 5 164 11 230 27 306 26 286 6 300 -29 20 -43 9 -39 -29 3 -22 -2 -39 -13
+-50 -21 -21 -23 -65 -4 -77 11 -7 10 -9 -3 -9 -12 0 -18 -8 -18 -22 0 -19 2
+-20 10 -8 11 17 13 10 4 -14 -3 -9 -10 -13 -15 -10 -13 7 -11 -10 2 -23 8 -8
+7 -13 -2 -18 -8 -5 -10 -4 -5 3 5 8 1 10 -9 5 -9 -3 -12 -9 -7 -12 5 -3 8 -13
+6 -21 -17 -75 -20 -100 -12 -100 5 0 6 -5 2 -12 -4 -6 -8 -22 -10 -35 -2 -18
+2 -23 12 -19 8 3 14 1 14 -4 0 -6 -10 -10 -22 -11 -13 0 -17 -3 -11 -6 9 -3
+10 -10 3 -23 -8 -15 -6 -17 12 -12 l22 5 -23 -24 c-14 -15 -21 -32 -18 -46 2
+-13 0 -23 -4 -23 -16 0 -9 -29 9 -39 15 -9 15 -10 1 -11 -14 0 -16 -13 -14
+-96 1 -70 6 -98 16 -105 11 -7 10 -9 -4 -9 -12 0 -16 -4 -10 -12 4 -7 9 -29
+10 -48 4 -52 8 -69 18 -77 4 -4 5 -3 2 3 -3 6 0 11 8 11 8 0 11 -5 8 -10 -3
+-5 1 -13 8 -18 9 -7 4 -8 -16 -4 -16 3 -25 3 -18 -1 7 -3 9 -12 6 -21 -4 -11
+-3 -14 6 -9 9 6 11 -2 7 -33 -3 -33 -1 -41 12 -41 10 0 13 -3 7 -8 -13 -9 -18
+-35 -5 -27 5 3 10 2 10 -4 0 -5 -4 -12 -9 -16 -10 -6 -121 142 -121 161 0 6
+-7 17 -15 24 -8 7 -21 24 -28 39 -20 39 -41 75 -48 81 -19 16 -93 180 -104
+228 -9 43 -9 577 1 621 6 27 4 33 -7 29 -22 -7 -41 -180 -42 -385 0 -68 -3
+-123 -7 -123 -3 0 -18 48 -34 108 -15 59 -32 118 -38 131 -5 14 -14 47 -19 75
+-10 51 -12 68 -24 161 -7 56 -16 112 -20 135 -2 8 -4 18 -4 23 -1 4 -7 7 -15
+7 -12 0 -13 -33 -9 -197 2 -109 4 -218 3 -243 0 -33 2 -41 10 -30 8 13 10 13
+10 -2 0 -10 -4 -18 -9 -18 -9 0 -7 -21 15 -127 2 -13 12 -23 22 -23 15 -1 15
+-2 1 -10 -10 -6 -15 -20 -13 -37 2 -15 6 -50 9 -78 5 -39 4 -46 -5 -32 -6 9
+-8 22 -4 29 4 6 3 8 -4 4 -15 -9 -61 141 -77 251 -2 12 -6 34 -9 50 -3 15 -8
+42 -10 58 -3 17 -12 73 -21 125 -23 135 -25 383 -3 570 6 47 12 106 14 131 2
+25 9 68 14 95 6 27 12 58 14 69 7 51 18 114 26 150 5 22 13 72 19 110 6 39 13
+84 16 100 2 17 16 58 29 93 14 34 25 66 25 70 2 16 24 77 31 82 3 3 14 25 24
+50 10 25 20 51 23 58 3 6 -2 12 -10 12 -17 0 -32 -28 -72 -134 -14 -38 -29
+-74 -34 -80 -5 -6 -12 -26 -16 -44 -9 -43 -52 -180 -62 -195 -4 -6 -8 -23 -9
+-37 -2 -14 -10 -61 -18 -105 -8 -44 -17 -98 -20 -120 -3 -22 -9 -52 -15 -67
+-5 -14 -7 -29 -4 -32 4 -3 1 -6 -5 -6 -7 0 -12 -12 -12 -27 0 -16 -7 -50 -15
+-76 -8 -26 -10 -45 -5 -42 6 4 10 1 10 -4 0 -6 -6 -11 -12 -12 -10 0 -10 -2 0
+-6 15 -6 16 -73 1 -73 -6 0 -9 6 -6 14 3 7 0 19 -6 25 -8 8 -14 -3 -24 -42 -8
+-28 -19 -54 -25 -56 -7 -2 -6 -6 2 -11 10 -6 9 -15 -4 -40 -19 -39 -21 -54 -5
+-44 7 4 10 1 7 -7 -3 -8 -11 -13 -17 -12 -9 3 -16 -32 -12 -59 0 -4 -8 -31
+-18 -60 -17 -48 -22 -75 -36 -203 -11 -98 -17 -125 -26 -130 -5 -4 -6 -11 -3
+-17 4 -7 2 -8 -4 -4 -15 9 -8 436 8 526 14 77 15 141 2 149 -13 8 -14 109 -3
+149 6 20 6 30 0 27 -12 -8 -12 12 1 36 6 10 8 19 4 19 -10 0 -33 -33 -34 -49
+0 -8 -9 -32 -19 -55 -45 -96 -65 -142 -67 -153 -1 -6 -7 -28 -14 -47 -6 -20
+-8 -41 -4 -47 4 -8 3 -9 -4 -5 -7 4 -15 -9 -22 -36 -13 -52 -31 -90 -39 -82
+-9 9 -10 226 0 269 4 22 13 63 19 90 6 28 12 57 13 67 2 9 7 22 13 30 21 28
+64 116 64 131 0 8 4 17 9 19 11 4 25 68 14 68 -10 0 -18 -12 -71 -112 -23 -42
+-42 -86 -42 -96 0 -10 -3 -22 -7 -26 -5 -4 -8 -11 -8 -14 -1 -4 -11 -34 -24
+-67 -12 -33 -24 -67 -26 -75 -2 -8 -10 -28 -19 -45 -9 -16 -16 -36 -16 -43 0
+-7 -4 -20 -10 -30 -9 -16 -37 -91 -45 -122 -20 -81 -38 -149 -42 -167 -3 -13
+-11 -23 -17 -23 -12 0 -12 9 -5 140 0 8 7 78 14 155 7 77 13 149 13 160 0 11
+2 36 5 55 15 101 18 158 9 164 -5 3 -13 -10 -16 -29 -7 -34 -26 -49 -26 -20 0
+8 0 16 1 18 0 1 -4 14 -10 30 -8 20 -7 27 2 28 6 0 3 4 -8 9 -18 8 -18 9 -2 9
+14 1 16 5 7 20 -12 24 -13 44 -2 37 5 -3 9 21 9 52 0 101 6 147 22 159 9 6 13
+14 10 17 -3 3 -18 -7 -32 -24 -15 -16 -22 -30 -16 -30 6 0 3 -7 -5 -16 -19
+-19 -20 -36 -4 -52 9 -9 8 -12 -4 -12 -9 0 -18 3 -21 8 -2 4 -2 2 -1 -5 2 -7
+-1 -15 -6 -18 -5 -3 -19 -27 -31 -53 -20 -43 -24 -57 -32 -104 -2 -10 -7 -21
+-12 -25 -4 -5 -5 -1 0 7 5 10 5 12 -2 5 -11 -11 -63 -173 -63 -197 0 -8 -7
+-21 -15 -28 -13 -11 -13 -15 -3 -21 8 -6 9 -9 2 -9 -12 0 -29 -62 -25 -91 3
+-22 -27 -46 -34 -28 -14 36 -7 252 9 277 3 6 4 16 1 24 -3 7 -1 43 3 81 8 64
+1 90 -13 47 -3 -11 -10 -20 -14 -20 -5 0 -7 -11 -6 -24 2 -14 -3 -27 -10 -29
+-13 -6 -65 -92 -65 -111 -1 -6 -9 -29 -20 -51 -10 -22 -16 -43 -14 -47 3 -5 0
+-8 -6 -8 -7 0 -10 -7 -7 -15 4 -8 2 -17 -3 -20 -6 -4 -10 -15 -10 -25 0 -10
+-7 -25 -15 -34 -8 -8 -15 -26 -15 -39 0 -14 -9 -31 -22 -39 -19 -13 -23 -27
+-29 -105 -10 -144 -31 -150 -45 -13 -15 154 0 345 34 440 3 8 6 18 6 22 1 3 4
+10 9 14 4 4 7 18 7 32 0 21 -2 22 -15 12 -8 -7 -15 -16 -15 -21 0 -5 -26 -68
+-59 -141 -74 -168 -77 -175 -80 -200 -1 -9 -5 -8 -11 3 -5 9 -6 51 0 105 4 49
+11 121 14 159 4 39 11 95 16 125 6 30 12 78 14 106 1 28 6 56 10 63 10 16 14
+71 6 71 -22 0 -70 -207 -70 -297 0 -34 -5 -74 -10 -88 -11 -29 -16 -85 -25
+-280 -5 -111 -16 -192 -39 -302 -2 -11 -8 -42 -11 -67 -4 -26 -11 -49 -17 -52
+-11 -7 -9 565 4 661 5 39 15 122 23 185 7 63 18 133 23 155 27 112 34 142 43
+170 6 17 12 41 15 55 6 29 83 226 112 285 37 76 82 174 82 179 0 3 18 32 40
+63 22 32 40 64 40 71 0 6 4 12 9 12 5 0 14 13 19 29 13 38 127 196 206 286
+277 317 377 416 514 510 56 39 111 78 123 87 12 10 34 23 50 30 16 7 29 16 29
+20 0 3 14 9 30 13 17 4 30 10 30 15 0 5 21 16 48 26 26 10 58 24 72 31 14 7
+30 13 36 13 6 0 22 8 35 19 13 10 35 22 49 26 14 4 48 18 75 30 28 13 73 29
+100 35 28 7 55 16 60 20 18 13 189 64 209 62 11 0 26 3 35 7 9 5 33 12 53 15
+21 3 59 11 85 17 27 6 64 13 83 14 125 13 154 16 161 21 18 11 130 16 409 19
+278 4 302 2 411 -20 133 -27 183 -42 287 -90 41 -19 76 -35 78 -35 2 0 4 7 4
+16 0 8 -4 13 -9 10 -5 -4 -11 -3 -13 1 -10 23 -255 123 -301 123 -9 0 -19 5
+-22 10 -10 16 165 12 242 -6z m-4857 -970 c0 -8 10 -14 24 -14 14 0 28 -5 32
+-11 4 -8 9 -7 15 2 6 10 9 11 9 2 0 -8 13 -13 29 -13 17 0 33 -5 36 -10 4 -6
+10 -8 15 -5 5 3 12 1 15 -5 4 -6 15 -8 25 -5 13 4 24 -2 36 -20 9 -14 24 -25
+33 -25 9 0 22 -5 29 -12 9 -9 12 -9 12 3 1 12 2 11 10 -1 5 -9 8 -56 6 -105
+-1 -50 1 -105 5 -122 4 -18 4 -33 0 -33 -7 0 -6 -26 3 -93 3 -23 1 -35 -4 -32
+-6 4 -10 1 -10 -4 0 -6 8 -11 18 -12 9 0 12 -3 5 -5 -8 -4 -10 -28 -6 -82 5
+-81 6 -140 3 -157 -1 -5 -1 -14 0 -20 3 -9 12 -222 11 -255 -1 -96 -9 -188
+-16 -199 -5 -9 -4 -12 3 -7 7 4 10 -30 10 -113 0 -65 2 -124 6 -129 3 -6 1
+-14 -5 -18 -8 -5 -9 -3 -4 6 5 9 4 11 -3 6 -9 -5 -9 -13 -1 -28 10 -19 7 -93
+-7 -135 -4 -11 -3 -14 3 -6 9 13 8 -199 -2 -237 -3 -14 -1 -38 4 -53 6 -16 7
+-26 2 -23 -5 3 -14 -1 -21 -9 -11 -13 -10 -14 6 -9 16 6 17 5 7 -7 -15 -16
+-17 -33 -3 -24 6 3 10 -1 10 -9 0 -9 -4 -16 -10 -16 -5 0 -9 -11 -8 -25 1 -14
+7 -25 13 -25 6 0 7 -3 0 -8 -16 -11 -19 -45 -3 -37 10 6 11 5 1 -6 -15 -15
+-18 -53 -4 -44 6 3 6 -6 1 -24 -6 -21 -5 -32 3 -35 7 -3 -13 -3 -43 0 -30 3
+-57 10 -59 16 -2 7 -5 7 -10 0 -4 -7 -20 -5 -46 5 -22 8 -59 16 -81 18 -51 4
+-114 25 -115 40 -7 68 -5 163 3 173 7 8 7 12 -1 12 -9 0 -11 33 -9 120 2 75
+-1 120 -7 121 -5 0 -5 3 2 5 6 3 9 16 7 31 -9 46 -10 324 -2 329 5 3 5 11 1
+17 -10 16 -10 857 0 857 4 0 4 7 -1 16 -5 9 -6 34 -2 55 4 22 3 39 -2 39 -5 0
+-6 5 -2 12 4 6 9 95 10 197 2 102 4 191 5 198 3 16 19 6 19 -13z m480 -155 c8
+-10 93 -52 110 -54 27 -4 60 -17 60 -24 0 -4 11 -8 25 -9 14 -1 43 -13 65 -27
+l39 -25 0 -109 c-1 -60 2 -115 6 -122 5 -8 4 -10 -4 -5 -8 6 -10 1 -6 -16 12
+-52 13 -208 2 -208 -9 0 -9 -2 -1 -8 7 -4 12 -65 13 -172 4 -283 5 -295 16
+-302 6 -5 6 -8 -2 -8 -9 0 -12 -49 -13 -182 -2 -322 -7 -545 -12 -554 -3 -5
+-5 -38 -3 -74 1 -36 -3 -68 -8 -72 -7 -4 -6 -12 2 -22 11 -13 11 -16 0 -17 -8
+0 -9 -2 -3 -5 14 -6 6 -54 -10 -55 -6 0 -2 -5 9 -10 l20 -9 -20 3 c-12 2 -19
+10 -19 20 1 9 -3 17 -8 17 -6 0 -8 10 -5 23 7 26 -7 55 -17 38 -4 -6 -2 -11 4
+-11 7 0 7 -7 -1 -22 -13 -26 -34 -41 -63 -45 -29 -5 -33 -13 -6 -13 22 0 23
+-1 5 -20 -10 -11 -15 -20 -11 -20 11 0 36 27 36 39 0 6 6 11 14 11 8 0 16 6
+19 13 2 6 8 9 12 5 4 -4 -3 -16 -16 -27 -13 -11 -19 -21 -14 -21 6 0 -3 -9
+-20 -20 -21 -14 -25 -20 -12 -20 9 0 17 5 17 12 0 6 3 8 6 5 4 -4 2 -13 -4
+-20 -7 -8 -10 -16 -7 -19 3 -2 -10 -3 -28 -2 -17 1 -38 3 -45 3 -7 1 -11 4 -9
+9 3 4 -22 8 -56 10 -66 3 -112 24 -80 36 14 6 15 9 3 16 -7 5 -14 18 -15 29
+-1 16 1 18 12 10 11 -10 12 -5 9 25 -3 22 -1 34 4 31 6 -3 7 1 4 9 -11 28 -23
+17 -19 -16 3 -31 3 -31 -8 -10 -8 18 -8 28 1 42 6 10 9 29 7 42 -11 59 -12 97
+-3 91 6 -3 8 2 5 13 -15 50 -19 77 -11 71 10 -5 10 38 1 63 -11 28 -12 110 -2
+110 7 0 7 3 0 8 -11 8 -16 1112 -4 1112 3 0 4 15 2 33 -3 17 -4 50 -4 72 0 22
+0 109 0 193 0 84 3 157 6 162 6 10 26 9 35 -1z m466 -176 c12 -28 20 -378 10
+-451 -3 -24 -2 -41 3 -38 4 3 7 -8 5 -25 -2 -16 0 -28 5 -25 5 3 4 -13 -1 -37
+-6 -23 -10 -46 -9 -52 4 -33 3 -218 -1 -322 -3 -70 -2 -120 3 -117 5 3 9 0 9
+-5 0 -6 4 -11 9 -11 5 0 22 -5 38 -12 43 -17 77 -18 90 -1 10 13 12 10 9 -21
+-2 -28 2 -40 16 -47 10 -5 18 -6 18 -2 0 4 3 199 6 433 8 627 8 624 17 638 6
+9 12 10 21 3 7 -6 15 -9 18 -6 3 3 6 -20 7 -51 1 -31 4 -61 7 -66 3 -5 2 -14
+-3 -21 -5 -7 -7 -48 -3 -92 3 -44 6 -104 5 -132 0 -29 5 -53 10 -53 6 0 5 -4
+-1 -8 -8 -4 -9 -22 -5 -52 4 -25 5 -110 4 -190 -2 -80 -2 -199 -1 -265 3 -221
+3 -279 -1 -505 -2 -124 0 -254 3 -290 4 -36 8 -99 10 -141 2 -43 7 -82 10 -88
+4 -6 3 -11 -2 -11 -5 0 -12 -8 -15 -17 -2 -10 -8 -27 -12 -38 -5 -14 -4 -16 3
+-6 7 10 14 11 31 2 12 -7 18 -17 15 -23 -4 -6 -3 -8 3 -5 6 4 20 -4 32 -17 18
+-19 19 -25 7 -29 -8 -3 -17 -19 -21 -36 -4 -17 -13 -34 -21 -39 -11 -6 -9 -10
+7 -20 18 -12 20 -11 15 5 -6 20 20 61 31 49 4 -4 3 -10 -2 -14 -14 -10 -17
+-32 -5 -32 12 0 9 -42 -4 -52 -12 -8 -36 1 -36 16 0 6 -15 11 -33 12 -17 1
+-26 -1 -19 -3 6 -3 12 -11 12 -19 0 -8 10 -14 26 -14 22 0 25 -2 14 -15 -16
+-20 -6 -19 26 1 23 16 24 15 17 -1 -5 -15 -3 -17 13 -11 12 5 8 -4 -13 -25
+-18 -17 -33 -36 -33 -41 0 -5 -5 -6 -10 -3 -6 4 -8 15 -5 26 5 14 2 19 -10 19
+-11 0 -15 -5 -11 -15 3 -8 0 -15 -7 -15 -7 0 -1 -6 13 -13 14 -7 26 -21 28
+-32 3 -17 1 -17 -7 -5 -10 13 -12 13 -21 0 -7 -11 -5 -17 8 -21 14 -5 14 -7
+-6 -18 -22 -12 -23 -11 -20 23 1 19 -1 39 -5 42 -16 16 -32 -20 -33 -74 -3
+-96 -4 -103 -14 -97 -5 3 -10 1 -10 -4 0 -13 17 -14 24 -2 3 5 16 7 28 3 14
+-3 19 -2 14 6 -4 7 -2 12 3 12 6 0 11 -4 11 -10 0 -5 7 -7 16 -3 9 3 14 13 11
+24 -3 10 2 20 10 23 11 4 13 1 8 -14 -5 -14 -2 -20 10 -20 11 0 16 -7 14 -22
+-2 -13 0 -28 4 -35 4 -6 3 -14 -2 -17 -5 -3 -7 -16 -5 -29 2 -12 1 -15 -2 -7
+-4 8 -12 18 -17 22 -7 4 -7 11 0 20 8 10 8 18 -3 32 -14 19 -14 19 -14 -3 0
+-12 -4 -19 -10 -16 -5 3 -10 -4 -10 -15 0 -19 -4 -21 -25 -16 -14 4 -35 1 -48
+-5 -22 -12 -22 -12 -4 9 19 21 16 42 -6 42 -8 0 -7 -3 2 -9 15 -10 7 -31 -13
+-31 -10 0 -13 40 -14 184 0 102 -3 189 -7 195 -3 6 -1 11 5 11 7 0 8 6 2 18
+-9 20 -8 94 2 111 4 6 3 11 -1 11 -10 0 -10 41 0 57 4 7 3 14 -3 18 -5 3 -10
+11 -10 16 0 6 4 8 8 5 5 -3 9 1 9 9 0 8 -3 15 -7 15 -3 0 -6 49 -6 110 1 67
+-3 110 -9 111 -6 0 -6 2 0 5 10 4 11 114 2 242 -2 24 -1 45 2 47 3 2 5 38 4
+82 -1 43 -3 108 -3 146 -1 39 -5 65 -11 62 -5 -4 -9 -1 -9 4 0 6 -4 11 -9 11
+-6 0 -9 -12 -7 -27 1 -16 -2 -34 -7 -40 -6 -9 -4 -15 6 -19 12 -4 14 -11 7
+-30 -6 -14 -9 -64 -9 -112 1 -120 3 -115 -22 -102 -11 7 -23 9 -27 6 -3 -3 0
+-6 7 -6 7 0 9 -4 6 -10 -3 -6 1 -7 9 -4 23 9 35 -35 27 -93 -1 -3 -10 4 -21
+17 -11 13 -20 19 -20 15 0 -15 32 -45 48 -45 10 0 12 -4 5 -12 -6 -7 -10 -25
+-9 -40 1 -16 -2 -28 -7 -28 -5 0 -4 -7 3 -15 10 -12 10 -15 -1 -15 -10 -1 -9
+-4 3 -11 9 -5 15 -16 12 -24 -4 -8 -10 -12 -15 -9 -5 3 -4 -7 1 -21 14 -36 13
+-37 -12 -24 -21 11 -22 11 -9 -5 11 -13 11 -22 3 -41 -7 -15 -7 -25 -1 -27 5
+-2 11 -16 13 -31 1 -15 5 -30 9 -33 7 -8 -3 -34 -13 -34 -12 0 -19 39 -9 46 5
+3 9 11 8 17 0 9 -2 8 -6 -1 -2 -6 -9 -9 -15 -6 -17 11 0 -49 18 -62 7 -6 14
+-20 13 -30 0 -18 -1 -18 -9 1 -7 16 -9 13 -9 -17 -1 -21 -5 -38 -11 -38 -5 0
+-7 8 -4 18 4 11 0 9 -14 -7 -13 -17 -26 -22 -41 -18 -11 3 -21 0 -21 -5 0 -7
+17 -8 48 -5 34 5 42 4 30 -4 -10 -5 -18 -15 -18 -22 0 -7 4 -6 10 3 9 13 11
+13 20 0 8 -12 10 -12 10 5 0 17 2 17 10 5 6 -10 6 -16 0 -18 -6 -2 -8 -7 -5
+-11 2 -5 -8 -6 -23 -4 -15 3 -23 1 -17 -4 6 -4 16 -20 24 -34 10 -21 11 -31 1
+-49 -9 -18 -9 -21 0 -15 8 5 11 3 8 -6 -3 -8 -16 -13 -29 -12 -13 1 -18 0 -11
+-3 14 -7 16 -54 2 -54 -14 0 -12 -34 3 -49 10 -10 9 -12 -3 -11 -29 4 -55 0
+-45 -8 6 -4 16 -19 22 -34 11 -24 10 -28 -2 -28 -8 0 -15 6 -15 13 0 9 -2 9
+-9 -1 -6 -11 -9 -9 -14 7 -3 13 1 21 12 24 14 3 14 5 -2 12 -24 10 -46 -10
+-29 -27 17 -17 15 -49 -2 -42 -7 3 -13 13 -12 22 1 11 -5 16 -16 14 -14 -2
+-17 3 -16 23 1 14 7 25 13 25 5 0 3 5 -5 10 -8 5 -10 10 -5 10 6 0 3 5 -5 10
+-8 5 -10 10 -4 10 6 0 10 10 8 23 -1 12 -3 22 -4 22 -1 0 -4 13 -6 28 -4 23
+-1 30 16 34 11 3 20 10 20 17 0 6 5 4 10 -4 8 -13 10 -13 10 2 0 23 -19 33
+-26 14 -14 -35 -25 -13 -23 44 1 33 -1 63 -4 67 -4 3 -7 11 -7 17 0 6 5 4 10
+-4 8 -13 10 -12 10 3 0 9 -4 17 -10 17 -5 0 -10 17 -10 38 0 27 3 33 10 22 6
+-9 10 -10 10 -3 0 6 -4 14 -8 17 -8 5 -12 152 -11 406 0 63 0 120 -1 125 -2
+26 -5 1219 -2 1358 3 148 9 181 28 140z m519 -184 c14 -21 7 -156 -9 -189 -33
+-71 -40 -78 -54 -64 -7 8 -8 14 -3 14 5 0 10 17 11 38 1 57 7 196 9 209 1 12
+38 6 46 -8z m-340 -271 c-1 -13 -3 -27 -4 -31 -1 -11 -21 2 -21 14 0 6 5 7 10
+4 6 -3 10 -1 10 4 0 6 -5 11 -11 11 -5 0 -7 5 -4 10 11 18 22 11 20 -12z m251
+-67 c0 -11 -4 -17 -8 -15 -4 3 -8 12 -8 20 0 8 4 14 8 14 4 0 8 -9 8 -19z
+m-259 -13 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m-2 -66 c-3
+-3 -11 0 -18 7 -9 10 -8 11 6 5 10 -3 15 -9 12 -12z m8 -73 c3 -11 1 -19 -5
+-17 -5 2 -9 7 -8 12 1 5 -4 13 -12 17 -10 7 -9 9 3 9 9 0 19 -9 22 -21z m7
+-40 c12 -9 12 -10 -4 -5 -13 5 -17 2 -12 -9 3 -8 1 -15 -4 -15 -6 0 -10 9 -10
+20 0 22 8 25 30 9z m7097 -22 c4 -5 9 -32 10 -60 6 -116 8 -2237 2 -2237 -3 0
+-5 -94 -4 -209 1 -115 -1 -215 -5 -221 -6 -9 -61 -13 -196 -14 -113 0 -192 -5
+-196 -11 -5 -7 -8 -7 -8 0 0 7 -278 10 -813 11 -1010 2 -1056 3 -1079 28 -10
+10 -18 25 -18 33 0 7 -5 13 -11 13 -6 0 -8 -7 -5 -15 6 -17 -20 -92 -39 -114
+-7 -7 -18 -10 -23 -7 -11 7 24 98 39 104 5 2 7 7 4 12 -10 16 14 60 29 54 13
+-5 15 2 11 35 -2 23 1 41 6 41 5 0 9 6 8 13 -7 37 33 139 54 136 32 -4 54 3
+77 24 14 12 49 40 78 61 28 21 52 44 52 52 0 8 4 13 9 12 23 -7 184 172 212
+237 8 17 26 48 41 69 16 21 28 45 28 52 0 7 4 14 10 16 15 5 103 207 141 323
+18 55 34 102 36 105 24 28 14 -150 -12 -230 -9 -24 -18 -68 -22 -98 -5 -46 -4
+-52 11 -46 17 7 47 58 61 104 4 14 25 62 46 106 22 45 39 88 39 96 0 8 10 34
+22 59 12 26 25 77 29 124 12 119 25 186 42 228 36 86 53 332 37 542 -12 168
+-45 446 -61 517 -6 26 -9 51 -6 55 7 11 1353 10 1364 0z m-7117 -27 c5 8 9 7
+13 -4 4 -9 1 -16 -6 -17 -7 0 -4 -4 5 -7 17 -7 17 -8 0 -19 -14 -8 -19 -8 -19
+0 0 7 -3 23 -6 37 -4 14 -4 19 -1 11 5 -10 8 -10 14 -1z m950 -84 c0 -3 -4 -8
+-10 -11 -5 -3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m-930 -24 c0 -5
+-7 -9 -15 -9 -8 0 -12 4 -9 9 3 4 9 8 15 8 5 0 9 -4 9 -8z m-5 -32 c3 -5 1
+-10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8 -4 11 -10z m935 -17 c0 -10
+-4 -14 -8 -8 -4 6 -11 13 -16 18 -5 4 -2 7 7 7 10 0 17 -8 17 -17z m2714 -73
+c-10 -28 -21 -50 -24 -50 -3 0 -7 -15 -8 -32 -5 -82 -36 -196 -59 -219 -10
+-10 -98 6 -119 22 -6 5 -21 10 -34 12 -36 6 -34 20 10 67 22 23 40 46 40 51 0
+5 7 9 15 9 8 0 15 6 15 13 0 15 61 72 74 69 5 -2 6 4 3 13 -4 8 -2 15 4 15 13
+0 69 51 69 63 0 13 25 36 28 26 2 -5 -4 -32 -14 -59z m-3644 15 c0 -8 -4 -15
+-10 -15 -5 0 -7 7 -4 15 4 8 8 15 10 15 2 0 4 -7 4 -15z m907 -7 c-3 -8 -6 -5
+-6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m-41 -33 c-3 -8 3 -16 12 -18 13 -4
+12 -5 -4 -6 -17 -1 -22 4 -20 23 0 13 5 22 9 19 5 -3 6 -11 3 -18z m-873 -35
+c-7 -28 -13 -25 -13 6 0 14 4 23 9 20 5 -3 7 -15 4 -26z m862 -28 c-3 -3 -11
+0 -18 7 -9 10 -8 11 6 5 10 -3 15 -9 12 -12z m-8 -44 c-3 -8 -6 -5 -6 6 -1 11
+2 17 5 13 3 -3 4 -12 1 -19z m-20 -40 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3
+4 -12 1 -19z m-177 -18 c0 -5 -4 -10 -10 -10 -5 0 -10 5 -10 10 0 6 5 10 10
+10 6 0 10 -4 10 -10z m287 -22 c-3 -7 -5 -2 -5 12 0 14 2 19 5 13 2 -7 2 -19
+0 -25z m-17 12 c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11 10 -3 6 -1 10 4 10 6 0 11
+-4 11 -10z m-300 -17 c-8 -3 -18 -11 -22 -17 -5 -7 -8 -4 -8 7 0 11 7 17 23
+16 15 0 17 -2 7 -6z m4149 -80 c7 -32 17 -70 22 -84 6 -14 11 -45 12 -70 2
+-43 1 -44 -30 -47 l-33 -3 0 94 c0 52 -3 116 -7 143 -5 43 -4 47 9 37 8 -7 20
+-39 27 -70z m-3855 11 c5 -14 4 -15 -9 -4 -17 14 -19 20 -6 20 5 0 12 -7 15
+-16z m-294 2 c0 -2 -7 -7 -16 -10 -8 -3 -12 -2 -9 4 6 10 25 14 25 6z m160 -5
+c0 -5 -9 -11 -19 -14 -14 -3 -18 -1 -14 9 6 15 33 19 33 5z m51 -14 c-10 -9
+-11 -8 -5 6 3 10 9 15 12 12 3 -3 0 -11 -7 -18z m89 -11 c0 -11 -19 -15 -25
+-6 -3 5 1 10 9 10 9 0 16 -2 16 -4z m-106 -75 c-16 -14 -17 -14 -6 0 7 9 10
+25 6 35 -5 18 -5 18 6 0 10 -15 9 -21 -6 -35z m-251 -6 c-3 -9 -8 -14 -10 -11
+-3 3 -2 9 2 15 9 16 15 13 8 -4z m31 -19 c-6 -16 -24 -13 -24 5 0 6 5 7 10 4
+6 -3 10 -1 10 6 0 7 2 10 5 7 3 -3 3 -13 -1 -22z m676 -120 c0 -3 -4 -8 -10
+-11 -5 -3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m-436 -32 c3 -8 2
+-12 -4 -9 -6 3 -10 10 -10 16 0 14 7 11 14 -7z m283 10 c-3 -3 -12 -4 -19 -1
+-8 3 -5 6 6 6 11 1 17 -2 13 -5z m-827 -64 c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11
+10 -3 6 -1 10 4 10 6 0 11 -4 11 -10z m40 -20 c0 -5 -5 -10 -11 -10 -5 0 -7 5
+-4 10 3 6 8 10 11 10 2 0 4 -4 4 -10z m367 -5 c0 -8 -4 -12 -9 -9 -5 3 -6 10
+-3 15 9 13 12 11 12 -6z m193 -15 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8
+10 11 10 2 0 4 -4 4 -10z m-553 -6 c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1
+17 -2 13 -5z m548 -35 c-4 -5 -12 -9 -18 -8 -9 0 -8 2 1 6 6 2 9 10 6 15 -4 7
+-2 8 5 4 6 -4 9 -12 6 -17z m595 -40 c0 -6 -4 -7 -10 -4 -5 3 -10 11 -10 16 0
+6 5 7 10 4 6 -3 10 -11 10 -16z m-1190 -5 c0 -8 -4 -12 -10 -9 -5 3 -10 10
+-10 16 0 5 5 9 10 9 6 0 10 -7 10 -16z m4650 2 c0 -3 -4 -8 -10 -11 -5 -3 -10
+-1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m-4380 -50 c0 -3 -4 -8 -10 -11 -5
+-3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m960 -32 c6 -14 10 -43 10
+-65 0 -37 -2 -40 -22 -33 -29 10 -68 10 -92 -1 -17 -7 -19 -5 -13 21 11 54 27
+85 49 94 39 15 58 11 68 -16z m-1293 -41 c2 -26 5 -74 6 -105 1 -32 6 -58 10
+-58 4 0 3 -8 -2 -19 -6 -10 -9 -28 -6 -39 4 -22 -18 -77 -35 -87 -5 -3 -16 5
+-25 19 -14 21 -14 30 -1 87 8 35 20 108 27 161 7 54 14 96 17 94 2 -3 6 -26 9
+-53z m483 43 c0 -3 -4 -8 -10 -11 -5 -3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10
+-2 10 -4z m115 -6 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8
+-4 11 -10z m-265 -37 c-11 -17 -11 -17 -6 0 3 10 6 24 7 30 0 9 2 9 5 0 3 -7
+0 -20 -6 -30z m550 7 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8 10 11 10 2
+0 4 -4 4 -10z m1114 -65 c-4 -8 -8 -15 -10 -15 -2 0 -4 7 -4 15 0 8 4 15 10
+15 5 0 7 -7 4 -15z m-2630 -30 c-8 -19 -10 -35 -5 -35 5 0 13 9 16 21 9 28 28
+18 36 -19 5 -24 3 -32 -7 -32 -8 0 -14 10 -14 22 0 19 -1 20 -17 5 -15 -12
+-20 -13 -30 -2 -7 8 -8 15 -3 17 5 2 11 15 12 31 1 15 8 27 15 27 9 0 8 -9 -3
+-35z m1126 -75 c-12 -22 -25 -26 -35 -10 -3 5 0 7 8 4 8 -3 17 2 20 10 4 9 9
+16 12 16 3 0 1 -9 -5 -20z m364 -16 c4 -10 2 -13 -6 -8 -8 5 -9 1 -4 -12 5
+-14 4 -16 -4 -8 -6 6 -8 18 -4 27 8 21 10 21 18 1z m621 -4 c3 -5 1 -10 -4
+-10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8 -4 11 -10z m-1280 -10 c-3 -5 -11
+-10 -16 -10 -6 0 -7 5 -4 10 3 6 11 10 16 10 6 0 7 -4 4 -10z m155 -27 c0 -5
+-5 -15 -10 -23 -8 -12 -10 -11 -10 8 0 12 5 22 10 22 6 0 10 -3 10 -7z m1117
+-25 c-3 -7 -5 -2 -5 12 0 14 2 19 5 13 2 -7 2 -19 0 -25z m-614 7 c-3 -9 -8
+-14 -10 -11 -3 3 -2 9 2 15 9 16 15 13 8 -4z m640 -33 c3 -24 1 -40 -4 -36 -5
+3 -9 24 -9 46 0 51 5 47 13 -10z m-1036 6 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13
+3 -3 4 -12 1 -19z m-442 -8 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4
+10 3 0 8 -4 11 -10z m331 -15 c-1 -26 -12 -33 -18 -13 -4 10 9 35 18 38 1 0 1
+-11 0 -25z m1618 -19 c-6 -16 -24 -13 -24 5 0 6 5 7 11 3 8 -4 9 1 5 17 -6 19
+-5 21 4 7 5 -9 7 -23 4 -32z m-1487 9 c0 -8 -4 -15 -9 -15 -10 0 -11 14 -1 23
+9 10 10 9 10 -8z m228 5 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10
+3 0 8 -4 11 -10z m-692 -30 c3 -11 1 -20 -4 -20 -5 0 -9 9 -9 20 0 11 2 20 4
+20 2 0 6 -9 9 -20z m837 11 c0 -5 -7 -11 -14 -14 -10 -4 -13 -1 -9 9 6 15 23
+19 23 5z m30 0 c0 -6 -4 -13 -10 -16 -5 -3 -10 1 -10 9 0 9 5 16 10 16 6 0 10
+-4 10 -9z m-897 -38 c-5 -12 -3 -14 7 -8 9 5 11 4 6 -4 -6 -8 -12 -9 -20 -2
+-7 6 -16 8 -19 4 -4 -3 -7 -1 -7 5 0 9 15 19 32 21 4 1 4 -6 1 -16z m1977 13
+c0 -3 -4 -8 -10 -11 -5 -3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z
+m-1861 -148 c7 -32 17 -58 22 -58 5 0 9 -5 9 -11 0 -6 18 -48 39 -92 22 -45
+42 -89 45 -97 15 -39 55 -95 70 -98 16 -3 17 9 13 155 -3 171 1 273 12 273 7
+0 21 -44 68 -215 21 -77 24 -104 19 -182 -3 -51 -1 -104 4 -118 9 -23 7 -25
+-16 -25 -32 0 -94 26 -94 39 0 13 -22 10 -33 -4 -6 -6 -10 -6 -14 2 -3 10 -10
+10 -24 2 -15 -7 -24 -7 -34 1 -8 7 -19 9 -25 5 -5 -3 -10 -2 -10 3 0 5 -10 9
+-22 9 -13 0 -36 5 -52 12 -23 9 -27 15 -22 36 4 15 2 25 -4 25 -6 0 -8 5 -5
+10 3 6 0 10 -7 11 -7 0 -4 4 7 9 11 5 16 9 10 9 -6 1 -10 46 -10 115 0 63 3
+112 8 109 4 -2 5 13 2 34 -9 56 -13 156 -7 172 6 17 34 -54 51 -131z m761 132
+c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11 10 -3 6 -1 10 4 10 6 0 11 -4 11 -10z m26
+-16 c-3 -9 -6 -20 -6 -25 0 -6 -5 -7 -10 -4 -8 5 -8 11 -1 19 6 7 8 16 4 19
+-3 4 -1 7 6 7 8 0 11 -6 7 -16z m1081 -16 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13
+3 -3 4 -12 1 -19z m-3257 -21 c0 -5 -8 -16 -17 -24 -17 -14 -17 -14 2 -8 11 4
+26 8 33 8 6 0 12 12 12 26 0 17 3 22 8 13 5 -7 16 -10 25 -6 9 3 17 2 17 -4 0
+-6 -6 -12 -12 -14 -7 -3 3 -10 22 -16 30 -10 32 -10 18 2 -22 16 -23 23 -3 23
+8 0 15 -4 15 -9 0 -5 7 -5 15 -1 8 5 32 7 53 5 31 -4 34 -6 17 -14 -16 -6 -13
+-7 11 -5 23 2 31 0 27 -10 -3 -9 0 -11 10 -7 11 4 14 -2 13 -26 -1 -17 -7 -35
+-15 -39 -9 -6 -10 -11 -2 -15 6 -4 16 -4 21 -1 6 3 10 1 10 -4 0 -6 -5 -11
+-11 -11 -8 0 -7 -6 2 -17 13 -15 12 -15 -7 -5 -16 9 -21 8 -21 -4 0 -7 4 -14
+9 -14 4 0 8 -9 8 -21 0 -13 4 -18 13 -13 9 6 9 4 -1 -8 -7 -8 -10 -23 -6 -32
+6 -16 -11 -23 -20 -8 -3 5 -20 9 -38 10 -18 0 -34 5 -36 11 -2 5 -9 8 -15 6
+-19 -7 -33 7 -41 40 -6 24 -5 28 5 18 17 -17 26 -16 33 3 5 14 4 15 -8 5 -8
+-7 -17 -8 -20 -3 -8 13 19 23 47 18 12 -1 16 -1 9 1 -7 3 -10 9 -7 14 8 11
+-40 -6 -67 -25 -11 -8 -15 -17 -9 -20 5 -4 9 -15 8 -25 -1 -21 -31 -18 -61 8
+-11 9 -16 11 -13 5 11 -19 -15 -22 -53 -8 -19 7 -31 13 -26 13 5 1 3 8 -4 16
+-9 11 -9 15 -1 15 7 0 9 5 5 12 -5 8 -2 9 11 4 18 -6 18 -6 -1 15 -11 14 -13
+19 -4 14 12 -7 13 -6 4 6 -15 19 -27 82 -14 74 6 -4 8 3 6 17 -5 31 12 52 30
+37 8 -6 14 -16 14 -22z m2010 -7 c6 -11 8 -20 6 -20 -3 0 -10 9 -16 20 -6 11
+-8 20 -6 20 3 0 10 -9 16 -20z m-712 -22 c-7 -4 -17 -8 -23 -8 -5 0 -3 5 5 10
+13 8 12 10 -2 10 -10 0 -18 4 -18 10 0 6 10 5 25 -2 19 -8 22 -14 13 -20z
+m222 22 c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11 10 -3 6 -1 10 4 10 6 0 11 -4 11
+-10z m375 -11 c11 -16 1 -19 -13 -3 -7 8 -8 14 -3 14 5 0 13 -5 16 -11z m180
+1 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8 -4 11 -10z m750
+0 c-3 -5 -12 -10 -18 -10 -7 0 -6 4 3 10 19 12 23 12 15 0z m-639 -25 c9 -8
+11 -15 5 -15 -5 0 -12 4 -16 10 -3 5 -13 7 -23 4 -14 -5 -15 -4 -2 5 19 14 19
+14 36 -4z m644 -5 c0 -5 -8 -10 -17 -10 -15 0 -16 2 -3 10 19 12 20 12 20 0z
+m430 -12 c0 -4 -4 -8 -9 -8 -6 0 -12 4 -15 8 -3 5 1 9 9 9 8 0 15 -4 15 -9z
+m-2860 -28 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8 10 11 10 2 0 4 -4 4
+-10z m142 -22 c14 14 48 16 48 4 0 -5 10 -14 23 -20 12 -6 16 -11 10 -11 -7
+-1 -13 -5 -13 -11 0 -5 7 -7 15 -4 8 4 15 1 15 -6 0 -6 5 -8 10 -5 6 3 10 11
+10 16 0 6 -4 7 -10 4 -5 -3 -10 0 -10 8 0 13 14 15 53 8 4 0 7 -6 7 -12 0 -8
+-4 -8 -13 0 -10 8 -14 7 -14 -4 0 -18 11 -19 37 -5 16 8 18 8 14 -5 -4 -8 -16
+-16 -28 -16 -19 -2 -19 -2 2 -6 23 -4 23 -5 5 -19 -12 -9 -13 -13 -4 -12 10 2
+15 -7 16 -29 0 -18 -3 -33 -7 -33 -4 0 -9 10 -9 23 -1 16 -3 17 -6 5 -3 -14
+-9 -15 -28 -8 -15 6 -27 6 -30 0 -4 -6 -14 -10 -23 -10 -15 0 -15 2 -2 10 20
+13 4 13 -21 0 -10 -6 -19 -17 -19 -25 0 -9 -6 -12 -17 -9 -17 5 -17 5 0 -9 16
+-14 16 -15 -7 -19 -15 -3 -24 -1 -23 6 1 6 -11 10 -28 9 -16 -1 -22 1 -12 4 9
+2 17 9 17 15 0 7 5 6 15 -2 12 -10 14 -7 10 20 -5 38 -15 53 -15 22 0 -12 -4
+-22 -10 -22 -19 0 -25 -3 -37 -19 -10 -14 -13 -13 -32 9 -24 30 -27 41 -6 34
+8 -4 15 -2 15 4 0 6 10 8 23 6 12 -2 16 -2 10 2 -18 8 -16 25 2 18 22 -9 18
+-34 -5 -34 -11 0 -20 -4 -20 -9 0 -4 11 -6 25 -3 16 3 25 11 25 23 0 11 6 19
+13 19 9 0 8 3 -2 9 -8 5 -9 11 -3 15 12 7 36 -49 27 -63 -3 -7 3 -11 15 -11
+17 0 19 3 10 19 -7 13 -7 22 0 26 5 3 10 0 10 -7 0 -7 7 -3 14 8 18 25 17 62
+-1 68 -7 3 -10 12 -7 21 3 8 1 15 -5 15 -6 0 -11 -2 -11 -4 0 -2 -3 -11 -6
+-20 -4 -10 -1 -16 9 -16 16 0 30 -47 16 -56 -5 -3 -9 0 -9 6 0 7 -7 10 -15 6
+-15 -5 -19 8 -16 44 1 12 -2 11 -13 -3 -8 -11 -17 -14 -20 -8 -4 5 -2 12 4 16
+5 3 7 20 4 38 -4 30 -4 30 6 8 8 -19 13 -22 22 -13z m-67 1 c-4 -5 -1 -9 4 -9
+6 0 11 6 11 13 0 6 5 4 11 -6 16 -27 -1 -39 -39 -28 -20 6 -32 6 -32 0 0 -5
+12 -9 28 -10 15 0 21 -3 15 -6 -23 -9 -14 -25 10 -18 17 5 19 4 7 -4 -8 -6
+-23 -11 -32 -11 -9 0 -21 -8 -27 -17 -5 -10 -13 -14 -17 -10 -5 5 -2 12 6 17
+12 7 10 11 -10 19 -20 8 -21 10 -6 10 13 1 17 6 13 21 -5 18 4 25 26 21 5 -1
+11 8 14 19 3 11 9 17 14 14 5 -3 7 -10 4 -15z m2778 1 c3 -11 1 -20 -4 -20 -5
+0 -9 9 -9 20 0 11 2 20 4 20 2 0 6 -9 9 -20z m-1043 0 c0 -5 -5 -10 -11 -10
+-5 0 -7 5 -4 10 3 6 8 10 11 10 2 0 4 -4 4 -10z m-1200 -25 c11 -13 10 -14 -4
+-9 -9 3 -16 10 -16 15 0 13 6 11 20 -6z m1793 -4 c-4 -3 -11 -10 -15 -15 -4
+-4 -6 1 -5 12 1 12 6 18 15 15 7 -3 10 -9 5 -12z m-1531 -10 c-14 -13 -20 -26
+-16 -38 5 -15 4 -16 -6 -3 -9 12 -11 9 -6 -17 3 -19 1 -33 -4 -33 -15 0 -12
+-16 5 -34 8 -8 15 -22 15 -31 0 -9 5 -13 10 -10 6 3 10 4 10 1 0 -2 3 -12 6
+-21 6 -15 4 -15 -14 -4 -11 7 -23 21 -25 31 -4 12 -11 16 -24 12 -13 -4 -15
+-3 -4 4 9 7 10 12 2 16 -8 5 -8 13 -1 26 5 10 10 31 10 47 0 35 25 73 48 73
+14 -1 13 -4 -6 -19z m850 12 c-6 -2 -9 -9 -6 -14 3 -6 12 -5 22 2 16 12 16 11
+1 -4 -19 -22 -56 -13 -38 9 6 8 17 14 23 13 7 0 6 -2 -2 -6z m-239 -18 c-3 -9
+-8 -14 -10 -11 -3 3 -2 9 2 15 9 16 15 13 8 -4z m992 -26 c-10 -15 -25 -10
+-19 6 4 8 10 12 15 9 5 -3 7 -10 4 -15z m385 11 c0 -5 -4 -10 -10 -10 -5 0
+-10 5 -10 10 0 6 5 10 10 10 6 0 10 -4 10 -10z m-1400 -33 c0 -5 -4 -5 -10 -2
+-5 3 -10 14 -10 23 0 15 2 15 10 2 5 -8 10 -19 10 -23z m27 -9 c-3 -7 -5 -2
+-5 12 0 14 2 19 5 13 2 -7 2 -19 0 -25z m-878 3 c-1 -15 -18 -45 -18 -34 -1 6
+-3 18 -6 26 -4 8 0 14 10 14 8 0 15 -3 14 -6z m998 -13 c-3 -8 -6 -5 -6 6 -1
+11 2 17 5 13 3 -3 4 -12 1 -19z m880 5 c0 -8 -6 -9 -19 -2 -10 5 -18 11 -18
+12 0 2 8 3 18 3 10 0 19 -6 19 -13z m-2003 -15 c-4 -6 1 -17 11 -25 15 -10 16
+-16 7 -25 -15 -15 -16 -38 -1 -38 5 0 7 5 3 12 -4 6 -3 8 3 5 6 -4 11 -18 11
+-32 0 -24 -2 -24 -15 -8 -13 17 -14 16 -7 -6 4 -18 3 -22 -7 -16 -9 6 -11 3
+-6 -8 4 -10 2 -17 -4 -17 -6 0 -9 9 -6 20 3 13 0 20 -9 20 -12 0 -12 4 -4 20
+6 11 7 20 3 20 -4 0 -9 20 -9 45 -1 38 1 45 18 45 12 0 16 -4 12 -12z m1375 9
+c-2 -1 -13 -9 -24 -17 -19 -14 -19 -14 -6 3 7 9 18 17 24 17 6 0 8 -1 6 -3z
+m-1107 -43 c-9 -16 -10 -14 -9 8 1 15 6 23 11 18 4 -4 4 -16 -2 -26z m2123 26
+c3 -5 2 -10 -4 -10 -5 0 -13 5 -16 10 -3 6 -2 10 4 10 5 0 13 -4 16 -10z
+m-2308 -9 c8 7 13 8 13 1 0 -12 -29 -24 -41 -16 -5 3 -9 10 -9 17 0 8 3 8 12
+-1 8 -8 15 -9 25 -1z m-316 -35 c-7 -8 -20 -12 -29 -9 -15 6 -15 4 -4 -9 9
+-11 10 -18 2 -23 -5 -3 -10 1 -10 9 0 10 -6 13 -15 10 -8 -4 -15 -2 -15 3 0
+16 22 32 36 26 8 -3 17 2 20 12 5 11 10 13 17 6 7 -7 6 -15 -2 -25z m635 0 c1
+-9 -2 -14 -7 -10 -5 3 -7 10 -4 15 4 5 -1 9 -9 9 -9 0 -16 5 -16 10 0 17 33
+-5 36 -24z m1599 23 c11 -16 1 -19 -13 -3 -7 8 -8 14 -3 14 5 0 13 -5 16 -11z
+m-891 -20 c-3 -5 -2 -16 3 -22 4 -7 0 -4 -9 6 -18 19 -15 43 3 31 5 -3 7 -10
+3 -15z m262 9 c5 -7 3 -8 -6 -3 -10 6 -12 4 -7 -8 4 -11 2 -14 -9 -10 -17 6
+-18 20 -1 26 6 3 13 6 14 6 1 1 5 -4 9 -11z m4024 -2 c-7 -7 -13 -7 -20 0 -6
+6 -3 10 10 10 13 0 16 -4 10 -10z m-5850 -12 c0 -8 -4 -12 -10 -9 -5 3 -10 10
+-10 16 0 5 5 9 10 9 6 0 10 -7 10 -16z m278 -7 c2 -9 -2 -17 -8 -17 -6 0 -8 5
+-5 10 3 6 2 10 -4 10 -6 0 -17 -12 -24 -26 -10 -19 -16 -23 -22 -15 -8 14 33
+63 49 58 6 -2 12 -11 14 -20z m272 2 c-7 -11 -14 -18 -17 -15 -8 8 5 36 17 36
+7 0 7 -6 0 -21z m40 6 c0 -8 -2 -15 -4 -15 -2 0 -6 7 -10 15 -3 8 -1 15 4 15
+6 0 10 -7 10 -15z m176 -18 c2 -20 -1 -24 -13 -20 -8 3 -19 0 -25 -8 -8 -11
+-9 -10 -4 4 3 10 6 23 6 28 0 6 6 7 13 3 9 -6 9 -4 -1 8 -11 14 -11 16 4 14
+10 -2 18 -13 20 -29z m964 29 c0 -3 -4 -8 -10 -11 -5 -3 -10 -1 -10 4 0 6 5
+11 10 11 6 0 10 -2 10 -4z m668 -21 c-3 -3 -9 2 -12 12 -6 14 -5 15 5 6 7 -7
+10 -15 7 -18z m-1883 6 c3 -5 1 -12 -5 -16 -5 -3 -10 1 -10 9 0 18 6 21 15 7z
+m1945 -61 c0 -27 -3 -51 -7 -53 -5 -3 -8 21 -8 53 0 32 3 56 8 53 4 -2 7 -26
+7 -53z m-730 14 c0 -3 -7 -1 -15 6 -8 7 -15 17 -15 22 0 5 7 3 15 -6 8 -8 15
+-18 15 -22z m137 4 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z
+m-1341 -40 c-5 -9 -16 -13 -25 -10 -12 4 -11 7 5 13 10 4 13 8 7 8 -7 1 -13
+10 -13 21 0 19 1 19 18 3 13 -13 16 -22 8 -35z m5272 32 c-7 -10 -14 -17 -17
+-15 -4 4 18 35 25 35 2 0 -1 -9 -8 -20z m-5538 6 c0 -3 -4 -8 -10 -11 -5 -3
+-10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m1590 -41 c0 -8 7 -11 19 -8 10
+3 21 1 24 -4 3 -4 -8 -8 -24 -9 -19 -1 -29 4 -29 13 0 8 -4 11 -10 8 -6 -3 -7
+1 -4 9 7 18 24 12 24 -9z m1000 -7 c0 -26 -13 -16 -17 13 -2 12 1 18 7 14 5
+-3 10 -16 10 -27z m-2290 3 c0 -5 -7 -12 -16 -15 -14 -5 -15 -4 -4 9 14 17 20
+19 20 6z m300 -12 c0 -6 -4 -7 -10 -4 -5 3 -10 11 -10 16 0 6 5 7 10 4 6 -3
+10 -11 10 -16z m800 -5 c0 -2 -9 -4 -21 -4 -11 0 -18 4 -14 10 5 8 35 3 35 -6z
+m-203 -26 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m4310 16 c-3
+-3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2 13 -5z m-4177 -14 c0 -5 -2 -10 -4
+-10 -3 0 -8 5 -11 10 -3 6 -1 10 4 10 6 0 11 -4 11 -10z m107 -42 c-3 -7 -5
+-2 -5 12 0 14 2 19 5 13 2 -7 2 -19 0 -25z m1168 2 c-2 -16 0 -32 6 -35 17
+-11 9 -23 -16 -21 -24 1 -37 16 -14 16 5 0 7 5 4 10 -3 6 -3 16 2 23 4 6 8 15
+9 20 3 14 4 17 8 17 3 0 3 -13 1 -30z m-1398 -5 c0 -8 -4 -12 -9 -9 -4 3 -8 9
+-8 15 0 5 4 9 8 9 5 0 9 -7 9 -15z m505 -29 c6 -14 1 -11 -16 8 -14 16 -26 31
+-26 34 0 10 32 -22 42 -42z m3734 -18 l-17 -23 5 30 c2 17 5 37 6 45 1 10 5 8
+12 -7 8 -16 6 -27 -6 -45z m-3781 -18 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0
+6 2 10 4 10 3 0 8 -4 11 -10z m955 -10 c0 -5 -4 -10 -10 -10 -5 0 -10 5 -10
+10 0 6 5 10 10 10 6 0 10 -4 10 -10z m-35 -19 c3 -5 2 -12 -3 -15 -5 -3 -9 1
+-9 9 0 17 3 19 12 6z m2774 -72 c-13 -63 -41 -121 -75 -157 -21 -24 -24 -24
+-30 -8 -5 12 -1 22 9 28 9 4 19 25 22 46 4 20 9 44 11 53 6 22 64 102 70 96 2
+-2 -1 -28 -7 -58z m-2750 9 c-11 -21 -29 -33 -29 -19 0 6 5 11 11 11 7 0 9 10
+5 26 -6 22 -5 24 8 12 9 -9 11 -18 5 -30z m-1222 0 c-3 -8 -6 -5 -6 6 -1 11 2
+17 5 13 3 -3 4 -12 1 -19z m263 12 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6
+8 10 11 10 2 0 4 -4 4 -10z m190 6 c0 -3 -4 -8 -10 -11 -5 -3 -10 -1 -10 4 0
+6 5 11 10 11 6 0 10 -2 10 -4z m80 -62 c0 -2 -9 0 -20 6 -11 6 -20 13 -20 16
+0 2 9 0 20 -6 11 -6 20 -13 20 -16z m700 6 c0 -5 -4 -10 -10 -10 -5 0 -10 5
+-10 10 0 6 5 10 10 10 6 0 10 -4 10 -10z m40 -34 c0 -8 3 -23 7 -33 5 -14 2
+-13 -14 5 -11 12 -25 22 -32 22 -6 0 -11 5 -11 10 0 6 11 10 25 10 15 0 25 -6
+25 -14z m-838 -21 c3 -13 1 -22 -3 -19 -9 5 -13 44 -5 44 2 0 6 -11 8 -25z
+m-385 -7 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z m1165 -10 c-7
+-7 -12 -8 -12 -2 0 6 3 14 7 17 3 4 9 5 12 2 2 -3 -1 -11 -7 -17z m-532 -16
+c-11 -2 -20 -8 -20 -14 0 -6 -3 -8 -7 -5 -3 4 2 15 13 26 13 12 21 15 26 7 5
+-7 -1 -12 -12 -14z m-455 -12 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10
+4 10 3 0 8 -4 11 -10z m1053 -2 c-1 -7 4 -30 11 -51 7 -20 11 -43 8 -50 -5
+-13 -32 69 -30 91 1 8 -5 11 -14 8 -8 -3 -18 -6 -21 -6 -4 0 0 -4 8 -10 8 -5
+11 -12 8 -15 -4 -4 -13 -1 -21 6 -13 12 -12 16 7 26 28 16 48 16 44 1z m-713
+-7 c3 -5 2 -12 -3 -15 -5 -3 -9 1 -9 9 0 17 3 19 12 6z m126 -33 c-2 -24 -6
+-36 -9 -28 -2 8 -10 21 -16 29 -9 12 -8 13 3 6 11 -6 13 -4 8 8 -3 9 -1 18 6
+21 7 2 12 5 12 5 0 1 -1 -18 -4 -41z m-621 7 c0 -8 -2 -15 -4 -15 -2 0 -6 7
+-10 15 -3 8 -1 15 4 15 6 0 10 -7 10 -15z m494 -21 c3 -8 2 -12 -4 -9 -6 3
+-10 10 -10 16 0 14 7 11 14 -7z m-131 -54 c-7 -8 -22 24 -16 34 4 5 10 1 13
+-10 4 -10 6 -21 3 -24z m-133 -31 c0 -5 -4 -9 -8 -9 -5 0 -9 7 -9 15 0 8 4 12
+9 9 4 -3 8 -9 8 -15z m140 -4 c7 -9 8 -15 2 -15 -5 0 -12 7 -16 15 -3 8 -4 15
+-2 15 2 0 9 -7 16 -15z m-13 -62 c-3 -10 -5 -4 -5 12 0 17 2 24 5 18 2 -7 2
+-21 0 -30z m-131 -101 c26 -62 43 -123 37 -138 -6 -17 -23 -19 -23 -2 0 6 -3
+9 -6 5 -8 -7 -34 17 -34 32 0 6 -6 11 -12 11 -8 0 -9 3 -3 8 6 4 10 16 9 27 0
+11 4 26 10 33 5 7 5 12 0 10 -11 -4 -14 4 -14 38 0 33 16 22 36 -24z m161 42
+c-3 -3 -12 -4 -19 -1 -8 3 -5 6 6 6 11 1 17 -2 13 -5z m8 -24 c3 -5 1 -10 -4
+-10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8 -4 11 -10z m185 6 c0 -3 -4 -8 -10
+-11 -5 -3 -10 -1 -10 4 0 6 5 11 10 11 6 0 10 -2 10 -4z m-202 -104 c27 -71
+27 -76 2 -69 -11 3 -20 0 -20 -6 0 -8 -4 -7 -9 2 -5 7 -14 10 -20 7 -12 -8
+-17 115 -5 127 14 13 30 -7 52 -61z m152 -112 c0 -11 -4 -20 -9 -20 -5 0 -7 9
+-4 20 3 11 7 20 9 20 2 0 4 -9 4 -20z m5477 -275 c8 -126 12 -278 12 -495 0
+-129 0 -318 0 -420 1 -102 0 -237 0 -300 0 -63 0 -187 0 -275 0 -88 0 -376 0
+-640 -1 -264 0 -499 0 -523 2 -52 -5 -67 -25 -51 -8 6 -14 8 -14 3 0 -5 -248
+-9 -560 -9 -367 0 -560 -3 -560 -10 0 -6 -3 -6 -8 0 -9 14 -62 18 -62 5 0 -6
+-9 -6 -25 0 -17 6 -25 6 -25 -1 0 -6 -4 -8 -10 -4 -8 5 -242 10 -265 5 -5 -1
+-12 -1 -15 0 -15 7 -218 5 -232 -2 -11 -5 -18 -5 -18 1 0 5 -20 7 -45 6 -25
+-2 -47 1 -50 5 -3 5 -16 6 -28 2 -12 -4 -44 -6 -72 -5 -81 4 -169 3 -187 -3
+-10 -3 -18 -1 -18 5 0 6 -6 8 -13 5 -27 -10 -66 14 -75 48 -5 18 -6 38 -3 43
+8 15 7 39 -2 46 -4 3 -3 17 2 31 6 17 6 29 0 35 -6 6 -11 24 -11 42 -1 17 -3
+29 -5 27 -3 -2 -6 -62 -7 -133 -2 -130 -8 -154 -44 -186 -19 -18 -20 -18 -20
+5 0 13 -3 84 -6 158 -2 74 -5 173 -5 220 -2 1046 -1 1163 5 1780 4 499 4 480
+16 480 4 0 17 14 27 31 23 38 28 30 26 -41 -1 -30 2 -72 6 -92 3 -21 3 -38 -1
+-38 -4 0 -5 -11 -2 -25 9 -49 17 -15 17 74 0 50 3 91 6 91 3 0 6 7 6 15 0 8
+-3 15 -7 15 -10 0 -8 33 3 48 6 8 6 12 -2 12 -13 0 -6 35 10 56 7 8 326 11
+1146 10 l1137 -1 3 -50z m-6887 -115 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3
+6 8 10 11 10 2 0 4 -4 4 -10z m0 -56 c0 -8 -4 -12 -10 -9 -5 3 -10 13 -10 21
+0 8 5 12 10 9 6 -3 10 -13 10 -21z m-9 -67 c-8 -8 -11 -3 -11 19 1 25 2 27 11
+11 8 -14 8 -22 0 -30z m3 -52 c-4 -8 -8 -15 -10 -15 -2 0 -4 7 -4 15 0 8 4 15
+10 15 5 0 7 -7 4 -15z m62 -70 c-3 -8 0 -15 6 -15 6 0 3 -8 -6 -19 -11 -12
+-25 -17 -39 -13 -22 6 -21 6 3 13 14 4 19 7 11 8 -11 1 -10 6 4 21 22 24 29
+26 21 5z m-146 -55 c0 -5 -4 -10 -10 -10 -5 0 -10 5 -10 10 0 6 5 10 10 10 6
+0 10 -4 10 -10z m94 -11 c20 3 26 0 21 -9 -4 -6 -11 -8 -16 -5 -5 4 -9 -1 -9
+-10 0 -9 5 -13 10 -10 6 3 10 1 10 -4 0 -6 -5 -11 -11 -11 -5 0 -8 -4 -4 -10
+3 -5 -3 -18 -14 -29 -11 -11 -25 -29 -31 -41 -6 -12 -17 -19 -25 -17 -7 3 -12
+-1 -11 -11 0 -9 -5 -17 -11 -18 -7 -1 -19 -2 -25 -3 -9 -1 -9 -4 2 -12 12 -8
+11 -10 -5 -7 -11 2 -20 8 -20 13 0 6 -4 17 -10 25 -7 13 -6 13 8 2 9 -8 21
+-11 27 -7 10 6 6 53 -6 64 -4 3 -4 -2 -1 -11 4 -10 2 -18 -3 -18 -6 0 -10 9
+-10 20 0 24 13 26 30 5 15 -18 34 -20 25 -2 -4 6 0 3 9 -7 15 -19 16 -18 25 5
+12 31 -3 48 -47 51 -17 1 -32 6 -32 9 0 4 16 5 35 2 31 -5 35 -3 35 15 0 27
+30 58 40 42 4 -6 10 -11 14 -11z m-74 -9 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4
+10 3 6 8 10 11 10 2 0 4 -4 4 -10z m-160 -47 c0 -32 -5 -28 -14 10 -4 19 -3
+26 4 22 5 -3 10 -18 10 -32z m87 12 c0 -8 -4 -15 -9 -15 -10 0 -11 14 -1 23 9
+10 10 9 10 -8z m-17 -30 c0 -11 -29 -11 -33 -1 -4 10 1 12 14 9 10 -3 19 -7
+19 -8z m73 -2 c-7 -2 -21 -2 -30 0 -10 3 -4 5 12 5 17 0 24 -2 18 -5z m-121
+-49 c-5 -29 -7 -28 -16 8 -5 21 -3 26 7 22 9 -3 12 -14 9 -30z m-23 -16 c-1
+-18 -2 -19 -6 -5 -2 9 -9 14 -15 11 -7 -4 -8 -2 -4 4 12 20 26 13 25 -10z
+m121 -8 c0 -5 -2 -10 -4 -10 -3 0 -8 5 -11 10 -3 6 -1 10 4 10 6 0 11 -4 11
+-10z m-147 -35 c-3 -9 -8 -14 -10 -11 -3 3 -2 9 2 15 9 16 15 13 8 -4z m24
+-47 c-3 -7 -5 -2 -5 12 0 14 2 19 5 13 2 -7 2 -19 0 -25z m118 12 c3 -5 -1
+-10 -9 -10 -9 0 -16 -6 -16 -13 0 -8 -8 -21 -18 -30 -16 -15 -19 -15 -30 3 -7
+12 -8 20 -2 20 5 0 10 -4 10 -10 0 -22 22 -8 31 20 11 31 23 38 34 20z m-61
+-91 c-3 -5 -14 -14 -26 -20 -15 -8 -19 -8 -14 0 4 6 0 11 -8 11 -9 0 -16 5
+-16 10 0 7 6 7 19 0 28 -14 30 -13 23 13 -5 19 -4 20 11 8 9 -7 14 -17 11 -22z
+m-83 -12 c-10 -9 -11 -8 -5 6 3 10 9 15 12 12 3 -3 0 -11 -7 -18z m-1271
+-2997 c13 -8 13 -10 -2 -10 -9 0 -20 5 -23 10 -8 13 5 13 25 0z"/>
+<path d="M6780 8936 c0 -8 15 -23 33 -32 38 -19 63 -47 83 -91 8 -18 20 -33
+27 -33 23 -1 -18 -17 -58 -23 -24 -4 -32 -3 -21 1 18 8 18 9 3 15 -9 3 -17 13
+-17 21 0 10 -6 13 -15 10 -9 -4 -15 0 -15 9 0 14 -26 32 -42 29 -4 -1 -5 5 -2
+12 4 11 -1 14 -20 12 -14 -2 -24 0 -21 4 2 4 -14 7 -37 8 -23 1 -44 4 -46 7
+-3 3 -11 0 -19 -6 -7 -6 -13 -9 -13 -7 0 3 -24 0 -54 -7 -37 -9 -69 -10 -102
+-4 -44 8 -179 5 -214 -6 -8 -3 -37 -7 -65 -10 -66 -7 -248 -60 -253 -74 -2 -6
+-16 -11 -30 -12 l-27 -1 29 -8 c22 -7 41 -4 75 10 42 18 101 33 172 45 15 2
+45 8 67 13 23 6 110 9 194 7 132 -2 164 -6 234 -28 45 -14 90 -30 100 -35 11
+-6 60 -29 109 -52 50 -23 101 -53 114 -67 16 -16 27 -21 33 -15 6 6 17 8 26 4
+11 -4 14 -1 9 12 -4 9 -3 15 2 11 5 -3 17 2 25 11 9 8 16 12 16 7 0 -4 25 -6
+56 -5 36 3 54 8 51 15 -2 7 -8 12 -13 13 -5 0 -17 4 -26 8 -10 5 -25 5 -34 2
+-9 -4 -23 -1 -30 5 -12 10 -13 8 -8 -6 6 -15 3 -17 -19 -13 -27 5 -38 -6 -14
+-15 7 -4 6 -6 -5 -6 -9 -1 -19 -7 -22 -13 -3 -7 -3 -1 0 15 5 20 2 27 -10 27
+-13 0 -14 5 -6 26 14 36 14 36 -32 95 -48 61 -44 57 -115 100 -41 24 -53 27
+-53 15z m-46 -101 c-4 -8 -11 -15 -16 -15 -6 0 -5 6 2 15 7 8 14 15 16 15 2 0
+1 -7 -2 -15z m216 -98 c9 -3 4 -6 -12 -6 -21 -1 -26 3 -21 15 3 9 9 11 12 6 3
+-5 13 -12 21 -15z"/>
+<path d="M6429 8698 c-11 -5 -30 -10 -42 -12 -12 -2 -41 -11 -64 -19 -22 -9
+-44 -13 -47 -10 -3 4 -6 1 -6 -5 0 -6 -6 -9 -13 -6 -8 3 -20 -2 -27 -11 -7 -8
+-21 -15 -31 -15 -11 0 -19 -4 -19 -10 0 -5 -7 -10 -15 -10 -7 0 -19 -8 -24
+-17 -6 -10 -11 -13 -11 -6 0 6 -9 9 -20 6 -16 -4 -18 -8 -9 -20 10 -11 9 -13
+-2 -11 -8 2 -13 -2 -12 -8 1 -7 -10 -14 -25 -17 l-27 -5 23 15 c33 23 27 37
+-8 16 -16 -9 -30 -21 -30 -26 0 -4 -4 -5 -10 -2 -5 3 -10 1 -10 -4 0 -6 8 -11
+18 -12 11 0 12 -2 4 -6 -7 -3 -19 1 -27 7 -9 7 -15 8 -15 2 0 -5 -11 -13 -25
+-16 -14 -4 -32 -17 -41 -31 -9 -14 -21 -22 -28 -18 -6 3 -3 -3 7 -14 9 -11 17
+-24 17 -29 0 -5 -7 0 -15 10 -14 19 -15 19 -38 -6 -12 -13 -29 -22 -36 -20 -8
+3 -11 0 -7 -6 3 -6 -3 -13 -14 -17 -11 -3 -20 -12 -20 -20 0 -7 -9 -15 -20
+-18 -11 -3 -20 -12 -20 -21 0 -9 -6 -16 -13 -16 -7 0 -20 -13 -30 -29 -21 -36
+-21 -45 -2 -37 8 3 15 3 15 0 0 -3 -13 -9 -28 -15 -20 -7 -28 -16 -28 -32 1
+-16 -4 -21 -17 -19 -22 4 -57 -33 -57 -60 0 -10 -4 -18 -10 -18 -15 0 -47 -35
+-43 -47 2 -6 -1 -15 -8 -19 -8 -5 -10 -3 -4 7 8 12 6 12 -8 0 -9 -7 -14 -17
+-11 -22 3 -5 0 -9 -6 -9 -6 0 -8 -4 -5 -10 3 -5 2 -10 -3 -10 -10 0 -55 -81
+-67 -117 -3 -13 -2 -23 2 -23 10 0 60 49 93 90 84 104 316 342 415 425 33 28
+62 53 63 58 2 4 8 7 14 7 6 0 18 8 27 18 19 22 122 92 135 92 5 0 24 11 43 26
+18 14 33 22 33 19 0 -3 17 5 38 18 66 41 208 88 301 99 14 2 26 9 29 16 3 11
+-13 13 -77 10 -45 -2 -91 -6 -102 -10z m-416 -215 c-7 -2 -19 -2 -25 0 -7 3
+-2 5 12 5 14 0 19 -2 13 -5z m-73 -33 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3
+6 8 10 11 10 2 0 4 -4 4 -10z m-62 -64 c-7 -8 -15 -12 -17 -11 -5 6 10 25 20
+25 5 0 4 -6 -3 -14z m-53 -46 c3 -6 -4 -10 -17 -10 -18 0 -20 2 -8 10 19 12
+18 12 25 0z m-67 -86 c-14 -14 -16 -14 -20 4 -4 16 -2 19 10 15 11 -5 13 -3 7
+8 -6 11 -5 12 6 1 11 -10 11 -15 -3 -28z"/>
+<path d="M7224 8599 l-29 -19 44 0 c43 0 161 -45 161 -61 0 -4 8 -10 18 -14
+23 -7 91 -71 127 -119 72 -94 106 -143 122 -173 9 -18 20 -33 24 -33 4 0 9 -9
+12 -20 6 -25 26 -26 26 -2 0 9 1 28 3 42 2 19 -1 25 -14 24 -10 -1 -18 4 -18
+11 0 19 -81 120 -168 209 -100 103 -174 151 -263 171 -9 2 -29 -5 -45 -16z"/>
+<path d="M7746 8155 c3 -16 0 -25 -8 -25 -10 0 -10 -2 0 -9 7 -4 12 -12 11
+-17 -4 -21 2 -28 11 -14 8 13 10 12 10 -2 0 -10 5 -18 10 -18 17 0 11 -18 -7
+-23 -17 -4 -17 -5 0 -6 10 -1 17 -9 17 -22 0 -12 8 -29 19 -38 10 -9 19 -29
+19 -44 0 -15 8 -35 18 -43 11 -9 12 -12 4 -8 -12 7 -11 3 3 -19 9 -14 17 -37
+17 -51 0 -14 5 -28 10 -31 6 -3 10 -17 10 -31 0 -14 4 -23 9 -19 10 6 8 51 -2
+62 -10 10 -8 55 2 49 5 -3 0 11 -10 32 -11 20 -17 43 -14 51 3 8 -5 25 -17 39
+-13 14 -17 22 -10 18 6 -4 12 -2 12 3 0 15 -27 14 -33 -1 -3 -7 -5 1 -4 17 0
+17 -6 42 -14 55 -7 14 -12 31 -11 38 2 6 -2 12 -8 12 -6 0 -8 5 -4 11 4 8 -1
+9 -17 4 -22 -7 -22 -7 -6 9 21 22 22 27 0 19 -10 -4 -14 -2 -9 5 3 6 2 13 -3
+17 -6 3 -8 -5 -5 -20z"/>
+<path d="M7905 7710 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0
+-7 -4 -4 -10z"/>
+<path d="M3956 7125 c-3 -8 -2 -15 3 -15 5 0 14 7 21 15 10 12 10 15 -3 15 -8
+0 -17 -7 -21 -15z"/>
+<path d="M4015 6920 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
+-8 -4 -11 -10z"/>
+<path d="M7579 6853 c-1 -10 0 -22 1 -28 3 -14 1 -260 -2 -322 -2 -29 0 -53 5
+-53 5 0 7 -7 3 -15 -3 -8 1 -31 9 -52 7 -21 14 -32 14 -25 1 7 4 11 9 8 8 -5
+6 69 -3 83 -3 5 1 12 7 14 10 4 10 6 0 6 -8 1 -10 6 -6 13 11 17 5 79 -8 95
+-8 10 -6 13 8 13 15 0 16 2 5 9 -7 5 -11 13 -7 19 3 6 2 13 -4 17 -5 3 -10 11
+-10 16 0 6 4 8 9 5 5 -4 7 3 4 14 -3 11 -10 17 -17 14 -6 -3 -4 1 6 8 12 10
+14 19 7 31 -6 9 -7 22 -4 27 3 6 2 10 -2 10 -5 0 -8 25 -6 55 1 30 -2 55 -7
+55 -6 0 -11 -8 -11 -17z m27 -310 c-10 -10 -19 5 -10 18 6 11 8 11 12 0 2 -7
+1 -15 -2 -18z m7 -118 c4 -8 2 -17 -3 -20 -6 -4 -10 3 -10 14 0 25 6 27 13 6z"/>
+<path d="M5030 6701 c0 -6 4 -12 8 -15 5 -3 9 1 9 9 0 8 -4 15 -9 15 -4 0 -8
+-4 -8 -9z"/>
+<path d="M5027 6659 c4 -13 8 -18 11 -10 2 7 -1 18 -6 23 -8 8 -9 4 -5 -13z"/>
+<path d="M5005 6608 c-2 -7 -9 -31 -17 -53 -7 -22 -13 -44 -13 -50 0 -5 -4
+-13 -10 -17 -6 -5 -4 -8 4 -8 11 0 10 -4 -4 -20 -9 -10 -15 -26 -12 -35 4 -8
+2 -15 -4 -15 -6 0 -8 -13 -5 -31 5 -33 21 -57 32 -47 8 8 16 54 18 101 0 20 4
+37 7 37 3 0 6 7 6 15 0 8 -4 15 -9 15 -4 0 -8 7 -8 15 0 8 5 15 11 15 5 0 7
+-5 3 -12 -4 -6 -3 -8 3 -5 6 4 9 27 6 54 -3 36 -2 44 6 33 9 -13 11 -13 11 3
+0 20 -19 23 -25 5z"/>
+<path d="M4111 6534 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M6470 6516 c0 -14 36 -46 52 -46 17 0 7 30 -14 44 -28 20 -38 20 -38
+2z"/>
+<path d="M5966 6402 c-6 -10 118 -102 137 -102 17 0 -61 73 -100 94 -18 9 -34
+12 -37 8z"/>
+<path d="M7172 6391 c-19 -16 -20 -20 -6 -25 19 -7 57 11 51 27 -6 19 -22 18
+-45 -2z"/>
+<path d="M4927 6330 c3 -11 9 -20 14 -20 5 0 6 -7 2 -16 -5 -13 -7 -13 -14 -2
+-7 11 -11 10 -18 -2 -8 -11 -3 -17 21 -27 40 -17 41 -17 34 11 -4 15 -1 27 7
+30 9 5 9 7 -1 12 -7 3 -19 12 -26 20 -20 19 -25 18 -19 -6z"/>
+<path d="M4547 6296 c-4 -10 -5 -21 -2 -24 9 -9 17 6 13 25 -3 17 -4 17 -11
+-1z"/>
+<path d="M7169 6115 c-3 -2 -14 -6 -25 -8 -37 -8 -68 -24 -57 -30 6 -4 19 0
+27 9 11 11 16 12 16 3 0 -10 3 -10 12 -1 7 7 20 12 29 12 10 0 21 5 24 10 6
+10 -17 14 -26 5z"/>
+<path d="M4164 5732 c-10 -7 -38 -68 -40 -87 0 -5 -4 -17 -7 -25 -16 -37 -23
+-97 -14 -127 8 -24 25 -40 76 -70 36 -21 85 -58 108 -82 24 -25 46 -41 50 -38
+17 17 -70 121 -112 133 -45 12 -63 28 -76 66 -11 34 -11 49 3 97 8 31 22 71
+29 88 14 34 4 59 -17 45z"/>
+<path d="M6766 5142 c-3 -6 -2 -32 4 -57 6 -25 8 -50 6 -54 -3 -4 -8 -22 -11
+-40 l-6 -32 27 26 c24 24 26 31 19 80 -7 56 -27 96 -39 77z"/>
+<path d="M6155 4473 c-80 -19 -124 -42 -125 -65 0 -24 143 -74 240 -84 25 -3
+50 -7 56 -9 17 -5 34 9 25 23 -4 7 -18 15 -32 17 -13 3 -25 9 -27 15 -2 5 -8
+10 -13 10 -6 0 -8 -4 -5 -8 7 -12 -36 -12 -51 0 -7 6 -22 8 -34 5 -15 -4 -19
+-2 -15 9 3 8 1 14 -3 14 -5 0 -11 -4 -13 -9 -1 -5 -19 -1 -38 9 -30 16 -32 19
+-12 20 12 0 22 6 22 13 0 8 4 7 10 -3 6 -10 10 -11 10 -2 0 7 15 12 41 12 32
+0 40 -3 36 -15 -4 -8 -2 -17 4 -20 5 -4 9 -3 8 2 -5 29 3 40 30 41 24 0 32 -5
+40 -26 l9 -27 1 27 c1 25 3 26 49 21 26 -3 48 -9 50 -13 2 -5 19 -19 38 -30
+19 -12 34 -28 34 -35 0 -16 -42 -27 -67 -18 -17 6 -17 6 -1 -10 23 -24 83 -25
+108 -2 24 22 27 77 4 99 -8 9 -18 16 -22 17 -4 0 -14 2 -22 4 -90 22 -275 32
+-335 18z"/>
+<path d="M6253 4404 c0 -17 2 -22 7 -13 5 6 6 18 3 26 -8 19 -10 16 -10 -13z"/>
+<path d="M6366 4405 c-9 -26 -7 -32 5 -12 6 10 9 21 6 23 -2 3 -7 -2 -11 -11z"/>
+<path d="M6390 4395 c0 -8 8 -15 18 -14 10 0 12 3 4 6 -6 2 -10 9 -6 14 3 5 0
+9 -5 9 -6 0 -11 -7 -11 -15z"/>
+<path d="M6391 4354 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2225 6381 c-3 -5 -1 -12 5 -16 5 -3 10 1 10 9 0 18 -6 21 -15 7z"/>
+<path d="M2200 6251 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M2140 6230 c6 -11 13 -20 16 -20 2 0 0 9 -6 20 -6 11 -13 20 -16 20
+-2 0 0 -9 6 -20z"/>
+<path d="M2225 6220 c-3 -5 1 -10 10 -10 9 0 13 5 10 10 -3 6 -8 10 -10 10 -2
+0 -7 -4 -10 -10z"/>
+<path d="M2231 6178 c-14 -23 -14 -23 8 -4 22 20 25 26 13 26 -4 0 -13 -10
+-21 -22z"/>
+<path d="M2196 6163 c-6 -14 -5 -15 5 -6 7 7 10 15 7 18 -3 3 -9 -2 -12 -12z"/>
+<path d="M2126 6137 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
+<path d="M2105 6120 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0
+-7 -4 -4 -10z"/>
+<path d="M2130 6090 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M2660 6854 c0 -10 31 -36 37 -31 10 10 -6 37 -22 37 -8 0 -15 -3 -15
+-6z"/>
+<path d="M2620 6346 c0 -2 7 -7 16 -10 8 -3 12 -2 9 4 -6 10 -25 14 -25 6z"/>
+<path d="M2500 6215 c0 -2 6 -8 13 -14 10 -8 14 -7 14 2 0 8 -6 14 -14 14 -7
+0 -13 -1 -13 -2z"/>
+<path d="M2616 6157 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
+<path d="M2500 6070 c-9 -6 -10 -10 -3 -10 6 0 15 5 18 10 8 12 4 12 -15 0z"/>
+<path d="M2540 6040 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M2519 5958 c0 -22 -1 -22 -9 -3 -6 15 -8 12 -7 -16 2 -30 5 -35 21
+-31 20 5 20 5 0 13 -10 4 -13 8 -6 8 6 1 12 11 12 24 0 16 3 18 9 8 5 -8 11
+-9 15 -3 3 5 -1 13 -10 16 -23 9 -24 8 -25 -16z"/>
+<path d="M2591 5924 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2520 5893 c0 -7 -6 -13 -13 -13 -8 0 -14 -7 -14 -15 0 -8 5 -11 10
+-8 5 3 12 2 16 -3 18 -26 81 -36 81 -13 0 6 -4 8 -9 4 -5 -3 -17 2 -25 11 -9
+8 -16 11 -16 5 0 -6 -5 -11 -11 -11 -5 0 -7 4 -4 10 3 5 1 18 -4 27 -6 10 -11
+12 -11 6z"/>
+<path d="M2575 5870 c4 -6 11 -8 16 -5 14 9 11 15 -7 15 -8 0 -12 -5 -9 -10z"/>
+<path d="M2760 5859 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
+-5 -10 -11z"/>
+<path d="M2803 5863 c9 -2 23 -2 30 0 6 3 -1 5 -18 5 -16 0 -22 -2 -12 -5z"/>
+<path d="M2801 5833 c-9 -16 -12 -16 -20 -3 -6 8 -13 11 -17 7 -4 -3 -1 -14 7
+-23 11 -14 11 -18 -2 -28 -9 -6 -14 -17 -11 -25 2 -7 -1 -17 -8 -21 -9 -5 -9
+-9 -1 -14 6 -4 11 -2 11 5 0 7 10 9 25 7 21 -4 23 -2 15 13 -12 22 -13 59 -1
+59 5 0 11 9 14 20 6 25 1 26 -12 3z m-16 -73 c3 -5 1 -10 -4 -10 -6 0 -11 5
+-11 10 0 6 2 10 4 10 3 0 8 -4 11 -10z"/>
+<path d="M2826 5834 c-5 -14 -4 -15 9 -4 17 14 19 20 6 20 -5 0 -12 -7 -15
+-16z"/>
+<path d="M2530 5819 c0 -5 -6 -7 -12 -3 -7 4 -5 -2 5 -13 23 -26 22 -49 -4
+-56 -18 -5 -19 -8 -8 -20 12 -13 15 -13 17 -1 2 8 8 14 13 14 21 0 3 -33 -23
+-43 -12 -4 -15 -2 -11 9 4 10 0 12 -12 8 -11 -5 -13 -10 -6 -17 6 -6 11 -22
+11 -35 0 -13 4 -21 10 -17 5 3 7 12 4 19 -3 7 3 16 12 20 24 9 29 0 10 -19
+-19 -19 -21 -39 -3 -30 6 4 3 -1 -7 -9 -19 -16 -19 -16 5 -16 13 0 31 5 39 11
+12 9 12 10 -4 5 -13 -5 -10 3 12 26 32 31 37 52 7 28 -20 -16 -19 -6 1 14 14
+15 14 16 0 16 -9 0 -16 -5 -16 -12 0 -9 -3 -9 -12 0 -10 10 -10 15 1 21 9 6
+10 11 2 15 -23 15 -10 24 20 14 16 -6 33 -8 36 -4 4 3 -2 6 -13 6 -14 0 -16 2
+-6 9 8 4 13 11 13 15 -2 16 0 18 14 6 9 -7 15 -8 15 -2 0 5 -7 13 -16 16 -8 3
+-12 10 -9 16 3 5 1 10 -4 10 -6 0 -11 -7 -11 -15 0 -8 -5 -15 -11 -15 -5 0 -8
+4 -5 9 4 5 -3 7 -14 4 -14 -4 -20 0 -20 11 0 9 -4 16 -10 16 -5 0 -10 -5 -10
+-11z m52 -44 c0 -5 -5 -11 -11 -13 -6 -2 -11 4 -11 13 0 9 5 15 11 13 6 -2 11
+-8 11 -13z"/>
+<path d="M2810 5790 c-6 -11 -7 -20 -2 -20 6 0 12 9 15 20 3 11 3 20 1 20 -2
+0 -8 -9 -14 -20z"/>
+<path d="M2750 5699 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
+-5 -10 -11z"/>
+<path d="M2770 5671 c0 -12 -4 -21 -10 -21 -5 0 -10 -5 -10 -11 0 -5 5 -7 11
+-3 8 4 9 -1 4 -17 -7 -21 -6 -21 7 -8 17 16 21 66 7 75 -5 3 -9 -4 -9 -15z"/>
+<path d="M2861 5404 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M2778 5393 c6 -2 12 -9 12 -14 0 -6 -4 -7 -10 -4 -5 3 -10 2 -10 -3
+0 -6 7 -13 16 -16 22 -9 26 -8 19 5 -4 6 1 17 11 24 17 13 16 14 -16 14 -19 0
+-29 -3 -22 -6z"/>
+<path d="M2890 5990 c-9 -6 -10 -10 -3 -10 6 0 15 5 18 10 8 12 4 12 -15 0z"/>
+<path d="M2880 5950 c0 -5 6 -10 13 -10 8 0 7 -4 -3 -10 -8 -5 -10 -10 -4 -10
+16 0 23 10 17 26 -6 16 -23 19 -23 4z"/>
+<path d="M2870 5901 c0 -6 5 -13 10 -16 6 -3 10 1 10 9 0 9 -4 16 -10 16 -5 0
+-10 -4 -10 -9z"/>
+<path d="M3185 5290 c-3 -5 1 -10 10 -10 9 0 13 5 10 10 -3 6 -8 10 -10 10 -2
+0 -7 -4 -10 -10z"/>
+<path d="M1755 5740 c-3 -6 1 -7 9 -4 18 7 21 14 7 14 -6 0 -13 -4 -16 -10z"/>
+<path d="M1720 5711 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M1770 5694 c0 -8 5 -12 10 -9 6 3 10 10 10 16 0 5 -4 9 -10 9 -5 0
+-10 -7 -10 -16z"/>
+<path d="M1799 5700 c0 -3 -2 -13 -4 -22 -2 -10 1 -18 5 -18 15 0 19 15 9 30
+-5 8 -9 13 -10 10z"/>
+<path d="M1640 5680 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M1728 5643 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M1680 5632 c0 -7 -6 -12 -14 -12 -8 0 -18 -4 -21 -10 -9 -15 8 -12
+31 4 10 8 16 18 11 22 -4 4 -7 2 -7 -4z"/>
+<path d="M1685 5589 c-4 -6 -5 -12 -2 -15 2 -3 7 2 10 11 7 17 1 20 -8 4z"/>
+<path d="M2208 5633 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M2229 5572 c-3 -20 -2 -29 4 -23 5 5 7 19 5 32 -3 20 -5 19 -9 -9z"/>
+<path d="M2250 5559 c0 -11 4 -18 10 -14 5 3 7 12 3 20 -7 21 -13 19 -13 -6z"/>
+<path d="M2280 5550 c0 -11 4 -20 9 -20 5 0 7 9 4 20 -3 11 -7 20 -9 20 -2 0
+-4 -9 -4 -20z"/>
+<path d="M7459 3925 c-5 -32 0 -80 9 -83 8 -2 11 8 10 32 -2 20 -7 36 -11 36
+-5 0 -5 5 -2 10 3 6 4 10 1 10 -3 0 -6 -2 -7 -5z"/>
+<path d="M7457 3824 c-7 -8 3 -34 13 -34 9 0 8 26 -1 35 -3 3 -8 2 -12 -1z"/>
+<path d="M7460 3759 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
+-5 -10 -11z"/>
+<path d="M7458 3734 c-8 -7 2 -87 12 -97 4 -5 7 14 5 43 -3 52 -7 65 -17 54z"/>
+<path d="M7450 3619 c0 -5 9 -9 20 -9 11 0 20 2 20 4 0 2 -9 6 -20 9 -11 3
+-20 1 -20 -4z"/>
+<path d="M7469 3578 c-4 -46 -9 -85 -13 -99 -2 -12 2 -15 15 -12 14 4 16 10 9
+28 -5 13 -7 39 -4 59 2 20 2 36 -1 36 -3 0 -6 -6 -6 -12z"/>
+<path d="M7457 3358 c1 -29 2 -59 2 -65 1 -7 5 -13 10 -13 8 0 9 32 3 108 -4
+46 -17 20 -15 -30z"/>
+<path d="M7461 3104 c0 -67 4 -110 8 -99 4 11 6 50 5 88 -2 39 0 66 6 62 9 -5
+-4 53 -15 63 -3 3 -5 -48 -4 -114z"/>
+<path d="M7462 2901 c1 -17 5 -31 9 -31 4 0 5 12 3 27 -7 39 -13 41 -12 4z"/>
+<path d="M7460 2840 c0 -5 5 -10 10 -10 6 0 10 5 10 10 0 6 -4 10 -10 10 -5 0
+-10 -4 -10 -10z"/>
+<path d="M7463 2759 c-1 -27 2 -49 5 -49 10 0 14 87 5 93 -5 3 -9 -17 -10 -44z"/>
+<path d="M7460 2666 c0 -9 5 -16 10 -16 6 0 10 4 10 9 0 6 -4 13 -10 16 -5 3
+-10 -1 -10 -9z"/>
+<path d="M7450 2636 c0 -2 7 -6 15 -10 8 -3 15 -1 15 4 0 6 -7 10 -15 10 -8 0
+-15 -2 -15 -4z"/>
+<path d="M7454 2602 c8 -13 11 -176 4 -187 -4 -6 -3 -17 3 -25 11 -19 11 -17
+14 118 2 82 -1 102 -12 102 -8 0 -12 -4 -9 -8z"/>
+<path d="M7471 2366 c-10 -12 -14 -55 -10 -116 1 -8 -2 -23 -6 -32 -5 -14 -2
+-18 11 -18 15 0 16 2 5 9 -9 6 -10 10 -2 16 7 3 9 15 6 26 -4 12 -2 19 7 19
+10 0 9 3 -2 10 -13 9 -13 11 0 20 8 5 10 10 5 10 -13 0 -14 39 -2 58 11 16 2
+15 -12 -2z"/>
+<path d="M7456 2127 c2 -68 14 -108 14 -49 0 17 5 34 10 37 6 3 10 12 10 18 0
+7 -4 6 -11 -3 -9 -12 -10 -11 -6 8 3 12 1 22 -3 22 -5 0 -10 8 -13 18 -2 9 -3
+-14 -1 -51z"/>
+<path d="M7455 2020 c-3 -5 1 -10 10 -10 9 0 13 5 10 10 -3 6 -8 10 -10 10 -2
+0 -7 -4 -10 -10z"/>
+<path d="M7458 1943 c5 -81 17 -85 18 -7 0 38 -4 64 -10 64 -7 0 -10 -22 -8
+-57z"/>
+<path d="M7461 1843 c0 -11 3 -13 6 -5 2 6 10 9 15 6 7 -4 8 -2 4 4 -11 18
+-26 14 -25 -5z"/>
+<path d="M2852 3782 c-10 -30 8 -59 29 -46 8 4 7 9 -2 15 -9 5 -10 9 -2 9 6 0
+9 9 6 20 -8 32 -20 33 -31 2z"/>
+<path d="M7459 9983 c-1 -10 0 -56 1 -103 2 -47 3 -135 4 -196 1 -98 3 -110
+19 -111 14 -2 16 3 11 19 -11 34 -12 73 -4 83 11 14 8 205 -4 205 -5 0 -3 6 3
+14 7 9 8 17 2 20 -5 3 -7 24 -4 46 5 33 3 40 -11 40 -9 0 -17 -8 -17 -17z"/>
+<path d="M3930 9670 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M3927 9619 c7 -7 15 -10 18 -7 3 3 -2 9 -12 12 -14 6 -15 5 -6 -5z"/>
+<path d="M7469 9547 c-1 -9 -2 -23 -3 -29 -1 -7 2 -16 7 -19 4 -3 4 -17 -2
+-30 -5 -14 -7 -47 -5 -74 4 -55 4 -50 1 -135 -1 -40 2 -60 10 -60 13 0 13 57
+0 78 -5 6 -5 17 -1 24 13 20 13 99 0 91 -8 -5 -8 -3 0 8 11 14 11 145 0 156
+-3 4 -7 -1 -7 -10z"/>
+<path d="M3930 9521 c0 -8 -8 -11 -20 -8 -18 5 -20 2 -14 -16 4 -12 7 -27 7
+-34 0 -6 6 -9 14 -6 10 4 11 9 2 19 -9 12 -8 18 7 28 10 8 16 18 11 22 -4 4
+-7 2 -7 -5z"/>
+<path d="M3916 9427 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
+<path d="M3931 9389 c-7 -12 -10 -23 -8 -26 3 -3 11 5 17 17 15 28 8 35 -9 9z"/>
+<path d="M3938 9356 c-23 -17 -23 -24 -1 -28 15 -3 15 -6 -6 -25 -15 -14 -19
+-23 -11 -28 13 -8 12 -9 28 28 7 16 9 33 6 39 -4 6 0 14 7 19 8 5 10 9 4 9 -5
+-1 -18 -7 -27 -14z"/>
+<path d="M3890 9340 c0 -5 5 -10 10 -10 6 0 10 5 10 10 0 6 -4 10 -10 10 -5 0
+-10 -4 -10 -10z"/>
+<path d="M3920 9250 c0 -5 5 -10 10 -10 6 0 10 5 10 10 0 6 -4 10 -10 10 -5 0
+-10 -4 -10 -10z"/>
+<path d="M3935 9180 c4 -11 2 -20 -4 -20 -6 0 -11 -4 -11 -10 0 -5 7 -7 15 -4
+17 7 21 54 4 54 -6 0 -8 -9 -4 -20z"/>
+<path d="M3901 9176 c-9 -11 -9 -16 1 -22 7 -4 10 -4 6 1 -4 4 -3 14 3 22 6 7
+9 13 6 13 -2 0 -10 -6 -16 -14z"/>
+<path d="M7466 9143 c1 -16 3 -31 3 -34 1 -3 8 -6 15 -6 11 0 12 5 5 18 -5 10
+-8 23 -7 30 2 6 -2 13 -7 15 -6 3 -10 -8 -9 -23z"/>
+<path d="M3935 9110 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
+-8 -4 -11 -10z"/>
+<path d="M7467 9083 c9 -3 10 -10 4 -21 -9 -18 -4 -72 8 -72 3 0 7 23 8 50 2
+42 -1 50 -15 49 -10 0 -12 -3 -5 -6z"/>
+<path d="M3915 9059 c-4 -6 -5 -12 -2 -15 2 -3 7 2 10 11 7 17 1 20 -8 4z"/>
+<path d="M3941 9044 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M3917 9023 c-4 -3 -7 -11 -7 -17 0 -6 5 -5 12 2 6 6 9 14 7 17 -3 3
+-9 2 -12 -2z"/>
+<path d="M3947 9006 c-4 -10 -5 -21 -2 -24 9 -9 17 6 13 25 -3 17 -4 17 -11
+-1z"/>
+<path d="M7464 8910 c0 -42 3 -60 12 -60 18 0 27 17 12 23 -10 4 -9 8 2 16 10
+7 11 11 3 11 -7 0 -13 5 -13 11 0 5 5 7 10 4 11 -7 12 0 4 33 -12 44 -29 23
+-30 -38z"/>
+<path d="M3930 8945 c-7 -9 -11 -18 -8 -20 3 -3 11 1 18 10 7 9 11 18 8 20 -3
+3 -11 -1 -18 -10z"/>
+<path d="M2809 3246 c-2 -2 -22 -6 -45 -8 -44 -5 -67 -15 -60 -26 3 -6 391 -8
+446 -3 8 1 1 8 -15 15 -28 12 -316 32 -326 22z"/>
+<path d="M3972 3245 c4 -4 20 -8 35 -10 15 -1 44 -5 63 -8 19 -4 58 -9 85 -12
+125 -13 280 -38 525 -86 117 -23 116 -23 100 -8 -8 8 -31 16 -50 17 -19 2 -37
+8 -41 13 -4 6 -53 19 -110 29 -57 10 -113 20 -124 23 -49 12 -178 28 -265 32
+-52 3 -124 8 -160 11 -36 3 -62 3 -58 -1z"/>
+<path d="M4960 3038 c-34 -8 -150 -26 -220 -34 -39 -4 -240 -51 -280 -65 -14
+-5 -37 -10 -52 -13 -14 -2 -36 -9 -47 -15 -27 -15 -199 -71 -217 -71 -8 0 -14
+-6 -14 -14 0 -14 6 -13 165 29 33 8 69 17 80 20 11 3 31 9 45 14 51 20 233 62
+330 77 19 3 65 14 101 25 36 11 88 22 115 24 148 12 205 19 209 24 6 10 -174
+8 -215 -1z"/>
+<path d="M5250 3040 c24 -7 111 -3 119 6 2 2 -29 3 -70 2 -47 -1 -65 -3 -49
+-8z"/>
+<path d="M5398 3033 c6 -2 18 -2 25 0 6 3 1 5 -13 5 -14 0 -19 -2 -12 -5z"/>
+<path d="M1240 2501 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M970 2390 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M5777 1853 c-4 -3 -7 -11 -7 -17 0 -6 5 -5 12 2 6 6 9 14 7 17 -3 3
+-9 2 -12 -2z"/>
+<path d="M1371 1184 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M1498 1153 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M4395 1141 c3 -5 -8 -24 -23 -41 -29 -31 -102 -167 -102 -188 0 -7
+-4 -12 -9 -12 -5 0 -11 -10 -15 -23 -3 -13 -27 -68 -53 -123 -25 -54 -45 -101
+-44 -103 2 -2 -1 -7 -7 -10 -13 -9 -42 -100 -42 -133 0 -26 2 -28 15 -14 8 8
+15 18 15 23 1 4 9 26 20 48 11 22 19 46 20 54 0 15 71 163 81 171 10 7 95 180
+104 210 4 14 15 36 25 50 9 14 22 39 28 57 8 25 8 33 -4 37 -8 3 -12 2 -9 -3z"/>
+<path d="M1344 1126 c11 -9 23 -21 27 -27 4 -6 9 -7 12 -2 3 5 -8 17 -26 27
+-24 13 -27 13 -13 2z"/>
+<path d="M1268 1075 c-3 -11 -9 -29 -13 -40 -3 -11 1 -7 10 8 9 16 15 33 12
+40 -2 6 -6 3 -9 -8z"/>
+<path d="M1410 1066 c0 -2 7 -9 15 -16 9 -7 15 -8 15 -2 0 5 -7 12 -15 16 -8
+3 -15 4 -15 2z"/>
+<path d="M1200 1050 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
+-4 -4 -4 -10z"/>
+<path d="M1731 994 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M1318 993 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M1179 977 c5 -5 19 -7 32 -5 20 3 19 5 -9 9 -20 3 -29 2 -23 -4z"/>
+<path d="M1253 974 c-3 -8 -1 -20 4 -25 5 -5 9 1 9 16 0 29 -4 32 -13 9z"/>
+<path d="M1335 970 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7
+-4 -4 -10z"/>
+<path d="M1405 939 c-4 -6 -5 -12 -2 -15 2 -3 7 2 10 11 7 17 1 20 -8 4z"/>
+<path d="M1191 904 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M1295 870 c-4 -6 -11 -8 -16 -5 -5 4 -9 1 -9 -4 0 -15 11 -13 34 4
+11 8 15 15 9 15 -7 0 -15 -5 -18 -10z"/>
+<path d="M1403 843 c0 -16 2 -22 4 -15 3 6 9 9 15 6 6 -4 5 2 -1 15 -15 28
+-19 27 -18 -6z"/>
+<path d="M1217 818 c9 -21 21 -38 25 -38 5 0 6 6 1 13 -4 6 -7 21 -6 32 2 11
+0 14 -3 7 -5 -10 -9 -9 -20 5 -10 12 -9 6 3 -19z"/>
+<path d="M1360 830 c0 -11 2 -20 4 -20 2 0 6 9 9 20 3 11 1 20 -4 20 -5 0 -9
+-9 -9 -20z"/>
+<path d="M1381 813 c0 -12 -4 -30 -7 -40 -5 -14 -4 -15 5 -7 7 6 11 24 8 40
+-3 21 -4 23 -6 7z"/>
+<path d="M1400 794 c0 -2 9 -8 20 -14 11 -6 20 -7 20 -2 0 6 -9 12 -20 15 -11
+3 -20 3 -20 1z"/>
+<path d="M4811 780 c-6 -14 -18 -36 -26 -50 -8 -14 -15 -33 -15 -42 0 -10 -4
+-18 -9 -18 -5 0 -14 -21 -20 -46 -7 -25 -18 -56 -27 -69 -8 -12 -16 -32 -19
+-43 -2 -11 -21 -58 -43 -104 -38 -81 -92 -238 -93 -268 0 -8 -10 -40 -23 -70
+-25 -56 -25 -70 -1 -70 7 0 21 25 31 58 27 87 94 272 115 318 10 22 19 46 19
+52 0 16 48 137 76 192 33 65 56 138 51 163 -3 22 -4 22 -16 -3z"/>
+<path d="M1270 734 c5 -19 12 -39 16 -42 4 -4 4 5 0 21 -5 21 -3 27 11 27 15
+0 15 2 -3 15 -29 22 -33 18 -24 -21z"/>
+<path d="M1411 746 c-9 -11 -9 -16 0 -22 7 -4 9 -3 5 4 -3 5 0 12 6 15 7 2 10
+7 7 11 -3 4 -12 0 -18 -8z"/>
+<path d="M1361 698 c-1 -10 -8 -18 -17 -18 -8 0 -12 -5 -8 -11 9 -15 38 15 31
+33 -4 9 -6 7 -6 -4z"/>
+<path d="M1860 661 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M3817 663 c-18 -30 -47 -341 -47 -498 0 -113 8 -165 26 -165 11 0 14
+38 15 203 1 111 2 213 4 227 7 69 15 240 11 240 -3 0 -7 -3 -9 -7z"/>
+<path d="M6066 600 c3 -41 6 -81 7 -87 0 -7 4 -13 9 -13 5 0 7 -4 4 -9 -8 -13
+5 -101 15 -101 5 0 7 12 4 28 -2 15 -9 68 -15 117 -16 121 -32 163 -24 65z"/>
+<path d="M1275 640 c-16 -7 -17 -9 -3 -9 9 -1 20 4 23 9 7 11 7 11 -20 0z"/>
+<path d="M1357 630 c-3 -11 -1 -18 3 -15 5 3 10 -1 13 -7 2 -7 4 -1 3 14 -1
+33 -11 37 -19 8z"/>
+<path d="M1390 631 c0 -25 6 -27 13 -6 4 8 2 17 -3 20 -6 4 -10 -3 -10 -14z"/>
+<path d="M1446 624 c-11 -8 -16 -14 -10 -14 13 0 39 18 34 24 -3 2 -14 -2 -24
+-10z"/>
+<path d="M1500 619 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
+-5 -10 -11z"/>
+<path d="M1403 585 c0 -6 6 -12 12 -12 6 0 12 6 12 12 0 6 -6 12 -12 12 -6 0
+-12 -6 -12 -12z"/>
+<path d="M1580 581 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M1526 565 c-9 -26 -7 -32 5 -12 6 10 9 21 6 23 -2 3 -7 -2 -11 -11z"/>
+<path d="M1761 534 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M1425 500 c-19 -8 -19 -9 3 -9 12 -1 22 4 22 9 0 6 -1 10 -2 9 -2 0
+-12 -4 -23 -9z"/>
+<path d="M1575 490 c3 -5 11 -10 16 -10 6 0 7 5 4 10 -3 6 -11 10 -16 10 -6 0
+-7 -4 -4 -10z"/>
+<path d="M1640 481 c0 -11 4 -22 9 -25 4 -3 6 6 3 19 -5 30 -12 33 -12 6z"/>
+<path d="M1397 479 c7 -9 10 -18 7 -22 -3 -3 4 -3 15 0 12 3 24 9 27 14 3 5
+-2 6 -11 3 -8 -4 -23 0 -33 7 -15 12 -16 12 -5 -2z"/>
+<path d="M1490 470 c8 -5 22 -9 30 -9 10 0 8 3 -5 9 -27 12 -43 12 -25 0z"/>
+<path d="M3371 462 c-1 -7 -5 -11 -11 -7 -5 3 -5 -7 2 -25 5 -17 8 -33 5 -36
+-4 -4 19 -98 55 -226 5 -20 17 -39 25 -43 22 -8 26 0 14 23 -6 12 -11 31 -11
+43 0 12 -4 36 -9 53 -5 17 -15 51 -21 76 -7 25 -16 54 -20 65 -4 11 -12 36
+-18 55 -5 19 -10 29 -11 22z"/>
+<path d="M1461 408 c-1 -20 14 -24 25 -6 4 6 3 8 -4 4 -5 -3 -13 0 -15 6 -3 8
+-6 6 -6 -4z"/>
+<path d="M1497 397 c-3 -8 1 -14 8 -14 7 0 11 6 8 14 -3 7 -6 13 -8 13 -2 0
+-5 -6 -8 -13z"/>
+<path d="M1708 403 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M1870 386 c0 -2 8 -10 18 -17 15 -13 16 -12 3 4 -13 16 -21 21 -21
+13z"/>
+<path d="M1990 370 c-9 -6 -10 -10 -3 -10 6 0 15 5 18 10 8 12 4 12 -15 0z"/>
+<path d="M7461 361 c-10 -6 -11 -13 -2 -29 7 -14 8 -29 2 -45 -6 -14 -8 -27
+-5 -30 2 -2 5 -21 6 -40 1 -30 4 -35 15 -25 11 9 12 13 1 20 -10 6 -10 10 2
+18 8 5 10 10 5 10 -12 0 -13 99 -2 118 9 14 -2 16 -22 3z"/>
+<path d="M1557 297 c-23 -23 -19 -27 10 -12 12 6 19 16 15 21 -4 6 -14 3 -25
+-9z"/>
+<path d="M1567 265 c-4 -8 -3 -16 1 -19 4 -3 9 4 9 15 2 23 -3 25 -10 4z"/>
+<path d="M1808 243 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M1735 190 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
+-8 -4 -11 -10z"/>
+<path d="M1590 181 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M2111 174 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M7460 152 c0 -10 7 -19 14 -19 11 0 13 5 5 19 -5 10 -12 18 -14 18
+-3 0 -5 -8 -5 -18z"/>
+<path d="M1995 111 c-6 -11 13 -26 22 -17 4 3 0 6 -8 7 -8 0 -6 4 6 9 16 7 17
+9 3 9 -9 1 -19 -3 -23 -8z"/>
+<path d="M1788 103 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M7458 93 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M7460 64 c0 -8 5 -12 10 -9 6 3 10 10 10 16 0 5 -4 9 -10 9 -5 0 -10
+-7 -10 -16z"/>
+<path d="M1497 45 c3 -8 9 -12 14 -9 12 7 11 11 -5 17 -10 4 -13 1 -9 -8z"/>
+<path d="M1870 51 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M1560 40 c-8 -5 -11 -12 -7 -16 4 -4 13 -2 19 4 15 15 7 24 -12 12z"/>
+<path d="M7473 43 c-7 -2 -13 -14 -13 -24 0 -25 16 -17 23 11 3 11 4 20 4 19
+-1 0 -8 -3 -14 -6z"/>
+<path d="M1760 26 c0 -8 4 -17 9 -20 5 -4 7 3 4 14 -6 23 -13 26 -13 6z"/>
+</g>
+</svg>
diff --git a/static/images/11LK4(_2S}Q~OIDMGM6$XNK.jpg b/static/images/11LK4(_2S}Q~OIDMGM6$XNK.jpg
new file mode 100644
index 0000000..40937f4
Binary files /dev/null and b/static/images/11LK4(_2S}Q~OIDMGM6$XNK.jpg differ
diff --git a/static/images/3D_texture_and_volume.png b/static/images/3D_texture_and_volume.png
new file mode 100644
index 0000000..ac1f1a5
Binary files /dev/null and b/static/images/3D_texture_and_volume.png differ
diff --git a/static/images/3I~K5PRW$Y5JLF3}RC@RE0P.png b/static/images/3I~K5PRW$Y5JLF3}RC@RE0P.png
new file mode 100644
index 0000000..e8ea612
Binary files /dev/null and b/static/images/3I~K5PRW$Y5JLF3}RC@RE0P.png differ
diff --git a/static/images/3O_1NAGAMER%[EP6T91$LBO.png b/static/images/3O_1NAGAMER%[EP6T91$LBO.png
new file mode 100644
index 0000000..55bf5bd
Binary files /dev/null and b/static/images/3O_1NAGAMER%[EP6T91$LBO.png differ
diff --git a/static/images/60000_fur_fibers_hamster.png b/static/images/60000_fur_fibers_hamster.png
new file mode 100644
index 0000000..baf7016
Binary files /dev/null and b/static/images/60000_fur_fibers_hamster.png differ
diff --git a/static/images/Algebraic_Surfaces.png b/static/images/Algebraic_Surfaces.png
new file mode 100644
index 0000000..de8e46c
Binary files /dev/null and b/static/images/Algebraic_Surfaces.png differ
diff --git a/static/images/Anisotropic_filtering.png b/static/images/Anisotropic_filtering.png
new file mode 100644
index 0000000..fc1d174
Binary files /dev/null and b/static/images/Anisotropic_filtering.png differ
diff --git a/static/images/BRDF_define.png b/static/images/BRDF_define.png
new file mode 100644
index 0000000..212f4c6
Binary files /dev/null and b/static/images/BRDF_define.png differ
diff --git a/static/images/BRDF_over_a_pixel.png b/static/images/BRDF_over_a_pixel.png
new file mode 100644
index 0000000..a138c49
Binary files /dev/null and b/static/images/BRDF_over_a_pixel.png differ
diff --git a/static/images/BRDF_vs_BSSRDF.png b/static/images/BRDF_vs_BSSRDF.png
new file mode 100644
index 0000000..1fb3cec
Binary files /dev/null and b/static/images/BRDF_vs_BSSRDF.png differ
diff --git a/static/images/BSP-Tree.png b/static/images/BSP-Tree.png
new file mode 100644
index 0000000..3fd78ea
Binary files /dev/null and b/static/images/BSP-Tree.png differ
diff --git a/static/images/BSSRDF_application.png b/static/images/BSSRDF_application.png
new file mode 100644
index 0000000..5cbf242
Binary files /dev/null and b/static/images/BSSRDF_application.png differ
diff --git a/static/images/BVH_Traversal.png b/static/images/BVH_Traversal.png
new file mode 100644
index 0000000..abc0c4c
Binary files /dev/null and b/static/images/BVH_Traversal.png differ
diff --git a/static/images/BVH_build_step1.png b/static/images/BVH_build_step1.png
new file mode 100644
index 0000000..5a5b71e
Binary files /dev/null and b/static/images/BVH_build_step1.png differ
diff --git a/static/images/BVH_build_step2.png b/static/images/BVH_build_step2.png
new file mode 100644
index 0000000..a18d52e
Binary files /dev/null and b/static/images/BVH_build_step2.png differ
diff --git a/static/images/BVH_build_step3.png b/static/images/BVH_build_step3.png
new file mode 100644
index 0000000..957f6b0
Binary files /dev/null and b/static/images/BVH_build_step3.png differ
diff --git a/static/images/BVH_build_step4.png b/static/images/BVH_build_step4.png
new file mode 100644
index 0000000..2ba3981
Binary files /dev/null and b/static/images/BVH_build_step4.png differ
diff --git a/static/images/BoundingBox.png b/static/images/BoundingBox.png
new file mode 100644
index 0000000..c329d88
Binary files /dev/null and b/static/images/BoundingBox.png differ
diff --git a/static/images/Cache_-52135db77ba24310..jpg b/static/images/Cache_-52135db77ba24310..jpg
new file mode 100644
index 0000000..11f6156
Binary files /dev/null and b/static/images/Cache_-52135db77ba24310..jpg differ
diff --git a/static/images/Cache_-82fe908548173bf..jpg b/static/images/Cache_-82fe908548173bf..jpg
new file mode 100644
index 0000000..ceca510
Binary files /dev/null and b/static/images/Cache_-82fe908548173bf..jpg differ
diff --git a/static/images/Catmull-Clark_Vertex_Update_Rules.png b/static/images/Catmull-Clark_Vertex_Update_Rules.png
new file mode 100644
index 0000000..6c0b5d3
Binary files /dev/null and b/static/images/Catmull-Clark_Vertex_Update_Rules.png differ
diff --git a/static/images/Collapsing_An_Edge.png b/static/images/Collapsing_An_Edge.png
new file mode 100644
index 0000000..3027174
Binary files /dev/null and b/static/images/Collapsing_An_Edge.png differ
diff --git a/static/images/Constructive_Solid_Geometry.png b/static/images/Constructive_Solid_Geometry.png
new file mode 100644
index 0000000..2454c14
Binary files /dev/null and b/static/images/Constructive_Solid_Geometry.png differ
diff --git a/static/images/Continuity_Piecewise_Bezier_step1.png b/static/images/Continuity_Piecewise_Bezier_step1.png
new file mode 100644
index 0000000..632e7d8
Binary files /dev/null and b/static/images/Continuity_Piecewise_Bezier_step1.png differ
diff --git a/static/images/Continuity_Piecewise_Bezier_step2.png b/static/images/Continuity_Piecewise_Bezier_step2.png
new file mode 100644
index 0000000..9931932
Binary files /dev/null and b/static/images/Continuity_Piecewise_Bezier_step2.png differ
diff --git a/static/images/Continuity_Piecewise_Bezier_step3.png b/static/images/Continuity_Piecewise_Bezier_step3.png
new file mode 100644
index 0000000..c2e7288
Binary files /dev/null and b/static/images/Continuity_Piecewise_Bezier_step3.png differ
diff --git a/static/images/Cube_Map.png b/static/images/Cube_Map.png
new file mode 100644
index 0000000..e8ac793
Binary files /dev/null and b/static/images/Cube_Map.png differ
diff --git a/static/images/Cubic_Bezier_Basis_Functions.png b/static/images/Cubic_Bezier_Basis_Functions.png
new file mode 100644
index 0000000..bc10f54
Binary files /dev/null and b/static/images/Cubic_Bezier_Basis_Functions.png differ
diff --git a/static/images/DOF_demonstration_fyi.png b/static/images/DOF_demonstration_fyi.png
new file mode 100644
index 0000000..e2cb578
Binary files /dev/null and b/static/images/DOF_demonstration_fyi.png differ
diff --git a/static/images/David_Baraff.png b/static/images/David_Baraff.png
new file mode 100644
index 0000000..6e73479
Binary files /dev/null and b/static/images/David_Baraff.png differ
diff --git a/static/images/Defining_Bezier_Curve_Tangents.png b/static/images/Defining_Bezier_Curve_Tangents.png
new file mode 100644
index 0000000..157a48f
Binary files /dev/null and b/static/images/Defining_Bezier_Curve_Tangents.png differ
diff --git a/static/images/Demon_Piecewise_Cubic_Bezier_Curve.png b/static/images/Demon_Piecewise_Cubic_Bezier_Curve.png
new file mode 100644
index 0000000..b2eb6b0
Binary files /dev/null and b/static/images/Demon_Piecewise_Cubic_Bezier_Curve.png differ
diff --git a/static/images/Depth_map.png b/static/images/Depth_map.png
new file mode 100644
index 0000000..9e768a2
Binary files /dev/null and b/static/images/Depth_map.png differ
diff --git a/static/images/Direct_illumination_eg.png b/static/images/Direct_illumination_eg.png
new file mode 100644
index 0000000..262e34d
Binary files /dev/null and b/static/images/Direct_illumination_eg.png differ
diff --git a/static/images/Displacement_mapping.png b/static/images/Displacement_mapping.png
new file mode 100644
index 0000000..b53d13d
Binary files /dev/null and b/static/images/Displacement_mapping.png differ
diff --git a/static/images/EQAA_color_table.png b/static/images/EQAA_color_table.png
new file mode 100644
index 0000000..9b3d597
Binary files /dev/null and b/static/images/EQAA_color_table.png differ
diff --git a/static/images/Environment_Map.png b/static/images/Environment_Map.png
new file mode 100644
index 0000000..5c53d24
Binary files /dev/null and b/static/images/Environment_Map.png differ
diff --git a/static/images/Environmental_Lighting.png b/static/images/Environmental_Lighting.png
new file mode 100644
index 0000000..6d38b2d
Binary files /dev/null and b/static/images/Environmental_Lighting.png differ
diff --git a/static/images/Exiting_radiance_define.png b/static/images/Exiting_radiance_define.png
new file mode 100644
index 0000000..dead98c
Binary files /dev/null and b/static/images/Exiting_radiance_define.png differ
diff --git a/static/images/F-Number_exposure_levels.png b/static/images/F-Number_exposure_levels.png
new file mode 100644
index 0000000..92c52cc
Binary files /dev/null and b/static/images/F-Number_exposure_levels.png differ
diff --git a/static/images/GSMEY[N0%25}Z]G)(XY[%7Q.png b/static/images/GSMEY[N0%25}Z]G)(XY[%7Q.png
new file mode 100644
index 0000000..b99ab95
Binary files /dev/null and b/static/images/GSMEY[N0%25}Z]G)(XY[%7Q.png differ
diff --git a/static/images/Gourand_shading.png b/static/images/Gourand_shading.png
new file mode 100644
index 0000000..8e17fad
Binary files /dev/null and b/static/images/Gourand_shading.png differ
diff --git a/static/images/Halton_sequence.png b/static/images/Halton_sequence.png
new file mode 100644
index 0000000..0f88b90
Binary files /dev/null and b/static/images/Halton_sequence.png differ
diff --git a/static/images/High_and_low_spp_result.png b/static/images/High_and_low_spp_result.png
new file mode 100644
index 0000000..96cad75
Binary files /dev/null and b/static/images/High_and_low_spp_result.png differ
diff --git a/static/images/ISO_gain_vs_noise_in_canon.png b/static/images/ISO_gain_vs_noise_in_canon.png
new file mode 100644
index 0000000..3bbc936
Binary files /dev/null and b/static/images/ISO_gain_vs_noise_in_canon.png differ
diff --git a/static/images/Ideal_feflective_material.png b/static/images/Ideal_feflective_material.png
new file mode 100644
index 0000000..e12080c
Binary files /dev/null and b/static/images/Ideal_feflective_material.png differ
diff --git a/static/images/Incident_radiance_define.png b/static/images/Incident_radiance_define.png
new file mode 100644
index 0000000..3fbd492
Binary files /dev/null and b/static/images/Incident_radiance_define.png differ
diff --git a/static/images/IncrementalTriangleTraversal.png b/static/images/IncrementalTriangleTraversal.png
new file mode 100644
index 0000000..80fbb3a
Binary files /dev/null and b/static/images/IncrementalTriangleTraversal.png differ
diff --git a/static/images/Irradiance_Fallof.png b/static/images/Irradiance_Fallof.png
new file mode 100644
index 0000000..bd29ae8
Binary files /dev/null and b/static/images/Irradiance_Fallof.png differ
diff --git a/static/images/Irradiance_define.png b/static/images/Irradiance_define.png
new file mode 100644
index 0000000..36bf9b5
Binary files /dev/null and b/static/images/Irradiance_define.png differ
diff --git a/static/images/Irradiance_vs_radiance.png b/static/images/Irradiance_vs_radiance.png
new file mode 100644
index 0000000..4f80a45
Binary files /dev/null and b/static/images/Irradiance_vs_radiance.png differ
diff --git a/static/images/Isotropic_Point_source.png b/static/images/Isotropic_Point_source.png
new file mode 100644
index 0000000..27ffa20
Binary files /dev/null and b/static/images/Isotropic_Point_source.png differ
diff --git a/static/images/KD-Tree.png b/static/images/KD-Tree.png
new file mode 100644
index 0000000..fcb85a6
Binary files /dev/null and b/static/images/KD-Tree.png differ
diff --git a/static/images/KD-Tree_Pre-Processing.png b/static/images/KD-Tree_Pre-Processing.png
new file mode 100644
index 0000000..570e550
Binary files /dev/null and b/static/images/KD-Tree_Pre-Processing.png differ
diff --git a/static/images/Lambert_cosine_law_irradiance.png b/static/images/Lambert_cosine_law_irradiance.png
new file mode 100644
index 0000000..f876767
Binary files /dev/null and b/static/images/Lambert_cosine_law_irradiance.png differ
diff --git a/static/images/Level_Set_grid.png b/static/images/Level_Set_grid.png
new file mode 100644
index 0000000..ee1c868
Binary files /dev/null and b/static/images/Level_Set_grid.png differ
diff --git a/static/images/MLT_caculate.png b/static/images/MLT_caculate.png
new file mode 100644
index 0000000..77b64e6
Binary files /dev/null and b/static/images/MLT_caculate.png differ
diff --git a/static/images/MLT_cons.png b/static/images/MLT_cons.png
new file mode 100644
index 0000000..a633555
Binary files /dev/null and b/static/images/MLT_cons.png differ
diff --git a/static/images/MLT_pros.png b/static/images/MLT_pros.png
new file mode 100644
index 0000000..541d389
Binary files /dev/null and b/static/images/MLT_pros.png differ
diff --git a/static/images/MSAA.png b/static/images/MSAA.png
new file mode 100644
index 0000000..2546528
Binary files /dev/null and b/static/images/MSAA.png differ
diff --git a/static/images/MSAA_color.png b/static/images/MSAA_color.png
new file mode 100644
index 0000000..a51eeae
Binary files /dev/null and b/static/images/MSAA_color.png differ
diff --git a/static/images/MSAA_sample.png b/static/images/MSAA_sample.png
new file mode 100644
index 0000000..7dd1a49
Binary files /dev/null and b/static/images/MSAA_sample.png differ
diff --git a/static/images/Möller_Trumbore_Algorithm.png b/static/images/Möller_Trumbore_Algorithm.png
new file mode 100644
index 0000000..7cc7108
Binary files /dev/null and b/static/images/Möller_Trumbore_Algorithm.png differ
diff --git a/static/images/Observations_1.png b/static/images/Observations_1.png
new file mode 100644
index 0000000..2d2eb01
Binary files /dev/null and b/static/images/Observations_1.png differ
diff --git a/static/images/Observations_2.png b/static/images/Observations_2.png
new file mode 100644
index 0000000..a183636
Binary files /dev/null and b/static/images/Observations_2.png differ
diff --git a/static/images/Oct-Tree.png b/static/images/Oct-Tree.png
new file mode 100644
index 0000000..3c0f0c4
Binary files /dev/null and b/static/images/Oct-Tree.png differ
diff --git a/static/images/Procedural_noise_and_Solid.png b/static/images/Procedural_noise_and_Solid.png
new file mode 100644
index 0000000..70d351e
Binary files /dev/null and b/static/images/Procedural_noise_and_Solid.png differ
diff --git a/static/images/Provide_precomputed_shading.png b/static/images/Provide_precomputed_shading.png
new file mode 100644
index 0000000..c8e7c2e
Binary files /dev/null and b/static/images/Provide_precomputed_shading.png differ
diff --git a/static/images/QQ图片20211228095814.jpg b/static/images/QQ图片20211228095814.jpg
new file mode 100644
index 0000000..71ed83d
Binary files /dev/null and b/static/images/QQ图片20211228095814.jpg differ
diff --git a/static/images/Quadric_Error_Metrics.png b/static/images/Quadric_Error_Metrics.png
new file mode 100644
index 0000000..20c3269
Binary files /dev/null and b/static/images/Quadric_Error_Metrics.png differ
diff --git a/static/images/Radiant_Intensity_define.png b/static/images/Radiant_Intensity_define.png
new file mode 100644
index 0000000..14e894a
Binary files /dev/null and b/static/images/Radiant_Intensity_define.png differ
diff --git a/static/images/Ray-Intersection_With_Box.png b/static/images/Ray-Intersection_With_Box.png
new file mode 100644
index 0000000..d6bf3c6
Binary files /dev/null and b/static/images/Ray-Intersection_With_Box.png differ
diff --git a/static/images/Ray_Casting_Generate_Eye_Ray.png b/static/images/Ray_Casting_Generate_Eye_Ray.png
new file mode 100644
index 0000000..1cf3663
Binary files /dev/null and b/static/images/Ray_Casting_Generate_Eye_Ray.png differ
diff --git a/static/images/Ray_Casting_shading_pixel.png b/static/images/Ray_Casting_shading_pixel.png
new file mode 100644
index 0000000..1f40439
Binary files /dev/null and b/static/images/Ray_Casting_shading_pixel.png differ
diff --git a/static/images/Ray_Casting_theory.png b/static/images/Ray_Casting_theory.png
new file mode 100644
index 0000000..197e7f7
Binary files /dev/null and b/static/images/Ray_Casting_theory.png differ
diff --git a/static/images/Ray_Intersection_With_AABB.png b/static/images/Ray_Intersection_With_AABB.png
new file mode 100644
index 0000000..d5bc7da
Binary files /dev/null and b/static/images/Ray_Intersection_With_AABB.png differ
diff --git a/static/images/Ray_Intersection_With_Plane.png b/static/images/Ray_Intersection_With_Plane.png
new file mode 100644
index 0000000..a4836b6
Binary files /dev/null and b/static/images/Ray_Intersection_With_Plane.png differ
diff --git a/static/images/Ray_Scene_intersection_grid.png b/static/images/Ray_Scene_intersection_grid.png
new file mode 100644
index 0000000..359eeff
Binary files /dev/null and b/static/images/Ray_Scene_intersection_grid.png differ
diff --git a/static/images/Recursive_Ray_Tracing_progress.png b/static/images/Recursive_Ray_Tracing_progress.png
new file mode 100644
index 0000000..a6bc670
Binary files /dev/null and b/static/images/Recursive_Ray_Tracing_progress.png differ
diff --git a/static/images/Screen-Based.png b/static/images/Screen-Based.png
new file mode 100644
index 0000000..ddf33b8
Binary files /dev/null and b/static/images/Screen-Based.png differ
diff --git a/static/images/Shuntter_exposes_sensor_for_precise_duration.png b/static/images/Shuntter_exposes_sensor_for_precise_duration.png
new file mode 100644
index 0000000..b62b69e
Binary files /dev/null and b/static/images/Shuntter_exposes_sensor_for_precise_duration.png differ
diff --git a/static/images/Specular_show.png b/static/images/Specular_show.png
new file mode 100644
index 0000000..ba6dda6
Binary files /dev/null and b/static/images/Specular_show.png differ
diff --git a/static/images/Spherical_Environment_Map.png b/static/images/Spherical_Environment_Map.png
new file mode 100644
index 0000000..1313716
Binary files /dev/null and b/static/images/Spherical_Environment_Map.png differ
diff --git a/static/images/Spherical_Map_Problem.png b/static/images/Spherical_Map_Problem.png
new file mode 100644
index 0000000..849f6a3
Binary files /dev/null and b/static/images/Spherical_Map_Problem.png differ
diff --git a/static/images/Traversing_a_KD-Tree_step1.png b/static/images/Traversing_a_KD-Tree_step1.png
new file mode 100644
index 0000000..f870f6c
Binary files /dev/null and b/static/images/Traversing_a_KD-Tree_step1.png differ
diff --git a/static/images/Traversing_a_KD-Tree_step2.png b/static/images/Traversing_a_KD-Tree_step2.png
new file mode 100644
index 0000000..40b65e5
Binary files /dev/null and b/static/images/Traversing_a_KD-Tree_step2.png differ
diff --git a/static/images/Traversing_a_KD-Tree_step3.png b/static/images/Traversing_a_KD-Tree_step3.png
new file mode 100644
index 0000000..b165a98
Binary files /dev/null and b/static/images/Traversing_a_KD-Tree_step3.png differ
diff --git a/static/images/Traversing_a_KD-Tree_step4.png b/static/images/Traversing_a_KD-Tree_step4.png
new file mode 100644
index 0000000..cc19013
Binary files /dev/null and b/static/images/Traversing_a_KD-Tree_step4.png differ
diff --git a/static/images/Traversing_a_KD-Tree_step5.png b/static/images/Traversing_a_KD-Tree_step5.png
new file mode 100644
index 0000000..16501d6
Binary files /dev/null and b/static/images/Traversing_a_KD-Tree_step5.png differ
diff --git a/static/images/Traversing_a_KD-Tree_step6.png b/static/images/Traversing_a_KD-Tree_step6.png
new file mode 100644
index 0000000..91c4e7c
Binary files /dev/null and b/static/images/Traversing_a_KD-Tree_step6.png differ
diff --git a/static/images/Traversing_a_KD-Tree_step7.png b/static/images/Traversing_a_KD-Tree_step7.png
new file mode 100644
index 0000000..6326ddb
Binary files /dev/null and b/static/images/Traversing_a_KD-Tree_step7.png differ
diff --git a/static/images/Traversing_a_KD-Tree_step8.png b/static/images/Traversing_a_KD-Tree_step8.png
new file mode 100644
index 0000000..f59ddbe
Binary files /dev/null and b/static/images/Traversing_a_KD-Tree_step8.png differ
diff --git a/static/images/Trilinear_interpolation.png b/static/images/Trilinear_interpolation.png
new file mode 100644
index 0000000..6725c53
Binary files /dev/null and b/static/images/Trilinear_interpolation.png differ
diff --git a/static/images/Visualizing_de_Casteljau.png b/static/images/Visualizing_de_Casteljau.png
new file mode 100644
index 0000000..1158951
Binary files /dev/null and b/static/images/Visualizing_de_Casteljau.png differ
diff --git a/static/images/Wave_optics.png b/static/images/Wave_optics.png
new file mode 100644
index 0000000..ff7e181
Binary files /dev/null and b/static/images/Wave_optics.png differ
diff --git a/static/images/Why_Axis-Aligned.png b/static/images/Why_Axis-Aligned.png
new file mode 100644
index 0000000..965e236
Binary files /dev/null and b/static/images/Why_Axis-Aligned.png differ
diff --git a/static/images/X({M{B)24R8DF[AB98E9]@1.png b/static/images/X({M{B)24R8DF[AB98E9]@1.png
new file mode 100644
index 0000000..b9defd2
Binary files /dev/null and b/static/images/X({M{B)24R8DF[AB98E9]@1.png differ
diff --git a/static/images/Z-Buffer_test.png b/static/images/Z-Buffer_test.png
new file mode 100644
index 0000000..8294938
Binary files /dev/null and b/static/images/Z-Buffer_test.png differ
diff --git a/static/images/aliasing_pixel.png b/static/images/aliasing_pixel.png
new file mode 100644
index 0000000..12ccb4b
Binary files /dev/null and b/static/images/aliasing_pixel.png differ
diff --git a/static/images/animation_part1_1.png b/static/images/animation_part1_1.png
new file mode 100644
index 0000000..8406aae
Binary files /dev/null and b/static/images/animation_part1_1.png differ
diff --git a/static/images/animation_part1_10.png b/static/images/animation_part1_10.png
new file mode 100644
index 0000000..577a5ad
Binary files /dev/null and b/static/images/animation_part1_10.png differ
diff --git a/static/images/animation_part1_11.png b/static/images/animation_part1_11.png
new file mode 100644
index 0000000..36d2dd4
Binary files /dev/null and b/static/images/animation_part1_11.png differ
diff --git a/static/images/animation_part1_12.png b/static/images/animation_part1_12.png
new file mode 100644
index 0000000..25ec6ea
Binary files /dev/null and b/static/images/animation_part1_12.png differ
diff --git a/static/images/animation_part1_13.png b/static/images/animation_part1_13.png
new file mode 100644
index 0000000..81e7f5f
Binary files /dev/null and b/static/images/animation_part1_13.png differ
diff --git a/static/images/animation_part1_14.png b/static/images/animation_part1_14.png
new file mode 100644
index 0000000..6f0dc73
Binary files /dev/null and b/static/images/animation_part1_14.png differ
diff --git a/static/images/animation_part1_15.png b/static/images/animation_part1_15.png
new file mode 100644
index 0000000..19f119c
Binary files /dev/null and b/static/images/animation_part1_15.png differ
diff --git a/static/images/animation_part1_16.png b/static/images/animation_part1_16.png
new file mode 100644
index 0000000..d9fb97a
Binary files /dev/null and b/static/images/animation_part1_16.png differ
diff --git a/static/images/animation_part1_17.png b/static/images/animation_part1_17.png
new file mode 100644
index 0000000..238f348
Binary files /dev/null and b/static/images/animation_part1_17.png differ
diff --git a/static/images/animation_part1_18.png b/static/images/animation_part1_18.png
new file mode 100644
index 0000000..b0178c5
Binary files /dev/null and b/static/images/animation_part1_18.png differ
diff --git a/static/images/animation_part1_19.png b/static/images/animation_part1_19.png
new file mode 100644
index 0000000..fbbebde
Binary files /dev/null and b/static/images/animation_part1_19.png differ
diff --git a/static/images/animation_part1_2.png b/static/images/animation_part1_2.png
new file mode 100644
index 0000000..85f146e
Binary files /dev/null and b/static/images/animation_part1_2.png differ
diff --git a/static/images/animation_part1_20.png b/static/images/animation_part1_20.png
new file mode 100644
index 0000000..ad8aabd
Binary files /dev/null and b/static/images/animation_part1_20.png differ
diff --git a/static/images/animation_part1_21.png b/static/images/animation_part1_21.png
new file mode 100644
index 0000000..0c088b2
Binary files /dev/null and b/static/images/animation_part1_21.png differ
diff --git a/static/images/animation_part1_22.png b/static/images/animation_part1_22.png
new file mode 100644
index 0000000..d702f47
Binary files /dev/null and b/static/images/animation_part1_22.png differ
diff --git a/static/images/animation_part1_23.png b/static/images/animation_part1_23.png
new file mode 100644
index 0000000..c268aed
Binary files /dev/null and b/static/images/animation_part1_23.png differ
diff --git a/static/images/animation_part1_24.png b/static/images/animation_part1_24.png
new file mode 100644
index 0000000..2a32b1a
Binary files /dev/null and b/static/images/animation_part1_24.png differ
diff --git a/static/images/animation_part1_25.png b/static/images/animation_part1_25.png
new file mode 100644
index 0000000..6d2c672
Binary files /dev/null and b/static/images/animation_part1_25.png differ
diff --git a/static/images/animation_part1_26.png b/static/images/animation_part1_26.png
new file mode 100644
index 0000000..6e111ea
Binary files /dev/null and b/static/images/animation_part1_26.png differ
diff --git a/static/images/animation_part1_27.png b/static/images/animation_part1_27.png
new file mode 100644
index 0000000..9bef889
Binary files /dev/null and b/static/images/animation_part1_27.png differ
diff --git a/static/images/animation_part1_28.png b/static/images/animation_part1_28.png
new file mode 100644
index 0000000..13dcce9
Binary files /dev/null and b/static/images/animation_part1_28.png differ
diff --git a/static/images/animation_part1_29.png b/static/images/animation_part1_29.png
new file mode 100644
index 0000000..ff802de
Binary files /dev/null and b/static/images/animation_part1_29.png differ
diff --git a/static/images/animation_part1_3.png b/static/images/animation_part1_3.png
new file mode 100644
index 0000000..6627a6f
Binary files /dev/null and b/static/images/animation_part1_3.png differ
diff --git a/static/images/animation_part1_30.png b/static/images/animation_part1_30.png
new file mode 100644
index 0000000..26a48c3
Binary files /dev/null and b/static/images/animation_part1_30.png differ
diff --git a/static/images/animation_part1_31.png b/static/images/animation_part1_31.png
new file mode 100644
index 0000000..db7f344
Binary files /dev/null and b/static/images/animation_part1_31.png differ
diff --git a/static/images/animation_part1_32.png b/static/images/animation_part1_32.png
new file mode 100644
index 0000000..57bd6bc
Binary files /dev/null and b/static/images/animation_part1_32.png differ
diff --git a/static/images/animation_part1_33.png b/static/images/animation_part1_33.png
new file mode 100644
index 0000000..783438c
Binary files /dev/null and b/static/images/animation_part1_33.png differ
diff --git a/static/images/animation_part1_34.png b/static/images/animation_part1_34.png
new file mode 100644
index 0000000..cc456cc
Binary files /dev/null and b/static/images/animation_part1_34.png differ
diff --git a/static/images/animation_part1_35.png b/static/images/animation_part1_35.png
new file mode 100644
index 0000000..75fba8f
Binary files /dev/null and b/static/images/animation_part1_35.png differ
diff --git a/static/images/animation_part1_36.png b/static/images/animation_part1_36.png
new file mode 100644
index 0000000..6fc1f1c
Binary files /dev/null and b/static/images/animation_part1_36.png differ
diff --git a/static/images/animation_part1_37.png b/static/images/animation_part1_37.png
new file mode 100644
index 0000000..f866394
Binary files /dev/null and b/static/images/animation_part1_37.png differ
diff --git a/static/images/animation_part1_38.png b/static/images/animation_part1_38.png
new file mode 100644
index 0000000..985e967
Binary files /dev/null and b/static/images/animation_part1_38.png differ
diff --git a/static/images/animation_part1_39.png b/static/images/animation_part1_39.png
new file mode 100644
index 0000000..58e7608
Binary files /dev/null and b/static/images/animation_part1_39.png differ
diff --git a/static/images/animation_part1_4.png b/static/images/animation_part1_4.png
new file mode 100644
index 0000000..1854d3e
Binary files /dev/null and b/static/images/animation_part1_4.png differ
diff --git a/static/images/animation_part1_40.png b/static/images/animation_part1_40.png
new file mode 100644
index 0000000..745d1f7
Binary files /dev/null and b/static/images/animation_part1_40.png differ
diff --git a/static/images/animation_part1_41.png b/static/images/animation_part1_41.png
new file mode 100644
index 0000000..729d9dc
Binary files /dev/null and b/static/images/animation_part1_41.png differ
diff --git a/static/images/animation_part1_42.png b/static/images/animation_part1_42.png
new file mode 100644
index 0000000..accb163
Binary files /dev/null and b/static/images/animation_part1_42.png differ
diff --git a/static/images/animation_part1_43.png b/static/images/animation_part1_43.png
new file mode 100644
index 0000000..64b90f0
Binary files /dev/null and b/static/images/animation_part1_43.png differ
diff --git a/static/images/animation_part1_44.png b/static/images/animation_part1_44.png
new file mode 100644
index 0000000..adcabeb
Binary files /dev/null and b/static/images/animation_part1_44.png differ
diff --git a/static/images/animation_part1_45.png b/static/images/animation_part1_45.png
new file mode 100644
index 0000000..a64a3fa
Binary files /dev/null and b/static/images/animation_part1_45.png differ
diff --git a/static/images/animation_part1_46.png b/static/images/animation_part1_46.png
new file mode 100644
index 0000000..9c5ce3e
Binary files /dev/null and b/static/images/animation_part1_46.png differ
diff --git a/static/images/animation_part1_47.png b/static/images/animation_part1_47.png
new file mode 100644
index 0000000..6191f4a
Binary files /dev/null and b/static/images/animation_part1_47.png differ
diff --git a/static/images/animation_part1_48.png b/static/images/animation_part1_48.png
new file mode 100644
index 0000000..2bd8497
Binary files /dev/null and b/static/images/animation_part1_48.png differ
diff --git a/static/images/animation_part1_49.png b/static/images/animation_part1_49.png
new file mode 100644
index 0000000..bf94ff7
Binary files /dev/null and b/static/images/animation_part1_49.png differ
diff --git a/static/images/animation_part1_5.png b/static/images/animation_part1_5.png
new file mode 100644
index 0000000..7dd3cb8
Binary files /dev/null and b/static/images/animation_part1_5.png differ
diff --git a/static/images/animation_part1_50.png b/static/images/animation_part1_50.png
new file mode 100644
index 0000000..1b17d40
Binary files /dev/null and b/static/images/animation_part1_50.png differ
diff --git a/static/images/animation_part1_51.png b/static/images/animation_part1_51.png
new file mode 100644
index 0000000..8a26b15
Binary files /dev/null and b/static/images/animation_part1_51.png differ
diff --git a/static/images/animation_part1_52.png b/static/images/animation_part1_52.png
new file mode 100644
index 0000000..1fcc8fa
Binary files /dev/null and b/static/images/animation_part1_52.png differ
diff --git a/static/images/animation_part1_53.png b/static/images/animation_part1_53.png
new file mode 100644
index 0000000..b2ecbc1
Binary files /dev/null and b/static/images/animation_part1_53.png differ
diff --git a/static/images/animation_part1_54.png b/static/images/animation_part1_54.png
new file mode 100644
index 0000000..9b1b8fb
Binary files /dev/null and b/static/images/animation_part1_54.png differ
diff --git a/static/images/animation_part1_55.png b/static/images/animation_part1_55.png
new file mode 100644
index 0000000..6029ebb
Binary files /dev/null and b/static/images/animation_part1_55.png differ
diff --git a/static/images/animation_part1_56.png b/static/images/animation_part1_56.png
new file mode 100644
index 0000000..fb34968
Binary files /dev/null and b/static/images/animation_part1_56.png differ
diff --git a/static/images/animation_part1_57.png b/static/images/animation_part1_57.png
new file mode 100644
index 0000000..c814999
Binary files /dev/null and b/static/images/animation_part1_57.png differ
diff --git a/static/images/animation_part1_58.png b/static/images/animation_part1_58.png
new file mode 100644
index 0000000..0fba343
Binary files /dev/null and b/static/images/animation_part1_58.png differ
diff --git a/static/images/animation_part1_59.png b/static/images/animation_part1_59.png
new file mode 100644
index 0000000..41206ff
Binary files /dev/null and b/static/images/animation_part1_59.png differ
diff --git a/static/images/animation_part1_6.png b/static/images/animation_part1_6.png
new file mode 100644
index 0000000..742243d
Binary files /dev/null and b/static/images/animation_part1_6.png differ
diff --git a/static/images/animation_part1_7.png b/static/images/animation_part1_7.png
new file mode 100644
index 0000000..0e0abc9
Binary files /dev/null and b/static/images/animation_part1_7.png differ
diff --git a/static/images/animation_part1_8.png b/static/images/animation_part1_8.png
new file mode 100644
index 0000000..049f74b
Binary files /dev/null and b/static/images/animation_part1_8.png differ
diff --git a/static/images/animation_part1_9.png b/static/images/animation_part1_9.png
new file mode 100644
index 0000000..a9a721a
Binary files /dev/null and b/static/images/animation_part1_9.png differ
diff --git a/static/images/animation_part2_1.png b/static/images/animation_part2_1.png
new file mode 100644
index 0000000..bd29052
Binary files /dev/null and b/static/images/animation_part2_1.png differ
diff --git a/static/images/animation_part2_10.png b/static/images/animation_part2_10.png
new file mode 100644
index 0000000..be6000c
Binary files /dev/null and b/static/images/animation_part2_10.png differ
diff --git a/static/images/animation_part2_11.png b/static/images/animation_part2_11.png
new file mode 100644
index 0000000..ef8a284
Binary files /dev/null and b/static/images/animation_part2_11.png differ
diff --git a/static/images/animation_part2_12.png b/static/images/animation_part2_12.png
new file mode 100644
index 0000000..068f90c
Binary files /dev/null and b/static/images/animation_part2_12.png differ
diff --git a/static/images/animation_part2_13.png b/static/images/animation_part2_13.png
new file mode 100644
index 0000000..0f5d8e2
Binary files /dev/null and b/static/images/animation_part2_13.png differ
diff --git a/static/images/animation_part2_2.png b/static/images/animation_part2_2.png
new file mode 100644
index 0000000..3700e9b
Binary files /dev/null and b/static/images/animation_part2_2.png differ
diff --git a/static/images/animation_part2_3.png b/static/images/animation_part2_3.png
new file mode 100644
index 0000000..d9061c8
Binary files /dev/null and b/static/images/animation_part2_3.png differ
diff --git a/static/images/animation_part2_4.png b/static/images/animation_part2_4.png
new file mode 100644
index 0000000..c2179cd
Binary files /dev/null and b/static/images/animation_part2_4.png differ
diff --git a/static/images/animation_part2_5.png b/static/images/animation_part2_5.png
new file mode 100644
index 0000000..8e2f9dd
Binary files /dev/null and b/static/images/animation_part2_5.png differ
diff --git a/static/images/animation_part2_6.png b/static/images/animation_part2_6.png
new file mode 100644
index 0000000..7928142
Binary files /dev/null and b/static/images/animation_part2_6.png differ
diff --git a/static/images/animation_part2_7.png b/static/images/animation_part2_7.png
new file mode 100644
index 0000000..50efc38
Binary files /dev/null and b/static/images/animation_part2_7.png differ
diff --git a/static/images/animation_part2_8.png b/static/images/animation_part2_8.png
new file mode 100644
index 0000000..268cc03
Binary files /dev/null and b/static/images/animation_part2_8.png differ
diff --git a/static/images/animation_part2_9.png b/static/images/animation_part2_9.png
new file mode 100644
index 0000000..40e02d3
Binary files /dev/null and b/static/images/animation_part2_9.png differ
diff --git a/static/images/anisotropic_BRDF_nylon.png b/static/images/anisotropic_BRDF_nylon.png
new file mode 100644
index 0000000..267b709
Binary files /dev/null and b/static/images/anisotropic_BRDF_nylon.png differ
diff --git a/static/images/anisotropic_BRDFs_brushed_metal.png b/static/images/anisotropic_BRDFs_brushed_metal.png
new file mode 100644
index 0000000..104b7f4
Binary files /dev/null and b/static/images/anisotropic_BRDFs_brushed_metal.png differ
diff --git a/static/images/anisotropic_materials_theory.png b/static/images/anisotropic_materials_theory.png
new file mode 100644
index 0000000..9f3280a
Binary files /dev/null and b/static/images/anisotropic_materials_theory.png differ
diff --git a/static/images/anistotropic_BRDF_velvet.png b/static/images/anistotropic_BRDF_velvet.png
new file mode 100644
index 0000000..b3fb675
Binary files /dev/null and b/static/images/anistotropic_BRDF_velvet.png differ
diff --git a/static/images/another_defination_of_flux.png b/static/images/another_defination_of_flux.png
new file mode 100644
index 0000000..3bcc9ac
Binary files /dev/null and b/static/images/another_defination_of_flux.png differ
diff --git a/static/images/apple_touch_ico(180x180).png b/static/images/apple_touch_ico(180x180).png
new file mode 100644
index 0000000..22ecf26
Binary files /dev/null and b/static/images/apple_touch_ico(180x180).png differ
diff --git a/static/images/average_color.png b/static/images/average_color.png
new file mode 100644
index 0000000..a61e504
Binary files /dev/null and b/static/images/average_color.png differ
diff --git a/static/images/average_normal.png b/static/images/average_normal.png
new file mode 100644
index 0000000..16524e2
Binary files /dev/null and b/static/images/average_normal.png differ
diff --git a/static/images/background.png b/static/images/background.png
new file mode 100644
index 0000000..f00db62
Binary files /dev/null and b/static/images/background.png differ
diff --git a/static/images/barycentric_coor_interpo.png b/static/images/barycentric_coor_interpo.png
new file mode 100644
index 0000000..b4ceea6
Binary files /dev/null and b/static/images/barycentric_coor_interpo.png differ
diff --git a/static/images/barycentric_coordinates.png b/static/images/barycentric_coordinates.png
new file mode 100644
index 0000000..a336807
Binary files /dev/null and b/static/images/barycentric_coordinates.png differ
diff --git a/static/images/barycentric_in_coordinates.jpg b/static/images/barycentric_in_coordinates.jpg
new file mode 100644
index 0000000..66dfca9
Binary files /dev/null and b/static/images/barycentric_in_coordinates.jpg differ
diff --git a/static/images/bezier_surface_eg.png b/static/images/bezier_surface_eg.png
new file mode 100644
index 0000000..39e9923
Binary files /dev/null and b/static/images/bezier_surface_eg.png differ
diff --git a/static/images/bidirectional_path_tracing_theory.png b/static/images/bidirectional_path_tracing_theory.png
new file mode 100644
index 0000000..cd838c4
Binary files /dev/null and b/static/images/bidirectional_path_tracing_theory.png differ
diff --git a/static/images/bilinear_interpolation.png b/static/images/bilinear_interpolation.png
new file mode 100644
index 0000000..e98f972
Binary files /dev/null and b/static/images/bilinear_interpolation.png differ
diff --git a/static/images/blender_detail.png b/static/images/blender_detail.png
new file mode 100644
index 0000000..89d9a2a
Binary files /dev/null and b/static/images/blender_detail.png differ
diff --git a/static/images/blinn-phong_model_cacu.png b/static/images/blinn-phong_model_cacu.png
new file mode 100644
index 0000000..179850a
Binary files /dev/null and b/static/images/blinn-phong_model_cacu.png differ
diff --git a/static/images/box_filter_construct.png b/static/images/box_filter_construct.png
new file mode 100644
index 0000000..fa5d6e1
Binary files /dev/null and b/static/images/box_filter_construct.png differ
diff --git a/static/images/caculate_diffuse_material.png b/static/images/caculate_diffuse_material.png
new file mode 100644
index 0000000..bd043ad
Binary files /dev/null and b/static/images/caculate_diffuse_material.png differ
diff --git a/static/images/catmull-clark_subdivision1.png b/static/images/catmull-clark_subdivision1.png
new file mode 100644
index 0000000..c048d1a
Binary files /dev/null and b/static/images/catmull-clark_subdivision1.png differ
diff --git a/static/images/catmull-clark_subdivision2.png b/static/images/catmull-clark_subdivision2.png
new file mode 100644
index 0000000..b589bdf
Binary files /dev/null and b/static/images/catmull-clark_subdivision2.png differ
diff --git a/static/images/circle_of_confusion_for_depth_of_field.png b/static/images/circle_of_confusion_for_depth_of_field.png
new file mode 100644
index 0000000..945c8ec
Binary files /dev/null and b/static/images/circle_of_confusion_for_depth_of_field.png differ
diff --git a/static/images/cloth_application.png b/static/images/cloth_application.png
new file mode 100644
index 0000000..778597b
Binary files /dev/null and b/static/images/cloth_application.png differ
diff --git a/static/images/cloth_render_as_actual_fibers.png b/static/images/cloth_render_as_actual_fibers.png
new file mode 100644
index 0000000..13de577
Binary files /dev/null and b/static/images/cloth_render_as_actual_fibers.png differ
diff --git a/static/images/cloth_render_as_participating_media.png b/static/images/cloth_render_as_participating_media.png
new file mode 100644
index 0000000..3f40565
Binary files /dev/null and b/static/images/cloth_render_as_participating_media.png differ
diff --git a/static/images/cloth_yarn_and_ply.png b/static/images/cloth_yarn_and_ply.png
new file mode 100644
index 0000000..adfb767
Binary files /dev/null and b/static/images/cloth_yarn_and_ply.png differ
diff --git a/static/images/coc_vs_aperture_size.png b/static/images/coc_vs_aperture_size.png
new file mode 100644
index 0000000..c6e26d4
Binary files /dev/null and b/static/images/coc_vs_aperture_size.png differ
diff --git a/static/images/color_and_perception_1.png b/static/images/color_and_perception_1.png
new file mode 100644
index 0000000..62cd1a2
Binary files /dev/null and b/static/images/color_and_perception_1.png differ
diff --git a/static/images/color_and_perception_10.png b/static/images/color_and_perception_10.png
new file mode 100644
index 0000000..5a75438
Binary files /dev/null and b/static/images/color_and_perception_10.png differ
diff --git a/static/images/color_and_perception_11.png b/static/images/color_and_perception_11.png
new file mode 100644
index 0000000..4757b84
Binary files /dev/null and b/static/images/color_and_perception_11.png differ
diff --git a/static/images/color_and_perception_12.png b/static/images/color_and_perception_12.png
new file mode 100644
index 0000000..2fd3a0a
Binary files /dev/null and b/static/images/color_and_perception_12.png differ
diff --git a/static/images/color_and_perception_13.png b/static/images/color_and_perception_13.png
new file mode 100644
index 0000000..398550b
Binary files /dev/null and b/static/images/color_and_perception_13.png differ
diff --git a/static/images/color_and_perception_14.png b/static/images/color_and_perception_14.png
new file mode 100644
index 0000000..c6c7fc5
Binary files /dev/null and b/static/images/color_and_perception_14.png differ
diff --git a/static/images/color_and_perception_15.png b/static/images/color_and_perception_15.png
new file mode 100644
index 0000000..ab23da2
Binary files /dev/null and b/static/images/color_and_perception_15.png differ
diff --git a/static/images/color_and_perception_16.png b/static/images/color_and_perception_16.png
new file mode 100644
index 0000000..0dcd252
Binary files /dev/null and b/static/images/color_and_perception_16.png differ
diff --git a/static/images/color_and_perception_17.png b/static/images/color_and_perception_17.png
new file mode 100644
index 0000000..c588e2c
Binary files /dev/null and b/static/images/color_and_perception_17.png differ
diff --git a/static/images/color_and_perception_18.png b/static/images/color_and_perception_18.png
new file mode 100644
index 0000000..b321932
Binary files /dev/null and b/static/images/color_and_perception_18.png differ
diff --git a/static/images/color_and_perception_19.png b/static/images/color_and_perception_19.png
new file mode 100644
index 0000000..cc18c3b
Binary files /dev/null and b/static/images/color_and_perception_19.png differ
diff --git a/static/images/color_and_perception_2.png b/static/images/color_and_perception_2.png
new file mode 100644
index 0000000..b05f12e
Binary files /dev/null and b/static/images/color_and_perception_2.png differ
diff --git a/static/images/color_and_perception_20.png b/static/images/color_and_perception_20.png
new file mode 100644
index 0000000..2733e7e
Binary files /dev/null and b/static/images/color_and_perception_20.png differ
diff --git a/static/images/color_and_perception_21.png b/static/images/color_and_perception_21.png
new file mode 100644
index 0000000..37984d6
Binary files /dev/null and b/static/images/color_and_perception_21.png differ
diff --git a/static/images/color_and_perception_22.png b/static/images/color_and_perception_22.png
new file mode 100644
index 0000000..0967123
Binary files /dev/null and b/static/images/color_and_perception_22.png differ
diff --git a/static/images/color_and_perception_23.png b/static/images/color_and_perception_23.png
new file mode 100644
index 0000000..03750d5
Binary files /dev/null and b/static/images/color_and_perception_23.png differ
diff --git a/static/images/color_and_perception_24.png b/static/images/color_and_perception_24.png
new file mode 100644
index 0000000..6df4f32
Binary files /dev/null and b/static/images/color_and_perception_24.png differ
diff --git a/static/images/color_and_perception_25.png b/static/images/color_and_perception_25.png
new file mode 100644
index 0000000..3535cc3
Binary files /dev/null and b/static/images/color_and_perception_25.png differ
diff --git a/static/images/color_and_perception_26.png b/static/images/color_and_perception_26.png
new file mode 100644
index 0000000..35425fa
Binary files /dev/null and b/static/images/color_and_perception_26.png differ
diff --git a/static/images/color_and_perception_27.png b/static/images/color_and_perception_27.png
new file mode 100644
index 0000000..045d727
Binary files /dev/null and b/static/images/color_and_perception_27.png differ
diff --git a/static/images/color_and_perception_28.png b/static/images/color_and_perception_28.png
new file mode 100644
index 0000000..c709082
Binary files /dev/null and b/static/images/color_and_perception_28.png differ
diff --git a/static/images/color_and_perception_29.png b/static/images/color_and_perception_29.png
new file mode 100644
index 0000000..7017081
Binary files /dev/null and b/static/images/color_and_perception_29.png differ
diff --git a/static/images/color_and_perception_3.png b/static/images/color_and_perception_3.png
new file mode 100644
index 0000000..8243b2d
Binary files /dev/null and b/static/images/color_and_perception_3.png differ
diff --git a/static/images/color_and_perception_30.png b/static/images/color_and_perception_30.png
new file mode 100644
index 0000000..53f7843
Binary files /dev/null and b/static/images/color_and_perception_30.png differ
diff --git a/static/images/color_and_perception_31.png b/static/images/color_and_perception_31.png
new file mode 100644
index 0000000..a0421c4
Binary files /dev/null and b/static/images/color_and_perception_31.png differ
diff --git a/static/images/color_and_perception_32.png b/static/images/color_and_perception_32.png
new file mode 100644
index 0000000..4139986
Binary files /dev/null and b/static/images/color_and_perception_32.png differ
diff --git a/static/images/color_and_perception_33.png b/static/images/color_and_perception_33.png
new file mode 100644
index 0000000..47a6647
Binary files /dev/null and b/static/images/color_and_perception_33.png differ
diff --git a/static/images/color_and_perception_34.png b/static/images/color_and_perception_34.png
new file mode 100644
index 0000000..43663af
Binary files /dev/null and b/static/images/color_and_perception_34.png differ
diff --git a/static/images/color_and_perception_35.png b/static/images/color_and_perception_35.png
new file mode 100644
index 0000000..7fc10ff
Binary files /dev/null and b/static/images/color_and_perception_35.png differ
diff --git a/static/images/color_and_perception_36.png b/static/images/color_and_perception_36.png
new file mode 100644
index 0000000..06cd9e4
Binary files /dev/null and b/static/images/color_and_perception_36.png differ
diff --git a/static/images/color_and_perception_37.png b/static/images/color_and_perception_37.png
new file mode 100644
index 0000000..9569a78
Binary files /dev/null and b/static/images/color_and_perception_37.png differ
diff --git a/static/images/color_and_perception_38.png b/static/images/color_and_perception_38.png
new file mode 100644
index 0000000..8042fd2
Binary files /dev/null and b/static/images/color_and_perception_38.png differ
diff --git a/static/images/color_and_perception_39.png b/static/images/color_and_perception_39.png
new file mode 100644
index 0000000..1d4670a
Binary files /dev/null and b/static/images/color_and_perception_39.png differ
diff --git a/static/images/color_and_perception_4.png b/static/images/color_and_perception_4.png
new file mode 100644
index 0000000..14af91e
Binary files /dev/null and b/static/images/color_and_perception_4.png differ
diff --git a/static/images/color_and_perception_40.png b/static/images/color_and_perception_40.png
new file mode 100644
index 0000000..136cc44
Binary files /dev/null and b/static/images/color_and_perception_40.png differ
diff --git a/static/images/color_and_perception_41.png b/static/images/color_and_perception_41.png
new file mode 100644
index 0000000..1bb8fba
Binary files /dev/null and b/static/images/color_and_perception_41.png differ
diff --git a/static/images/color_and_perception_42.png b/static/images/color_and_perception_42.png
new file mode 100644
index 0000000..956c241
Binary files /dev/null and b/static/images/color_and_perception_42.png differ
diff --git a/static/images/color_and_perception_43.png b/static/images/color_and_perception_43.png
new file mode 100644
index 0000000..9378eb2
Binary files /dev/null and b/static/images/color_and_perception_43.png differ
diff --git a/static/images/color_and_perception_44.png b/static/images/color_and_perception_44.png
new file mode 100644
index 0000000..404e0a5
Binary files /dev/null and b/static/images/color_and_perception_44.png differ
diff --git a/static/images/color_and_perception_45.png b/static/images/color_and_perception_45.png
new file mode 100644
index 0000000..119e0cf
Binary files /dev/null and b/static/images/color_and_perception_45.png differ
diff --git a/static/images/color_and_perception_46.png b/static/images/color_and_perception_46.png
new file mode 100644
index 0000000..29e48d2
Binary files /dev/null and b/static/images/color_and_perception_46.png differ
diff --git a/static/images/color_and_perception_47.png b/static/images/color_and_perception_47.png
new file mode 100644
index 0000000..46c50a0
Binary files /dev/null and b/static/images/color_and_perception_47.png differ
diff --git a/static/images/color_and_perception_48.png b/static/images/color_and_perception_48.png
new file mode 100644
index 0000000..6ca3de3
Binary files /dev/null and b/static/images/color_and_perception_48.png differ
diff --git a/static/images/color_and_perception_49.png b/static/images/color_and_perception_49.png
new file mode 100644
index 0000000..b579098
Binary files /dev/null and b/static/images/color_and_perception_49.png differ
diff --git a/static/images/color_and_perception_5.png b/static/images/color_and_perception_5.png
new file mode 100644
index 0000000..7fe8421
Binary files /dev/null and b/static/images/color_and_perception_5.png differ
diff --git a/static/images/color_and_perception_50.png b/static/images/color_and_perception_50.png
new file mode 100644
index 0000000..e507f6e
Binary files /dev/null and b/static/images/color_and_perception_50.png differ
diff --git a/static/images/color_and_perception_51.png b/static/images/color_and_perception_51.png
new file mode 100644
index 0000000..2f30012
Binary files /dev/null and b/static/images/color_and_perception_51.png differ
diff --git a/static/images/color_and_perception_52.png b/static/images/color_and_perception_52.png
new file mode 100644
index 0000000..74c5cc3
Binary files /dev/null and b/static/images/color_and_perception_52.png differ
diff --git a/static/images/color_and_perception_53.png b/static/images/color_and_perception_53.png
new file mode 100644
index 0000000..213a578
Binary files /dev/null and b/static/images/color_and_perception_53.png differ
diff --git a/static/images/color_and_perception_54.png b/static/images/color_and_perception_54.png
new file mode 100644
index 0000000..a4a97c5
Binary files /dev/null and b/static/images/color_and_perception_54.png differ
diff --git a/static/images/color_and_perception_6.png b/static/images/color_and_perception_6.png
new file mode 100644
index 0000000..c8e87ea
Binary files /dev/null and b/static/images/color_and_perception_6.png differ
diff --git a/static/images/color_and_perception_7.png b/static/images/color_and_perception_7.png
new file mode 100644
index 0000000..67a11b5
Binary files /dev/null and b/static/images/color_and_perception_7.png differ
diff --git a/static/images/color_and_perception_8.png b/static/images/color_and_perception_8.png
new file mode 100644
index 0000000..6fcadd7
Binary files /dev/null and b/static/images/color_and_perception_8.png differ
diff --git a/static/images/color_and_perception_9.png b/static/images/color_and_perception_9.png
new file mode 100644
index 0000000..0c7d14d
Binary files /dev/null and b/static/images/color_and_perception_9.png differ
diff --git a/static/images/compute_mip_level_D.png b/static/images/compute_mip_level_D.png
new file mode 100644
index 0000000..40c064b
Binary files /dev/null and b/static/images/compute_mip_level_D.png differ
diff --git a/static/images/computing_circle_of_confusion_size.png b/static/images/computing_circle_of_confusion_size.png
new file mode 100644
index 0000000..1585d65
Binary files /dev/null and b/static/images/computing_circle_of_confusion_size.png differ
diff --git a/static/images/convergence_of_loop_and_catmull.png b/static/images/convergence_of_loop_and_catmull.png
new file mode 100644
index 0000000..1d9acf1
Binary files /dev/null and b/static/images/convergence_of_loop_and_catmull.png differ
diff --git a/static/images/convolution_example1.png b/static/images/convolution_example1.png
new file mode 100644
index 0000000..e8c3b4b
Binary files /dev/null and b/static/images/convolution_example1.png differ
diff --git a/static/images/convolution_example2.png b/static/images/convolution_example2.png
new file mode 100644
index 0000000..efd8f34
Binary files /dev/null and b/static/images/convolution_example2.png differ
diff --git a/static/images/convolution_theorem.png b/static/images/convolution_theorem.png
new file mode 100644
index 0000000..6144d57
Binary files /dev/null and b/static/images/convolution_theorem.png differ
diff --git a/static/images/cover1.jpg b/static/images/cover1.jpg
new file mode 100644
index 0000000..dc7c36d
Binary files /dev/null and b/static/images/cover1.jpg differ
diff --git a/static/images/de_Casteljau_Algorithm_step1.png b/static/images/de_Casteljau_Algorithm_step1.png
new file mode 100644
index 0000000..c387c35
Binary files /dev/null and b/static/images/de_Casteljau_Algorithm_step1.png differ
diff --git a/static/images/de_Casteljau_Algorithm_step2.png b/static/images/de_Casteljau_Algorithm_step2.png
new file mode 100644
index 0000000..dd3d927
Binary files /dev/null and b/static/images/de_Casteljau_Algorithm_step2.png differ
diff --git a/static/images/de_Casteljau_Algorithm_step3.png b/static/images/de_Casteljau_Algorithm_step3.png
new file mode 100644
index 0000000..9b12fd5
Binary files /dev/null and b/static/images/de_Casteljau_Algorithm_step3.png differ
diff --git a/static/images/de_Casteljau_Algorithm_step4.png b/static/images/de_Casteljau_Algorithm_step4.png
new file mode 100644
index 0000000..f86dcb7
Binary files /dev/null and b/static/images/de_Casteljau_Algorithm_step4.png differ
diff --git a/static/images/de_Casteljau_Algorithm_step5.png b/static/images/de_Casteljau_Algorithm_step5.png
new file mode 100644
index 0000000..dc91775
Binary files /dev/null and b/static/images/de_Casteljau_Algorithm_step5.png differ
diff --git a/static/images/de_Casteljau_Algorithm_step6.png b/static/images/de_Casteljau_Algorithm_step6.png
new file mode 100644
index 0000000..2394118
Binary files /dev/null and b/static/images/de_Casteljau_Algorithm_step6.png differ
diff --git a/static/images/de_Casteljau_pyramid_of.png b/static/images/de_Casteljau_pyramid_of.png
new file mode 100644
index 0000000..e84877d
Binary files /dev/null and b/static/images/de_Casteljau_pyramid_of.png differ
diff --git a/static/images/define_detail1.png b/static/images/define_detail1.png
new file mode 100644
index 0000000..55857c6
Binary files /dev/null and b/static/images/define_detail1.png differ
diff --git a/static/images/depth_of_field.png b/static/images/depth_of_field.png
new file mode 100644
index 0000000..89deee7
Binary files /dev/null and b/static/images/depth_of_field.png differ
diff --git a/static/images/depth_of_filed_fyi.png b/static/images/depth_of_filed_fyi.png
new file mode 100644
index 0000000..8aba82c
Binary files /dev/null and b/static/images/depth_of_filed_fyi.png differ
diff --git a/static/images/detailed_appearance_motivation.png b/static/images/detailed_appearance_motivation.png
new file mode 100644
index 0000000..fb335f3
Binary files /dev/null and b/static/images/detailed_appearance_motivation.png differ
diff --git a/static/images/detailed_appearance_motivation1.png b/static/images/detailed_appearance_motivation1.png
new file mode 100644
index 0000000..626741e
Binary files /dev/null and b/static/images/detailed_appearance_motivation1.png differ
diff --git a/static/images/detailed_material_application.png b/static/images/detailed_material_application.png
new file mode 100644
index 0000000..a2c5124
Binary files /dev/null and b/static/images/detailed_material_application.png differ
diff --git a/static/images/detailed_material_under_wave_optics.png b/static/images/detailed_material_under_wave_optics.png
new file mode 100644
index 0000000..ca08be4
Binary files /dev/null and b/static/images/detailed_material_under_wave_optics.png differ
diff --git a/static/images/detailer_appearance1.png b/static/images/detailer_appearance1.png
new file mode 100644
index 0000000..e15bfbc
Binary files /dev/null and b/static/images/detailer_appearance1.png differ
diff --git a/static/images/detailer_appearance2.png b/static/images/detailer_appearance2.png
new file mode 100644
index 0000000..7a0e41e
Binary files /dev/null and b/static/images/detailer_appearance2.png differ
diff --git a/static/images/detailer_appearance3.png b/static/images/detailer_appearance3.png
new file mode 100644
index 0000000..33b4866
Binary files /dev/null and b/static/images/detailer_appearance3.png differ
diff --git a/static/images/details_apperance_3.png b/static/images/details_apperance_3.png
new file mode 100644
index 0000000..e186f80
Binary files /dev/null and b/static/images/details_apperance_3.png differ
diff --git a/static/images/different_details2.png b/static/images/different_details2.png
new file mode 100644
index 0000000..2c7d8f0
Binary files /dev/null and b/static/images/different_details2.png differ
diff --git a/static/images/differential_solid_angles1.png b/static/images/differential_solid_angles1.png
new file mode 100644
index 0000000..a23163a
Binary files /dev/null and b/static/images/differential_solid_angles1.png differ
diff --git a/static/images/differential_solid_angles_w.png b/static/images/differential_solid_angles_w.png
new file mode 100644
index 0000000..c8f9b06
Binary files /dev/null and b/static/images/differential_solid_angles_w.png differ
diff --git a/static/images/difficult_path_sampling_problem.png b/static/images/difficult_path_sampling_problem.png
new file mode 100644
index 0000000..f2bf96e
Binary files /dev/null and b/static/images/difficult_path_sampling_problem.png differ
diff --git a/static/images/diffuse_lambertian_material.png b/static/images/diffuse_lambertian_material.png
new file mode 100644
index 0000000..2f75206
Binary files /dev/null and b/static/images/diffuse_lambertian_material.png differ
diff --git a/static/images/dipole_approximation.png b/static/images/dipole_approximation.png
new file mode 100644
index 0000000..802a03e
Binary files /dev/null and b/static/images/dipole_approximation.png differ
diff --git a/static/images/distribution_of_normals.png b/static/images/distribution_of_normals.png
new file mode 100644
index 0000000..da22f3d
Binary files /dev/null and b/static/images/distribution_of_normals.png differ
diff --git a/static/images/double_cylinder_model.png b/static/images/double_cylinder_model.png
new file mode 100644
index 0000000..960bd5e
Binary files /dev/null and b/static/images/double_cylinder_model.png differ
diff --git a/static/images/double_cylinder_model_application1.png b/static/images/double_cylinder_model_application1.png
new file mode 100644
index 0000000..0365c7e
Binary files /dev/null and b/static/images/double_cylinder_model_application1.png differ
diff --git a/static/images/double_cylinder_model_application2.png b/static/images/double_cylinder_model_application2.png
new file mode 100644
index 0000000..259b44c
Binary files /dev/null and b/static/images/double_cylinder_model_application2.png differ
diff --git a/static/images/double_cylinder_model_lobes.png b/static/images/double_cylinder_model_lobes.png
new file mode 100644
index 0000000..52a472f
Binary files /dev/null and b/static/images/double_cylinder_model_lobes.png differ
diff --git a/static/images/double_cylinder_model_lobes2.png b/static/images/double_cylinder_model_lobes2.png
new file mode 100644
index 0000000..d06a5fc
Binary files /dev/null and b/static/images/double_cylinder_model_lobes2.png differ
diff --git a/static/images/effect_of_focal_length_on_fov.png b/static/images/effect_of_focal_length_on_fov.png
new file mode 100644
index 0000000..b653d03
Binary files /dev/null and b/static/images/effect_of_focal_length_on_fov.png differ
diff --git a/static/images/effect_of_sensor_size_on_fov.png b/static/images/effect_of_sensor_size_on_fov.png
new file mode 100644
index 0000000..d2fa300
Binary files /dev/null and b/static/images/effect_of_sensor_size_on_fov.png differ
diff --git a/static/images/eg_BRDF_caarve.png b/static/images/eg_BRDF_caarve.png
new file mode 100644
index 0000000..2f1dd14
Binary files /dev/null and b/static/images/eg_BRDF_caarve.png differ
diff --git a/static/images/eg_BSSRDF_carve.png b/static/images/eg_BSSRDF_carve.png
new file mode 100644
index 0000000..6642404
Binary files /dev/null and b/static/images/eg_BSSRDF_carve.png differ
diff --git a/static/images/eg_Distance_Functions.png b/static/images/eg_Distance_Functions.png
new file mode 100644
index 0000000..af638d0
Binary files /dev/null and b/static/images/eg_Distance_Functions.png differ
diff --git a/static/images/eg_Factals.png b/static/images/eg_Factals.png
new file mode 100644
index 0000000..02e0800
Binary files /dev/null and b/static/images/eg_Factals.png differ
diff --git a/static/images/eg_Quadric_Error_Mesh_Simplification.png b/static/images/eg_Quadric_Error_Mesh_Simplification.png
new file mode 100644
index 0000000..5115d74
Binary files /dev/null and b/static/images/eg_Quadric_Error_Mesh_Simplification.png differ
diff --git a/static/images/eg_Recursive_Ray_Tracing.png b/static/images/eg_Recursive_Ray_Tracing.png
new file mode 100644
index 0000000..705aaea
Binary files /dev/null and b/static/images/eg_Recursive_Ray_Tracing.png differ
diff --git a/static/images/eg_bidirectional_path_tracing.png b/static/images/eg_bidirectional_path_tracing.png
new file mode 100644
index 0000000..59cb720
Binary files /dev/null and b/static/images/eg_bidirectional_path_tracing.png differ
diff --git a/static/images/eg_expected_value.png b/static/images/eg_expected_value.png
new file mode 100644
index 0000000..d630807
Binary files /dev/null and b/static/images/eg_expected_value.png differ
diff --git a/static/images/eg_explict_mapping.png b/static/images/eg_explict_mapping.png
new file mode 100644
index 0000000..8dbf979
Binary files /dev/null and b/static/images/eg_explict_mapping.png differ
diff --git a/static/images/eg_fresnel_reflection.png b/static/images/eg_fresnel_reflection.png
new file mode 100644
index 0000000..ceeca51
Binary files /dev/null and b/static/images/eg_fresnel_reflection.png differ
diff --git a/static/images/eg_in_outside_test_easy.png b/static/images/eg_in_outside_test_easy.png
new file mode 100644
index 0000000..8aad085
Binary files /dev/null and b/static/images/eg_in_outside_test_easy.png differ
diff --git a/static/images/eg_kajiya-kay_model.png b/static/images/eg_kajiya-kay_model.png
new file mode 100644
index 0000000..60b83b1
Binary files /dev/null and b/static/images/eg_kajiya-kay_model.png differ
diff --git a/static/images/eg_marschner_model.png b/static/images/eg_marschner_model.png
new file mode 100644
index 0000000..e8b4278
Binary files /dev/null and b/static/images/eg_marschner_model.png differ
diff --git a/static/images/eg_material_in_cg.png b/static/images/eg_material_in_cg.png
new file mode 100644
index 0000000..741ec90
Binary files /dev/null and b/static/images/eg_material_in_cg.png differ
diff --git a/static/images/eg_mesh_regularization.png b/static/images/eg_mesh_regularization.png
new file mode 100644
index 0000000..37ef793
Binary files /dev/null and b/static/images/eg_mesh_regularization.png differ
diff --git a/static/images/eg_mesh_simplification.png b/static/images/eg_mesh_simplification.png
new file mode 100644
index 0000000..ed56a65
Binary files /dev/null and b/static/images/eg_mesh_simplification.png differ
diff --git a/static/images/eg_mesh_subdivision.png b/static/images/eg_mesh_subdivision.png
new file mode 100644
index 0000000..c4c2a67
Binary files /dev/null and b/static/images/eg_mesh_subdivision.png differ
diff --git a/static/images/eg_object_partition.png b/static/images/eg_object_partition.png
new file mode 100644
index 0000000..9d5bd21
Binary files /dev/null and b/static/images/eg_object_partition.png differ
diff --git a/static/images/eg_of_rendering_with_lens_focus.png b/static/images/eg_of_rendering_with_lens_focus.png
new file mode 100644
index 0000000..39e5b33
Binary files /dev/null and b/static/images/eg_of_rendering_with_lens_focus.png differ
diff --git a/static/images/eg_point_cloud.png b/static/images/eg_point_cloud.png
new file mode 100644
index 0000000..2ceb004
Binary files /dev/null and b/static/images/eg_point_cloud.png differ
diff --git a/static/images/eg_polygon_mesh.png b/static/images/eg_polygon_mesh.png
new file mode 100644
index 0000000..89c85a3
Binary files /dev/null and b/static/images/eg_polygon_mesh.png differ
diff --git a/static/images/eg_sample_can_be_hard.png b/static/images/eg_sample_can_be_hard.png
new file mode 100644
index 0000000..3409726
Binary files /dev/null and b/static/images/eg_sample_can_be_hard.png differ
diff --git a/static/images/eg_snell_window.png b/static/images/eg_snell_window.png
new file mode 100644
index 0000000..389fd0f
Binary files /dev/null and b/static/images/eg_snell_window.png differ
diff --git a/static/images/eg_spatial_partition.png b/static/images/eg_spatial_partition.png
new file mode 100644
index 0000000..13e42d9
Binary files /dev/null and b/static/images/eg_spatial_partition.png differ
diff --git a/static/images/eg_specular_refraction.png b/static/images/eg_specular_refraction.png
new file mode 100644
index 0000000..7b75184
Binary files /dev/null and b/static/images/eg_specular_refraction.png differ
diff --git a/static/images/evaluation_of_bezier_surface.png b/static/images/evaluation_of_bezier_surface.png
new file mode 100644
index 0000000..38a75bf
Binary files /dev/null and b/static/images/evaluation_of_bezier_surface.png differ
diff --git a/static/images/example_f-stop_caculations.png b/static/images/example_f-stop_caculations.png
new file mode 100644
index 0000000..e3119ed
Binary files /dev/null and b/static/images/example_f-stop_caculations.png differ
diff --git a/static/images/explosion_of_ray_as_ray_go_up.png b/static/images/explosion_of_ray_as_ray_go_up.png
new file mode 100644
index 0000000..dd683f2
Binary files /dev/null and b/static/images/explosion_of_ray_as_ray_go_up.png differ
diff --git a/static/images/exposure_aperture_shutter_gain.png b/static/images/exposure_aperture_shutter_gain.png
new file mode 100644
index 0000000..1ed3931
Binary files /dev/null and b/static/images/exposure_aperture_shutter_gain.png differ
diff --git a/static/images/f-stop_vs_shutter_speed.png b/static/images/f-stop_vs_shutter_speed.png
new file mode 100644
index 0000000..bdf105d
Binary files /dev/null and b/static/images/f-stop_vs_shutter_speed.png differ
diff --git a/static/images/figure.5.17.png b/static/images/figure.5.17.png
new file mode 100644
index 0000000..b0a8598
Binary files /dev/null and b/static/images/figure.5.17.png differ
diff --git a/static/images/figure5.17.1.png b/static/images/figure5.17.1.png
new file mode 100644
index 0000000..16b83f2
Binary files /dev/null and b/static/images/figure5.17.1.png differ
diff --git a/static/images/first_page(100w).png b/static/images/first_page(100w).png
new file mode 100644
index 0000000..fc58966
Binary files /dev/null and b/static/images/first_page(100w).png differ
diff --git a/static/images/first_page(150w).png b/static/images/first_page(150w).png
new file mode 100644
index 0000000..a24c5b1
Binary files /dev/null and b/static/images/first_page(150w).png differ
diff --git a/static/images/first_page.png b/static/images/first_page.png
new file mode 100644
index 0000000..29852d8
Binary files /dev/null and b/static/images/first_page.png differ
diff --git a/static/images/flat_shading.png b/static/images/flat_shading.png
new file mode 100644
index 0000000..8afcc7f
Binary files /dev/null and b/static/images/flat_shading.png differ
diff --git a/static/images/flight_euler_angle.png b/static/images/flight_euler_angle.png
new file mode 100644
index 0000000..f7345dc
Binary files /dev/null and b/static/images/flight_euler_angle.png differ
diff --git a/static/images/focal_length_vs_filed_of_view1.png b/static/images/focal_length_vs_filed_of_view1.png
new file mode 100644
index 0000000..88dff9e
Binary files /dev/null and b/static/images/focal_length_vs_filed_of_view1.png differ
diff --git a/static/images/focle_length_vs_field_of_view2.png b/static/images/focle_length_vs_field_of_view2.png
new file mode 100644
index 0000000..c5c95d6
Binary files /dev/null and b/static/images/focle_length_vs_field_of_view2.png differ
diff --git a/static/images/four-bounce_global_illumination_eg.png b/static/images/four-bounce_global_illumination_eg.png
new file mode 100644
index 0000000..c956135
Binary files /dev/null and b/static/images/four-bounce_global_illumination_eg.png differ
diff --git a/static/images/fovY.png b/static/images/fovY.png
new file mode 100644
index 0000000..b99ab95
Binary files /dev/null and b/static/images/fovY.png differ
diff --git a/static/images/fresnel_term_conductor.png b/static/images/fresnel_term_conductor.png
new file mode 100644
index 0000000..e01a810
Binary files /dev/null and b/static/images/fresnel_term_conductor.png differ
diff --git a/static/images/fresnel_term_dielectric.png b/static/images/fresnel_term_dielectric.png
new file mode 100644
index 0000000..a520a58
Binary files /dev/null and b/static/images/fresnel_term_dielectric.png differ
diff --git a/static/images/fresnel_term_formule.png b/static/images/fresnel_term_formule.png
new file mode 100644
index 0000000..8112ef5
Binary files /dev/null and b/static/images/fresnel_term_formule.png differ
diff --git a/static/images/fur_appearance_as_human_fur.png b/static/images/fur_appearance_as_human_fur.png
new file mode 100644
index 0000000..a81b2be
Binary files /dev/null and b/static/images/fur_appearance_as_human_fur.png differ
diff --git a/static/images/gauss_ray_diagrams.png b/static/images/gauss_ray_diagrams.png
new file mode 100644
index 0000000..66db2af
Binary files /dev/null and b/static/images/gauss_ray_diagrams.png differ
diff --git a/static/images/gauss_ray_tracing_construction.png b/static/images/gauss_ray_tracing_construction.png
new file mode 100644
index 0000000..f8899e1
Binary files /dev/null and b/static/images/gauss_ray_tracing_construction.png differ
diff --git a/static/images/gauss_ray_tracing_construction1.png b/static/images/gauss_ray_tracing_construction1.png
new file mode 100644
index 0000000..8474721
Binary files /dev/null and b/static/images/gauss_ray_tracing_construction1.png differ
diff --git a/static/images/gauss_ray_tracing_construction2.png b/static/images/gauss_ray_tracing_construction2.png
new file mode 100644
index 0000000..16ffd98
Binary files /dev/null and b/static/images/gauss_ray_tracing_construction2.png differ
diff --git a/static/images/geometric_barycentric.png b/static/images/geometric_barycentric.png
new file mode 100644
index 0000000..eb3caa7
Binary files /dev/null and b/static/images/geometric_barycentric.png differ
diff --git a/static/images/glossy_material.png b/static/images/glossy_material.png
new file mode 100644
index 0000000..8c4e1aa
Binary files /dev/null and b/static/images/glossy_material.png differ
diff --git a/static/images/gonioreflectometer.png b/static/images/gonioreflectometer.png
new file mode 100644
index 0000000..18544a3
Binary files /dev/null and b/static/images/gonioreflectometer.png differ
diff --git a/static/images/granular_material.png b/static/images/granular_material.png
new file mode 100644
index 0000000..1a1b681
Binary files /dev/null and b/static/images/granular_material.png differ
diff --git a/static/images/granular_material_1.png b/static/images/granular_material_1.png
new file mode 100644
index 0000000..ab930f2
Binary files /dev/null and b/static/images/granular_material_1.png differ
diff --git a/static/images/granular_material_application1.png b/static/images/granular_material_application1.png
new file mode 100644
index 0000000..cfadf66
Binary files /dev/null and b/static/images/granular_material_application1.png differ
diff --git a/static/images/granular_material_application2.png b/static/images/granular_material_application2.png
new file mode 100644
index 0000000..bf89e5f
Binary files /dev/null and b/static/images/granular_material_application2.png differ
diff --git a/static/images/grid_build_progress_step1.png b/static/images/grid_build_progress_step1.png
new file mode 100644
index 0000000..bfd5f51
Binary files /dev/null and b/static/images/grid_build_progress_step1.png differ
diff --git a/static/images/grid_build_progress_step2.png b/static/images/grid_build_progress_step2.png
new file mode 100644
index 0000000..fcdbef4
Binary files /dev/null and b/static/images/grid_build_progress_step2.png differ
diff --git a/static/images/grid_build_progress_step3.png b/static/images/grid_build_progress_step3.png
new file mode 100644
index 0000000..7ef4eda
Binary files /dev/null and b/static/images/grid_build_progress_step3.png differ
diff --git a/static/images/grid_resolution_heuristic.png b/static/images/grid_resolution_heuristic.png
new file mode 100644
index 0000000..26606d1
Binary files /dev/null and b/static/images/grid_resolution_heuristic.png differ
diff --git a/static/images/grid_resolution_one_cell.png b/static/images/grid_resolution_one_cell.png
new file mode 100644
index 0000000..bd51e14
Binary files /dev/null and b/static/images/grid_resolution_one_cell.png differ
diff --git a/static/images/grid_resolution_too_many.jpg b/static/images/grid_resolution_too_many.jpg
new file mode 100644
index 0000000..1018f1e
Binary files /dev/null and b/static/images/grid_resolution_too_many.jpg differ
diff --git a/static/images/hair_appearance.png b/static/images/hair_appearance.png
new file mode 100644
index 0000000..0702b00
Binary files /dev/null and b/static/images/hair_appearance.png differ
diff --git a/static/images/hair_appearance_model_application1.png b/static/images/hair_appearance_model_application1.png
new file mode 100644
index 0000000..fb7f65c
Binary files /dev/null and b/static/images/hair_appearance_model_application1.png differ
diff --git a/static/images/hair_appearance_model_application2.png b/static/images/hair_appearance_model_application2.png
new file mode 100644
index 0000000..13e74cd
Binary files /dev/null and b/static/images/hair_appearance_model_application2.png differ
diff --git a/static/images/hight-speed_photography1.png b/static/images/hight-speed_photography1.png
new file mode 100644
index 0000000..00936b3
Binary files /dev/null and b/static/images/hight-speed_photography1.png differ
diff --git a/static/images/hight-speed_photography2.png b/static/images/hight-speed_photography2.png
new file mode 100644
index 0000000..7552652
Binary files /dev/null and b/static/images/hight-speed_photography2.png differ
diff --git a/static/images/human_fur_vs_animal_fur.png b/static/images/human_fur_vs_animal_fur.png
new file mode 100644
index 0000000..70dc59f
Binary files /dev/null and b/static/images/human_fur_vs_animal_fur.png differ
diff --git a/static/images/ico(192x192).png b/static/images/ico(192x192).png
new file mode 100644
index 0000000..6d81bde
Binary files /dev/null and b/static/images/ico(192x192).png differ
diff --git a/static/images/ico_32X32.png b/static/images/ico_32X32.png
new file mode 100644
index 0000000..d4e0620
Binary files /dev/null and b/static/images/ico_32X32.png differ
diff --git a/static/images/icon_normal.png b/static/images/icon_normal.png
new file mode 100644
index 0000000..29852d8
Binary files /dev/null and b/static/images/icon_normal.png differ
diff --git a/static/images/ideal_thin_lens_focal_point.png b/static/images/ideal_thin_lens_focal_point.png
new file mode 100644
index 0000000..b5f8eaa
Binary files /dev/null and b/static/images/ideal_thin_lens_focal_point.png differ
diff --git a/static/images/image-based_BRDF_measurement.png b/static/images/image-based_BRDF_measurement.png
new file mode 100644
index 0000000..27d3190
Binary files /dev/null and b/static/images/image-based_BRDF_measurement.png differ
diff --git a/static/images/image_synthesis_capture.png b/static/images/image_synthesis_capture.png
new file mode 100644
index 0000000..65f6446
Binary files /dev/null and b/static/images/image_synthesis_capture.png differ
diff --git a/static/images/importance_of_medulla.png b/static/images/importance_of_medulla.png
new file mode 100644
index 0000000..9ae4230
Binary files /dev/null and b/static/images/importance_of_medulla.png differ
diff --git a/static/images/importance_of_medulla2.png b/static/images/importance_of_medulla2.png
new file mode 100644
index 0000000..18f8ca2
Binary files /dev/null and b/static/images/importance_of_medulla2.png differ
diff --git a/static/images/inside_the_camera.png b/static/images/inside_the_camera.png
new file mode 100644
index 0000000..3fc64bd
Binary files /dev/null and b/static/images/inside_the_camera.png differ
diff --git a/static/images/instant_radiosity.png b/static/images/instant_radiosity.png
new file mode 100644
index 0000000..8bf6b55
Binary files /dev/null and b/static/images/instant_radiosity.png differ
diff --git a/static/images/instant_radiosity_eg.png b/static/images/instant_radiosity_eg.png
new file mode 100644
index 0000000..cd7d0a4
Binary files /dev/null and b/static/images/instant_radiosity_eg.png differ
diff --git a/static/images/introducing_global_illumination.png b/static/images/introducing_global_illumination.png
new file mode 100644
index 0000000..d5e5df8
Binary files /dev/null and b/static/images/introducing_global_illumination.png differ
diff --git a/static/images/irregular_pixel_footprint.png b/static/images/irregular_pixel_footprint.png
new file mode 100644
index 0000000..fd152fb
Binary files /dev/null and b/static/images/irregular_pixel_footprint.png differ
diff --git a/static/images/is_path_tracing_correct.png b/static/images/is_path_tracing_correct.png
new file mode 100644
index 0000000..348e2a2
Binary files /dev/null and b/static/images/is_path_tracing_correct.png differ
diff --git a/static/images/isotropic_inside_an_elevator.png b/static/images/isotropic_inside_an_elevator.png
new file mode 100644
index 0000000..6f40d50
Binary files /dev/null and b/static/images/isotropic_inside_an_elevator.png differ
diff --git a/static/images/isotropic_materials_theory.png b/static/images/isotropic_materials_theory.png
new file mode 100644
index 0000000..6a772f4
Binary files /dev/null and b/static/images/isotropic_materials_theory.png differ
diff --git a/static/images/kajiya-kay_model.png b/static/images/kajiya-kay_model.png
new file mode 100644
index 0000000..993a600
Binary files /dev/null and b/static/images/kajiya-kay_model.png differ
diff --git a/static/images/lambert'scosine_low.png b/static/images/lambert'scosine_low.png
new file mode 100644
index 0000000..4b6eb2e
Binary files /dev/null and b/static/images/lambert'scosine_low.png differ
diff --git a/static/images/largest_pinhole_photograph.png b/static/images/largest_pinhole_photograph.png
new file mode 100644
index 0000000..494ab11
Binary files /dev/null and b/static/images/largest_pinhole_photograph.png differ
diff --git a/static/images/largest_pinhole_photograph1.png b/static/images/largest_pinhole_photograph1.png
new file mode 100644
index 0000000..f6f5deb
Binary files /dev/null and b/static/images/largest_pinhole_photograph1.png differ
diff --git a/static/images/lenses_from_image_on_sensor.png b/static/images/lenses_from_image_on_sensor.png
new file mode 100644
index 0000000..aa188b3
Binary files /dev/null and b/static/images/lenses_from_image_on_sensor.png differ
diff --git a/static/images/light_separete.png b/static/images/light_separete.png
new file mode 100644
index 0000000..0773227
Binary files /dev/null and b/static/images/light_separete.png differ
diff --git a/static/images/light_source_blocked_judge.png b/static/images/light_source_blocked_judge.png
new file mode 100644
index 0000000..30d07aa
Binary files /dev/null and b/static/images/light_source_blocked_judge.png differ
diff --git a/static/images/long-exposure_photography1.png b/static/images/long-exposure_photography1.png
new file mode 100644
index 0000000..3057c93
Binary files /dev/null and b/static/images/long-exposure_photography1.png differ
diff --git a/static/images/long-exposure_photography2.png b/static/images/long-exposure_photography2.png
new file mode 100644
index 0000000..0d78ca5
Binary files /dev/null and b/static/images/long-exposure_photography2.png differ
diff --git a/static/images/long-exposure_photography3.png b/static/images/long-exposure_photography3.png
new file mode 100644
index 0000000..eccc4f7
Binary files /dev/null and b/static/images/long-exposure_photography3.png differ
diff --git a/static/images/loop_subdivision_new.png b/static/images/loop_subdivision_new.png
new file mode 100644
index 0000000..0591637
Binary files /dev/null and b/static/images/loop_subdivision_new.png differ
diff --git a/static/images/loop_subdivision_old.png b/static/images/loop_subdivision_old.png
new file mode 100644
index 0000000..32c550b
Binary files /dev/null and b/static/images/loop_subdivision_old.png differ
diff --git a/static/images/marschner_model1.png b/static/images/marschner_model1.png
new file mode 100644
index 0000000..835b457
Binary files /dev/null and b/static/images/marschner_model1.png differ
diff --git a/static/images/marschner_model2.png b/static/images/marschner_model2.png
new file mode 100644
index 0000000..82084a0
Binary files /dev/null and b/static/images/marschner_model2.png differ
diff --git a/static/images/measuring_BRDF_motivation.png b/static/images/measuring_BRDF_motivation.png
new file mode 100644
index 0000000..9509bd4
Binary files /dev/null and b/static/images/measuring_BRDF_motivation.png differ
diff --git a/static/images/medium_eg_snell_law.png b/static/images/medium_eg_snell_law.png
new file mode 100644
index 0000000..2f700b5
Binary files /dev/null and b/static/images/medium_eg_snell_law.png differ
diff --git a/static/images/microfacet_BRDF_caculate.png b/static/images/microfacet_BRDF_caculate.png
new file mode 100644
index 0000000..17916d0
Binary files /dev/null and b/static/images/microfacet_BRDF_caculate.png differ
diff --git a/static/images/microfacet_BRDF_diffuse.png b/static/images/microfacet_BRDF_diffuse.png
new file mode 100644
index 0000000..27d6338
Binary files /dev/null and b/static/images/microfacet_BRDF_diffuse.png differ
diff --git a/static/images/microfacet_BRDF_example.png b/static/images/microfacet_BRDF_example.png
new file mode 100644
index 0000000..47cdeb0
Binary files /dev/null and b/static/images/microfacet_BRDF_example.png differ
diff --git a/static/images/microfacet_BRDF_glossy.png b/static/images/microfacet_BRDF_glossy.png
new file mode 100644
index 0000000..0287693
Binary files /dev/null and b/static/images/microfacet_BRDF_glossy.png differ
diff --git a/static/images/microfacet_theory.png b/static/images/microfacet_theory.png
new file mode 100644
index 0000000..19559f2
Binary files /dev/null and b/static/images/microfacet_theory.png differ
diff --git a/static/images/mip_hierarchy.png b/static/images/mip_hierarchy.png
new file mode 100644
index 0000000..eb45127
Binary files /dev/null and b/static/images/mip_hierarchy.png differ
diff --git a/static/images/mipmap_information.png b/static/images/mipmap_information.png
new file mode 100644
index 0000000..8436470
Binary files /dev/null and b/static/images/mipmap_information.png differ
diff --git a/static/images/mirror_and_glossy_reflection.png b/static/images/mirror_and_glossy_reflection.png
new file mode 100644
index 0000000..2340017
Binary files /dev/null and b/static/images/mirror_and_glossy_reflection.png differ
diff --git a/static/images/mixed_frequency_content.png b/static/images/mixed_frequency_content.png
new file mode 100644
index 0000000..833f9b0
Binary files /dev/null and b/static/images/mixed_frequency_content.png differ
diff --git a/static/images/modern_LED.png b/static/images/modern_LED.png
new file mode 100644
index 0000000..67ba96f
Binary files /dev/null and b/static/images/modern_LED.png differ
diff --git a/static/images/moire_and_jaggies.png b/static/images/moire_and_jaggies.png
new file mode 100644
index 0000000..7c5860b
Binary files /dev/null and b/static/images/moire_and_jaggies.png differ
diff --git a/static/images/msapplication(270x270).png b/static/images/msapplication(270x270).png
new file mode 100644
index 0000000..4f48bdb
Binary files /dev/null and b/static/images/msapplication(270x270).png differ
diff --git a/static/images/ocean_wave_detail.png b/static/images/ocean_wave_detail.png
new file mode 100644
index 0000000..321b54e
Binary files /dev/null and b/static/images/ocean_wave_detail.png differ
diff --git a/static/images/offset_projection_matrix.png b/static/images/offset_projection_matrix.png
new file mode 100644
index 0000000..4dd61d0
Binary files /dev/null and b/static/images/offset_projection_matrix.png differ
diff --git a/static/images/one-bounce_global_illumination_eg.png b/static/images/one-bounce_global_illumination_eg.png
new file mode 100644
index 0000000..daf1969
Binary files /dev/null and b/static/images/one-bounce_global_illumination_eg.png differ
diff --git a/static/images/one_pixel_thick_ghosting.png b/static/images/one_pixel_thick_ghosting.png
new file mode 100644
index 0000000..72f4c5b
Binary files /dev/null and b/static/images/one_pixel_thick_ghosting.png differ
diff --git a/static/images/p-NDF_sharps.png b/static/images/p-NDF_sharps.png
new file mode 100644
index 0000000..f0b2bd3
Binary files /dev/null and b/static/images/p-NDF_sharps.png differ
diff --git a/static/images/p-NDFs_have_sharp_features.png b/static/images/p-NDFs_have_sharp_features.png
new file mode 100644
index 0000000..7702bcf
Binary files /dev/null and b/static/images/p-NDFs_have_sharp_features.png differ
diff --git a/static/images/participating_media1.png b/static/images/participating_media1.png
new file mode 100644
index 0000000..f58f71b
Binary files /dev/null and b/static/images/participating_media1.png differ
diff --git a/static/images/participating_media2.png b/static/images/participating_media2.png
new file mode 100644
index 0000000..b038c94
Binary files /dev/null and b/static/images/participating_media2.png differ
diff --git a/static/images/participating_media_application1.png b/static/images/participating_media_application1.png
new file mode 100644
index 0000000..8859be7
Binary files /dev/null and b/static/images/participating_media_application1.png differ
diff --git a/static/images/participating_media_application2.png b/static/images/participating_media_application2.png
new file mode 100644
index 0000000..53d689a
Binary files /dev/null and b/static/images/participating_media_application2.png differ
diff --git a/static/images/participating_media_cloud.png b/static/images/participating_media_cloud.png
new file mode 100644
index 0000000..c614755
Binary files /dev/null and b/static/images/participating_media_cloud.png differ
diff --git a/static/images/participating_media_demo.png b/static/images/participating_media_demo.png
new file mode 100644
index 0000000..45ef6e8
Binary files /dev/null and b/static/images/participating_media_demo.png differ
diff --git a/static/images/participating_media_fog.png b/static/images/participating_media_fog.png
new file mode 100644
index 0000000..f7a34d2
Binary files /dev/null and b/static/images/participating_media_fog.png differ
diff --git a/static/images/participating_media_rendering.png b/static/images/participating_media_rendering.png
new file mode 100644
index 0000000..fdab520
Binary files /dev/null and b/static/images/participating_media_rendering.png differ
diff --git a/static/images/path_traced_direct_global_illumination.png b/static/images/path_traced_direct_global_illumination.png
new file mode 100644
index 0000000..322b323
Binary files /dev/null and b/static/images/path_traced_direct_global_illumination.png differ
diff --git a/static/images/perfect_specular_reflection_in_physic1.png b/static/images/perfect_specular_reflection_in_physic1.png
new file mode 100644
index 0000000..bc57679
Binary files /dev/null and b/static/images/perfect_specular_reflection_in_physic1.png differ
diff --git a/static/images/perfect_specular_reflection_in_physic2.png b/static/images/perfect_specular_reflection_in_physic2.png
new file mode 100644
index 0000000..3dabef8
Binary files /dev/null and b/static/images/perfect_specular_reflection_in_physic2.png differ
diff --git a/static/images/perturb_the_normal.png b/static/images/perturb_the_normal.png
new file mode 100644
index 0000000..2d8a6c0
Binary files /dev/null and b/static/images/perturb_the_normal.png differ
diff --git a/static/images/phong_shading.png b/static/images/phong_shading.png
new file mode 100644
index 0000000..5e319f5
Binary files /dev/null and b/static/images/phong_shading.png differ
diff --git a/static/images/photon_mapping_approach.png b/static/images/photon_mapping_approach.png
new file mode 100644
index 0000000..7326fa3
Binary files /dev/null and b/static/images/photon_mapping_approach.png differ
diff --git a/static/images/photon_mapping_biased.png b/static/images/photon_mapping_biased.png
new file mode 100644
index 0000000..ae63e8d
Binary files /dev/null and b/static/images/photon_mapping_biased.png differ
diff --git a/static/images/photon_mapping_cacul.png b/static/images/photon_mapping_cacul.png
new file mode 100644
index 0000000..3269fac
Binary files /dev/null and b/static/images/photon_mapping_cacul.png differ
diff --git a/static/images/photon_mapping_theory.png b/static/images/photon_mapping_theory.png
new file mode 100644
index 0000000..e09d131
Binary files /dev/null and b/static/images/photon_mapping_theory.png differ
diff --git a/static/images/physical_shutter.png b/static/images/physical_shutter.png
new file mode 100644
index 0000000..26ddfc3
Binary files /dev/null and b/static/images/physical_shutter.png differ
diff --git a/static/images/pinhole_camera.png b/static/images/pinhole_camera.png
new file mode 100644
index 0000000..28a5081
Binary files /dev/null and b/static/images/pinhole_camera.png differ
diff --git a/static/images/pixel_and_screen_space.png b/static/images/pixel_and_screen_space.png
new file mode 100644
index 0000000..e23f60d
Binary files /dev/null and b/static/images/pixel_and_screen_space.png differ
diff --git a/static/images/pixel_result.png b/static/images/pixel_result.png
new file mode 100644
index 0000000..e0f629e
Binary files /dev/null and b/static/images/pixel_result.png differ
diff --git a/static/images/point_query_and_range_query.png b/static/images/point_query_and_range_query.png
new file mode 100644
index 0000000..aaf6ba0
Binary files /dev/null and b/static/images/point_query_and_range_query.png differ
diff --git a/static/images/post_aliasing.png b/static/images/post_aliasing.png
new file mode 100644
index 0000000..747a5e8
Binary files /dev/null and b/static/images/post_aliasing.png differ
diff --git a/static/images/pre-filter_sample.png b/static/images/pre-filter_sample.png
new file mode 100644
index 0000000..b66baad
Binary files /dev/null and b/static/images/pre-filter_sample.png differ
diff --git a/static/images/probability_distribution_function.png b/static/images/probability_distribution_function.png
new file mode 100644
index 0000000..889a9b6
Binary files /dev/null and b/static/images/probability_distribution_function.png differ
diff --git a/static/images/procedural_appearance1.png b/static/images/procedural_appearance1.png
new file mode 100644
index 0000000..f633a6b
Binary files /dev/null and b/static/images/procedural_appearance1.png differ
diff --git a/static/images/procedural_appearance2.png b/static/images/procedural_appearance2.png
new file mode 100644
index 0000000..f983c87
Binary files /dev/null and b/static/images/procedural_appearance2.png differ
diff --git a/static/images/procedural_appearance3.png b/static/images/procedural_appearance3.png
new file mode 100644
index 0000000..74d714b
Binary files /dev/null and b/static/images/procedural_appearance3.png differ
diff --git a/static/images/procedural_appearance4.png b/static/images/procedural_appearance4.png
new file mode 100644
index 0000000..dfbcaee
Binary files /dev/null and b/static/images/procedural_appearance4.png differ
diff --git a/static/images/procedural_appearance5.png b/static/images/procedural_appearance5.png
new file mode 100644
index 0000000..eb959a3
Binary files /dev/null and b/static/images/procedural_appearance5.png differ
diff --git a/static/images/procedural_appearance6.png b/static/images/procedural_appearance6.png
new file mode 100644
index 0000000..4f68966
Binary files /dev/null and b/static/images/procedural_appearance6.png differ
diff --git a/static/images/project_to_light.png b/static/images/project_to_light.png
new file mode 100644
index 0000000..ce2adab
Binary files /dev/null and b/static/images/project_to_light.png differ
diff --git a/static/images/radiance_define.png b/static/images/radiance_define.png
new file mode 100644
index 0000000..e871f74
Binary files /dev/null and b/static/images/radiance_define.png differ
diff --git a/static/images/ray_tracing_for_defocus_blur.png b/static/images/ray_tracing_for_defocus_blur.png
new file mode 100644
index 0000000..222b56d
Binary files /dev/null and b/static/images/ray_tracing_for_defocus_blur.png differ
diff --git a/static/images/ray_tracing_for_defocus_blur1.png b/static/images/ray_tracing_for_defocus_blur1.png
new file mode 100644
index 0000000..a517611
Binary files /dev/null and b/static/images/ray_tracing_for_defocus_blur1.png differ
diff --git a/static/images/real_lens_dfsigns_are_comples.png b/static/images/real_lens_dfsigns_are_comples.png
new file mode 100644
index 0000000..223920f
Binary files /dev/null and b/static/images/real_lens_dfsigns_are_comples.png differ
diff --git a/static/images/real_lens_elements_are_not_ideal.png b/static/images/real_lens_elements_are_not_ideal.png
new file mode 100644
index 0000000..640e08a
Binary files /dev/null and b/static/images/real_lens_elements_are_not_ideal.png differ
diff --git a/static/images/reason_for_monte_carlo_integration.png b/static/images/reason_for_monte_carlo_integration.png
new file mode 100644
index 0000000..e36f9f8
Binary files /dev/null and b/static/images/reason_for_monte_carlo_integration.png differ
diff --git a/static/images/reason_of_being_inefficient.png b/static/images/reason_of_being_inefficient.png
new file mode 100644
index 0000000..8db3139
Binary files /dev/null and b/static/images/reason_of_being_inefficient.png differ
diff --git a/static/images/reflaction_radiance_irradiance.png b/static/images/reflaction_radiance_irradiance.png
new file mode 100644
index 0000000..a83e468
Binary files /dev/null and b/static/images/reflaction_radiance_irradiance.png differ
diff --git a/static/images/render_as_surface_limitation.png b/static/images/render_as_surface_limitation.png
new file mode 100644
index 0000000..c6c8cb3
Binary files /dev/null and b/static/images/render_as_surface_limitation.png differ
diff --git a/static/images/render_from_light.png b/static/images/render_from_light.png
new file mode 100644
index 0000000..91d6588
Binary files /dev/null and b/static/images/render_from_light.png differ
diff --git a/static/images/rendering_equation_simplify.png b/static/images/rendering_equation_simplify.png
new file mode 100644
index 0000000..fc5ccd0
Binary files /dev/null and b/static/images/rendering_equation_simplify.png differ
diff --git a/static/images/resample_downsampling.png b/static/images/resample_downsampling.png
new file mode 100644
index 0000000..945390c
Binary files /dev/null and b/static/images/resample_downsampling.png differ
diff --git a/static/images/resample_upsample.png b/static/images/resample_upsample.png
new file mode 100644
index 0000000..8c957b3
Binary files /dev/null and b/static/images/resample_upsample.png differ
diff --git a/static/images/revealed_piels_appear_bad.png b/static/images/revealed_piels_appear_bad.png
new file mode 100644
index 0000000..0cb70e6
Binary files /dev/null and b/static/images/revealed_piels_appear_bad.png differ
diff --git a/static/images/rotate_around_point.png b/static/images/rotate_around_point.png
new file mode 100644
index 0000000..984c167
Binary files /dev/null and b/static/images/rotate_around_point.png differ
diff --git a/static/images/sample_and_reconstruct.png b/static/images/sample_and_reconstruct.png
new file mode 100644
index 0000000..1514758
Binary files /dev/null and b/static/images/sample_and_reconstruct.png differ
diff --git a/static/images/sample_point_position.png b/static/images/sample_point_position.png
new file mode 100644
index 0000000..7f9d10d
Binary files /dev/null and b/static/images/sample_point_position.png differ
diff --git a/static/images/sample_progress.png b/static/images/sample_progress.png
new file mode 100644
index 0000000..36bb0c4
Binary files /dev/null and b/static/images/sample_progress.png differ
diff --git a/static/images/sample_resulst.png b/static/images/sample_resulst.png
new file mode 100644
index 0000000..22364e3
Binary files /dev/null and b/static/images/sample_resulst.png differ
diff --git a/static/images/sample_the_light.png b/static/images/sample_the_light.png
new file mode 100644
index 0000000..74abf93
Binary files /dev/null and b/static/images/sample_the_light.png differ
diff --git a/static/images/scttering_functions.png b/static/images/scttering_functions.png
new file mode 100644
index 0000000..91f7939
Binary files /dev/null and b/static/images/scttering_functions.png differ
diff --git a/static/images/sensor_accumulates_irradiance_during_exposure.png b/static/images/sensor_accumulates_irradiance_during_exposure.png
new file mode 100644
index 0000000..dfb0b63
Binary files /dev/null and b/static/images/sensor_accumulates_irradiance_during_exposure.png differ
diff --git a/static/images/sensor_size.png b/static/images/sensor_size.png
new file mode 100644
index 0000000..d7bf8c1
Binary files /dev/null and b/static/images/sensor_size.png differ
diff --git a/static/images/sensors_without_lenses.png b/static/images/sensors_without_lenses.png
new file mode 100644
index 0000000..8258750
Binary files /dev/null and b/static/images/sensors_without_lenses.png differ
diff --git a/static/images/shading_light_caculate.png b/static/images/shading_light_caculate.png
new file mode 100644
index 0000000..93530f3
Binary files /dev/null and b/static/images/shading_light_caculate.png differ
diff --git a/static/images/side_effect_of_shutter_speed.png b/static/images/side_effect_of_shutter_speed.png
new file mode 100644
index 0000000..344b521
Binary files /dev/null and b/static/images/side_effect_of_shutter_speed.png differ
diff --git a/static/images/side_effect_of_shutter_speed1.png b/static/images/side_effect_of_shutter_speed1.png
new file mode 100644
index 0000000..72ea553
Binary files /dev/null and b/static/images/side_effect_of_shutter_speed1.png differ
diff --git a/static/images/side_effect_of_shutter_speed2.png b/static/images/side_effect_of_shutter_speed2.png
new file mode 100644
index 0000000..00c8e68
Binary files /dev/null and b/static/images/side_effect_of_shutter_speed2.png differ
diff --git a/static/images/signal_high_low_frequ.png b/static/images/signal_high_low_frequ.png
new file mode 100644
index 0000000..a74ac90
Binary files /dev/null and b/static/images/signal_high_low_frequ.png differ
diff --git a/static/images/sinc_filter_process.png b/static/images/sinc_filter_process.png
new file mode 100644
index 0000000..8fe3a10
Binary files /dev/null and b/static/images/sinc_filter_process.png differ
diff --git a/static/images/size_of_coc_is_inversely_proportional_to_f-stop.png b/static/images/size_of_coc_is_inversely_proportional_to_f-stop.png
new file mode 100644
index 0000000..79623ce
Binary files /dev/null and b/static/images/size_of_coc_is_inversely_proportional_to_f-stop.png differ
diff --git a/static/images/snell_law_caculation.png b/static/images/snell_law_caculation.png
new file mode 100644
index 0000000..7e6742c
Binary files /dev/null and b/static/images/snell_law_caculation.png differ
diff --git a/static/images/specular_cacular.png b/static/images/specular_cacular.png
new file mode 100644
index 0000000..2c8df52
Binary files /dev/null and b/static/images/specular_cacular.png differ
diff --git a/static/images/specular_value_change_show.png b/static/images/specular_value_change_show.png
new file mode 100644
index 0000000..0198d65
Binary files /dev/null and b/static/images/specular_value_change_show.png differ
diff --git a/static/images/subsurface_scattering.png b/static/images/subsurface_scattering.png
new file mode 100644
index 0000000..ec28481
Binary files /dev/null and b/static/images/subsurface_scattering.png differ
diff --git a/static/images/suppose_scene_1.png b/static/images/suppose_scene_1.png
new file mode 100644
index 0000000..f102998
Binary files /dev/null and b/static/images/suppose_scene_1.png differ
diff --git a/static/images/tabular_representation.png b/static/images/tabular_representation.png
new file mode 100644
index 0000000..eba71b3
Binary files /dev/null and b/static/images/tabular_representation.png differ
diff --git a/static/images/tent_filter_constructed.png b/static/images/tent_filter_constructed.png
new file mode 100644
index 0000000..4cd8b9c
Binary files /dev/null and b/static/images/tent_filter_constructed.png differ
diff --git a/static/images/the_reflection_equation.png b/static/images/the_reflection_equation.png
new file mode 100644
index 0000000..8e43e92
Binary files /dev/null and b/static/images/the_reflection_equation.png differ
diff --git a/static/images/three_filter.png b/static/images/three_filter.png
new file mode 100644
index 0000000..85c06be
Binary files /dev/null and b/static/images/three_filter.png differ
diff --git a/static/images/translucent_material_jade.png b/static/images/translucent_material_jade.png
new file mode 100644
index 0000000..ad3694e
Binary files /dev/null and b/static/images/translucent_material_jade.png differ
diff --git a/static/images/translucent_material_jellyfish.png b/static/images/translucent_material_jellyfish.png
new file mode 100644
index 0000000..3e396b8
Binary files /dev/null and b/static/images/translucent_material_jellyfish.png differ
diff --git a/static/images/triangle.png b/static/images/triangle.png
new file mode 100644
index 0000000..baa0bae
Binary files /dev/null and b/static/images/triangle.png differ
diff --git a/static/images/two-bounce_global_illumination_eg.png b/static/images/two-bounce_global_illumination_eg.png
new file mode 100644
index 0000000..6f88b4d
Binary files /dev/null and b/static/images/two-bounce_global_illumination_eg.png differ
diff --git a/static/images/understanding_flection_equation1.png b/static/images/understanding_flection_equation1.png
new file mode 100644
index 0000000..451ce5d
Binary files /dev/null and b/static/images/understanding_flection_equation1.png differ
diff --git a/static/images/understanding_reflection_equation2.png b/static/images/understanding_reflection_equation2.png
new file mode 100644
index 0000000..8edca8d
Binary files /dev/null and b/static/images/understanding_reflection_equation2.png differ
diff --git a/static/images/understanding_reflection_equation3.png b/static/images/understanding_reflection_equation3.png
new file mode 100644
index 0000000..edc40e0
Binary files /dev/null and b/static/images/understanding_reflection_equation3.png differ
diff --git a/static/images/understanding_rendering_equation1.png b/static/images/understanding_rendering_equation1.png
new file mode 100644
index 0000000..6e90c78
Binary files /dev/null and b/static/images/understanding_rendering_equation1.png differ
diff --git a/static/images/uniform_monte_carlo_estimator.png b/static/images/uniform_monte_carlo_estimator.png
new file mode 100644
index 0000000..d583c3a
Binary files /dev/null and b/static/images/uniform_monte_carlo_estimator.png differ
diff --git a/static/images/unresolvable_depth_order.png b/static/images/unresolvable_depth_order.png
new file mode 100644
index 0000000..92835c1
Binary files /dev/null and b/static/images/unresolvable_depth_order.png differ
diff --git a/static/images/vertex_connection_and_merging.png b/static/images/vertex_connection_and_merging.png
new file mode 100644
index 0000000..1ba92b4
Binary files /dev/null and b/static/images/vertex_connection_and_merging.png differ
diff --git a/static/images/visual_evaluation_of_bezier_surface.png b/static/images/visual_evaluation_of_bezier_surface.png
new file mode 100644
index 0000000..8a9ae80
Binary files /dev/null and b/static/images/visual_evaluation_of_bezier_surface.png differ
diff --git a/static/images/wave_optics_application 2.png b/static/images/wave_optics_application 2.png
new file mode 100644
index 0000000..0033db5
Binary files /dev/null and b/static/images/wave_optics_application 2.png differ
diff --git a/static/images/wave_optics_application.png b/static/images/wave_optics_application.png
new file mode 100644
index 0000000..b1c2c00
Binary files /dev/null and b/static/images/wave_optics_application.png differ
diff --git a/static/manifest.json b/static/manifest.json
new file mode 100644
index 0000000..c944ce2
--- /dev/null
+++ b/static/manifest.json
@@ -0,0 +1,15 @@
+{
+    "name": "inksoul's blog",
+    "short_name": "inksoul",
+    "icons": [
+        {
+            "src": "./icons/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone",
+    "start_url": "/"
+}
diff --git a/themes/meme_cdn/.gitignore b/themes/meme_cdn/.gitignore
new file mode 100644
index 0000000..e43b0f9
--- /dev/null
+++ b/themes/meme_cdn/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/themes/meme_cdn/CHANGELOG.md b/themes/meme_cdn/CHANGELOG.md
new file mode 100644
index 0000000..7766411
--- /dev/null
+++ b/themes/meme_cdn/CHANGELOG.md
@@ -0,0 +1,673 @@
+# [4.5.0](https://github.com/reuixiy/hugo-theme-meme/compare/v4.4.0...v4.5.0) (2020-06-24)
+
+
+### Bug Fixes
+
+* Avoid double escaping when using post description ([#190](https://github.com/reuixiy/hugo-theme-meme/issues/190)) ([44d4198](https://github.com/reuixiy/hugo-theme-meme/commit/44d4198))
+* Do not load the script in 404 page ([#200](https://github.com/reuixiy/hugo-theme-meme/issues/200)) ([87e8586](https://github.com/reuixiy/hugo-theme-meme/commit/87e8586)), closes [#199](https://github.com/reuixiy/hugo-theme-meme/issues/199)
+* make dark theme brighter ([#195](https://github.com/reuixiy/hugo-theme-meme/issues/195)) ([4e9c8fe](https://github.com/reuixiy/hugo-theme-meme/commit/4e9c8fe))
+* mermaidConfig is not defined error ([f0b87b2](https://github.com/reuixiy/hugo-theme-meme/commit/f0b87b2))
+* missing read-more on home-posts page ([#198](https://github.com/reuixiy/hugo-theme-meme/issues/198)) ([831d8fb](https://github.com/reuixiy/hugo-theme-meme/commit/831d8fb))
+* Safari doesn't support addEventListener on media queries ([#184](https://github.com/reuixiy/hugo-theme-meme/issues/184)) ([0fccbcc](https://github.com/reuixiy/hugo-theme-meme/commit/0fccbcc))
+* Search index should include sections & co. if these have content ([#192](https://github.com/reuixiy/hugo-theme-meme/issues/192)) ([e2948b2](https://github.com/reuixiy/hugo-theme-meme/commit/e2948b2))
+* Unrelated localStorage changes would cause switch to light theme ([#194](https://github.com/reuixiy/hugo-theme-meme/issues/194)) ([db102eb](https://github.com/reuixiy/hugo-theme-meme/commit/db102eb))
+* wrong utterances theme ([9a041c1](https://github.com/reuixiy/hugo-theme-meme/commit/9a041c1))
+
+
+### Code Refactoring
+
+* Do not use inline scripts ([#173](https://github.com/reuixiy/hugo-theme-meme/issues/173)) ([f160158](https://github.com/reuixiy/hugo-theme-meme/commit/f160158)), closes [#145](https://github.com/reuixiy/hugo-theme-meme/issues/145)
+* Improve code highlighting ([#188](https://github.com/reuixiy/hugo-theme-meme/issues/188)) ([cf603f3](https://github.com/reuixiy/hugo-theme-meme/commit/cf603f3)), closes [#169](https://github.com/reuixiy/hugo-theme-meme/issues/169)
+* Make title.html partial more readable, fix title for taxonomy pages ([#187](https://github.com/reuixiy/hugo-theme-meme/issues/187)) ([ea09a86](https://github.com/reuixiy/hugo-theme-meme/commit/ea09a86))
+* Rename $Deliver into $ for clarity ([#177](https://github.com/reuixiy/hugo-theme-meme/issues/177)) ([81a773d](https://github.com/reuixiy/hugo-theme-meme/commit/81a773d))
+
+
+### Features
+
+* allow to limit the number of tree posts ([#196](https://github.com/reuixiy/hugo-theme-meme/issues/196)) ([6f3aeba](https://github.com/reuixiy/hugo-theme-meme/commit/6f3aeba)), closes [#97](https://github.com/reuixiy/hugo-theme-meme/issues/97)
+* apply `markdownify` to post title ([#183](https://github.com/reuixiy/hugo-theme-meme/issues/183)) ([1322fdd](https://github.com/reuixiy/hugo-theme-meme/commit/1322fdd)), closes [#179](https://github.com/reuixiy/hugo-theme-meme/issues/179)
+* support dark theme for mermaid ([066138a](https://github.com/reuixiy/hugo-theme-meme/commit/066138a)), closes [#205](https://github.com/reuixiy/hugo-theme-meme/issues/205)
+* support override system preferences for dark mode ([29bd11e](https://github.com/reuixiy/hugo-theme-meme/commit/29bd11e)), closes [#201](https://github.com/reuixiy/hugo-theme-meme/issues/201)
+* **i18n:** add Malaysian and Norwegian languages ([#202](https://github.com/reuixiy/hugo-theme-meme/issues/202)) ([f782a59](https://github.com/reuixiy/hugo-theme-meme/commit/f782a59))
+
+
+### BREAKING CHANGES
+
+* Highlighting customization now works by overriding CSS variables, no longer by overriding theme-specific files
+* Markdown in page titles will be processed now
+* `Deliver` parameter to various templates is now called `$`
+* custom.js is loaded at the top of the page now, before the page elements are available
+
+
+
+# [4.4.0](https://github.com/reuixiy/hugo-theme-meme/compare/v4.3.1...v4.4.0) (2020-05-23)
+
+MemE `v4.4.0` comes with some big code refactoring by @palant, which makes MemE even more faster. Big thanks!
+
+Also, make sure to follow [the instructions](https://github.com/reuixiy/hugo-theme-meme#update-meme) when you update MemE to the latest version!
+
+
+### Bug Fixes
+
+* allow `.Params.indent` to override global settings ([188fc17](https://github.com/reuixiy/hugo-theme-meme/commit/188fc17))
+* Do not rely on JavaScript to determine header width ([#168](https://github.com/reuixiy/hugo-theme-meme/issues/168)) ([820e0ab](https://github.com/reuixiy/hugo-theme-meme/commit/820e0ab))
+* generation failed error caused by `readFile` ([62f6934](https://github.com/reuixiy/hugo-theme-meme/commit/62f6934)), closes [#133](https://github.com/reuixiy/hugo-theme-meme/issues/133)
+* Get rid of unnecessary safeHTML usage ([#135](https://github.com/reuixiy/hugo-theme-meme/issues/135)) ([91e84a1](https://github.com/reuixiy/hugo-theme-meme/commit/91e84a1)), closes [#134](https://github.com/reuixiy/hugo-theme-meme/issues/134)
+* Improve accessibility of the theme switcher ([#160](https://github.com/reuixiy/hugo-theme-meme/issues/160)) ([e5e6230](https://github.com/reuixiy/hugo-theme-meme/commit/e5e6230))
+* Make sure to turn relative links absolute in feeds ([#170](https://github.com/reuixiy/hugo-theme-meme/issues/170)) ([4c6097a](https://github.com/reuixiy/hugo-theme-meme/commit/4c6097a)), closes [#141](https://github.com/reuixiy/hugo-theme-meme/issues/141)
+* pass `$Content` to custom/content.html ([df739fa](https://github.com/reuixiy/hugo-theme-meme/commit/df739fa))
+* Remove unnecessary safeJS/safeURL calls ([a94cc42](https://github.com/reuixiy/hugo-theme-meme/commit/a94cc42))
+* Respect user's preferred theme even when JavaScript isn't enabled ([#169](https://github.com/reuixiy/hugo-theme-meme/issues/169)) ([46522c6](https://github.com/reuixiy/hugo-theme-meme/commit/46522c6))
+* search on mobile and make url relative ([#172](https://github.com/reuixiy/hugo-theme-meme/issues/172)) ([5a3470a](https://github.com/reuixiy/hugo-theme-meme/commit/5a3470a)), closes [#171](https://github.com/reuixiy/hugo-theme-meme/issues/171)
+* Typos in README ([#161](https://github.com/reuixiy/hugo-theme-meme/issues/161)) ([0cd2733](https://github.com/reuixiy/hugo-theme-meme/commit/0cd2733))
+* When scrolling to an anchor, account for the header height ([#158](https://github.com/reuixiy/hugo-theme-meme/issues/158)) ([115914a](https://github.com/reuixiy/hugo-theme-meme/commit/115914a)), closes [#146](https://github.com/reuixiy/hugo-theme-meme/issues/146)
+* **a11y:** delete `maximum-scale` ([37632a7](https://github.com/reuixiy/hugo-theme-meme/commit/37632a7))
+* **json-ld:** missing `image` in non-mainSections page ([26baf9d](https://github.com/reuixiy/hugo-theme-meme/commit/26baf9d))
+* **post-copyright:** missing colon when `website` param is not set ([86bfc77](https://github.com/reuixiy/hugo-theme-meme/commit/86bfc77)), closes [#116](https://github.com/reuixiy/hugo-theme-meme/issues/116)
+* **style:** add tab-size support for firefox ([afb0b4a](https://github.com/reuixiy/hugo-theme-meme/commit/afb0b4a)), closes [#105](https://github.com/reuixiy/hugo-theme-meme/issues/105)
+* **style:** font-size bug in mobile safari ([4094ff7](https://github.com/reuixiy/hugo-theme-meme/commit/4094ff7)), closes [#109](https://github.com/reuixiy/hugo-theme-meme/issues/109)
+* **style:** make color in dark mode less dazzling ([9d35969](https://github.com/reuixiy/hugo-theme-meme/commit/9d35969))
+* **style:** make color in dark mode less dazzling ([e580a16](https://github.com/reuixiy/hugo-theme-meme/commit/e580a16))
+* **style:** margin issue of caption in layout "poetry" ([3754acc](https://github.com/reuixiy/hugo-theme-meme/commit/3754acc))
+* **style:** margin issues of layout "poetry" ([bbef0de](https://github.com/reuixiy/hugo-theme-meme/commit/bbef0de))
+* **style:** overflow and font-size bug in safari ([e2646e3](https://github.com/reuixiy/hugo-theme-meme/commit/e2646e3)), closes [#109](https://github.com/reuixiy/hugo-theme-meme/issues/109)
+* unescaped ampersand(&) in xml ([b1890ee](https://github.com/reuixiy/hugo-theme-meme/commit/b1890ee)), closes [#103](https://github.com/reuixiy/hugo-theme-meme/issues/103)
+
+
+### Code Refactoring
+
+* Make templates return results properly ([#153](https://github.com/reuixiy/hugo-theme-meme/issues/153)) ([418f72d](https://github.com/reuixiy/hugo-theme-meme/commit/418f72d)), closes [#137](https://github.com/reuixiy/hugo-theme-meme/issues/137)
+
+
+### Features
+
+* add hashtags to share URLs ([#100](https://github.com/reuixiy/hugo-theme-meme/issues/100)) ([a323e45](https://github.com/reuixiy/hugo-theme-meme/commit/a323e45))
+* Added search capability via lunr ([#165](https://github.com/reuixiy/hugo-theme-meme/issues/165)) ([fb54c61](https://github.com/reuixiy/hugo-theme-meme/commit/fb54c61)), closes [#163](https://github.com/reuixiy/hugo-theme-meme/issues/163)
+* Allow customization of post metadata ([#138](https://github.com/reuixiy/hugo-theme-meme/issues/138)) ([6cc1621](https://github.com/reuixiy/hugo-theme-meme/commit/6cc1621)), closes [#136](https://github.com/reuixiy/hugo-theme-meme/issues/136)
+* Allow extending header ([#142](https://github.com/reuixiy/hugo-theme-meme/issues/142)) ([5353fec](https://github.com/reuixiy/hugo-theme-meme/commit/5353fec))
+* Allow to limit the number of articles listed per taxonomy entry ([#148](https://github.com/reuixiy/hugo-theme-meme/issues/148)) ([f3d9ad0](https://github.com/reuixiy/hugo-theme-meme/commit/f3d9ad0)), closes [#147](https://github.com/reuixiy/hugo-theme-meme/issues/147)
+* support social media icons ([fd1546e](https://github.com/reuixiy/hugo-theme-meme/commit/fd1546e)), closes [#123](https://github.com/reuixiy/hugo-theme-meme/issues/123)
+* **i18n:** add Brazilian Portuguese translations ([#102](https://github.com/reuixiy/hugo-theme-meme/issues/102)) ([c4adfc5](https://github.com/reuixiy/hugo-theme-meme/commit/c4adfc5))
+
+
+### BREAKING CHANGES
+
+* Various templates under `utils/partials/` will return results directly rather than via `.Scratch` now.
+
+
+
+## [4.3.1](https://github.com/reuixiy/hugo-theme-meme/compare/v4.3.0...v4.3.1) (2020-04-03)
+
+
+### Bug Fixes
+
+* **style:** add transition, fix color contrast ([e9880d7](https://github.com/reuixiy/hugo-theme-meme/commit/e9880d7))
+* **style:** font-size of copy button ([ed015a9](https://github.com/reuixiy/hugo-theme-meme/commit/ed015a9))
+* **style:** make color in dark mode less dazzling ([c0e0927](https://github.com/reuixiy/hugo-theme-meme/commit/c0e0927))
+* **style:** make color in dark mode less dazzling ([cef984d](https://github.com/reuixiy/hugo-theme-meme/commit/cef984d))
+* **style:** make the bg-color of dark mode darker ([676fee1](https://github.com/reuixiy/hugo-theme-meme/commit/676fee1))
+* clipboard polyfill ([05a365b](https://github.com/reuixiy/hugo-theme-meme/commit/05a365b))
+* i18n of script and style ([e7871bb](https://github.com/reuixiy/hugo-theme-meme/commit/e7871bb))
+* make dark mode more gorgeous ([06f79af](https://github.com/reuixiy/hugo-theme-meme/commit/06f79af))
+* make dark mode respect system preferences ([10d6cca](https://github.com/reuixiy/hugo-theme-meme/commit/10d6cca))
+
+
+### Features
+
+* change default highlight theme ([e7e61d4](https://github.com/reuixiy/hugo-theme-meme/commit/e7e61d4))
+
+
+
+# [4.3.0](https://github.com/reuixiy/hugo-theme-meme/compare/v4.2.1...v4.3.0) (2020-03-20)
+
+
+MemE v4.3.0 makes some brand new features and *breaking changes*, so please be sure to check [the modification history of `config.toml`](https://github.com/reuixiy/hugo-theme-meme/commits/master/config-examples) and update the related items after the update!
+
+
+### Bug Fixes
+
+* add “contributors” to license ([f58f9aa](https://github.com/reuixiy/hugo-theme-meme/commit/f58f9aa))
+* add backdrop-filter support for safari ([fae1f2a](https://github.com/reuixiy/hugo-theme-meme/commit/fae1f2a))
+* add fallback for backdrop-filter ([60f611b](https://github.com/reuixiy/hugo-theme-meme/commit/60f611b))
+* correct favicon's MIME type ([f8ba8aa](https://github.com/reuixiy/hugo-theme-meme/commit/f8ba8aa))
+* correct zh-cn translation of license ([070b1d3](https://github.com/reuixiy/hugo-theme-meme/commit/070b1d3))
+* emphasis point position U+2022 `•` ([1cc02c3](https://github.com/reuixiy/hugo-theme-meme/commit/1cc02c3))
+* google fonts style loading fails on firefox ([e5ad6fe](https://github.com/reuixiy/hugo-theme-meme/commit/e5ad6fe))
+* header layout flex ([44b352e](https://github.com/reuixiy/hugo-theme-meme/commit/44b352e))
+* hide back-to-top on mobile ([4c670b5](https://github.com/reuixiy/hugo-theme-meme/commit/4c670b5))
+* improve post-copyright style ([a498cad](https://github.com/reuixiy/hugo-theme-meme/commit/a498cad))
+* increase the margin of toc-num ([8d9bad0](https://github.com/reuixiy/hugo-theme-meme/commit/8d9bad0))
+* missing div tag in dark mode's regex ([c1cda8b](https://github.com/reuixiy/hugo-theme-meme/commit/c1cda8b))
+* optimize header-inner's display experience ([fd95216](https://github.com/reuixiy/hugo-theme-meme/commit/fd95216))
+* optimize user experience ([e9f6d90](https://github.com/reuixiy/hugo-theme-meme/commit/e9f6d90))
+* remove `subset=chinese-simplified` ([de4def3](https://github.com/reuixiy/hugo-theme-meme/commit/de4def3))
+* remove crappy param `compatibleWithLaTeX` ([dc0c4ef](https://github.com/reuixiy/hugo-theme-meme/commit/dc0c4ef)), closes [#50](https://github.com/reuixiy/hugo-theme-meme/issues/50)
+* render links only if it exists ([fc0fae8](https://github.com/reuixiy/hugo-theme-meme/commit/fc0fae8))
+* style of header when `enableNavToggle = false` ([6c3356e](https://github.com/reuixiy/hugo-theme-meme/commit/6c3356e))
+* style of langs on mobile ([83f1046](https://github.com/reuixiy/hugo-theme-meme/commit/83f1046))
+* style of medium zoom ([5f49a0e](https://github.com/reuixiy/hugo-theme-meme/commit/5f49a0e))
+* style of menu bar ([0845e86](https://github.com/reuixiy/hugo-theme-meme/commit/0845e86))
+* use `em` tag for emphasis point ([a599634](https://github.com/reuixiy/hugo-theme-meme/commit/a599634))
+
+
+### Code Refactoring
+
+* remove i18n's region subtag ([9f5916a](https://github.com/reuixiy/hugo-theme-meme/commit/9f5916a))
+
+
+### Features
+
+* add autohide param for copy button ([bdb6077](https://github.com/reuixiy/hugo-theme-meme/commit/bdb6077))
+* add copy button and scroll for code blocks ([94d7e05](https://github.com/reuixiy/hugo-theme-meme/commit/94d7e05)), closes [#76](https://github.com/reuixiy/hugo-theme-meme/issues/76)
+* add mermaid support ([#75](https://github.com/reuixiy/hugo-theme-meme/issues/75)) ([431ef63](https://github.com/reuixiy/hugo-theme-meme/commit/431ef63))
+* added german translation ([#74](https://github.com/reuixiy/hugo-theme-meme/issues/74)) ([19892fc](https://github.com/reuixiy/hugo-theme-meme/commit/19892fc))
+* brand new header layout flex ([a11c06a](https://github.com/reuixiy/hugo-theme-meme/commit/a11c06a))
+* new param `displayFooterInHome` ([075c8d2](https://github.com/reuixiy/hugo-theme-meme/commit/075c8d2))
+* new param `tocNum` ([f30d684](https://github.com/reuixiy/hugo-theme-meme/commit/f30d684)), closes [#71](https://github.com/reuixiy/hugo-theme-meme/issues/71)
+* responsive table & set its width to 100% ([a995897](https://github.com/reuixiy/hugo-theme-meme/commit/a995897))
+* support instant page ([6a9876b](https://github.com/reuixiy/hugo-theme-meme/commit/6a9876b))
+* support unordered toc ([9093207](https://github.com/reuixiy/hugo-theme-meme/commit/9093207))
+* update google fonts css api to v2 ([67bb2c5](https://github.com/reuixiy/hugo-theme-meme/commit/67bb2c5))
+
+
+### Performance Improvements
+
+* add throttle for scroll and resize listener ([6945afd](https://github.com/reuixiy/hugo-theme-meme/commit/6945afd))
+* defer google fonts and add preconnect rel ([5ff821d](https://github.com/reuixiy/hugo-theme-meme/commit/5ff821d))
+* drop instantclick support ([b9cea3b](https://github.com/reuixiy/hugo-theme-meme/commit/b9cea3b))
+* remove outdated keywords meta ([fa5bf38](https://github.com/reuixiy/hugo-theme-meme/commit/fa5bf38))
+* replace `calc()` with `rem` ([acf1cae](https://github.com/reuixiy/hugo-theme-meme/commit/acf1cae))
+* use cilent side js selector for medium zoom ([4eb0408](https://github.com/reuixiy/hugo-theme-meme/commit/4eb0408))
+
+
+### BREAKING CHANGES
+
+* `compatibleWithLaTeX` is removed
+
+If you have enabled this param before, you can replace this feature with HTML `<div>` or `<span>` tag, e.g.
+
+```html
+<div>
+$$
+...
+$$
+</div>
+```
+
+inline math `<span>$...$</span>`
+
+...which prevents LaTeX code from being processed by the Markdown renderer.
+
+Sorry for the inconvenience *again* :(
+
+
+
+## [4.2.1](https://github.com/reuixiy/hugo-theme-meme/compare/v4.2.0...v4.2.1) (2020-02-20)
+
+
+### Revert
+
+* cancel use `Page.GetTerms` ([1331c92](https://github.com/reuixiy/hugo-theme-meme/commit/1331c92))
+
+
+
+# [4.2.0](https://github.com/reuixiy/hugo-theme-meme/compare/v4.1.0...v4.2.0) (2020-02-20)
+
+
+### Bug Fixes
+
+* correct zh-cn translation of weibo ([9937e20](https://github.com/reuixiy/hugo-theme-meme/commit/9937e20))
+* drop cap after hr ([223b67b](https://github.com/reuixiy/hugo-theme-meme/commit/223b67b))
+* emphasis point position U+2022 `•` ([b07107b](https://github.com/reuixiy/hugo-theme-meme/commit/b07107b))
+* fonts-src.scss & drop outdated code ([ebccc0f](https://github.com/reuixiy/hugo-theme-meme/commit/ebccc0f))
+* generate qrcode fails when url is too long ([73a0d30](https://github.com/reuixiy/hugo-theme-meme/commit/73a0d30))
+* json-ld, open-graph ([6dc995a](https://github.com/reuixiy/hugo-theme-meme/commit/6dc995a))
+* make color in dark mode less dazzling ([262ddb1](https://github.com/reuixiy/hugo-theme-meme/commit/262ddb1))
+* render minimal-footer-about only if it exists ([3be7996](https://github.com/reuixiy/hugo-theme-meme/commit/3be7996))
+* style of blockquote ([a31369a](https://github.com/reuixiy/hugo-theme-meme/commit/a31369a))
+* style of footnote-icon, drop-cap ([ac0684c](https://github.com/reuixiy/hugo-theme-meme/commit/ac0684c))
+* style of layout home-poetry, home-footage ([76018fb](https://github.com/reuixiy/hugo-theme-meme/commit/76018fb)), closes [#59](https://github.com/reuixiy/hugo-theme-meme/issues/59)
+* style of qrcode ([5c81c01](https://github.com/reuixiy/hugo-theme-meme/commit/5c81c01))
+* style of qrcode again ([1e6791b](https://github.com/reuixiy/hugo-theme-meme/commit/1e6791b))
+* style of text-decoration, scrollbar, code ([b553842](https://github.com/reuixiy/hugo-theme-meme/commit/b553842))
+* style of tree categories page ([d2ea8c0](https://github.com/reuixiy/hugo-theme-meme/commit/d2ea8c0))
+* subset glyph-correction ([ffc6aa7](https://github.com/reuixiy/hugo-theme-meme/commit/ffc6aa7))
+* tree-categories, tree-sections ([04bde37](https://github.com/reuixiy/hugo-theme-meme/commit/04bde37))
+* twitter-cards ([123eea1](https://github.com/reuixiy/hugo-theme-meme/commit/123eea1))
+
+
+### Code Refactoring
+
+* main.scss and scss folder structure ([abba97f](https://github.com/reuixiy/hugo-theme-meme/commit/abba97f)), closes [#52](https://github.com/reuixiy/hugo-theme-meme/issues/52)
+* restructure partials folder ([299c218](https://github.com/reuixiy/hugo-theme-meme/commit/299c218)), closes [#68](https://github.com/reuixiy/hugo-theme-meme/issues/68)
+
+
+### Features
+
+* add `displayShareOnText` param ([77d1ee4](https://github.com/reuixiy/hugo-theme-meme/commit/77d1ee4))
+* support share on socials ([#62](https://github.com/reuixiy/hugo-theme-meme/issues/62)) ([eae4359](https://github.com/reuixiy/hugo-theme-meme/commit/eae4359))
+* use `Page.GetTerms` ([110064a](https://github.com/reuixiy/hugo-theme-meme/commit/110064a)), closes [#67](https://github.com/reuixiy/hugo-theme-meme/issues/67)
+* **third-party:** update mathjax to v3.0.1 ([d6ea45b](https://github.com/reuixiy/hugo-theme-meme/commit/d6ea45b))
+
+
+### BREAKING CHANGES
+
+* partials folder structure is changed
+* scss folder structure is changed
+
+
+
+# [4.1.0](https://github.com/reuixiy/hugo-theme-meme/compare/v4.0.1...v4.1.0) (2020-01-30)
+
+
+### Bug Fixes
+
+* `homePoster`, `fofPoster` in main.scss ([e6105a9](https://github.com/reuixiy/hugo-theme-meme/commit/e6105a9)), closes [#51](https://github.com/reuixiy/hugo-theme-meme/issues/51)
+* data-attributes.scss ([67bf0f5](https://github.com/reuixiy/hugo-theme-meme/commit/67bf0f5))
+* delimit function ([1ab41b1](https://github.com/reuixiy/hugo-theme-meme/commit/1ab41b1))
+* do not justify if its type is poetry ([0bd42e7](https://github.com/reuixiy/hugo-theme-meme/commit/0bd42e7))
+* regex of compatibleWithLaTeX ([b2bed6b](https://github.com/reuixiy/hugo-theme-meme/commit/b2bed6b))
+* regex of compatibleWithLaTeX again ([af1de8b](https://github.com/reuixiy/hugo-theme-meme/commit/af1de8b))
+* regex of content.html ([6bb169d](https://github.com/reuixiy/hugo-theme-meme/commit/6bb169d))
+* regex of drop cap and indent ([e4d4fd8](https://github.com/reuixiy/hugo-theme-meme/commit/e4d4fd8))
+* regex of external links and hosting ([ca47e40](https://github.com/reuixiy/hugo-theme-meme/commit/ca47e40))
+* regex of indent ([d49e3a6](https://github.com/reuixiy/hugo-theme-meme/commit/d49e3a6))
+* regex of indent again ([09f4e53](https://github.com/reuixiy/hugo-theme-meme/commit/09f4e53))
+* regex of markdownify.html ([853db3d](https://github.com/reuixiy/hugo-theme-meme/commit/853db3d))
+* regex of paragraph indent ([c7ce9bb](https://github.com/reuixiy/hugo-theme-meme/commit/c7ce9bb))
+* regex of paragraph indent again ([88ea2c6](https://github.com/reuixiy/hugo-theme-meme/commit/88ea2c6))
+* style of medium zoom ([8918a4b](https://github.com/reuixiy/hugo-theme-meme/commit/8918a4b))
+* style of table and highlight ([5e7b9cc](https://github.com/reuixiy/hugo-theme-meme/commit/5e7b9cc))
+* styles related to text-align and indent ([0c46faa](https://github.com/reuixiy/hugo-theme-meme/commit/0c46faa))
+
+
+### Code Refactoring
+
+* load highlight, emphasis-point on demand ([bd6ca2b](https://github.com/reuixiy/hugo-theme-meme/commit/bd6ca2b))
+* simplify service worker notification ([ff1d110](https://github.com/reuixiy/hugo-theme-meme/commit/ff1d110))
+
+
+### Features
+
+* do not indent the first paragraph ([eaefda4](https://github.com/reuixiy/hugo-theme-meme/commit/eaefda4)), closes [#36](https://github.com/reuixiy/hugo-theme-meme/issues/36)
+
+
+### Performance Improvements
+
+* remove useless video regex ([011fc32](https://github.com/reuixiy/hugo-theme-meme/commit/011fc32))
+
+
+
+## [4.0.1](https://github.com/reuixiy/hugo-theme-meme/compare/v4.0.0...v4.0.1) (2020-01-09)
+
+
+### Bug Fixes
+
+* missing `<p>` tag when content has one line ([d7f4b8f](https://github.com/reuixiy/hugo-theme-meme/commit/d7f4b8f)), closes [#49](https://github.com/reuixiy/hugo-theme-meme/issues/49)
+* regex of content.html ([01039b7](https://github.com/reuixiy/hugo-theme-meme/commit/01039b7))
+* style of footnotes ([f4a3dd0](https://github.com/reuixiy/hugo-theme-meme/commit/f4a3dd0))
+
+
+
+# [4.0.0](https://github.com/reuixiy/hugo-theme-meme/compare/v3.4.5...v4.0.0) (2020-01-08)
+
+
+As I described in [#26](https://github.com/reuixiy/hugo-theme-meme/issues/26), I want to make MemE support Hugo's new default Markdown rendering engine Goldmark, and this is it. In this version, MemE will support Goldmark and *no longer support* Blackfriday.
+
+### Notes
+
+1. Goldmark problems, see [#43 (comment)](https://github.com/reuixiy/hugo-theme-meme/issues/43#issuecomment-571074162)
+
+2. Compatibility with LaTeX, see [gohugoio/hugo#6544](https://github.com/gohugoio/hugo/issues/6544)
+
+    [Previously](https://github.com/reuixiy/hugo-theme-meme/issues/12), I suggested adding some backslashes to escape some characters to solve the syntax conflict between Markdown and LaTeX. Now, I think that is not the *right* way -- it's troublesome and stupid.
+
+    In v4.0.0, MemE adds a new `compatibleWithLaTeX` option as a temporary workaround. But note that it has some limitations, such as it can't exclude equations inside code block, it supports `$ ... $` and `$$ ... $$` only.
+
+    And at last, apology for my wrong suggestion, which may take some of your time to modify the equations again.
+
+3. With Hugo brand new Markdown renderer Goldmark, [#14](https://github.com/reuixiy/hugo-theme-meme/issues/14) should be fixed.
+
+### ATTENTION
+
+**MemE v4.0.0 requires Hugo v0.62.2 or higher.**
+
+
+
+## [3.4.5](https://github.com/reuixiy/hugo-theme-meme/compare/v3.3.9...v3.4.5) (2020-01-08)
+
+
+### Bug Fixes
+
+* cannot change highlight theme in dark-mode.js ([b81d551](https://github.com/reuixiy/hugo-theme-meme/commit/b81d551))
+* style of back-to-top ([e5bda3a](https://github.com/reuixiy/hugo-theme-meme/commit/e5bda3a))
+* style of post-meta, busuanzi-site-uv-and-pv ([a4e4137](https://github.com/reuixiy/hugo-theme-meme/commit/a4e4137))
+* style related to flex ([ad0f403](https://github.com/reuixiy/hugo-theme-meme/commit/ad0f403))
+* Use .Permalink instead of combining URLs ([f1d4906](https://github.com/reuixiy/hugo-theme-meme/commit/f1d4906))
+* wrong utterances theme after theme is changed ([4389ddf](https://github.com/reuixiy/hugo-theme-meme/commit/4389ddf))
+
+
+### Features
+
+* add "custom/content.html" partial ([3cc100b](https://github.com/reuixiy/hugo-theme-meme/commit/3cc100b))
+* add "custom/script.html" partial ([d442001](https://github.com/reuixiy/hugo-theme-meme/commit/d442001))
+* autohide back-to-top toggle ([6659f25](https://github.com/reuixiy/hugo-theme-meme/commit/6659f25))
+* medium zoom for images ([b7cf602](https://github.com/reuixiy/hugo-theme-meme/commit/b7cf602))
+* new `disableMathJaxMenu` option ([b759b6e](https://github.com/reuixiy/hugo-theme-meme/commit/b759b6e))
+* smooth scroll ([aaa5a42](https://github.com/reuixiy/hugo-theme-meme/commit/aaa5a42))
+* support `tab-size` CSS property ([56a9e1d](https://github.com/reuixiy/hugo-theme-meme/commit/56a9e1d))
+* support busuanzi view counter [#40](https://github.com/reuixiy/hugo-theme-meme/issues/40) ([09e9976](https://github.com/reuixiy/hugo-theme-meme/commit/09e9976))
+* support utterances and a couple of bug fixes ([8339f71](https://github.com/reuixiy/hugo-theme-meme/commit/8339f71))
+
+
+
+## [3.3.9](https://github.com/reuixiy/hugo-theme-meme/compare/v3.2.7...v3.3.9) (2019-12-18)
+
+
+### Bug Fixes
+
+* add `MathJax.texReset();` ([fc08a2c](https://github.com/reuixiy/hugo-theme-meme/commit/fc08a2c))
+* change margin of `<blockquote>` to `2em, 0` ([d04efe7](https://github.com/reuixiy/hugo-theme-meme/commit/d04efe7)), closes [#39](https://github.com/reuixiy/hugo-theme-meme/issues/39)
+* chaos caused by unreset `.Scratch` ([3e862b4](https://github.com/reuixiy/hugo-theme-meme/commit/3e862b4))
+* load fonts-src on demand ([d4edbff](https://github.com/reuixiy/hugo-theme-meme/commit/d4edbff))
+* minimal-footer style ([6729a2e](https://github.com/reuixiy/hugo-theme-meme/commit/6729a2e))
+* missing license info in json-ld ([20f7eef](https://github.com/reuixiy/hugo-theme-meme/commit/20f7eef))
+* srcollbar style ([288a00d](https://github.com/reuixiy/hugo-theme-meme/commit/288a00d))
+* style of code in pre ([dce3462](https://github.com/reuixiy/hugo-theme-meme/commit/dce3462))
+* style of mathjax ([8efdca6](https://github.com/reuixiy/hugo-theme-meme/commit/8efdca6))
+* style of thead, th, td, dt ([6a11b06](https://github.com/reuixiy/hugo-theme-meme/commit/6a11b06))
+* ugly encoded URLs in post-copyright ([0efad4c](https://github.com/reuixiy/hugo-theme-meme/commit/0efad4c)), closes [#24](https://github.com/reuixiy/hugo-theme-meme/issues/24)
+* use greater width for max-width ([8c4aae2](https://github.com/reuixiy/hugo-theme-meme/commit/8c4aae2))
+* use U+0020 instead of `&nbsp;` No-Break Space ([46660e2](https://github.com/reuixiy/hugo-theme-meme/commit/46660e2))
+* valine comment [#22](https://github.com/reuixiy/hugo-theme-meme/issues/22) ([935c9d5](https://github.com/reuixiy/hugo-theme-meme/commit/935c9d5))
+* wrong whitespace position ([56578ac](https://github.com/reuixiy/hugo-theme-meme/commit/56578ac))
+
+
+### Code Refactoring
+
+* modular instantclick & fix a mistake ([6a49a25](https://github.com/reuixiy/hugo-theme-meme/commit/6a49a25))
+* simplify dark mode ([cc7b36b](https://github.com/reuixiy/hugo-theme-meme/commit/cc7b36b))
+* using data attributes ([13a67ac](https://github.com/reuixiy/hugo-theme-meme/commit/13a67ac))
+* better responsive design ([c4dad06](https://github.com/reuixiy/hugo-theme-meme/commit/c4dad06))
+* use `justify-content` ([a9ccb77](https://github.com/reuixiy/hugo-theme-meme/commit/a9ccb77)), closes [#38](https://github.com/reuixiy/hugo-theme-meme/issues/38)
+* separate `maxWidth` from responsive.scss ([88e66e1](https://github.com/reuixiy/hugo-theme-meme/commit/88e66e1))
+* modular homepage for better customization ([4aeb5e2](https://github.com/reuixiy/hugo-theme-meme/commit/4aeb5e2))
+
+
+### Features
+
+* *reactive* dark mode! ([8d24690](https://github.com/reuixiy/hugo-theme-meme/commit/8d24690))
+* add something for better customization ([0679e3b](https://github.com/reuixiy/hugo-theme-meme/commit/0679e3b))
+* Force HTTPS Redirection ([355e0c8](https://github.com/reuixiy/hugo-theme-meme/commit/355e0c8))
+* new data attribute `data-layout` ([1a8df79](https://github.com/reuixiy/hugo-theme-meme/commit/1a8df79))
+* support Google AdSense [#23](https://github.com/reuixiy/hugo-theme-meme/issues/23) ([9cbb874](https://github.com/reuixiy/hugo-theme-meme/commit/9cbb874))
+* support Valine comment [#22](https://github.com/reuixiy/hugo-theme-meme/issues/22) ([15a86ac](https://github.com/reuixiy/hugo-theme-meme/commit/15a86ac))
+* support video footnote ([8324b3d](https://github.com/reuixiy/hugo-theme-meme/commit/8324b3d))
+* Version 3.0 of MathJax [#34](https://github.com/reuixiy/hugo-theme-meme/issues/34) ([8746889](https://github.com/reuixiy/hugo-theme-meme/commit/8746889))
+* vertical bar structure for minimal footer ([12a326b](https://github.com/reuixiy/hugo-theme-meme/commit/12a326b)), closes [#35](https://github.com/reuixiy/hugo-theme-meme/issues/35)
+
+
+### Performance Improvements
+
+* load valine.js only when button is clicked ([dee283f](https://github.com/reuixiy/hugo-theme-meme/commit/dee283f))
+
+
+
+## [3.2.7](https://github.com/reuixiy/hugo-theme-meme/compare/v3.0.0...v3.2.7) (2019-11-19)
+
+
+### Bug Fixes
+
+* chmod 644 instantclick.js ([02f130f](https://github.com/reuixiy/hugo-theme-meme/commit/02f130f))
+* link text of tags in minimal-footer ([5806692](https://github.com/reuixiy/hugo-theme-meme/commit/5806692))
+* missing categories problem ([5c44452](https://github.com/reuixiy/hugo-theme-meme/commit/5c44452))
+* missing tags when its name is complicated ([aa106a7](https://github.com/reuixiy/hugo-theme-meme/commit/aa106a7))
+* whitespace problem in site-info in footer ([f471af6](https://github.com/reuixiy/hugo-theme-meme/commit/f471af6))
+* wrong keywords when its name has whitespaces ([c8d534e](https://github.com/reuixiy/hugo-theme-meme/commit/c8d534e))
+
+
+### Code Refactoring
+
+* use `mainSections` and more ([c6a38e5](https://github.com/reuixiy/hugo-theme-meme/commit/c6a38e5)), closes [gohugoio/hugoThemes#756](https://github.com/gohugoio/hugoThemes/issues/756)
+* modular for better customization ([0f1f9ca](https://github.com/reuixiy/hugo-theme-meme/commit/0f1f9ca))
+
+
+### BREAKING CHANGES
+
+* postSections & feedSections is removed
+
+
+
+# [3.0.0](https://github.com/reuixiy/hugo-theme-meme/compare/v2.3.7...v3.0.0) (2019-11-09)
+
+MemE has a brand new `config.toml` (in config-examples folder) with detailed instructions now! I highly recommend you replace your existing config.toml with it. Although this may take a while to reconfigure the configuration.
+
+Moreover, MemE modifies the color values ​​of dark mode to make dark mode less depressed. Please change `primaryColorDark` to `201, 65%, 62%` if you are not using the latest version of `config.toml`.
+
+MemE 主题现在有一个全新的 `config.toml` 了（在 config-examples 文件夹内），且里面包含详细的说明！我强烈建议你用它替换你现有的 config.toml 文件，尽管这可能需要一些时间重新配置。
+
+此外，MemE 主题修改了一些深色模式的颜色值，以使深色模式不那么压抑。对于这点，如果你没有使用最新版本的 `config.toml`，请你将其中的 `primaryColorDark` 设置为 `201, 65%, 62%`。
+
+### Bug Fixes
+
+* contrast ratio of highlight style ([39da81c](https://github.com/reuixiy/hugo-theme-meme/commit/39da81c))
+* contrast ratio of highlight style ([22480e6](https://github.com/reuixiy/hugo-theme-meme/commit/22480e6))
+* headings link style ([fc99fc6](https://github.com/reuixiy/hugo-theme-meme/commit/fc99fc6))
+* make the color less depressed ([4c37e04](https://github.com/reuixiy/hugo-theme-meme/commit/4c37e04))
+* post-copyright style ([a7dedde](https://github.com/reuixiy/hugo-theme-meme/commit/a7dedde))
+* post-copyright style again ([37d275e](https://github.com/reuixiy/hugo-theme-meme/commit/37d275e))
+* regex of emphasis point ([6babe81](https://github.com/reuixiy/hugo-theme-meme/commit/6babe81))
+
+
+### Features
+
+* new image filter for dark mode ([5beb752](https://github.com/reuixiy/hugo-theme-meme/commit/5beb752))
+* new option for current menu item ([edc7dc8](https://github.com/reuixiy/hugo-theme-meme/commit/edc7dc8))
+* **#15:** new home page layout `page` ([7ae2902](https://github.com/reuixiy/hugo-theme-meme/commit/7ae2902)), closes [#15](https://github.com/reuixiy/hugo-theme-meme/issues/15)
+
+
+### BREAKING CHANGES
+
+* `darkImage` option is removed
+You can delete `darkImage` in config.toml or post’s Front Matter now.
+
+* config.toml changed
+Please change `primaryColorDark` to `201, 65%, 62%` by yourself.
+
+
+
+## [2.3.7](https://github.com/reuixiy/hugo-theme-meme/compare/v2.1.5...v2.3.7) (2019-10-09)
+
+
+### Bug Fixes
+
+* display post-nav in postsSection only ([5e503e6](https://github.com/reuixiy/hugo-theme-meme/commit/5e503e6))
+* move `<script>` to the front of `</body>` ([0323fda](https://github.com/reuixiy/hugo-theme-meme/commit/0323fda))
+* post-gitinfo style ([8dd960f](https://github.com/reuixiy/hugo-theme-meme/commit/8dd960f))
+* post-nav style ([7402415](https://github.com/reuixiy/hugo-theme-meme/commit/7402415))
+
+
+
+## [2.1.5](https://github.com/reuixiy/hugo-theme-meme/compare/v2.1.3...v2.1.5) (2019-10-04)
+
+
+### Bug Fixes
+
+* **#11:** glyph-correction on WebKit ([5e4e934](https://github.com/reuixiy/hugo-theme-meme/commit/5e4e934)), closes [#11](https://github.com/reuixiy/hugo-theme-meme/issues/11)
+* **#11:** U+00B7 ([76f6371](https://github.com/reuixiy/hugo-theme-meme/commit/76f6371)), closes [#11](https://github.com/reuixiy/hugo-theme-meme/issues/11)
+* footnote `hr` style ([5f8598b](https://github.com/reuixiy/hugo-theme-meme/commit/5f8598b))
+* use relURL for fonts ([de6916f](https://github.com/reuixiy/hugo-theme-meme/commit/de6916f))
+
+
+### Code Refactoring
+
+* separate fonts src from `fonts.scss` ([8de3b8d](https://github.com/reuixiy/hugo-theme-meme/commit/8de3b8d))
+* separate the video from hosting ([10e8ff3](https://github.com/reuixiy/hugo-theme-meme/commit/10e8ff3))
+
+
+### Features
+
+* add `enableFingerprint` for style & script ([ebaa065](https://github.com/reuixiy/hugo-theme-meme/commit/ebaa065))
+* change some URLs to relative to support IPFS ([6b678da](https://github.com/reuixiy/hugo-theme-meme/commit/6b678da))
+* video hosting URL ([9b15d2e](https://github.com/reuixiy/hugo-theme-meme/commit/9b15d2e))
+
+
+### BREAKING CHANGES
+
+* fonts.scss changed
+
+If you have customized `fonts.scss`, be sure to check this change before updating.
+* config.toml option changed
+```
+ # Image Hosting
+ # Only support absolute URLs relative to root,
+ # eg: /../../*.jpg
+ enableImageHost = false
+ imageHostURL = "https://example.com/"
+ # Use host URL for head meta tags also
+ headAlso = false
+
+ # Video Hosting
+ # Only support absolute URLs relative to root,
+ # eg: /../../*.mp4
+ enableVideoHost = false
+ videoHostURL = "https://example.com/"
+```
+
+
+
+## [2.1.3](https://github.com/reuixiy/hugo-theme-meme/compare/v2.0.0...v2.1.3) (2019-09-09)
+
+
+### Bug Fixes
+
+* delete duplicate site title ([77a80fd](https://github.com/reuixiy/hugo-theme-meme/commit/77a80fd))
+* delete duplicate site title again ([5ac16dd](https://github.com/reuixiy/hugo-theme-meme/commit/5ac16dd))
+* drop cap style ([0843057](https://github.com/reuixiy/hugo-theme-meme/commit/0843057))
+* minimal footer style ([b7b45e5](https://github.com/reuixiy/hugo-theme-meme/commit/b7b45e5))
+* minimal-footer-about style ([5e33b95](https://github.com/reuixiy/hugo-theme-meme/commit/5e33b95))
+
+
+### Features
+
+* PWA Update Notification ([1998160](https://github.com/reuixiy/hugo-theme-meme/commit/1998160))
+
+
+
+# [2.0.0](https://github.com/reuixiy/hugo-theme-meme/compare/v1.0.0...v2.0.0) (2019-09-01)
+
+
+### Bug Fixes
+
+* 404 page style ([14cd035](https://github.com/reuixiy/hugo-theme-meme/commit/14cd035))
+* add a reference link ([527ee80](https://github.com/reuixiy/hugo-theme-meme/commit/527ee80))
+* add anchorize ([863a920](https://github.com/reuixiy/hugo-theme-meme/commit/863a920))
+* add anchorize ([fcfa11e](https://github.com/reuixiy/hugo-theme-meme/commit/fcfa11e))
+* anchor icon style ([7461bf5](https://github.com/reuixiy/hugo-theme-meme/commit/7461bf5))
+* contents-title-indent style ([0cae9d8](https://github.com/reuixiy/hugo-theme-meme/commit/0cae9d8))
+* default primary color ([b2d3d27](https://github.com/reuixiy/hugo-theme-meme/commit/b2d3d27))
+* delete anchorize ([f0dc4a9](https://github.com/reuixiy/hugo-theme-meme/commit/f0dc4a9))
+* empty title when set `slug` in _index.md ([f25707d](https://github.com/reuixiy/hugo-theme-meme/commit/f25707d))
+* footnotes style ([b26ed8e](https://github.com/reuixiy/hugo-theme-meme/commit/b26ed8e))
+* home layout poetry style ([6838af8](https://github.com/reuixiy/hugo-theme-meme/commit/6838af8))
+* list-item style ([5d16c7d](https://github.com/reuixiy/hugo-theme-meme/commit/5d16c7d))
+* logic thing ([84d8306](https://github.com/reuixiy/hugo-theme-meme/commit/84d8306))
+* overflow ([61952a2](https://github.com/reuixiy/hugo-theme-meme/commit/61952a2))
+* poetry style ([bc2f1ae](https://github.com/reuixiy/hugo-theme-meme/commit/bc2f1ae))
+* post gitinfo style ([8ecbc1a](https://github.com/reuixiy/hugo-theme-meme/commit/8ecbc1a))
+* post-gitinfo style ([ef34487](https://github.com/reuixiy/hugo-theme-meme/commit/ef34487))
+* post-gitinfo style ([916e77e](https://github.com/reuixiy/hugo-theme-meme/commit/916e77e))
+* post-gitinfo style ([90daf2a](https://github.com/reuixiy/hugo-theme-meme/commit/90daf2a))
+* pre font-size ([c1ed711](https://github.com/reuixiy/hugo-theme-meme/commit/c1ed711))
+* pre style ([23ba309](https://github.com/reuixiy/hugo-theme-meme/commit/23ba309))
+* **Atom, RSS:** use original content ([3abc6bd](https://github.com/reuixiy/hugo-theme-meme/commit/3abc6bd))
+* some styles ([ec683a9](https://github.com/reuixiy/hugo-theme-meme/commit/ec683a9))
+* some styles ([a1bbece](https://github.com/reuixiy/hugo-theme-meme/commit/a1bbece))
+* some styles ([d778034](https://github.com/reuixiy/hugo-theme-meme/commit/d778034))
+
+
+### Features
+
+* add `displayPostGitInfo` option ([5d395f9](https://github.com/reuixiy/hugo-theme-meme/commit/5d395f9))
+* add fontFamilyMenu option ([1269b9c](https://github.com/reuixiy/hugo-theme-meme/commit/1269b9c))
+* add variables to help users customize ([043127a](https://github.com/reuixiy/hugo-theme-meme/commit/043127a))
+* new `related` Front Matter ([dc983e5](https://github.com/reuixiy/hugo-theme-meme/commit/dc983e5))
+* new Front Matter options ([b1326cd](https://github.com/reuixiy/hugo-theme-meme/commit/b1326cd))
+
+
+### BREAKING CHANGES
+
+* You must add `displayRelatedPosts = true` in
+config.toml
+
+
+
+# [1.0.0](https://github.com/reuixiy/hugo-theme-meme/compare/a1f88d7...v1.0.0) (2019-08-23)
+
+
+### Bug Fixes
+
+* 404 page link multilingualize ([2dbe047](https://github.com/reuixiy/hugo-theme-meme/commit/2dbe047))
+* add `repoEditURL` option ([3574d51](https://github.com/reuixiy/hugo-theme-meme/commit/3574d51))
+* add back to top z-index value ([406e064](https://github.com/reuixiy/hugo-theme-meme/commit/406e064))
+* add Chinese translation for minute ([a2eb95a](https://github.com/reuixiy/hugo-theme-meme/commit/a2eb95a))
+* change `post-gitinfo` font-size ([fbfff7e](https://github.com/reuixiy/hugo-theme-meme/commit/fbfff7e))
+* change post-gitinfo icon style ([8aa27f0](https://github.com/reuixiy/hugo-theme-meme/commit/8aa27f0))
+* change syntax highlight style ([5f878db](https://github.com/reuixiy/hugo-theme-meme/commit/5f878db))
+* correct translation ([bc84426](https://github.com/reuixiy/hugo-theme-meme/commit/bc84426))
+* delete some testing files & update theme logo ([bed70d6](https://github.com/reuixiy/hugo-theme-meme/commit/bed70d6))
+* delete useless space in footer ([5716c6d](https://github.com/reuixiy/hugo-theme-meme/commit/5716c6d))
+* enable host only when env is production ([cec4264](https://github.com/reuixiy/hugo-theme-meme/commit/cec4264))
+* fix dark-mode.js ([a1f88d7](https://github.com/reuixiy/hugo-theme-meme/commit/a1f88d7))
+* fix katex & disqus ([8d25519](https://github.com/reuixiy/hugo-theme-meme/commit/8d25519))
+* fontFamilyTitle ([ed69ee8](https://github.com/reuixiy/hugo-theme-meme/commit/ed69ee8))
+* headings link style ([c6cc945](https://github.com/reuixiy/hugo-theme-meme/commit/c6cc945))
+* headings link style ([c2b5784](https://github.com/reuixiy/hugo-theme-meme/commit/c2b5784))
+* i18n reading time ([ab53e7d](https://github.com/reuixiy/hugo-theme-meme/commit/ab53e7d))
+* image hosting ([35e51cb](https://github.com/reuixiy/hugo-theme-meme/commit/35e51cb))
+* link style ([cd9f032](https://github.com/reuixiy/hugo-theme-meme/commit/cd9f032))
+* list link ([2fc2416](https://github.com/reuixiy/hugo-theme-meme/commit/2fc2416))
+* list style ([a4ef7cb](https://github.com/reuixiy/hugo-theme-meme/commit/a4ef7cb))
+* minimal footer link style ([828eb4f](https://github.com/reuixiy/hugo-theme-meme/commit/828eb4f))
+* open graph ([56971af](https://github.com/reuixiy/hugo-theme-meme/commit/56971af))
+* post copyright ([c14b26c](https://github.com/reuixiy/hugo-theme-meme/commit/c14b26c))
+* post-nav style ([0996696](https://github.com/reuixiy/hugo-theme-meme/commit/0996696))
+* post-tags style ([3688a7e](https://github.com/reuixiy/hugo-theme-meme/commit/3688a7e))
+* reading time bug ([23aaaf0](https://github.com/reuixiy/hugo-theme-meme/commit/23aaaf0))
+* related-link style ([ad7836d](https://github.com/reuixiy/hugo-theme-meme/commit/ad7836d))
+* replace .Pages with .Site.RegularPages ([d49918f](https://github.com/reuixiy/hugo-theme-meme/commit/d49918f))
+* replace .Site.RegularPages with .Pages ([6c1f263](https://github.com/reuixiy/hugo-theme-meme/commit/6c1f263))
+* reverse ([d95f896](https://github.com/reuixiy/hugo-theme-meme/commit/d95f896))
+* section list empty title ([f5ce845](https://github.com/reuixiy/hugo-theme-meme/commit/f5ce845))
+* support caption markdown ([9109b5b](https://github.com/reuixiy/hugo-theme-meme/commit/9109b5b))
+* sw.js & footnote link ([9e7589b](https://github.com/reuixiy/hugo-theme-meme/commit/9e7589b))
+* syntax highlight style ([08b7d94](https://github.com/reuixiy/hugo-theme-meme/commit/08b7d94))
+* syntax highlight style ([3111b2e](https://github.com/reuixiy/hugo-theme-meme/commit/3111b2e))
+* syntax highlight style ([6b2f4f5](https://github.com/reuixiy/hugo-theme-meme/commit/6b2f4f5))
+* table link style ([2d33f2c](https://github.com/reuixiy/hugo-theme-meme/commit/2d33f2c))
+* table style ([1e2f8ce](https://github.com/reuixiy/hugo-theme-meme/commit/1e2f8ce))
+* table style ([38fb35c](https://github.com/reuixiy/hugo-theme-meme/commit/38fb35c))
+* title font family ([3ce0486](https://github.com/reuixiy/hugo-theme-meme/commit/3ce0486))
+* toc link ([4180784](https://github.com/reuixiy/hugo-theme-meme/commit/4180784))
+* update logo again ([3c8174e](https://github.com/reuixiy/hugo-theme-meme/commit/3c8174e))
+* use monospace font for `post-gitinfo` ([5e7156b](https://github.com/reuixiy/hugo-theme-meme/commit/5e7156b))
+
+
+### Code Refactoring
+
+* change header and menu option ([4baf725](https://github.com/reuixiy/hugo-theme-meme/commit/4baf725))
+
+
+### Features
+
+* add back to top support ([bf4d8a3](https://github.com/reuixiy/hugo-theme-meme/commit/bf4d8a3))
+* add displayPostDescription option ([af94d6d](https://github.com/reuixiy/hugo-theme-meme/commit/af94d6d))
+* add Service Worker support ([76ba288](https://github.com/reuixiy/hugo-theme-meme/commit/76ba288))
+* add syntax highlight option ([2ca9432](https://github.com/reuixiy/hugo-theme-meme/commit/2ca9432))
+
+
+### BREAKING CHANGES
+
+* config.toml option changed
+displayHeader -> enableHeader
+displayMenu   -> enableMenu
diff --git a/themes/meme_cdn/LICENSE b/themes/meme_cdn/LICENSE
new file mode 100644
index 0000000..cc6b915
--- /dev/null
+++ b/themes/meme_cdn/LICENSE
@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 reuixiy and the contributors.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/themes/meme_cdn/README.md b/themes/meme_cdn/README.md
new file mode 100644
index 0000000..d7fcc32
--- /dev/null
+++ b/themes/meme_cdn/README.md
@@ -0,0 +1,170 @@
+English |
+[简体中文](https://github.com/reuixiy/hugo-theme-meme/blob/master/README.zh-cn.md) |
+[繁體中文](https://github.com/reuixiy/hugo-theme-meme/blob/master/README.zh-tw.md)
+
+<div align="center"><img src="https://raw.githubusercontent.com/reuixiy/hugo-theme-meme/master/static/icons/apple-touch-icon.png" /></div>
+
+# <div align="center">MemE</div>
+
+## Description
+
+MemE is a powerful and highly customizable [GoHugo](https://github.com/gohugoio/hugo) theme for personal blogs. MemE focuses on elegance, simplicity, modernity, and code correctness. Also, I hope you would enjoy MemE like a meme and share MemE like a meme! Just like what your blog and articles do! 😝
+
+## Preview
+
+[![tn.png](https://raw.githubusercontent.com/reuixiy/hugo-theme-meme/master/images/tn.png)](https://io-oi.me/hugo-theme-meme/)
+
+### Browser support
+
+MemE uses [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) and [let statements](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let) extensively. These features are supported by the following browsers:
+
+- Chrome 49+
+- Firefox 44+
+- Edge 15+
+- Opera 36+
+- Safari 10+
+
+Internet Explorer does not support CSS variables.
+
+## Quick Start
+
+https://gohugo.io/getting-started/quick-start/
+
+### Install Hugo (`extended` version)
+
+For Arch Linux users:
+
+```sh
+~ $ sudo pacman -S hugo
+~ $ hugo new site blog
+```
+
+For users of other systems, see: https://gohugo.io/getting-started/installing/
+
+### Install MemE
+
+```sh
+~ $ cd blog
+~/blog $ git init
+~/blog $ git submodule add --depth 1 https://github.com/reuixiy/hugo-theme-meme.git themes/meme
+```
+
+### Blogging
+
+1. Replace `config.toml` with [config examples](https://github.com/reuixiy/hugo-theme-meme/blob/master/config-examples/en/config.toml).
+
+   ```sh
+   ~/blog $ rm config.toml && cp themes/meme/config-examples/en/config.toml config.toml
+   ```
+
+2. Create a new post and the about page:
+
+   ```sh
+   ~/blog $ hugo new "posts/hello-world.md"
+   ~/blog $ hugo new "about/_index.md"
+   ```
+
+3. Now:
+
+   ```sh
+   ~/blog $ hugo server -D
+   ```
+
+## Customize MemE
+
+MemE uses SCSS via [Hugo Pipes](https://gohugo.io/hugo-pipes/introduction/) to generate CSS instead of static CSS file and provides a [`_custom.scss`](https://github.com/reuixiy/hugo-theme-meme/blob/master/assets/scss/custom/_custom.scss) for customization.
+
+Just create a `~/blog/assets/scss/custom/_custom.scss` and add your own styles into this file. Your `_custom.scss` will override `~/blog/themes/meme/assets/scss/custom/_custom.scss` and your custom CSS will be applied correctly.
+
+Actually, you can override any template of theme in Hugo, see this _unofficial mirror_ page: https://gohugobrasil.netlify.com/themes/customizing/
+
+## Update MemE
+
+```sh
+~/blog $ git submodule update --rebase --remote
+```
+
+If failed, try:
+
+1. Delete `meme` folder, e.g.
+
+   ```sh
+   ~/blog $ rm -rf themes/meme
+   ```
+
+2. Clone MemE again
+
+   ```sh
+   ~/blog $ git clone --depth 1 https://github.com/reuixiy/hugo-theme-meme.git themes/meme
+   ```
+
+**Note that** MemE makes some brand new features or _breaking changes_ sometimes, so please be sure to check [the modification history of `config.toml`](https://github.com/reuixiy/hugo-theme-meme/commits/master/config-examples) and update the related items after the update!
+
+## Awesome MemE
+
+See [#2](https://github.com/reuixiy/hugo-theme-meme/issues/2).
+
+## Supported Front Matter
+
+<details>
+  <summary>Click to expand!</summary>
+
+  | Name                                        | Description                                                                                              | Notes                                                                        |
+  | ------------------------------------------- | -------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------- |
+  | title                                       | \*                                                                                                       | string                                                                       |
+  | linkTitle                                   | \*                                                                                                       | string                                                                       |
+  | subtitle                                    | displayed below the title                                                                                | string, Markdown supported                                                   |
+  | date                                        | \*                                                                                                       | string                                                                       |
+  | lastmod                                     | \*                                                                                                       | string                                                                       |
+  | publishDate                                 | \*                                                                                                       | string                                                                       |
+  | expiryDate                                  | \*                                                                                                       | string                                                                       |
+  | `<taxonomies>` eg: categories, tags, series | \*                                                                                                       | array                                                                        |
+  | description                                 | \*                                                                                                       | string, Markdown supported                                                   |
+  | summary                                     | \*                                                                                                       | string, Markdown supported                                                   |
+  | images                                      | \*                                                                                                       | array                                                                        |
+  | slug                                        | \*                                                                                                       | string                                                                       |
+  | url                                         | \*                                                                                                       | string                                                                       |
+  | draft                                       | \*                                                                                                       | boolean                                                                      |
+  | isCJKLanguage                               | \*                                                                                                       | boolean                                                                      |
+  | weight                                      | \*                                                                                                       | integer                                                                      |
+  | type                                        | \*                                                                                                       | string, if equal to "poetry", will use a special layout for it               |
+  | layout                                      | \*                                                                                                       | string                                                                       |
+  | outputs                                     | \*                                                                                                       | array                                                                        |
+  | aliases                                     | \*                                                                                                       | array                                                                        |
+  | markup                                      | \*                                                                                                       | string                                                                       |
+  | meta                                        | set `false` to disable post-meta                                                                         | boolean                                                                      |
+  | toc                                         | display TOC                                                                                              | boolean, override `enableTOC` in `config.toml`                               |
+  | tocNum                                      | display TOC number                                                                                       | boolean, override `displayTOCNum` in `config.toml`                           |
+  | anchor                                      | enable headings anchor                                                                                   | boolean, override `enableHeadingsAnchor` in `config.toml`                    |
+  | displayCopyright                            | display post-copyright                                                                                   | boolean, override `displayPostCopyright` in `config.toml`                    |
+  | badge                                       | display updated-badge                                                                                    | boolean, override `displayUpdatedBadge` in `config.toml`                     |
+  | gitinfo                                     | display post-gitinfo                                                                                     | boolean, override `displayPostGitInfo` in `config.toml`                      |
+  | share                                       | display post-share                                                                                       | boolean, override `displayPostShare` in `config.toml`                        |
+  | related                                     | display related-posts                                                                                    | boolean, override `displayRelatedPosts` in `config.toml`                     |
+  | katex                                       | add KaTeX support                                                                                        | boolean, override `enableKaTeX` in `config.toml`                             |
+  | mathjax                                     | add MathJax support                                                                                      | boolean, override `enableMathJax` in `config.toml`                           |
+  | mermaid                                     | add Mermaid support                                                                                      | boolean, override `enableMermaid` in `config.toml`                           |
+  | comments                                    | set `false` to disable comments in mainSections or set `true` to enable comments in non-mainSections     | boolean                                                                      |
+  | smallCaps                                   | small caps?                                                                                              | boolean, override `enableSmallCaps` in `config.toml`                         |
+  | dropCap                                     | drop cap?                                                                                                | boolean, override `enableDropCap` in `config.toml`                           |
+  | dropCapAfterHr                              | drop cap after every horizontal rule tag?                                                                | boolean, override `enableDropCapAfterHr` in `config.toml`                    |
+  | deleteHrBeforeDropCap                       | delete horizontal rule tag before drop cap?                                                              | boolean, override `deleteHrBeforeDropCap` in `config.toml`                   |
+  | indent                                      | indent instead of margin?                                                                                | boolean, override `paragraphStyle` in `config.toml`                          |
+  | indentFirstParagraph                        | indent the first paragraph?                                                                              | boolean, override `indentFirstParagraph` in `config.toml`                    |
+  | align                                       | normal, justify, center                                                                                  | string, if equal to "normal", will override `enableJustify` in `config.toml` |
+  | original                                    | original? You can add the following 8 terms if you set `false`. The `author` is required, other optional | boolean, override `original` in `config.toml`                                |
+  | author                                      | author of original post                                                                                  | string                                                                       |
+  | link                                        | link of original post                                                                                    | string, URL                                                                  |
+  | copyright                                   | license of the post                                                                                      | string, Markdown supported                                                   |
+  | website                                     | author’s website                                                                                         | string                                                                       |
+  | email                                       | author’s email                                                                                           | string                                                                       |
+  | motto                                       | author’s description                                                                                     | string                                                                       |
+  | avatar                                      | author’s avatar                                                                                          | string, URL                                                                  |
+  | twitter                                     | author’s twitter id                                                                                      | string                                                                       |
+  | disqus_url                                  | \*                                                                                                       | string, if not set, will use `Permalink` as default                          |
+  | disqus_identifier                           | \*                                                                                                       | string, if not set, will use `RelPermalink` as default                       |
+  | disqus_title                                | \*                                                                                                       | string, if not set, will use `Title` as default                              |
+
+  \*: see https://gohugo.io/content-management/front-matter/  
+      and https://gohugo.io/templates/internal/#configure-disqus
+</details>
diff --git a/themes/meme_cdn/README.zh-cn.md b/themes/meme_cdn/README.zh-cn.md
new file mode 100644
index 0000000..b1ce89c
--- /dev/null
+++ b/themes/meme_cdn/README.zh-cn.md
@@ -0,0 +1,109 @@
+简体中文 |
+[繁體中文](https://github.com/reuixiy/hugo-theme-meme/blob/master/README.zh-tw.md) |
+[English](https://github.com/reuixiy/hugo-theme-meme/blob/master/README.md)
+
+<div align="center"><img src="https://raw.githubusercontent.com/reuixiy/hugo-theme-meme/master/static/icons/apple-touch-icon.png" /></div>
+
+# <div align="center">MemE</div>
+
+## 简介
+
+MemE 是一个强大且可高度定制的 [GoHugo](https://github.com/gohugoio/hugo) 博客主题，专为个人博客设计。MemE 主题专注于优雅、简约、现代，以及代码的正确性。同时，希望你将像欣赏一个模因一样欣赏 MemE，希望你将像分享一个模因一样分享 MemE，就像你的博客和文章所做的那样😝！
+
+## 预览
+
+[![tn.png](https://raw.githubusercontent.com/reuixiy/hugo-theme-meme/master/images/tn.png)](https://themes.gohugo.io/themes/hugo-theme-meme/)
+
+### 浏览器支持
+
+MemE 广泛地使用了 [CSS 变量](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)和 [let 声明](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let)。这些特性被以下浏览器所支持：
+
+- Chrome 49+
+- Firefox 44+
+- Edge 15+
+- Opera 36+
+- Safari 10+
+
+IE（Internet Explorer）浏览器不支持 CSS 变量。
+
+## 快速开始
+
+https://gohugo.io/getting-started/quick-start/
+
+### 安装 Hugo（`extended` 扩展版）
+
+对于 Arch Linux 的用户：
+
+```sh
+~ $ sudo pacman -S hugo
+~ $ hugo new site blog
+```
+
+对于其它系统的用户，请查看：https://gohugo.io/getting-started/installing/
+
+### 安装 MemE
+
+```sh
+~ $ cd blog
+~/blog $ git init
+~/blog $ git submodule add --depth 1 https://github.com/reuixiy/hugo-theme-meme.git themes/meme
+```
+
+### 开始写作
+
+1. 将 `config.toml` 替换为[示例配置](https://github.com/reuixiy/hugo-theme-meme/blob/master/config-examples/zh-cn/config.toml)。
+
+   ```sh
+   ~/blog $ rm config.toml && cp themes/meme/config-examples/zh-cn/config.toml config.toml
+   ```
+
+2. 新建一篇文章和一个关于页面：
+
+   ```sh
+   ~/blog $ hugo new "posts/hello-world.md"
+   ~/blog $ hugo new "about/_index.md"
+   ```
+
+3. 现在：
+
+   ```sh
+   ~/blog $ hugo server -D
+   ```
+
+## 定制 MemE
+
+MemE 通过 Hugo 管道实现使用 SCSS 生成 CSS，而非静态的 CSS 文件，同时提供一个 [`_custom.scss`](https://github.com/reuixiy/hugo-theme-meme/blob/master/assets/scss/custom/_custom.scss) 文件以供用户定制。
+
+直接新建一个 `~/blog/assets/scss/custom/_custom.scss` 并将你自己的样式加入其中，就能覆盖主题的 `~/blog/themes/meme/assets/scss/custom/_custom.scss` 文件，且其会正确地被应用。
+
+事实上，在 Hugo 中你可以覆盖主题的任何模板，见这个非官方的镜像网页：<https://gohugobrasil.netlify.com/themes/customizing/>
+
+## 更新 MemE
+
+```sh
+~/blog $ git submodule update --rebase --remote
+```
+
+如果失败了，请尝试：
+
+1. 删除 `meme` 文件夹，比如
+
+   ```sh
+   ~/blog $ rm -rf themes/meme
+   ```
+
+2. 重新克隆 MemE
+
+   ```sh
+   ~/blog $ git clone --depth 1 https://github.com/reuixiy/hugo-theme-meme.git themes/meme
+   ```
+
+**特别注意**：MemE 主题有时会新增一些全新功能或一些毁灭改动，所以在你更新完后，请务必检查 [`config.toml` 的改动历史](https://github.com/reuixiy/hugo-theme-meme/commits/master/config-examples)并将相应内容也更新！
+
+## Awesome MemE
+
+请看 [#2](https://github.com/reuixiy/hugo-theme-meme/issues/2)。
+
+## 支持的 Front Matter
+
+请看 <https://github.com/reuixiy/hugo-theme-meme#supported-front-matter>。
diff --git a/themes/meme_cdn/README.zh-tw.md b/themes/meme_cdn/README.zh-tw.md
new file mode 100644
index 0000000..26cfec5
--- /dev/null
+++ b/themes/meme_cdn/README.zh-tw.md
@@ -0,0 +1,109 @@
+繁體中文 |
+[简体中文](https://github.com/reuixiy/hugo-theme-meme/blob/master/README.zh-cn.md) |
+[English](https://github.com/reuixiy/hugo-theme-meme/blob/master/README.md)
+
+<div align="center"><img src="https://raw.githubusercontent.com/reuixiy/hugo-theme-meme/master/static/icons/apple-touch-icon.png" /></div>
+
+# <div align="center">MemE</div>
+
+## 簡介
+
+MemE 是一個強大且可高度客制化的 [GoHugo](https://github.com/gohugoio/hugo) 部落格主題，專為個人部落格設計。MemE 主題專注於優雅、簡約、現代，以及程式碼的正確性。同時，希望你將像欣賞一個模因一樣欣賞 MemE，希望你將像分享一個模因一樣分享 MemE，就像你的部落格和文章所做的那樣😝！
+
+## 預覽
+
+[![tn.png](https://raw.githubusercontent.com/reuixiy/hugo-theme-meme/master/images/tn.png)](https://themes.gohugo.io/themes/hugo-theme-meme/)
+
+### 瀏覽器支援
+
+MemE 廣泛地使用了 [CSS 變數](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)和 [let 宣告](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let)。這些特性被以下瀏覽器所支援：
+
+- Chrome 49+
+- Firefox 44+
+- Edge 15+
+- Opera 36+
+- Safari 10+
+
+IE（Internet Explorer）瀏覽器不支援 CSS 變數。
+
+## 快速開始
+
+https://gohugo.io/getting-started/quick-start/
+
+### 安裝 Hugo（`extended` 擴充套件版）
+
+對於 Arch Linux 的使用者：
+
+```sh
+~ $ sudo pacman -S hugo
+~ $ hugo new site blog
+```
+
+對於其它作業系統的使用者，請檢視：https://gohugo.io/getting-started/installing/
+
+### 安裝 MemE
+
+```sh
+~ $ cd blog
+~/blog $ git init
+~/blog $ git submodule add --depth 1 https://github.com/reuixiy/hugo-theme-meme.git themes/meme
+```
+
+### 開始寫作
+
+1. 將 `config.toml` 替換為[示例配置](https://github.com/reuixiy/hugo-theme-meme/blob/master/config-examples/zh-cn/config.toml)。
+
+   ```sh
+   ~/blog $ rm config.toml && cp themes/meme/config-examples/zh-cn/config.toml config.toml
+   ```
+
+2. 新建一篇文章和一個關於頁面：
+
+   ```sh
+   ~/blog $ hugo new "posts/hello-world.md"
+   ~/blog $ hugo new "about/_index.md"
+   ```
+
+3. 現在：
+
+   ```sh
+   ~/blog $ hugo server -D
+   ```
+
+## 定製 MemE
+
+MemE 透過 Hugo 管道實現使用 SCSS 生成 CSS，而非靜態的 CSS 檔案，同時提供一個 [`_custom.scss`](https://github.com/reuixiy/hugo-theme-meme/blob/master/assets/scss/custom/_custom.scss) 檔案以供使用者定製。
+
+直接新建一個 `~/blog/assets/scss/custom/_custom.scss` 並將你自己的樣式加入其中，就能覆蓋主題的 `~/blog/themes/meme/assets/scss/custom/_custom.scss` 檔案，且其會正確地被應用。
+
+事實上，在 Hugo 中你可以覆蓋主題的任何模板，見這個非官方的映象網頁：<https://gohugobrasil.netlify.com/themes/customizing/>
+
+## 更新 MemE
+
+```sh
+~/blog $ git submodule update --rebase --remote
+```
+
+如果失敗了，請嘗試：
+
+1. 刪除 `meme` 資料夾，比如
+
+   ```sh
+   ~/blog $ rm -rf themes/meme
+   ```
+
+2. 重新克隆 MemE
+
+   ```sh
+   ~/blog $ git clone --depth 1 https://github.com/reuixiy/hugo-theme-meme.git themes/meme
+   ```
+
+**特別注意**：MemE 主題有時會新增一些全新功能或一些毀滅改動，所以在你更新完後，請務必檢查 [`config.toml` 的改動歷史](https://github.com/reuixiy/hugo-theme-meme/commits/master/config-examples)並將相應內容也更新！
+
+## Awesome MemE
+
+請看 [#2](https://github.com/reuixiy/hugo-theme-meme/issues/2)。
+
+## 支援的 Front Matter
+
+請看 <https://github.com/reuixiy/hugo-theme-meme#supported-front-matter>。
diff --git a/themes/meme_cdn/assets/js/algolia-search.js b/themes/meme_cdn/assets/js/algolia-search.js
new file mode 100644
index 0000000..1c67f38
--- /dev/null
+++ b/themes/meme_cdn/assets/js/algolia-search.js
@@ -0,0 +1,109 @@
+window.addEventListener("DOMContentLoaded", event => {
+    let origContent = null;
+
+    const search = instantsearch({
+        appId: "{{ .Site.Params.algoliaAppId }}",
+        apiKey: "{{ .Site.Params.algoliaApiKey }}",
+        indexName: "{{ .Site.Params.algoliaIndexName }}",
+    });
+
+    search.addWidget({
+        init: function (opts) {
+            const helper = opts.helper;
+            const input = document.getElementById("search-input");
+
+            input.addEventListener("input", function (e) {
+                helper
+                .setQuery(e.currentTarget.value) // update the parameters
+                .search(); // launch the query
+          });
+        },
+    });
+
+    search.addWidget({
+        render: function (opts) {
+            let term = opts.state.query
+            if (!term) {
+                return
+            }
+
+            const results = opts.results.hits;
+
+            let target = document.querySelector(".main-inner") || document.querySelector("main.home");
+            let replaced = [];
+
+            while (target.firstChild) {
+                replaced.push(target.firstChild);
+                target.removeChild(target.firstChild);
+            }
+
+            if (!origContent) {
+                origContent = replaced;
+            }
+
+            let title = document.createElement("h1");
+
+            title.id = "search-results";
+            title.className = "list-title";
+
+            if (results.length == 0) {
+                title.textContent = "{{ i18n "searchResultsNone" (dict "Term" "{}") }}".replace("{}", term);
+            } else if (results.length == 1) {
+                title.textContent = "{{ i18n "searchResultsTitle" (dict "Count" 1 "Term" "{}") }}".replace("{}", term);
+            } else {
+                title.textContent = "{{ i18n "searchResultsTitle" (dict "Count" 13579 "Term" "{}") }}".replace("{}", term).replace("13579", results.length);
+            }
+
+            target.appendChild(title);
+            document.title = title.textContent;
+
+            let template = document.getElementById("search-result");
+            for (let result of results) {
+                let element = template.content.cloneNode(true);
+                element.querySelector(".summary-title-link").href = element.querySelector(".read-more-link").href = result.url;
+                element.querySelector(".summary-title-link").textContent = result.title;
+                element.querySelector(".summary").textContent = truncateToEndOfSentence(result.summary, 70);
+                target.appendChild(element);
+            }
+            title.scrollIntoView(true);
+
+            {{ if .Site.Params.enableNavToggle }}
+                let navToggleLabel = document.querySelector('.nav-toggle');
+                if (navToggleLabel && navToggleLabel.classList.contains("open")) {
+                    document.getElementById(navToggleLabel.getAttribute("for")).click();
+                }
+            {{ end }}
+        },
+    });
+
+    search.start();
+
+    // This matches Hugo's own summary logic:
+    // https://github.com/gohugoio/hugo/blob/b5f39d23b86f9cb83c51da9fe4abb4c19c01c3b7/helpers/content.go#L543
+    function truncateToEndOfSentence(text, minWords)
+    {
+        let match;
+        let result = "";
+        let wordCount = 0;
+        let regexp = /(\S+)(\s*)/g;
+        while (match = regexp.exec(text)) {
+            wordCount++;
+            if (wordCount <= minWords) {
+                result += match[0];
+            }
+            else
+            {
+                let char1 = match[1][match[1].length - 1];
+                let char2 = match[2][0];
+                if (/[.?!"]/.test(char1) || char2 == "\n") {
+                    result += match[1];
+                    break;
+                }
+                else {
+                    result += match[0];
+                }
+            }
+        }
+        return result;
+    }
+}, {once: true});
diff --git a/themes/meme_cdn/assets/js/back-to-top.js b/themes/meme_cdn/assets/js/back-to-top.js
new file mode 100644
index 0000000..36be130
--- /dev/null
+++ b/themes/meme_cdn/assets/js/back-to-top.js
@@ -0,0 +1,12 @@
+window.addEventListener("DOMContentLoaded", event => {
+    const backToTop = document.getElementById('back-to-top');
+
+    if (backToTop !== null) {
+        window.addEventListener(
+            'scroll',
+            throttle(function() {
+                window.scrollY > 100 ? backToTop.classList.add('show') : backToTop.classList.remove('show');
+            }, delayTime)
+        );
+    }
+}, {once: true});
diff --git a/themes/meme_cdn/assets/js/comments.js b/themes/meme_cdn/assets/js/comments.js
new file mode 100644
index 0000000..e8ba96e
--- /dev/null
+++ b/themes/meme_cdn/assets/js/comments.js
@@ -0,0 +1,16 @@
+window.addEventListener("DOMContentLoaded", event => {
+    {{ if .Site.Params.autoLoadComments }}
+        if (typeof loadComments === 'function') {
+            loadComments()
+        }
+    {{ else }}
+        const commentsToggle = document.getElementById('load-comments');
+
+        if (commentsToggle !== null) {
+            commentsToggle.addEventListener('click', function () {
+                loadComments();
+                this.style = "display: none";
+            });
+        }
+    {{  end }}
+}, {once: true});
diff --git a/themes/meme_cdn/assets/js/copy.js b/themes/meme_cdn/assets/js/copy.js
new file mode 100644
index 0000000..22affa2
--- /dev/null
+++ b/themes/meme_cdn/assets/js/copy.js
@@ -0,0 +1,86 @@
+// Copy Button for Code Blocks
+
+// References
+// 1. https://tomspencer.dev/blog/2018/09/14/adding-click-to-copy-buttons-to-a-hugo-powered-blog/
+// 2. https://www.dannyguo.com/blog/how-to-add-copy-to-clipboard-buttons-to-code-blocks-in-hugo/
+
+window.addEventListener("DOMContentLoaded", event => {
+    const copyText = '{{ i18n "copy" }}';
+    const copiedText = '{{ i18n "copied" }}';
+    var $cdnCustomized = '{{ .Site.Params.cdnCustomized }}';
+    var $defaultCDN = 'https://cdn.jsdelivr.net';
+
+
+    document.querySelectorAll('.post-body > pre').forEach((e) => {
+        let div = document.createElement('div');
+        e.parentNode.replaceChild(div, e);
+        div.appendChild(e);
+    });
+
+    function addCopyButtons(clipboard) {
+        const divs = document.querySelectorAll('table.lntable, .highlight > pre, .post-body > div > pre');
+
+        divs.forEach((containerEl) => {
+            containerEl.parentNode.style.position = 'relative';
+
+            const button = document.createElement('button');
+            button.className = 'copy-button';
+            button.type = 'button';
+            button.innerText = copyText;
+
+            if (containerEl.classList.contains('lntable')) {
+                var codeBlock = containerEl.querySelectorAll('.lntd')[1];
+            } else {
+                var codeBlock = containerEl.querySelector('code');
+            }
+
+            button.addEventListener('click', () => {
+                clipboard.writeText(codeBlock.innerText).then(() => {
+                    /* Chrome doesn't seem to blur automatically,
+                       leaving the button in a focused state. */
+                    button.blur();
+
+                    button.innerText = copiedText;
+
+                    setTimeout(() => {
+                        button.innerText = copyText;
+                    }, 1000);
+                }).catch((error) => {
+                    button.innerText = 'Error';
+
+                    console.error(error);
+                });
+            });
+
+            containerEl.appendChild(button);
+
+            {{ if .Site.Params.enableCopyAutoHide }}
+                containerEl.parentNode.addEventListener('mouseover', () => {
+                    button.style = 'visibility: visible; opacity: 1';
+                });
+
+                containerEl.parentNode.addEventListener('mouseout', () => {
+                    button.style = 'visibility: hidden; opacity: 0';
+                });
+            {{ end }}
+        });
+    }
+
+    if (navigator && navigator.clipboard) {
+        addCopyButtons(navigator.clipboard);
+    } else {
+        const script = document.createElement('script');
+        if($cdnCustomized=null){
+            script.src = $defaultCDN + '/npm/clipboard-polyfill@2.8.6/dist/clipboard-polyfill.min.js';
+        }else {
+            script.src = $cdnCustomized + '/npm/clipboard-polyfill@2.8.6/dist/clipboard-polyfill.min.js';
+        }
+        
+        script.defer = true;
+        script.onload = function() {
+            addCopyButtons(clipboard);
+        };
+
+        document.head.appendChild(script);
+    }
+}, {once: true});
diff --git a/themes/meme_cdn/assets/js/custom.js b/themes/meme_cdn/assets/js/custom.js
new file mode 100644
index 0000000..e69de29
diff --git a/themes/meme_cdn/assets/js/dark-mode.js b/themes/meme_cdn/assets/js/dark-mode.js
new file mode 100644
index 0000000..5e6426e
--- /dev/null
+++ b/themes/meme_cdn/assets/js/dark-mode.js
@@ -0,0 +1,123 @@
+// Reactive Dark Mode
+// https://web.dev/prefers-color-scheme/#reacting-on-dark-mode-changes
+// https://twitter.com/ChromeDevTools/status/1197175265643745282
+
+const userPrefers = localStorage.getItem('theme');
+if (userPrefers === 'dark') {
+    changeModeMeta('dark');
+} else if (userPrefers === 'light') {
+    changeModeMeta('light');
+}
+
+window.matchMedia('(prefers-color-scheme: dark)').addListener((e) => {
+    changeMode();
+});
+
+window.addEventListener("DOMContentLoaded", event => {
+    // Update meta tags and code highlighting
+    changeMode();
+
+    // Theme Switcher
+    // https://derekkedziora.com/blog/dark-mode
+
+    const themeSwitcher = document.getElementById('theme-switcher');
+
+    if (themeSwitcher) {
+        themeSwitcher.addEventListener('click', (e) => {
+            e.preventDefault();
+            if (getCurrentTheme() == "dark") {
+                changeModeMeta('light');
+            } else {
+                changeModeMeta('dark');
+            }
+            changeMode();
+            storePrefers();
+        });
+    }
+}, {once: true});
+
+// Sync Across Tabs
+// https://codepen.io/tevko/pen/GgWYpg
+
+window.addEventListener('storage', function (event) {
+    if (event.key !== 'theme') {
+      return;
+    }
+
+    if (event.newValue === 'dark') {
+        changeModeMeta('dark');
+    } else {
+        changeModeMeta('light');
+    }
+    changeMode();
+});
+
+// Functions
+
+function getCurrentTheme() {
+    return JSON.parse(window.getComputedStyle(document.documentElement, null).getPropertyValue("--theme-name"));
+}
+
+function changeModeMeta(theme) {
+    document.documentElement.setAttribute('data-theme', theme);
+}
+
+function changeMode() {
+    const isDark = getCurrentTheme() === 'dark';
+
+    // Change theme color meta
+    const themeColor = isDark ? '{{ .Site.Params.themeColorDark }}' : '{{ .Site.Params.themeColor }}';
+    document.querySelector('meta[name="theme-color"]').setAttribute('content', themeColor);
+
+    {{ if and .Site.Params.enableUtterances (eq hugo.Environment "production") }}
+        // Change Utterances Comments Theme
+        // https://github.com/utterance/utterances/issues/229
+        if (isDark) {
+            changeUtterancesTheme('{{ .Site.Params.utterancesThemeDark | default "photon-dark" }}');
+        } else {
+            changeUtterancesTheme('{{ .Site.Params.utterancesTheme | default "github-light" }}');
+        }
+        function changeUtterancesTheme(theme) {
+            const iframe = document.querySelector('.utterances-frame');
+            if (iframe !== null) {
+                const message = {
+                    type: 'set-theme',
+                    theme: theme
+                };
+                iframe.contentWindow.postMessage(message, 'https://utteranc.es');
+            }
+        }
+    {{ end }}
+
+    // Mermaid
+    // https://github.com/reuixiy/hugo-theme-meme/issues/205
+    if (typeof mermaidConfig !== 'undefined') {
+        const mermaids = document.querySelectorAll('.mermaid');
+
+        mermaids.forEach(e => {
+            if (e.getAttribute('data-processed')) {
+                // Already rendered, clean the processed attributes
+                e.removeAttribute('data-processed');
+                // Replace the rendered HTML with the stored text
+                e.innerHTML = e.getAttribute('data-graph');
+            } else {
+                // First time, store the text
+                e.setAttribute('data-graph', e.textContent);
+            }
+        });
+
+        if (isDark) {
+            mermaidConfig.theme = '{{ .Site.Params.mermaidThemeDark | default "dark" }}';
+            mermaid.initialize(mermaidConfig);
+            mermaid.init();
+        } else {
+            mermaidConfig.theme = '{{ .Site.Params.mermaidTheme | default "default" }}';
+            mermaid.initialize(mermaidConfig);
+            mermaid.init();
+        }
+    }
+}
+
+function storePrefers() {
+    window.localStorage.setItem('theme', getCurrentTheme());
+}
diff --git a/themes/meme_cdn/assets/js/force-https.js b/themes/meme_cdn/assets/js/force-https.js
new file mode 100644
index 0000000..32382f4
--- /dev/null
+++ b/themes/meme_cdn/assets/js/force-https.js
@@ -0,0 +1,6 @@
+{{ $url := urls.Parse .Site.BaseURL }}
+{{ $host := $url.Host }}
+
+if (window.location.host == "{{ $host }}" && window.location.protocol != "https:") {
+    window.location.protocol = "https";
+}
diff --git a/themes/meme_cdn/assets/js/header.js b/themes/meme_cdn/assets/js/header.js
new file mode 100644
index 0000000..5adfdab
--- /dev/null
+++ b/themes/meme_cdn/assets/js/header.js
@@ -0,0 +1,39 @@
+window.addEventListener(
+  'DOMContentLoaded',
+  (event) => {
+    /**
+     * Measure header height for the scrolling fix
+     */
+    const header = document.querySelector('.header');
+
+    if (header) {
+      const headerHeight = window
+        .getComputedStyle(header, null)
+        .getPropertyValue('height');
+
+      document.documentElement.style.setProperty(
+        '--header-height',
+        headerHeight
+      );
+
+      {{ if and .Site.Params.enableHeaderAutoHide (eq .Site.Params.headerLayout "flex") }}
+      /**
+       * Auto hide header
+       */
+      let lastScrollY = 0;
+
+      window.addEventListener(
+        'scroll',
+        throttle(() => {
+          window.scrollY > lastScrollY
+            ? header.classList.add('hide')
+            : header.classList.remove('hide');
+
+          lastScrollY = window.scrollY;
+        }, delayTime)
+      );
+      {{ end }}
+    }
+  },
+  { once: true }
+);
diff --git a/themes/meme_cdn/assets/js/lunr-search.js b/themes/meme_cdn/assets/js/lunr-search.js
new file mode 100644
index 0000000..0a7b91f
--- /dev/null
+++ b/themes/meme_cdn/assets/js/lunr-search.js
@@ -0,0 +1,201 @@
+window.addEventListener("DOMContentLoaded", event => {
+    let index = null;
+    let lookup = null;
+    let queuedTerm = null;
+    let queuedDoNotAddState = false;
+    let origContent = null;
+
+    const form = document.getElementById("search");
+    const input = document.getElementById("search-input");
+
+    form.addEventListener("submit", function(event) {
+        event.preventDefault();
+
+        let term = input.value.trim();
+        if (!term) {
+            return;
+        }
+        startSearch(term, false);
+    }, false);
+
+    if (history.state && history.state.type == "search") {
+        startSearch(history.state.term, true);
+    }
+
+    window.addEventListener("popstate", function(event) {
+        if (event.state && event.state.type == "search") {
+            startSearch(event.state.term, true);
+        }
+        else if (!event.state && origContent) {
+            let target = document.querySelector(".main-inner");
+            while (target.firstChild) {
+                target.removeChild(target.firstChild);
+            }
+
+            for (let node of origContent) {
+                target.appendChild(node);
+            }
+            origContent = null;
+        }
+    }, false);
+
+    function startSearch(term, doNotAddState) {
+        input.value = term;
+        form.setAttribute("data-running", "true");
+        if (index) {
+            search(term, doNotAddState);
+        }
+        else if (queuedTerm) {
+            queuedTerm = term;
+            queuedDoNotAddState = doNotAddState;
+        }
+        else {
+            queuedTerm = term;
+            queuedDoNotAddState = doNotAddState;
+            initIndex();
+        }
+    }
+
+    function searchDone() {
+        form.removeAttribute("data-running");
+
+        // A magic trick to make search field loses focus on mobile,
+        // which prevents the virtual keyboard from popping up.
+        const header = document.querySelector('.header');
+        if (header && header.classList.contains('fade')) {
+            input.blur();
+        }
+
+        queuedTerm = null;
+        queuedDoNotAddState = false;
+    }
+
+    function initIndex() {
+        let request = new XMLHttpRequest();
+        request.open("GET", "{{ partial "utils/relative-url.html" (dict "$" . "filename" (((.Site.GetPage "").OutputFormats.Get "SearchIndex").RelPermalink | strings.TrimPrefix "/")) }}");
+        request.responseType = "json";
+        request.addEventListener("load", function(event) {
+            let documents = request.response;
+            if (!documents)
+            {
+                console.error("Search index could not be downloaded, was it generated?");
+                searchDone();
+                return;
+            }
+
+            lookup = {};
+            index = lunr(function() {
+                const language = "{{ .Site.Language.Lang }}";
+                if (language != "en" && lunr.hasOwnProperty(language)) {
+                    this.use(lunr[language]);
+                }
+
+                this.ref("uri");
+                this.field("title");
+                this.field("subtitle");
+                this.field("content");
+                this.field("description");
+                this.field("categories");
+                this.field("tags");
+
+                for (let document of documents) {
+                    this.add(document);
+                    lookup[document.uri] = document;
+                }
+            });
+
+            search(queuedTerm, queuedDoNotAddState);
+        }, false);
+        request.addEventListener("error", searchDone, false);
+        request.send(null);
+    }
+
+    function search(term, doNotAddState) {
+        try {
+            let results = index.search(term);
+
+            let target = document.querySelector(".main-inner") || document.querySelector("main.home");
+            let replaced = [];
+            while (target.firstChild) {
+                replaced.push(target.firstChild);
+                target.removeChild(target.firstChild);
+            }
+            if (!origContent) {
+                origContent = replaced;
+            }
+
+            let title = document.createElement("h1");
+            title.id = "search-results";
+            title.className = "list-title";
+
+            // This is an overly simple pluralization scheme, it will only work
+            // for some languages.
+            if (results.length == 0) {
+                title.textContent = "{{ i18n "searchResultsNone" (dict "Term" "{}") }}".replace("{}", term);
+            }
+            else if (results.length == 1) {
+                title.textContent = "{{ i18n "searchResultsTitle" (dict "Count" 1 "Term" "{}") }}".replace("{}", term);
+            }
+            else {
+                title.textContent = "{{ i18n "searchResultsTitle" (dict "Count" 13579 "Term" "{}") }}".replace("{}", term).replace("13579", results.length);
+            }
+            target.appendChild(title);
+            document.title = title.textContent;
+
+            let template = document.getElementById("search-result");
+            for (let result of results) {
+                let doc = lookup[result.ref];
+
+                let element = template.content.cloneNode(true);
+                element.querySelector(".summary-title-link").href = element.querySelector(".read-more-link").href = doc.uri;
+                element.querySelector(".summary-title-link").textContent = doc.title;
+                element.querySelector(".summary").textContent = truncateToEndOfSentence(doc.content, 70);
+                target.appendChild(element);
+            }
+            title.scrollIntoView(true);
+
+            if (!doNotAddState) {
+                history.pushState({type: "search", term: term}, title.textContent, "#search=" + encodeURIComponent(term));
+            }
+
+            {{ if .Site.Params.enableNavToggle }}
+                let navToggleLabel = document.querySelector('.nav-toggle');
+                if (navToggleLabel && navToggleLabel.classList.contains("open")) {
+                    document.getElementById(navToggleLabel.getAttribute("for")).click();
+                }
+            {{ end }}
+        }
+        finally {
+            searchDone();
+        }
+    }
+
+    // This matches Hugo's own summary logic:
+    // https://github.com/gohugoio/hugo/blob/b5f39d23b86f9cb83c51da9fe4abb4c19c01c3b7/helpers/content.go#L543
+    function truncateToEndOfSentence(text, minWords)
+    {
+        let match;
+        let result = "";
+        let wordCount = 0;
+        let regexp = /(\S+)(\s*)/g;
+        while (match = regexp.exec(text)) {
+            wordCount++;
+            if (wordCount <= minWords) {
+                result += match[0];
+            }
+            else
+            {
+                let char1 = match[1][match[1].length - 1];
+                let char2 = match[2][0];
+                if (/[.?!"]/.test(char1) || char2 == "\n") {
+                    result += match[1];
+                    break;
+                }
+                else {
+                    result += match[0];
+                }
+            }
+        }
+        return result;
+    }
+}, {once: true});
diff --git a/themes/meme_cdn/assets/js/main.js b/themes/meme_cdn/assets/js/main.js
new file mode 100644
index 0000000..4153fd8
--- /dev/null
+++ b/themes/meme_cdn/assets/js/main.js
@@ -0,0 +1,24 @@
+// https://www.30secondsofcode.org/js/s/throttle/
+
+const throttle = (fn, wait) => {
+    let inThrottle, lastFn, lastTime;
+    return function() {
+        const context = this,
+              args = arguments;
+        if (!inThrottle) {
+            fn.apply(context, args);
+            lastTime = Date.now();
+            inThrottle = true;
+        } else {
+            clearTimeout(lastFn);
+            lastFn = setTimeout(function() {
+                if (Date.now() - lastTime >= wait) {
+                    fn.apply(context, args);
+                    lastTime = Date.now();
+                }
+            }, Math.max(wait - (Date.now() - lastTime), 0));
+        }
+    };
+};
+
+const delayTime = 420;
diff --git a/themes/meme_cdn/assets/js/multilingual.js b/themes/meme_cdn/assets/js/multilingual.js
new file mode 100644
index 0000000..392de0e
--- /dev/null
+++ b/themes/meme_cdn/assets/js/multilingual.js
@@ -0,0 +1,15 @@
+window.addEventListener("DOMContentLoaded", event => {
+    const langSwitcher = document.getElementById('lang-switcher');
+
+    if (langSwitcher) {
+        const langs = document.getElementById('langs');
+
+        langSwitcher.addEventListener('mouseover', function() {
+            langs.style = 'display: block';
+        });
+
+        langSwitcher.addEventListener('mouseout', function() {
+            langs.style = 'display: none';
+        });
+    }
+}, {once: true});
diff --git a/themes/meme_cdn/assets/js/nav-toggle.js b/themes/meme_cdn/assets/js/nav-toggle.js
new file mode 100644
index 0000000..919cdd6
--- /dev/null
+++ b/themes/meme_cdn/assets/js/nav-toggle.js
@@ -0,0 +1,99 @@
+window.addEventListener("DOMContentLoaded", event => {
+    // Create nav toggle icon
+
+    const navToggleLabel = document.querySelector('.nav-toggle');
+    const navToggleLabelInner = document.createElement('div');
+
+    navToggleLabelInner.className = 'nav-toggle-inner';
+    navToggleLabel.appendChild(navToggleLabelInner);
+
+    for (let i = 0; i < 3; i++) {
+        const span = document.createElement('span');
+
+        navToggleLabelInner.appendChild(span);
+    }
+
+
+    // Main function
+
+    const navToggle = document.getElementById('nav-toggle');
+    const header = document.querySelector('.header');
+    const navCurtain = document.querySelector('.nav-curtain');
+
+    navToggle.addEventListener('change', (e) => {
+        if (e.target.checked) {
+            header.classList.add('open');
+            navToggleLabel.classList.add('open');
+
+            header.classList.remove('fade');
+
+            navCurtain.style = 'display: block';
+        } else {
+            header.classList.remove('open');
+            navToggleLabel.classList.remove('open');
+
+            header.classList.add('fade');
+
+            // Cannot remove `display: block` immediately, or CSS animation
+            // will failed. The workaround is down below.
+
+            // navCurtain.removeAttribute('style');
+        }
+    });
+
+
+    // Fix animation failed caused by removing `display: block`
+
+    navCurtain.addEventListener('animationend', (e) => {
+        if (!navToggle.checked) {
+            e.target.removeAttribute('style');
+        }
+    });
+
+
+    window.addEventListener(
+        'scroll',
+        throttle(function() {
+            // Close nav when window is scrolled by user
+            checkInput();
+        }, delayTime)
+    );
+
+
+    const maxWidth = window.getComputedStyle(document.documentElement, null).getPropertyValue('--max-width');
+    let mediaQuery = window.matchMedia(`(max-width: ${maxWidth})`);
+
+    mediaQuery.addListener(e => {
+        if (!e.matches) {
+            // We are no longer in responsive mode, close nav
+            closeNav(true);
+        }
+    });
+
+
+    function checkInput() {
+        // https://github.com/reuixiy/hugo-theme-meme/issues/171
+        const input = document.getElementById('search-input');
+        if (input && input === document.activeElement) {
+            return;
+        }
+
+        closeNav();
+    }
+
+    function closeNav(noFade) {
+        if (navToggle.checked) {
+            navToggle.checked = false;
+
+            header.classList.remove('open');
+            navToggleLabel.classList.remove('open');
+
+            if (noFade) {
+                navCurtain.removeAttribute("style");
+            }
+            else {
+                header.classList.add('fade');
+            }
+        }
+    }
+}, {once: true});
diff --git a/themes/meme_cdn/assets/js/sw.js b/themes/meme_cdn/assets/js/sw.js
new file mode 100644
index 0000000..282811c
--- /dev/null
+++ b/themes/meme_cdn/assets/js/sw.js
@@ -0,0 +1,43 @@
+/**
+  References:
+
+  1. https://developers.google.com/web/fundamentals/primers/service-workers
+  2. https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook
+  3. https://googlechrome.github.io/samples/service-worker/
+  4. https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
+  5. https://serviceworke.rs/
+  6. https://www.youtube.com/watch?v=baSiSIyTGSk
+*/
+
+const RUNTIME = 'runtime';
+
+self.skipWaiting();
+
+self.addEventListener('fetch', (event) => {
+  // Do nothing if not the same origin
+  if (!event.request.url.startsWith(self.location.origin)) {
+    return;
+  }
+
+  // Network first strategy
+  event.respondWith(
+    (async () => {
+      const cache = await caches.open(RUNTIME);
+
+      try {
+        const networkResponse = await fetch(event.request);
+
+        // Save/Update cache if network response is ok
+        if (networkResponse && networkResponse.status === 200) {
+          cache.put(event.request, networkResponse.clone());
+        }
+
+        return networkResponse;
+      } catch (e) {
+        const cachedResponse = await cache.match(event.request);
+
+        return cachedResponse;
+      }
+    })()
+  );
+});
diff --git a/themes/meme_cdn/assets/scss/base/_base.scss b/themes/meme_cdn/assets/scss/base/_base.scss
new file mode 100644
index 0000000..7ee78bd
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/base/_base.scss
@@ -0,0 +1,97 @@
+@if ($enableSmoothScroll) {
+    html {
+        scroll-behavior: smooth;
+    }
+}
+
+html, body {
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    font-size: $fontSize;
+    text-size-adjust: none;
+    -webkit-text-size-adjust: none;
+    -moz-text-size-adjust: none;
+}
+
+body {
+    @include tabSize;
+    color: var(--color-contrast-high);
+    background-color: var(--color-bg);
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    line-height: 1.618;
+    transition: all $duration;
+}
+
+.container {
+    min-height: 100%;
+    min-width: 100%;
+    position: relative;
+}
+
+.main {
+    padding: 2em 1em 15em;
+    display: block;
+}
+
+@if ($headerLayoutFlex) {
+    .main {
+        padding-top: 7em;
+    }
+}
+
+.main-inner {
+    margin: 0 auto;
+    display: block;
+}
+
+.icon {
+    width: 1.05em; // fixes svg icon get cut off on safari
+    height: 1em;
+    fill: currentColor;
+    display: inline-block;
+}
+svg {
+    vertical-align: middle;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    margin: 1.618em 0 1em;
+    color: var(--color-contrast-higher);
+    a {
+        text-decoration: none !important;
+        color: var(--color-contrast-higher);
+    }
+}
+h1 {
+    font-size: 2em;
+}
+h2 {
+    font-size: 1.8em;
+}
+h3 {
+    font-size: 1.6em;
+}
+h4 {
+    font-size: 1.4em;
+}
+h5 {
+    font-size: 1.2em;
+}
+h6 {
+    font-size: 1em;
+}
+
+a {
+    color: var(--color-contrast-high);
+    text-decoration: none;
+    transition: all $duration;
+    &:hover {
+        color: var(--color-primary);
+    }
+}
+
+::selection {
+    background-color: alpha(var(--color-primary), 0.3);
+}
diff --git a/themes/meme_cdn/assets/scss/base/_data-attributes.scss b/themes/meme_cdn/assets/scss/base/_data-attributes.scss
new file mode 100644
index 0000000..c03e3bc
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/base/_data-attributes.scss
@@ -0,0 +1,91 @@
+[data-small-caps="true"] {
+    .post-body {
+        h1, h2, h3, h4, h5, h6 {
+            font-variant: small-caps;
+        }
+    }
+    .contents-title {
+        font-variant: small-caps;
+    }
+}
+
+[data-align="justify"] {
+    .post-body {
+        p, li, dd {
+            text-align: justify;
+            text-justify: distribute;
+        }
+    }
+    .footnotes {
+        a {
+            word-break: break-all;
+        }
+    }
+}
+[data-align="center"] {
+    .post-body p {
+        text-align: center;
+    }
+}
+
+[data-type="poetry"] {
+    .post-body {
+        display: table;
+        margin: 0 auto;
+
+        p {
+            margin: 0 0 1em;
+        }
+    }
+    .post-body > p:first-child {
+        img, video {
+            margin-top: 0;
+        }
+    }
+    .post-body > blockquote:first-child {
+        margin-top: 0;
+    }
+    .post-body > blockquote:last-child {
+        margin-bottom: 0;
+    }
+    .post-body > p:last-child {
+        margin: 0;
+    }
+    .post-body > p:last-child {
+        img, video {
+            margin-bottom: 0;
+        }
+        .caption {
+            margin: 1em 0 0;
+        }
+    }
+    section.footnotes > ol > li:last-child > p:last-child {
+        margin: 0;
+    }
+}
+
+[data-toc-num="true"] {
+    .contents {
+        ol {
+            counter-reset: item;
+            li {
+                &::before {
+                    counter-increment: item;
+                    margin-right: 0.5em;
+                }
+            }
+        }
+    }
+    // First level
+    .contents > ol > li {
+        &::before {
+            content: counters(item, ".") ".";
+        }
+    }
+    // Sub level
+    .contents li > ol > li {
+        &::before {
+            content: counters(item, ".");
+        }
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/base/_emphasis-point.scss b/themes/meme_cdn/assets/scss/base/_emphasis-point.scss
new file mode 100644
index 0000000..6167249
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/base/_emphasis-point.scss
@@ -0,0 +1,9 @@
+.emphasis-point {
+    font-style: normal;
+    text-emphasis: '•';
+    -webkit-text-emphasis: '•';
+    -moz-text-emphasis: '•';
+    text-emphasis-position: under;
+    -webkit-text-emphasis-position: under;
+    -moz-text-emphasis-position: under;
+}
diff --git a/themes/meme_cdn/assets/scss/base/_font-family.scss b/themes/meme_cdn/assets/scss/base/_font-family.scss
new file mode 100644
index 0000000..e485442
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/base/_font-family.scss
@@ -0,0 +1,64 @@
+@if variable-exists("fontFamilySiteBrand") {
+    .site-brand {
+        font-family: $fontFamilySiteBrand;
+    }
+}
+
+@if variable-exists("fontFamilyMenu") {
+    .menu {
+        font-family: $fontFamilyMenu;
+    }
+}
+
+@if variable-exists("fontFamilyTitle") {
+    .list-title, .term-title, .list-year, .list-month, .post-title, .post-subtitle, .related-title, .post-nav, thead, dt {
+        font-family: $fontFamilyTitle;
+    }
+}
+
+@if variable-exists("fontFamilyHeadings") {
+    .post-body {
+        h1, h2, h3, h4, h5, h6 {
+            font-family: $fontFamilyHeadings;
+        }
+    }
+    .contents-title {
+        font-family: $fontFamilyHeadings;
+    }
+}
+
+@if variable-exists("fontFamilyCode") {
+    code, pre, sup, .post-meta, .updated-badge, .post-gitinfo, .minimal-footer, .minimal-footer-about, .busuanzi-site-uv-and-pv, .copy-button {
+        font-family: $fontFamilyCode;
+    }
+}
+
+@if variable-exists("fontFamilyQuote") {
+    blockquote {
+        font-family: $fontFamilyQuote;
+    }
+}
+
+@if variable-exists("fontFamilyTOC") {
+    .contents {
+        font-family: $fontFamilyTOC;
+    }
+}
+
+@if variable-exists("fontFamilyCaption") {
+    .caption {
+        font-family: $fontFamilyCaption;
+    }
+}
+
+@if variable-exists("fontFamilyFooter") {
+    .footer {
+        font-family: $fontFamilyFooter;
+    }
+}
+
+@if variable-exists("fontFamilyBody") {
+    body {
+        font-family: $fontFamilyBody;
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/base/_glyph-correction.scss b/themes/meme_cdn/assets/scss/base/_glyph-correction.scss
new file mode 100644
index 0000000..9c3cbac
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/base/_glyph-correction.scss
@@ -0,0 +1,11 @@
+@font-face {
+    font-family: 'glyph-correction';
+    font-display: swap;
+    src: url('#{$baseRelURL}/fonts/glyph-correction.woff2') format('woff2'),
+         url('#{$baseRelURL}/fonts/glyph-correction.woff') format('woff'),
+         url('#{$baseRelURL}/fonts/glyph-correction.ttf') format('truetype'),
+         url('#{$baseRelURL}/fonts/glyph-correction.eot') format('embedded-opentype');
+    unicode-range: U+00B7, U+2014, U+2022, U+2026;
+    font-weight: inherit;
+    font-style: inherit;
+}
diff --git a/themes/meme_cdn/assets/scss/base/_indent.scss b/themes/meme_cdn/assets/scss/base/_indent.scss
new file mode 100644
index 0000000..a102a26
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/base/_indent.scss
@@ -0,0 +1,60 @@
+[data-indent="true"] {
+    .contents-title {
+        text-align: center;
+    }
+    .post-body {
+        p {
+            text-indent: 2em;
+            margin: 0;
+        }
+        .caption {
+            text-indent: 0;
+            margin: 0 0 1em;
+        }
+        blockquote {
+            margin: 1em 0;
+            padding: 0;
+            border: none;
+        }
+        img, video {
+            margin: 1em auto;
+        }
+        table {
+            margin: 1em 0;
+        }
+        pre, .highlight {
+            margin: 1rem 0;
+        }
+        h1, h2, h3, h4, h5, h6 {
+            text-align: center;
+        }
+        .anchor-link {
+            position: relative;
+            transform: none;
+            display: block;
+            float: none;
+        }
+        ol, ul {
+            margin: 0;
+            padding-left: 4em;
+            p {
+                text-indent: 0;
+            }
+        }
+        li {
+            ol, ul {
+                padding-left: 2em;
+            }
+        }
+        dl {
+            text-indent: 2em;
+            dd {
+                text-indent: 0;
+                margin-left: 4em;
+            }
+            p {
+                text-indent: 0;
+            }
+        }
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/base/_max-width.scss b/themes/meme_cdn/assets/scss/base/_max-width.scss
new file mode 100644
index 0000000..fff6800
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/base/_max-width.scss
@@ -0,0 +1 @@
+$maxWidth: $fontSize * (strip-unit($greaterWidth) + 5);
diff --git a/themes/meme_cdn/assets/scss/base/_responsive.scss b/themes/meme_cdn/assets/scss/base/_responsive.scss
new file mode 100644
index 0000000..83f0021
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/base/_responsive.scss
@@ -0,0 +1,157 @@
+@media (max-width: $maxWidth) {
+    .main-inner {
+        width: auto !important;
+    }
+    .anchor-link {
+        position: relative;
+        transform: none;
+        float: right;
+    }
+    @if (not $displayBackToTopOnMobile) {
+        #back-to-top {
+            display: none;
+        }
+    }
+    @if ($headerLayoutFlex) {
+        .header-inner {
+            width: 100%;
+        }
+        .site-brand {
+            margin-left: 1em;
+        }
+        @if ($enableNavToggle) {
+            .header-inner {
+                display: block;
+                margin: 0;
+                max-width: none;
+            }
+            .nav-toggle {
+                display: block;
+            }
+            .nav {
+                display: none;
+                text-align: center;
+                margin: 2em 0;
+            }
+            .menu {
+                display: grid;
+                grid-template-columns: 1fr 1fr 1fr;
+                align-items: center;
+            }
+            .menu-item {
+                margin: 0;
+                padding: 1em;
+                .icon {
+                    margin: 0;
+                }
+            }
+            .menu-item-name {
+                display: block;
+            }
+            .header.open {
+                .nav {
+                    display: block;
+                    animation: appear $duration;
+                    animation-iteration-count: 1;
+                    animation-fill-mode: forwards;
+                }
+                @keyframes appear {
+                    0% {
+                        opacity: 0;
+                        height: 0;
+                        margin: 0;
+                        transform: scaleY(0);
+                        transform-origin: top;
+                    }
+                    100% {
+                        opacity: 1;
+                        height: $navHeight;
+                        margin: 2em 0;
+                        transform: scaleY(1);
+                        transform-origin: top;
+                    }
+                }
+                .nav-curtain {
+                    animation: appearCurtain $duration;
+                    animation-iteration-count: 1;
+                    animation-fill-mode: forwards;
+                }
+                @keyframes appearCurtain {
+                    0% {
+                        visibility: hidden;
+                        opacity: 0;
+                    }
+                    100% {
+                        visibility: visible;
+                        opacity: 1;
+                    }
+                }
+            }
+            .header.fade {
+                .nav {
+                    display: block;
+                    animation: fade $duration;
+                    animation-iteration-count: 1;
+                    animation-fill-mode: forwards;
+                }
+                @keyframes fade {
+                    0% {
+                        opacity: 1;
+                        height: $navHeight;
+                        margin: 2em 0;
+                        transform: scaleY(1);
+                        transform-origin: top;
+                    }
+                    100% {
+                        opacity: 0;
+                        height: 0;
+                        margin: 0;
+                        transform: scaleY(0);
+                        transform-origin: top;
+                    }
+                }
+                .nav-curtain {
+                    animation: fadeCurtain $duration;
+                    animation-iteration-count: 1;
+                    animation-fill-mode: forwards;
+                }
+                @keyframes fadeCurtain {
+                    0% {
+                        visibility: visible;
+                        opacity: 1;
+                    }
+                    100% {
+                        visibility: hidden;
+                        opacity: 0;
+                    }
+                }
+            }
+            #langs li {
+                width: auto;
+            }
+            @if ($enableSearch) {
+                .search-item {
+                    grid-column: 1 / -1;
+                }
+
+                .search .search-input {
+                    margin-left: 0.5em;
+                    flex: 1;
+                }
+            }
+        } @else {
+            .nav {
+                margin-right: 1em;
+            }
+        }
+    } @else {
+        .menu {
+            display: flex;
+            justify-content: space-around;
+            word-break: break-all;
+        }
+        .menu-item {
+            margin: 0;
+        }
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/base/_scrollbar.scss b/themes/meme_cdn/assets/scss/base/_scrollbar.scss
new file mode 100644
index 0000000..3852ce4
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/base/_scrollbar.scss
@@ -0,0 +1,19 @@
+::-webkit-scrollbar {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+::-webkit-scrollbar-track {
+  background-color: var(--color-bg);
+}
+::-webkit-scrollbar-thumb {
+  background-color: var(--color-contrast-low);
+  &:hover {
+      background-color: alpha(var(--color-primary), 0.5);
+  }
+  &:active {
+      background-color: alpha(var(--color-primary), 0.75);
+  }
+}
+::-webkit-scrollbar-corner {
+  background-color: var(--color-bg);
+}
diff --git a/themes/meme_cdn/assets/scss/base/_supports.scss b/themes/meme_cdn/assets/scss/base/_supports.scss
new file mode 100644
index 0000000..0f854ae
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/base/_supports.scss
@@ -0,0 +1,7 @@
+@if ($headerLayoutFlex) {
+    @supports not ((backdrop-filter: none) or (-webkit-backdrop-filter: none)) {
+        .header-wrapper {
+            background-color: var(--color-bg);
+        }
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/components/_back-to-top.scss b/themes/meme_cdn/assets/scss/components/_back-to-top.scss
new file mode 100644
index 0000000..7667333
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_back-to-top.scss
@@ -0,0 +1,27 @@
+.back-to-top {
+    position: fixed;
+    right: 0;
+    z-index: 1;
+    a {
+        display: block;
+        padding: 1em;
+        color: var(--color-contrast-medium);
+        &:hover {
+            color: var(--color-primary);
+        }
+    }
+}
+
+@if ($enableBackToTopAutoHide) {
+    .back-to-top {
+        bottom: -3.6em;
+        transition: bottom 0.3s ease-in-out;
+        &.show {
+            bottom: 0;
+        }
+    }
+} @else {
+    .back-to-top {
+        bottom: 0;
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/components/_comments.scss b/themes/meme_cdn/assets/scss/components/_comments.scss
new file mode 100644
index 0000000..8fbdec2
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_comments.scss
@@ -0,0 +1,16 @@
+.load-comments {
+    margin-top: 5em;
+    text-align: center;
+}
+
+#load-comments {
+    cursor: pointer;
+    display: inline-block;
+    background-color: var(--color-contrast-lower);
+    padding: 0.5em 1em;
+    border-radius: 1em;
+    transition: background-color $duration;
+    &:hover {
+        background-color: alpha(var(--color-primary), 0.3);
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/components/_highlight.scss b/themes/meme_cdn/assets/scss/components/_highlight.scss
new file mode 100644
index 0000000..b8e6c31
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_highlight.scss
@@ -0,0 +1,99 @@
+.highlight {
+    font-size: 0.8rem;
+    margin: 2rem 0;
+    pre {
+        margin: 0 !important;
+        max-height: unset;
+    }
+    .lntd pre {
+        background-color: unset;
+        overflow: visible;
+    }
+    table > tbody > tr:nth-of-type(odd) {
+        background-color: inherit;
+    }
+    table > tbody > tr:hover {
+        background-color: inherit;
+    }
+}
+span.lnt {
+    user-select: none;
+    display: block;
+    margin-right: -1em !important;
+    padding: 0 !important;
+    text-align: right;
+}
+
+.chroma {
+    color: var(--color-contrast-high);
+    background-color: alpha(var(--color-contrast-lower), 0.5);
+}
+
+@if ($enableOverflowY) {
+    .lntable, .highlight > pre {
+        max-height: $maxHeight;
+    }
+}
+
+/* The following is the output of `hugo gen chromastyles --style=dracula` */
+/* with color values replaced by variables. */
+
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
+/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: var(--chroma-line-numbers-background) }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: var(--chroma-line-numbers-color) }
+/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: var(--chroma-line-numbers-color) }
+/* Keyword */ .chroma .k { color: var(--chroma-keyword-color) }
+/* KeywordConstant */ .chroma .kc { color: var(--chroma-keyword-color) }
+/* KeywordDeclaration */ .chroma .kd { color: var(--chroma-declaration-color); font-style: italic }
+/* KeywordNamespace */ .chroma .kn { color: var(--chroma-name-color) }
+/* KeywordPseudo */ .chroma .kp { color: var(--chroma-keyword-color) }
+/* KeywordReserved */ .chroma .kr { color: var(--chroma-keyword-color) }
+/* KeywordType */ .chroma .kt { color: var(--chroma-name-color) }
+/* NameAttribute */ .chroma .na { color: var(--chroma-attribute-color) }
+/* NameBuiltin */ .chroma .nb { color: var(--chroma-name-color); font-style: italic }
+/* NameClass */ .chroma .nc { color: var(--chroma-attribute-color) }
+/* NameFunction */ .chroma .nf { color: var(--chroma-attribute-color) }
+/* NameLabel */ .chroma .nl { color: var(--chroma-name-color); font-style: italic }
+/* NameTag */ .chroma .nt { color: var(--chroma-keyword-color) }
+/* NameVariable */ .chroma .nv { color: var(--chroma-name-color); font-style: italic }
+/* NameVariableClass */ .chroma .vc { color: var(--chroma-name-color); font-style: italic }
+/* NameVariableGlobal */ .chroma .vg { color: var(--chroma-name-color); font-style: italic }
+/* NameVariableInstance */ .chroma .vi { color: var(--chroma-name-color); font-style: italic }
+/* LiteralString */ .chroma .s { color: var(--chroma-literal-color) }
+/* LiteralStringAffix */ .chroma .sa { color: var(--chroma-literal-color) }
+/* LiteralStringBacktick */ .chroma .sb { color: var(--chroma-literal-color) }
+/* LiteralStringChar */ .chroma .sc { color: var(--chroma-literal-color) }
+/* LiteralStringDelimiter */ .chroma .dl { color: var(--chroma-literal-color) }
+/* LiteralStringDoc */ .chroma .sd { color: var(--chroma-literal-color) }
+/* LiteralStringDouble */ .chroma .s2 { color: var(--chroma-literal-color) }
+/* LiteralStringEscape */ .chroma .se { color: var(--chroma-literal-color) }
+/* LiteralStringHeredoc */ .chroma .sh { color: var(--chroma-literal-color) }
+/* LiteralStringInterpol */ .chroma .si { color: var(--chroma-literal-color) }
+/* LiteralStringOther */ .chroma .sx { color: var(--chroma-literal-color) }
+/* LiteralStringRegex */ .chroma .sr { color: var(--chroma-literal-color) }
+/* LiteralStringSingle */ .chroma .s1 { color: var(--chroma-literal-color) }
+/* LiteralStringSymbol */ .chroma .ss { color: var(--chroma-literal-color) }
+/* LiteralNumber */ .chroma .m { color: var(--chroma-number-color) }
+/* LiteralNumberBin */ .chroma .mb { color: var(--chroma-number-color) }
+/* LiteralNumberFloat */ .chroma .mf { color: var(--chroma-number-color) }
+/* LiteralNumberHex */ .chroma .mh { color: var(--chroma-number-color) }
+/* LiteralNumberInteger */ .chroma .mi { color: var(--chroma-number-color) }
+/* LiteralNumberIntegerLong */ .chroma .il { color: var(--chroma-number-color) }
+/* LiteralNumberOct */ .chroma .mo { color: var(--chroma-number-color) }
+/* Operator */ .chroma .o { color: var(--chroma-keyword-color) }
+/* OperatorWord */ .chroma .ow { color: var(--chroma-keyword-color) }
+/* Comment */ .chroma .c { color: var(--chroma-comment-color) }
+/* CommentHashbang */ .chroma .ch { color: var(--chroma-comment-color) }
+/* CommentMultiline */ .chroma .cm { color: var(--chroma-comment-color) }
+/* CommentSingle */ .chroma .c1 { color: var(--chroma-comment-color) }
+/* CommentSpecial */ .chroma .cs { color: var(--chroma-comment-color) }
+/* CommentPreproc */ .chroma .cp { color: var(--chroma-keyword-color) }
+/* CommentPreprocFile */ .chroma .cpf { color: var(--chroma-keyword-color) }
+/* GenericDeleted */ .chroma .gd { color: var(--chroma-deleted-color) }
+/* GenericEmph */ .chroma .ge { text-decoration: underline }
+/* GenericHeading */ .chroma .gh { font-weight: bold }
+/* GenericInserted */ .chroma .gi { font-weight: bold }
+/* GenericOutput */ .chroma .go { color: var(--chroma-output-color) }
+/* GenericSubheading */ .chroma .gu { font-weight: bold }
+/* GenericUnderline */ .chroma .gl { text-decoration: underline }
diff --git a/themes/meme_cdn/assets/scss/components/_minimal-footer-about.scss b/themes/meme_cdn/assets/scss/components/_minimal-footer-about.scss
new file mode 100644
index 0000000..7125d27
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_minimal-footer-about.scss
@@ -0,0 +1,23 @@
+.minimal-footer-about {
+    font-size: 80%;
+    margin-top: 5rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    line-height: 2;
+    a {
+        display: inline-block;
+        color: alpha(var(--color-contrast-medium), 0.9);
+        &:hover {
+            color: var(--color-primary);
+        }
+    }
+}
+
+.about-socials, .about-links {
+    max-width: 42%;
+}
+
+.about-links {
+    text-align: right;
+}
diff --git a/themes/meme_cdn/assets/scss/components/_minimal-footer.scss b/themes/meme_cdn/assets/scss/components/_minimal-footer.scss
new file mode 100644
index 0000000..2778116
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_minimal-footer.scss
@@ -0,0 +1,27 @@
+.minimal-footer {
+    font-size: 80%;
+    margin-top: 5rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    line-height: 2;
+}
+
+.post-tag, .post-category {
+    max-width: 42%;
+}
+
+.post-category {
+    text-align: right;
+    .active {
+        color: var(--color-contrast-high);
+    }
+}
+
+.post-tag-link, .post-category-link {
+    display: inline-block;
+}
+
+.post-tag-link, .post-category-link, .post-category {
+    color: alpha(var(--color-contrast-medium), 0.9);
+}
diff --git a/themes/meme_cdn/assets/scss/components/_multilingual.scss b/themes/meme_cdn/assets/scss/components/_multilingual.scss
new file mode 100644
index 0000000..7fef5e3
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_multilingual.scss
@@ -0,0 +1,31 @@
+#lang-switcher {
+    position: relative;
+    z-index: 4;
+    color: var(--color-contrast-medium);
+}
+
+#langs {
+    display: none;
+    position: absolute;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    li {
+        width: max-content;
+    }
+}
+
+@if ($headerLayoutFlex) {
+    #lang-switcher {
+        display: inline-block;
+    }
+    #langs {
+        left: 0;
+        right: 0;
+    }
+} @else {
+    #lang-switcher {
+        padding: 1em;
+        float: left;
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/components/_nav-toggle.scss b/themes/meme_cdn/assets/scss/components/_nav-toggle.scss
new file mode 100644
index 0000000..78d99bf
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_nav-toggle.scss
@@ -0,0 +1,63 @@
+#nav-toggle {
+    display: none;
+}
+
+.nav-toggle {
+    display: none;
+    position: absolute;
+    top: 1em;
+    right: 1em;
+    margin-right: 1em;
+    width: 1em;
+    height: 1em;
+    cursor: pointer;
+}
+
+.nav-toggle-inner {
+    padding: 1em;
+    display: inline-block;
+}
+
+.nav-toggle {
+    span {
+        display: block;
+        position: absolute;
+        height: 0.1em;
+        width: 1em;
+        background-color: var(--color-contrast-high);
+        transition: all $duration;
+        &:nth-child(1) {
+            top: 0.4em;
+        }
+        &:nth-child(2) {
+            top: 0.7em;
+        }
+        &:nth-child(3) {
+            top: 1em;
+        }
+    }
+    &.open {
+        span {
+            &:nth-child(1) {
+                top: 75%;
+                transform: rotate(225deg);
+            }
+            &:nth-child(2) {
+                width: 0;
+                opacity: 0;
+                transform: rotate(-135deg);
+            }
+            &:nth-child(3) {
+                top: 75%;
+                transform: rotate(-45deg);
+            }
+        }
+    }
+}
+
+.nav-curtain {
+    height: 100vh;
+    width: 100vw;
+    @include blur;
+    background: $headerBackground rgba(0, 0, 0, 0.5);
+}
diff --git a/themes/meme_cdn/assets/scss/components/_post-copyright.scss b/themes/meme_cdn/assets/scss/components/_post-copyright.scss
new file mode 100644
index 0000000..cb1bdb3
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_post-copyright.scss
@@ -0,0 +1,18 @@
+.post-copyright {
+    margin: 0;
+    list-style: none;
+    margin-top: 5em !important;
+    padding: 0.5em 1em;
+    background-color: alpha(var(--color-contrast-lower), 0.5);
+    border-left: 3px solid alpha(var(--color-primary), 0.5);
+    line-height: 2;
+}
+
+.copyright-item {
+    line-height: 1.5;
+    margin: 0.5em 0;
+}
+
+.copyright-item-text {
+    font-weight: 500;
+}
diff --git a/themes/meme_cdn/assets/scss/components/_post-gitinfo.scss b/themes/meme_cdn/assets/scss/components/_post-gitinfo.scss
new file mode 100644
index 0000000..f261ea7
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_post-gitinfo.scss
@@ -0,0 +1,34 @@
+.post-gitinfo {
+    font-size: 70%;
+    margin-top: 5rem;
+    display: flex;
+    justify-content: space-between;
+    color: alpha(var(--color-contrast-medium), 0.8);
+    overflow: auto hidden;
+    a {
+        color: alpha(var(--color-contrast-medium), 0.8);
+        &:hover {
+            color: var(--color-primary);
+        }
+    }
+}
+
+.post-gitinfo-left, .post-gitinfo-right {
+    display: flex;
+}
+
+.post-gitinfo-right {
+    text-align: right;
+}
+
+.commit, .commit-msg {
+    margin-right: 1em;
+}
+
+.edit {
+    margin-left: 1em;
+}
+
+.git-icon, .msg-icon, .feedback-icon, .edit-icon {
+    margin: 0 0.3em 0.3em 0;
+}
diff --git a/themes/meme_cdn/assets/scss/components/_post-meta.scss b/themes/meme_cdn/assets/scss/components/_post-meta.scss
new file mode 100644
index 0000000..ffa1fdc
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_post-meta.scss
@@ -0,0 +1,28 @@
+.post-meta {
+    color: var(--color-contrast-medium);
+    font-size: 80%;
+    text-align: center;
+    margin: 1rem 0;
+    a {
+        color: var(--color-contrast-medium);
+        &:hover {
+            color: var(--color-primary);
+        }
+    }
+}
+
+.home {
+    .post-meta {
+        margin: 1rem 0;
+    }
+}
+
+.post-meta-item {
+    margin: 0.5em;
+    display: inline-block;
+}
+
+.post-meta-icon {
+    fill: alpha(var(--color-contrast-medium), 0.5);
+    margin-bottom: 0.3em;
+}
diff --git a/themes/meme_cdn/assets/scss/components/_post-nav.scss b/themes/meme_cdn/assets/scss/components/_post-nav.scss
new file mode 100644
index 0000000..df10759
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_post-nav.scss
@@ -0,0 +1,19 @@
+.post-nav {
+    list-style: none;
+    padding: 0;
+    display: flex;
+    justify-content: space-between;
+    border-top: 1px solid var(--color-contrast-lower);
+    font-weight: 700;
+    margin-top: 5em;
+    padding-top: 0.618em;
+}
+.post-nav-prev {
+    margin-right: auto;
+    max-width: 42%;
+}
+.post-nav-next {
+    margin-left: auto;
+    text-align: right;
+    max-width: 42%;
+}
diff --git a/themes/meme_cdn/assets/scss/components/_post-share.scss b/themes/meme_cdn/assets/scss/components/_post-share.scss
new file mode 100644
index 0000000..2a6c95f
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_post-share.scss
@@ -0,0 +1,110 @@
+.post-share {
+    margin-top: 5rem;
+    color: alpha(var(--color-contrast-medium), 0.8);
+    a {
+        color: alpha(var(--color-contrast-medium), 0.8);
+        &:hover {
+            color: inherit;
+        }
+    }
+}
+
+@if ($displayShareOnText) {
+    .share-text {
+        float: left;
+    }
+    .share-items {
+        text-align: right;
+    }
+    .share-item {
+        margin-left: 1em;
+    }
+} @else {
+    .share-items {
+        text-align: center;
+    }
+    .share-item {
+        margin: 0 0.5em;
+    }
+}
+
+.share-item {
+    display: inline-block;
+    .icon {
+        transition: fill $duration;
+    }
+}
+
+.twitter-icon {
+    &:hover {
+        fill: #1DA1F2;
+    }
+}
+
+.facebook-icon {
+    &:hover {
+        fill: #1877F2;
+    }
+}
+
+.linkedin-icon {
+    &:hover {
+        fill: #0077B5;
+    }
+}
+
+.telegram-icon {
+    &:hover {
+        fill: #2CA5E0;
+    }
+}
+
+.weibo-icon {
+    &:hover {
+        fill: #E6162D;
+    }
+}
+
+.douban-icon {
+    &:hover {
+        fill: #007722;
+    }
+}
+
+.qq-icon {
+    &:hover {
+        fill: #12B7F5;
+    }
+}
+
+.qzone-icon {
+    &:hover {
+        fill: #FECE00;
+    }
+}
+
+@if ($shareViaQRCode) {
+    .qrcode-icon {
+        &:hover {
+            fill: var(--color-primary);
+        }
+    }
+    #qrcode-img {
+        position: absolute;
+        transform: translate(calc(-100% + 1em), calc(-100% - 1em));
+        opacity: 0;
+        transition: opacity $duration;
+        img {
+            display: none;
+        }
+    }
+    .qrcode-container {
+        &:hover #qrcode-img {
+            opacity: 1;
+            img {
+                display: inline-block;
+                border: 1px solid var(--color-contrast-lower);
+            }
+        }
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/components/_post-tags.scss b/themes/meme_cdn/assets/scss/components/_post-tags.scss
new file mode 100644
index 0000000..47aebe2
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_post-tags.scss
@@ -0,0 +1,17 @@
+.post-tags {
+    margin-top: 5rem;
+    text-align: center;
+    font-size: 90%;
+}
+
+.post-tags-link {
+    color: alpha(var(--color-contrast-medium), 0.9);
+    margin: 0 0.5em;
+    line-height: 2;
+    display: inline-block;
+}
+
+.tag-icon {
+    margin-right: 0.3em;
+    font-size: 80%;
+}
diff --git a/themes/meme_cdn/assets/scss/components/_related-posts.scss b/themes/meme_cdn/assets/scss/components/_related-posts.scss
new file mode 100644
index 0000000..fbd6d27
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_related-posts.scss
@@ -0,0 +1,27 @@
+.related-posts {
+    border: 1px solid var(--color-contrast-lower);
+    padding: 0.6em 1em;
+    line-height: 2em;
+    margin-top: 5em;
+}
+
+.related-title {
+    font-size: 1em;
+    margin: 0;
+}
+
+.related-icon {
+    float: right;
+    margin-top: 0.4em;
+}
+
+.related-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.related-link {
+    line-height: 1.5;
+    display: inline-block;
+}
diff --git a/themes/meme_cdn/assets/scss/components/_search.scss b/themes/meme_cdn/assets/scss/components/_search.scss
new file mode 100644
index 0000000..93334eb
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_search.scss
@@ -0,0 +1,54 @@
+@keyframes spin {
+    100% {
+        transform: rotateY(360deg);
+    }
+}
+
+.search {
+    display: flex;
+    justify-content: center;
+    border: 1px solid var(--color-contrast-medium);
+    min-width: 1em;
+    height: 1em;
+    line-height: 1;
+    border-radius: 0.75em;
+    padding: 0.25em;
+
+    .search-icon {
+        cursor: pointer;
+        width: 1em;
+        height: 1em;
+        margin: 0;
+        vertical-align: bottom;
+
+        color: var(--color-contrast-medium);
+        transition: color $duration;
+        &:hover {
+            color: var(--color-primary);
+        }
+    }
+
+    &[data-running] .search-icon {
+        animation: spin 1.5s linear infinite;
+    }
+
+    .search-input {
+        -moz-appearance: textfield;
+        -webkit-appearance: textfield;
+        appearance: textfield;
+        border-width: 0;
+        padding: 0;
+        margin: 0;
+        width: 0;
+        outline: none;
+        background: transparent;
+        color: var(--color-contrast-higher);
+        transition: width $duration;
+
+        &:focus
+        {
+            margin-left: 0.5em;
+            width: 5em;
+        }
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/components/_socials.scss b/themes/meme_cdn/assets/scss/components/_socials.scss
new file mode 100644
index 0000000..729a6ad
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_socials.scss
@@ -0,0 +1,22 @@
+.socials {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+}
+
+.socials-item {
+    display: inline-block;
+    margin: 0.5em;
+    border-radius: 50%;
+    background-color: var(--color-contrast-medium);
+    transition: background-color $duration;
+
+    &:hover {
+        background-color: var(--color-primary);
+    }
+}
+
+.social-icon {
+    fill: var(--color-bg);
+    padding: 0.5em;
+}
diff --git a/themes/meme_cdn/assets/scss/components/_theme-switcher.scss b/themes/meme_cdn/assets/scss/components/_theme-switcher.scss
new file mode 100644
index 0000000..9e75373
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_theme-switcher.scss
@@ -0,0 +1,20 @@
+#theme-switcher {
+    color: var(--color-contrast-medium);
+    transition: color $duration;
+    z-index: 4;
+
+    &:hover {
+        color: var(--color-primary);
+    }
+
+    .icon {
+        margin-right: 0 !important;
+    }
+}
+
+@if (not $headerLayoutFlex) {
+    #theme-switcher {
+        padding: 1em;
+        float: right;
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/components/_updated-badge.scss b/themes/meme_cdn/assets/scss/components/_updated-badge.scss
new file mode 100644
index 0000000..a4cbfde
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/components/_updated-badge.scss
@@ -0,0 +1,12 @@
+.updated-badge-container {
+    margin-top: 5em;
+    text-align: center;
+}
+
+.updated-badge-left {
+    fill: var(--color-contrast-low);
+}
+
+.updated-badge-right {
+    fill: alpha(var(--color-primary), 0.5);
+}
diff --git a/themes/meme_cdn/assets/scss/custom/_custom.scss b/themes/meme_cdn/assets/scss/custom/_custom.scss
new file mode 100644
index 0000000..e69de29
diff --git a/themes/meme_cdn/assets/scss/layout/_footer.scss b/themes/meme_cdn/assets/scss/layout/_footer.scss
new file mode 100644
index 0000000..d54f550
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/layout/_footer.scss
@@ -0,0 +1,45 @@
+.footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    font-size: 90%;
+    color: alpha(var(--color-contrast-medium), 0.8);
+    a {
+        color: alpha(var(--color-contrast-medium), 0.8);
+        &:hover {
+            color: var(--color-primary);
+        }
+    }
+}
+
+.footer-inner {
+    padding: 1em;
+    text-align: center;
+}
+
+.footer-icon {
+    margin: 0 0.25em 0.3em;
+}
+
+@if variable-exists("iconColor") {
+    .footer-icon {
+        fill: $iconColor;
+    }
+}
+
+@if ($iconAnimation) {
+    @keyframes heartbeat {
+        0%, 100% {
+            transform: scale(1);
+        }
+        10%, 30% {
+            transform: scale(0.9);
+        }
+        20%, 40%, 50%, 60%, 70%, 80% {
+            transform: scale(1.1);
+        }
+    }
+    .footer-icon {
+        animation: heartbeat 1.33s ease-in-out infinite;
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/layout/_header.scss b/themes/meme_cdn/assets/scss/layout/_header.scss
new file mode 100644
index 0000000..df154a3
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/layout/_header.scss
@@ -0,0 +1,90 @@
+.header {
+    z-index: 3;
+}
+
+@if ($headerLayoutFlex) {
+    .header {
+        position: fixed;
+        width: 100vw;
+    }
+    .header-wrapper {
+        padding: 1em 0;
+        @include blur;
+        background: $headerBackground;
+        transition: background $duration;
+    }
+    .header-inner {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin: 0 auto;
+        max-width: $postWidth;
+    }
+    .header-inner.list {
+        max-width: $listWidth;
+    }
+    .site-brand {
+        margin-right: 1em;
+    }
+} @else {
+    .header {
+        position: relative;
+        background: $headerBackground;
+    }
+    .site-brand {
+        text-align: center;
+    }
+}
+
+$brandHeight: null;
+@if ($siteBrandSVG) {
+    .brand {
+        width: $siteBrandSVGWidth;
+        height: $siteBrandSVGHeight;
+        fill: $siteBrandSVGFill;
+    }
+    $brandHeight: $siteBrandSVGHeight;
+} @else {
+    .brand {
+        font-size: $siteBrandFontSize;
+        color: $siteBrandFontColor;
+        text-decoration: none;
+        &:hover {
+            color: $siteBrandFontColor;
+        }
+    }
+    /* $siteBrandFontSize * {body line-height} */
+    $brandHeight: $fontSize * strip-unit($siteBrandFontSize) * 1.618;
+}
+
+@if ($headerLayoutFlex) {
+    :root {
+        /* This is an approximate calculation, it won't cover all scenarios */
+        --header-height: calc(
+            max(
+                /* brand */
+                #{$brandHeight},
+                /* menu */
+                #{$fontSize * 0.8 * 1.5} /* {.nav font-size} * {.menu line-height} */
+            )
+            /* .header-wrapper top+bottom margin */
+            + #{$fontSize * 2}
+        );
+    }
+
+    /* Scrolling fix for anchors being hidden below the header */
+    *[id] {
+        scroll-margin-top: var(--header-height);
+    }
+}
+
+@if ($enableHeaderAutoHide and $headerLayoutFlex) {
+    .header {
+        top: 0;
+        transition: top 0.3s ease-in-out;
+    
+        &.hide {
+            top: calc(var(--header-height) * -1);
+        }
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/layout/_list.scss b/themes/meme_cdn/assets/scss/layout/_list.scss
new file mode 100644
index 0000000..c50f56e
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/layout/_list.scss
@@ -0,0 +1,92 @@
+.list .main-inner {
+    width: $listWidth;
+}
+
+.list-title {
+    text-align: center;
+}
+
+.list {
+    ul {
+        list-style: none;
+        padding: 0;
+    }
+}
+
+@if ($listDatePosition == "right") {
+    .list-item-title {
+        flex: 1;
+    }
+    .list-item-time {
+        text-align: right;
+        margin-left: 1em;
+    }
+}
+@if ($listDatePosition == "left") {
+    .list-item {
+        flex-direction: row-reverse;
+    }
+    .list-item-time {
+        flex: 1;
+    }
+    .list-item-title {
+        text-align: right;
+        margin-left: 1em;
+    }
+}
+
+.list-item {
+    line-height: 2;
+    position: relative;
+    transition: border $duration;
+    border-bottom: 1px dashed var(--color-contrast-low);
+    margin-top: 1em;
+    padding-bottom: 0.5em;
+    display: flex;
+    align-items: baseline;
+    &:hover {
+        border-bottom-color: var(--color-primary);
+        ::before {
+            background: var(--color-primary);
+        }
+    }
+    ::before {
+        content: " ";
+        position: absolute;
+        left: 0.618em;
+        top: 0.618em;
+        width: $fontSize / 3;
+        height: $fontSize / 3;
+        background: var(--color-contrast-low);
+        border-radius: 50%;
+        border: 1px solid var(--color-bg);
+        transition: background $duration;
+        font-size: 1rem;
+    }
+}
+.list-item-title {
+    margin: 0 0.618em 0 2em;
+    font-size: 1.2em;
+    line-height: 1.5;
+}
+.list-item-time {
+    margin: 0 0.618em 0 2em;
+    color: var(--color-contrast-medium);
+    line-height: 1.5;
+}
+.list-read-more {
+    margin-top: 1em;
+    font-size: 1.2em;
+    line-height: 1.5;
+}
+
+.list-year {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+}
+
+.term-count {
+    color: var(--color-contrast-medium);
+    font-size: 0.7em;
+}
diff --git a/themes/meme_cdn/assets/scss/layout/_menu.scss b/themes/meme_cdn/assets/scss/layout/_menu.scss
new file mode 100644
index 0000000..19192bd
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/layout/_menu.scss
@@ -0,0 +1,52 @@
+.nav {
+    z-index: 3;
+    position: relative;
+}
+
+.menu {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    line-height: 1.5;
+    font-weight: 500;
+}
+
+.menu-item {
+    display: inline-block;
+    a {
+        color: var(--color-contrast-medium);
+        &:hover {
+            color: var(--color-primary);
+        }
+    }
+}
+
+.active {
+    a {
+        color: var(--color-primary);
+    }
+}
+
+@if ($headerLayoutFlex) {
+    .nav {
+        text-align: right;
+        font-size: 80%;
+    }
+    .menu-item {
+        margin-left: 0.5em;
+        .icon {
+            margin: 0 0.3em 0.2em 0;
+        }
+    }
+} @else {
+    .menu {
+        text-align: center;
+        background: var(--color-contrast-lower);
+    }
+    .menu-item {
+        margin: 0 1em;
+    }
+    .menu-item-name {
+        display: flex;
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/layout/_single.scss b/themes/meme_cdn/assets/scss/layout/_single.scss
new file mode 100644
index 0000000..d8255cd
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/layout/_single.scss
@@ -0,0 +1,260 @@
+.single .main-inner {
+    width: $postWidth;
+}
+
+.post-title {
+    text-align: center;
+}
+
+.post-subtitle {
+    font-size: 1.8em;
+    text-align: center;
+    font-weight: 700;
+    margin-top: -0.618em;
+}
+
+.post-description {
+    text-align: center;
+    margin: 1rem 0;
+    font-size: 90%;
+}
+
+.post-body {
+    margin-top: 5em !important;
+    a {
+        text-decoration: underline;
+        text-decoration-color: var(--color-contrast-low);
+        &:hover {
+            text-decoration-color: alpha(var(--color-primary), 0.5);
+        }
+    }
+}
+
+.post {
+    p {
+        margin: 1em 0;
+        line-height: $lineHeight;
+    }
+    img {
+        display: block;
+        margin: 2em auto;
+        max-width: 100%;
+        border: 1px solid var(--color-contrast-lower);
+        clear: both;
+    }
+    video {
+        display: block;
+        max-width: 100%;
+        margin: 2em auto;
+        clear: both;
+    }
+    sup {
+        font-size: 70%;
+        vertical-align: super;
+        a {
+            text-decoration: none;
+        }
+    }
+    ol, ul {
+        margin: 0;
+        padding-left: 2em;
+        line-height: $lineHeight;
+    }
+    hr {
+        border: none;
+        margin: 2.427em 0 1.5em;
+        text-align: center;
+        &::after {
+            content: "···";
+            letter-spacing: 2em;
+            padding-left: 2em;
+        }
+    }
+}
+
+blockquote {
+    margin: 2em 0;
+    padding-left: 1em;
+    color: var(--color-contrast-medium);
+    border-left: 3px solid var(--color-contrast-low);
+    a {
+        color: var(--color-contrast-medium);
+        &:hover {
+            color: var(--color-primary);
+        }
+    }
+}
+
+.drop-cap {
+    float: left;
+    font-size: $fontSize * 3;
+    margin-right: $lineHeight * $fontSize - $fontSize;
+    margin-top: $fontSize / $lineHeight;
+    line-height: $lineHeight * $fontSize;
+}
+
+.caption {
+    display: block;
+    text-align: center;
+    margin: -1em 0 0;
+    font-size: 90%;
+    color: var(--color-contrast-medium);
+}
+
+.contents {
+    margin-top: 5em;
+    ol, ul {
+        list-style: none;
+    }
+}
+ol, ul {
+    &.toc {
+        padding: 0;
+        overflow: auto hidden;
+        white-space: nowrap;
+    }
+}
+
+.footnotes {
+    font-size: 90%;
+    margin-top: 5rem;
+    hr {
+        margin: 0;
+        height: 1px;
+        border: none;
+        background-color: var(--color-contrast-medium);
+        &::after {
+            content: none;
+        }
+    }
+    ol {
+        margin: 1.618rem 0 0 !important;
+        padding: 0 1rem 0 2rem !important;
+    }
+}
+
+@if ($footnoteReturnLinkIcon) {
+    .footnote-icon {
+        fill: alpha(var(--color-contrast-high), 0.5);
+        transition: fill $duration;
+        margin-bottom: 0.3em;
+        &:hover {
+            fill: var(--color-primary);
+        }
+    }
+}
+
+.anchor-link {
+    position: absolute;
+    transform: translate(-150%);
+}
+.anchor-icon {
+    width: 0.75em;
+    height: 0.75em;
+    vertical-align: baseline;
+}
+
+@if ($enableAnchorAutoHide) {
+    :root {
+        --anchor-opacity: 0;
+    }
+    .anchor-link {
+        opacity: var(--anchor-opacity);
+        transition: all ($duration / 2);
+    }
+    .post {
+        h1, h2, h3, h4, h5, h6, .anchor-link {
+            &:hover {
+                --anchor-opacity: 1;
+            }
+        }
+    }
+}
+
+.table-container {
+    margin: 2em 0;
+    overflow-x: auto;
+}
+table {
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    border-color: var(--color-contrast-lower);
+}
+th {
+    font-weight: 700;
+}
+th, td {
+    font-size: 0.9em;
+    padding: 0.4em;
+    border: 1px solid var(--color-contrast-lower);
+}
+table > tbody > tr:nth-of-type(odd) {
+    background-color: alpha(var(--color-contrast-lower), 0.5);
+}
+table > tbody > tr:hover {
+    background-color: var(--color-contrast-lower);
+}
+
+dt {
+    font-weight: 700;
+}
+dd {
+    margin-left: 2em;
+}
+
+code {
+    padding: ($fontSize / 8) ($fontSize / 4);
+    background-color: alpha(var(--color-contrast-lower), 0.5);
+    font-size: 80%;
+}
+pre {
+    overflow: auto;
+    overflow-wrap: normal;
+    word-wrap: normal;
+    font-size: 0.8rem;
+    margin: 2rem 0;
+    padding: 1em;
+    line-height: 1.618;
+    background-color: alpha(var(--color-contrast-lower), 0.5);
+    code {
+        background-color: unset;
+        font-size: 0.8rem;
+        padding: 0;
+    }
+}
+
+@if ($enableOverflowY) {
+    pre {
+        max-height: $maxHeight;
+    }
+}
+
+@if ($enableCopy) {
+    .copy-button {
+        position: absolute;
+        top: 0;
+        right: 0;
+        border: 0;
+        font-size: inherit;
+        color: var(--color-bg);
+        background-color: alpha(var(--color-contrast-medium), 0.5);
+        transition: all $duration;
+        cursor: pointer;
+        &:hover {
+            background-color: alpha(var(--color-primary), 0.5);
+        }
+    }
+
+    @if ($enableCopyAutoHide) {
+        .copy-button {
+            visibility: hidden;
+            opacity: 0;
+        }
+    }
+}
+
+.katex-display, mjx-container[jax="CHTML"][display="true"] {
+    overflow: auto hidden;
+    text-indent: 0;
+}
diff --git a/themes/meme_cdn/assets/scss/main.scss b/themes/meme_cdn/assets/scss/main.scss
new file mode 100644
index 0000000..dd1f449
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/main.scss
@@ -0,0 +1,493 @@
+{{ with .Site.Params.fontSize | default 16 }}
+    $fontSize: {{ . }}px;
+{{ end }}
+{{ with .Site.Params.tabSize | default 4 }}
+    $tabSize: {{ . }};
+{{ end }}
+{{ with .Site.Params.lineHeight | default 2 }}
+    $lineHeight: {{ . }};
+{{ end }}
+
+{{ with .Site.Params.postWidth | default 42 }}
+    $postWidth: {{ . }}em;
+{{ end }}
+{{ with .Site.Params.listWidth | default 42 }}
+    $listWidth: {{ . }}em;
+{{ end }}
+
+{{ with .Site.Params.duration | default 0.5 }}
+    $duration: {{ . }}s;
+{{ end }}
+
+{{ if eq .Site.Params.headerLayout "flex" }}
+    $headerLayoutFlex: true;
+{{ else }}
+    $headerLayoutFlex: false;
+{{ end }}
+
+{{ if .Site.Params.enableHeaderAutoHide }}
+    $enableHeaderAutoHide: true;
+{{ else }}
+    $enableHeaderAutoHide: false;
+{{ end }}
+
+{{ if .Site.Params.enableNavToggle }}
+    $enableNavToggle: true;
+
+    {{ with .Site.Params.navHeight | default "10em" }}
+        $navHeight: {{ . }};
+    {{ end }}
+{{ else }}
+    $enableNavToggle: false;
+{{ end }}
+
+{{ if .Site.Params.displayBackToTopOnMobile }}
+    $displayBackToTopOnMobile: true;
+{{ else }}
+    $displayBackToTopOnMobile: false;
+{{ end }}
+
+{{ if .Site.Params.enableOverflowY }}
+    $enableOverflowY: true;
+{{ else }}
+    $enableOverflowY: false;
+{{ end }}
+
+{{ with .Site.Params.maxHeight | default 20 }}
+    $maxHeight: {{ . }}em;
+{{ end }}
+
+{{ if .Site.Params.enableCopy }}
+    $enableCopy: true;
+{{ else }}
+    $enableCopy: false;
+{{ end }}
+
+{{ if .Site.Params.enableCopyAutoHide }}
+    $enableCopyAutoHide: true;
+{{ else }}
+    $enableCopyAutoHide: false;
+{{ end }}
+
+{{ if .Site.Params.enableSmoothScroll }}
+    $enableSmoothScroll: true;
+{{ else }}
+    $enableSmoothScroll: false;
+{{ end }}
+
+$baseRelURL: "{{ strings.TrimSuffix (.Site.BaseURL | relURL) "/" }}";
+
+
+// Utilities
+
+@import "utils/functions";
+@import "utils/mixins";
+
+
+// Base
+
+@import "base/base";
+
+{{ if .Site.Params.customizeScrollbar }}
+    @import "base/scrollbar";
+{{ end }}
+
+
+// Typography
+
+// Font Family
+
+{{ if .Site.Params.enableChinesePunctuationGlyphCorrection }}
+    {{ .Scratch.Set "glyph" "'glyph-correction', " }}
+{{ else }}
+    {{ .Scratch.Set "glyph" "" }}
+{{ end }}
+{{ $glyph := .Scratch.Get "glyph" }}
+
+{{ with .Site.Params.fontFamilySiteBrand }}
+    $fontFamilySiteBrand: {{ $glyph }}{{ . }};
+{{ end }}
+{{ with .Site.Params.fontFamilyMenu }}
+    $fontFamilyMenu: {{ $glyph }}{{ . }};
+{{ end }}
+{{ with .Site.Params.fontFamilyTitle }}
+    $fontFamilyTitle: {{ $glyph }}{{ . }};
+{{ end }}
+{{ with .Site.Params.fontFamilyHeadings }}
+    $fontFamilyHeadings: {{ $glyph }}{{ . }};
+{{ end }}
+{{ with .Site.Params.fontFamilyCode }}
+    $fontFamilyCode: {{ $glyph }}{{ . }};
+{{ end }}
+{{ with .Site.Params.fontFamilyQuote }}
+    $fontFamilyQuote: {{ $glyph }}{{ . }};
+{{ end }}
+{{ with .Site.Params.fontFamilyTOC }}
+    $fontFamilyTOC: {{ $glyph }}{{ . }};
+{{ end }}
+{{ with .Site.Params.fontFamilyCaption }}
+    $fontFamilyCaption: {{ $glyph }}{{ . }};
+{{ end }}
+{{ with .Site.Params.fontFamilyFooter }}
+    $fontFamilyFooter: {{ $glyph }}{{ . }};
+{{ end }}
+{{ with .Site.Params.fontFamilyBody }}
+    $fontFamilyBody: {{ $glyph }}{{ . }};
+{{ end }}
+
+@import "base/font-family";
+
+// Chinese Punctuation Glyph Correction
+
+{{ if .Site.Params.enableChinesePunctuationGlyphCorrection }}
+    @import "base/glyph-correction";
+
+    // Magic adjustment for zh-cn
+    .drop-cap {
+        margin-top: 1rem !important;
+    }
+{{ end }}
+
+// Emphasis Point
+
+{{ if .Site.Params.enableEmphasisPoint }}
+    @import "base/emphasis-point";
+{{ end }}
+
+// Paragraph Indents
+
+{{ if .Site.Params.enableParagraphIndent }}
+    @import "base/indent";
+{{ end }}
+
+
+// Themes
+
+// Light
+
+{{ with .Site.Params.primaryColorLight | default "220, 90%, 56%" }}
+    {{ $number := (split (replace . "%" "") ", ") }}
+    {{ range $index, $value := $number }}
+        {{ if eq $index 0 }}
+            $primaryColorLightH: {{ $value | int }};
+        {{ end }}
+        {{ if eq $index 1 }}
+            $primaryColorLightS: {{ $value | int }}%;
+        {{ end }}
+        {{ if eq $index 2 }}
+            $primaryColorLightL: {{ $value | int }}%;
+        {{ end }}
+    {{ end }}
+{{ end }}
+
+{{ if and .Site.Params.enableDarkMode (eq .Site.Params.defaultTheme "dark") }}
+    $defaultTheme: dark;
+{{ else }}
+    $defaultTheme: light;
+{{ end }}
+
+{{ if .Site.Params.enableHighlight }}
+    $enableHighlight: true;
+{{ else }}
+    $enableHighlight: false;
+{{ end }}
+
+@import "themes/light";
+
+// Dark Mode
+
+{{ if .Site.Params.enableDarkMode }}
+    {{ with .Site.Params.primaryColorDark | default "201, 65%, 62%" }}
+        {{ $number := (split (replace . "%" "") ", ") }}
+        {{ range $index, $value := $number }}
+            {{ if eq $index 0 }}
+                $primaryColorDarkH: {{ $value | int }};
+            {{ end }}
+            {{ if eq $index 1 }}
+                $primaryColorDarkS: {{ $value | int }}%;
+            {{ end }}
+            {{ if eq $index 2 }}
+                $primaryColorDarkL: {{ $value | int }}%;
+            {{ end }}
+        {{ end }}
+    {{ end }}
+
+    @import "themes/dark";
+    @import "components/theme-switcher";
+{{ end }}
+
+
+// Header
+
+{{ if .Site.Params.enableHeader }}
+    {{ with .Site.Params.headerBackground }}
+        $headerBackground: {{ . }};
+    {{ end }}
+
+    {{ if .Site.Params.siteBrandSVG }}
+        $siteBrandSVG: true;
+        $siteBrandSVGWidth: {{ .Site.Params.siteBrandSVGWidth }}px;
+        $siteBrandSVGHeight: {{ .Site.Params.siteBrandSVGHeight }}px;
+        $siteBrandSVGFill: {{ .Site.Params.siteBrandSVGFill }};
+    {{ else }}
+        $siteBrandSVG: false;
+        $siteBrandFontSize: {{ .Site.Params.siteBrandFontSize }}em;
+        $siteBrandFontColor: {{ .Site.Params.siteBrandFontColor }};
+    {{ end }}
+
+    @import 'layout/header';
+
+    {{ if and (eq .Site.Params.headerLayout "flex") .Site.Params.enableNavToggle }}
+        @import 'components/nav-toggle';
+    {{ end }}
+{{ end }}
+
+
+// Menu Bar
+
+{{ if or .Site.Params.enableMenu (eq .Site.Params.headerLayout "flex") }}
+    @import 'layout/menu';
+{{ end }}
+
+
+// List Page
+
+{{ if eq .Site.Params.listDatePosition "right" }}
+    $listDatePosition: right;
+{{ end }}
+{{ if eq .Site.Params.listDatePosition "left" }}
+    $listDatePosition: left;
+{{ end }}
+
+@import "layout/list";
+
+
+// Single Page
+
+{{ if .Site.Params.enableAnchorAutoHide }}
+    $enableAnchorAutoHide: true;
+{{ else }}
+    $enableAnchorAutoHide: false;
+{{ end }}
+
+{{ with .Site.Params.footnoteReturnLinkIcon }}
+    $footnoteReturnLinkIcon: true;
+{{ else }}
+    $footnoteReturnLinkIcon: false;
+{{ end }}
+
+@import "layout/single";
+
+
+// Footer
+
+{{ if .Site.Params.enableFooter }}
+    {{ with .Site.Params.iconColor }}
+        $iconColor: {{ . }};
+    {{ end }}
+
+    {{ if .Site.Params.iconAnimation }}
+        $iconAnimation: true;
+    {{ else }}
+        $iconAnimation: false;
+    {{ end }}
+
+    @import "layout/footer";
+{{ end }}
+
+
+// Components
+
+{{ if and .Site.IsMultiLingual .Site.Params.enableLangToggle }}
+    @import "components/multilingual";
+{{ end }}
+
+{{ if or .Site.Params.enablePostMeta .Site.Params.enablePostMetaInHome }}
+    @import "components/post-meta";
+{{ end }}
+
+{{ if .Site.Params.enablePostCopyright }}
+    @import "components/post-copyright";
+{{ end }}
+
+{{ if .Site.Params.enablePostUpdatedBadge }}
+    @import "components/updated-badge";
+{{ end }}
+
+{{ if .Site.Params.enablePostGitInfo }}
+    @import "components/post-gitinfo";
+{{ end }}
+
+{{ if .Site.Params.enablePostShare }}
+    {{ if and .Site.Params.displayShareOnText }}
+        $displayShareOnText: true;
+    {{ else }}
+        $displayShareOnText: false;
+    {{ end }}
+
+    {{ if and .Site.Params.shareViaQRCode }}
+        $shareViaQRCode: true;
+    {{ else }}
+        $shareViaQRCode: false;
+    {{ end }}
+
+    @import "components/post-share";
+{{ end }}
+
+{{ if .Site.Params.enableRelatedPosts }}
+    @import "components/related-posts";
+{{ end }}
+
+{{ if .Site.Params.enablePostTags }}
+    @import "components/post-tags";
+{{ end }}
+
+{{ if .Site.Params.enableMinimalFooter }}
+    @import "components/minimal-footer";
+{{ end }}
+
+{{ if .Site.Params.enableAboutPageMinimalFooter }}
+    @import "components/minimal-footer-about";
+{{ end }}
+
+{{ if .Site.Params.enablePostNav }}
+    @import "components/post-nav";
+{{ end }}
+
+{{ if .Site.Params.enableComments }}
+    @import "components/comments";
+{{ end }}
+
+{{ if .Site.Params.enableBackToTop }}
+    {{ if .Site.Params.enableBackToTopAutoHide }}
+        $enableBackToTopAutoHide: true;
+    {{ else }}
+        $enableBackToTopAutoHide: false;
+    {{ end }}
+
+    @import "components/back-to-top";
+{{ end }}
+
+{{ if .Site.Params.enableHighlight }}
+    @import "components/highlight";
+{{ end }}
+
+{{ if .Site.Params.enableSocials }}
+    @import "components/socials";
+{{ end }}
+
+
+// Homepage Layout
+
+{{ if eq .Site.Params.homeLayout "poetry" }}
+    $homeLinksPadding: {{ .Site.Params.homeLinksPadding }}em;
+
+    @import "pages/home-poetry";
+{{ end }}
+
+{{ if eq .Site.Params.homeLayout "footage" }}
+    // https://github.com/reuixiy/hugo-theme-meme/issues/51
+    {{ if strings.HasPrefix .Site.Params.homePoster "." }}
+        {{ $homePoster := printf `.%s` .Site.Params.homePoster }}
+        {{ .Scratch.Set "homePoster" $homePoster }}
+    {{ else }}
+        {{ .Scratch.Set "homePoster" .Site.Params.homePoster }}
+    {{ end }}
+    {{ $homePoster := .Scratch.Get "homePoster" }}
+
+    $homePoster: url({{ $homePoster }});
+
+    @import "pages/home-footage";
+{{ end }}
+
+{{ if eq .Site.Params.homeLayout "posts" }}
+    @import "pages/home-posts";
+{{ end }}
+
+
+// Categories Page
+
+{{ if .Site.Params.enableTree }}
+    @import "pages/tree-categories";
+{{ end }}
+
+
+// Tags Page
+
+{{ if .Site.Params.enableTagCloud }}
+    @import "pages/tag-cloud";
+{{ end }}
+
+
+// 404 Page
+
+// https://github.com/reuixiy/hugo-theme-meme/issues/51
+{{ if strings.HasPrefix .Site.Params.fofPoster "." }}
+    {{ $fofPoster := printf `.%s` .Site.Params.fofPoster }}
+    {{ .Scratch.Set "fofPoster" $fofPoster }}
+{{ else }}
+    {{ .Scratch.Set "fofPoster" .Site.Params.fofPoster }}
+{{ end }}
+{{ $fofPoster := .Scratch.Get "fofPoster" }}
+
+$fofPoster: url({{ $fofPoster }});
+
+@import "pages/404";
+
+
+// Third Party
+
+// Medium Zoom
+
+{{ if .Site.Params.enableMediumZoom }}
+    @import "third-party/medium-zoom";
+{{ end }}
+
+// Busuanzi Site UV And PV
+
+{{ if .Site.Params.enableFooter }}
+    {{ if and .Site.Params.displayBusuanziSiteUVAndPV (eq hugo.Environment "production") }}
+        @import "third-party/busuanzi";
+    {{ end }}
+{{ end }}
+
+// Lunr search
+
+{{ if and (eq .Site.Params.headerLayout "flex") (or .Site.Params.enableLunrSearch .Site.Params.enableAlgoliaSearch) }}
+    $enableSearch: true;
+    @import "components/search";
+{{ else }}
+    $enableSearch: false;
+{{ end }}
+
+
+// Responsive
+
+$greaterWidth: null;
+
+@if ($postWidth > $listWidth) {
+    $greaterWidth: $postWidth;
+} @else {
+    $greaterWidth: $listWidth;
+}
+
+@import "base/max-width";
+:root {
+    --max-width: #{$maxWidth};
+}
+@import "base/responsive";
+
+
+// Data Attributes
+
+@import "base/data-attributes";
+
+
+// @supports()
+
+@import "base/supports";
+
+
+// Custom
+
+@import "custom/custom";
diff --git a/themes/meme_cdn/assets/scss/pages/_404.scss b/themes/meme_cdn/assets/scss/pages/_404.scss
new file mode 100644
index 0000000..cef5efe
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/pages/_404.scss
@@ -0,0 +1,64 @@
+.fof {
+    &::before {
+        background-image: $fofPoster;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-position: 50% 50%;
+        content: " ";
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        z-index: 1;
+    }
+    .main-inner {
+        background: rgba(0, 0, 0, 0.25);
+        min-height: 100%;
+        min-width: 100%;
+        position: absolute;
+        z-index: 3;
+    }
+    video {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        min-width: 100%;
+        min-height: 100%;
+        width: auto;
+        height: auto;
+        z-index: 2;
+        transform: translateX(-50%) translateY(-50%);
+    }
+    h1 {
+        font-size: 3rem;
+        text-transform: uppercase;
+        letter-spacing: 0.3rem;
+        text-align: center;
+        top: 15%;
+        left: 5%;
+        right: 5%;
+        position: absolute;
+        color: #fff;
+        margin: 0.67em 0;
+    }
+    .fof-footer {
+        font-size: 2rem;
+        position: absolute;
+        bottom: 15%;
+        left: 10%;
+        right: 10%;
+        text-align: center;
+    }
+    a {
+        color: #eee;
+        &:hover {
+            color: #fff;
+        }
+    }
+    @media only screen and (max-device-width: 1024px) {
+        #bgvid {
+            display: none;
+        }
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/pages/_home-footage.scss b/themes/meme_cdn/assets/scss/pages/_home-footage.scss
new file mode 100644
index 0000000..e958a54
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/pages/_home-footage.scss
@@ -0,0 +1,97 @@
+.home {
+    font-family: STShusong, serif;
+    &::before {
+        background-image: $homePoster;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-position: 50% 50%;
+        content: " ";
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        z-index: 1;
+    }
+    .main-inner {
+        background: rgba(0, 0, 0, 0.5);
+        min-height: 100%;
+        min-width: 100%;
+        position: absolute;
+        z-index: 3;
+    }
+    .content {
+        text-align: center;
+        width: auto;
+        max-width: 26em;
+        margin: 0 auto;
+        color: #fff;
+        padding: 5em 1em 10em;
+    }
+    .links {
+        color: #aaa;
+        position: absolute;
+        bottom: 10%;
+        left: 5%;
+        right: 5%;
+        text-align: center;
+    }
+    .avatar {
+        width: 8em;
+        height: 8em;
+        transition: transform 1s ease-out;
+        &:hover {
+            transform: rotateZ(360deg);
+        }
+    }
+    h1 {
+        color: #fff;
+        font-size: 1.7em;
+        line-height: 1em;
+        font-weight: bold;
+        font-family: 'Source Han Serif CN', serif;
+        margin: 0.67em 0;
+    }
+    .motto {
+        margin-bottom: 1em;
+        font-family: STKaiti, serif;
+    }
+    .description {
+        line-height: 1.618;
+        margin: 1em 0;
+    }
+    .keywords {
+        font-family: STFangsong, serif;
+        line-height: 1.5;
+        margin: 1em 0;
+    }
+    hr {
+        height: 1px;
+        border: none;
+        background-image: linear-gradient(90deg, transparent, #fff, transparent);
+    }
+    a {
+        color: #aaa;
+        transition: color 0.5s;
+        text-decoration: none;
+        &:hover {
+            color: #fff;
+        }
+    }
+    video {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        min-width: 100%;
+        min-height: 100%;
+        width: auto;
+        height: auto;
+        z-index: 2;
+        transform: translateX(-50%) translateY(-50%);
+    }
+    @media only screen and (max-device-width: 1024px) {
+        #bgvid {
+            display: none;
+        }
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/pages/_home-poetry.scss b/themes/meme_cdn/assets/scss/pages/_home-poetry.scss
new file mode 100644
index 0000000..cdcde6c
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/pages/_home-poetry.scss
@@ -0,0 +1,30 @@
+.home {
+    text-align: center;
+    .poetry {
+        font-size: 1em;
+        width: auto;
+        max-width: 26em;
+        margin: 0 auto;
+        padding: 5em 1em 10em;
+    }
+    .links {
+        position: absolute;
+        bottom: 10%;
+        left: 5%;
+        right: 5%;
+        font-size: 1.5em;
+    }
+    .links-item {
+        padding: $homeLinksPadding;
+        display: inline-block;
+    }
+    .life {
+        color: #f37055;
+    }
+    .tech {
+        color: #a166ab;
+    }
+    .about {
+        color: #07b39b;
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/pages/_home-posts.scss b/themes/meme_cdn/assets/scss/pages/_home-posts.scss
new file mode 100644
index 0000000..747ea79
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/pages/_home-posts.scss
@@ -0,0 +1,35 @@
+article.content.post.home {
+    margin-top: 5em;
+}
+
+.summary-title-link {
+    color: var(--color-contrast-higher);
+}
+
+.summary {
+    line-height: $lineHeight;
+    display: block;
+}
+
+.read-more-container {
+    text-align: center;
+    margin-top: 1.618em;
+}
+.read-more-link {
+    display: inline-block;
+}
+
+.pagination {
+    list-style: none;
+    margin: 5em 0 0;
+    padding: 0;
+    display: flex;
+    justify-content: space-between;
+}
+.pagination-prev {
+    margin-right: auto;
+}
+.pagination-next {
+    margin-left: auto;
+    text-align: right;
+}
diff --git a/themes/meme_cdn/assets/scss/pages/_tag-cloud.scss b/themes/meme_cdn/assets/scss/pages/_tag-cloud.scss
new file mode 100644
index 0000000..ef72196
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/pages/_tag-cloud.scss
@@ -0,0 +1,8 @@
+.tag-cloud {
+    text-align: center;
+}
+
+.tag-cloud-item {
+    margin: 0.5rem;
+    display: inline-block;
+}
diff --git a/themes/meme_cdn/assets/scss/pages/_tree-categories.scss b/themes/meme_cdn/assets/scss/pages/_tree-categories.scss
new file mode 100644
index 0000000..8024ae5
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/pages/_tree-categories.scss
@@ -0,0 +1,44 @@
+.tree {
+    overflow: auto hidden;
+    white-space: nowrap;
+
+    ul {
+        padding-left: 2.4em;
+    }
+
+    & > ul {
+        padding: 0;
+    }
+}
+
+.list-categories > li {
+    position: relative;
+
+    &::before {
+        content: " ";
+        position: absolute;
+        top: 2.4em;
+        left: 0.1em;
+        width: 0.2em;
+        height: calc(100% - 2.8em);
+        background: var(--color-contrast-lower);
+    }
+}
+
+.category-item {
+    color: var(--color-primary);
+    font-size: 1.2em;
+    &:hover {
+        color: alpha(var(--color-primary), 0.75);
+    }
+}
+
+.category-count {
+    color: var(--color-contrast-medium);
+}
+
+.category-post {
+    &:hover {
+        color: var(--color-contrast-medium);
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/themes/_dark.scss b/themes/meme_cdn/assets/scss/themes/_dark.scss
new file mode 100644
index 0000000..6dfe489
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/themes/_dark.scss
@@ -0,0 +1,54 @@
+// https://codyhouse.co/ds/globals/colors
+// https://github.com/dracula/dracula-theme/
+
+@mixin dark-theme {
+    --theme-name: "dark";
+    @include defineColorHSL(--color-primary, $primaryColorDarkH, $primaryColorDarkS, $primaryColorDarkL);
+    @include defineColorHSL(--color-bg, 231, 14%, 10%);
+    @include defineColorHSL(--color-contrast-lower, 230, 12%, 18%);
+    @include defineColorHSL(--color-contrast-low, 240, 2%, 37%);
+    @include defineColorHSL(--color-contrast-medium, 80, 2%, 69%);
+    @include defineColorHSL(--color-contrast-high, 69, 9%, 84%);
+    @include defineColorHSL(--color-contrast-higher, 60, 6%, 90%);
+    .theme-icon-light {
+        display: none;
+    }
+    .theme-icon-dark {
+        display: inline-block;
+    }
+    img {
+        filter: brightness(75%);
+    }
+
+    @if ($enableHighlight) {
+        /* https://xyproto.github.io/splash/docs/all.html */
+        /* Color values matching dracula style */
+
+        --chroma-line-numbers-background: #ffffcc;
+        --chroma-line-numbers-color: #7f7f7f;
+        --chroma-keyword-color: #ff79c6;
+        --chroma-name-color: #8be9fd;
+        --chroma-attribute-color: #50fa7b;
+        --chroma-literal-color: #f1fa8c;
+        --chroma-number-color: #bd93f9;
+        --chroma-comment-color: #6272a4;
+        --chroma-deleted-color: #8b080b;
+        --chroma-output-color: #44475a;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    :root:not([data-theme]) {
+        @include dark-theme;
+    }
+}
+
+@if ($defaultTheme == "dark") {
+    :root {
+        @include dark-theme;
+    }
+} @else {
+    :root[data-theme="dark"] {
+        @include dark-theme;
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/themes/_light.scss b/themes/meme_cdn/assets/scss/themes/_light.scss
new file mode 100644
index 0000000..27647bc
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/themes/_light.scss
@@ -0,0 +1,53 @@
+// https://codyhouse.co/ds/globals/colors
+
+@mixin light-theme {
+    --theme-name: "light";
+    @include defineColorHSL(--color-primary, $primaryColorLightH, $primaryColorLightS, $primaryColorLightL);
+    @include defineColorHSL(--color-bg, 0, 0%, 100%);
+    @include defineColorHSL(--color-contrast-lower, 0, 0%, 95%);
+    @include defineColorHSL(--color-contrast-low, 240, 1%, 83%);
+    @include defineColorHSL(--color-contrast-medium, 240, 1%, 48%);
+    @include defineColorHSL(--color-contrast-high, 240, 4%, 20%);
+    @include defineColorHSL(--color-contrast-higher, 240, 8%, 12%);
+    .theme-icon-light {
+        display: inline-block;
+    }
+    .theme-icon-dark {
+        display: none;
+    }
+    img {
+        filter: none;
+    }
+
+    @if ($enableHighlight) {
+        /* https://xyproto.github.io/splash/docs/all.html */
+        /* Color values matching manni style */
+
+        --chroma-line-numbers-background: #ffffcc;
+        --chroma-line-numbers-color: #7f7f7f;
+        --chroma-keyword-color: #006699;
+        --chroma-name-color: #9999ff;
+        --chroma-attribute-color: #330099;
+        --chroma-literal-color: #cc3300;
+        --chroma-number-color: #ff6600;
+        --chroma-comment-color: #0099ff;
+        --chroma-deleted-color: #ffcccc;
+        --chroma-output-color: #aaaaaa;
+    }
+}
+
+@media (prefers-color-scheme: light) {
+    :root:not([data-theme]) {
+        @include light-theme;
+    }
+}
+
+@if ($defaultTheme == "light") {
+    :root {
+        @include light-theme;
+    }
+} @else {
+    :root[data-theme="light"] {
+        @include light-theme;
+    }
+}
diff --git a/themes/meme_cdn/assets/scss/third-party/_busuanzi.scss b/themes/meme_cdn/assets/scss/third-party/_busuanzi.scss
new file mode 100644
index 0000000..8d41ef1
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/third-party/_busuanzi.scss
@@ -0,0 +1,12 @@
+.busuanzi-site-uv-and-pv {
+    font-size: 90%;
+}
+
+.busuanzi-site-uv {
+    height: 0.85em;
+    margin-bottom: 0.2em;
+}
+
+.busuanzi-site-pv {
+    margin-bottom: 0.1em;
+}
diff --git a/themes/meme_cdn/assets/scss/third-party/_medium-zoom.scss b/themes/meme_cdn/assets/scss/third-party/_medium-zoom.scss
new file mode 100644
index 0000000..27b4202
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/third-party/_medium-zoom.scss
@@ -0,0 +1,3 @@
+.medium-zoom-overlay, .medium-zoom-image--opened {
+    z-index: 5;
+}
diff --git a/themes/meme_cdn/assets/scss/utils/_functions.scss b/themes/meme_cdn/assets/scss/utils/_functions.scss
new file mode 100644
index 0000000..afbd21e
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/utils/_functions.scss
@@ -0,0 +1,31 @@
+// https://codyhouse.co/blog/post/how-to-combine-sass-color-functions-and-css-variables
+
+// return css color variable with different opacity value
+@function alpha($color, $opacity){
+    $color: str-replace($color, 'var(');
+    $color: str-replace($color, ')');
+    $color-h: var(#{$color+'-h'});
+    $color-s: var(#{$color+'-s'});
+    $color-l: var(#{$color+'-l'});
+    @return hsla($color-h, $color-s, $color-l, $opacity);
+}
+
+// replace substring with another string
+// credits: https://css-tricks.com/snippets/sass/str-replace-function/
+@function str-replace($string, $search, $replace: '') {
+    $index: str-index($string, $search);
+    @if $index {
+        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    }
+    @return $string;
+}
+
+// Remove the unit of a length
+// https://css-tricks.com/snippets/sass/strip-unit-function/
+@function strip-unit($number) {
+    @if type-of($number) == 'number' and not unitless($number) {
+        @return $number / ($number * 0 + 1);
+    }
+
+    @return $number;
+}
diff --git a/themes/meme_cdn/assets/scss/utils/_mixins.scss b/themes/meme_cdn/assets/scss/utils/_mixins.scss
new file mode 100644
index 0000000..78e03c7
--- /dev/null
+++ b/themes/meme_cdn/assets/scss/utils/_mixins.scss
@@ -0,0 +1,21 @@
+// https://codyhouse.co/blog/post/how-to-combine-sass-color-functions-and-css-variables
+
+@mixin defineColorHSL($color, $hue, $saturation, $lightness){
+    #{$color}: unquote("hsl(#{$hue}, #{$saturation}, #{$lightness})");#{$color}-h: #{$hue};#{$color}-s: #{$saturation};#{$color}-l: #{$lightness};
+}
+
+
+// Backdrop
+
+@mixin blur {
+    -webkit-backdrop-filter: saturate(180%) blur(1em);
+    backdrop-filter:         saturate(180%) blur(1em);
+}
+
+
+// Tab Size
+
+@mixin tabSize {
+    -moz-tab-size: $tabSize;
+    tab-size: $tabSize;
+}
diff --git a/themes/meme_cdn/config-examples/en/config.toml b/themes/meme_cdn/config-examples/en/config.toml
new file mode 100644
index 0000000..f6ee7a8
--- /dev/null
+++ b/themes/meme_cdn/config-examples/en/config.toml
@@ -0,0 +1,1424 @@
+##########################################
+# Site Settings
+
+baseURL = "https://example.com/"
+title = "Hugo Theme MemE"
+languageCode = "en"
+hasCJKLanguage = false
+# Copyright information (Markdown supported)
+copyright = "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en)"
+
+# Name of theme
+theme = "meme"
+
+# `hugo new` automatically opened text editor
+newContentEditor = ""
+
+# i18n
+defaultContentLanguage = "en"
+defaultContentLanguageInSubdir = false
+
+# Pluralize titles in lists?
+pluralizeListTitles = false
+
+# The length of text in words to show in summary
+summaryLength = 42
+
+# Enable Emoji emoticons support?
+enableEmoji = false
+
+# Text to display for footnote return links
+footnoteReturnLinkContents = "↩"
+
+# Enable `.GitInfo` object for each page?
+enableGitInfo = false
+
+# Enable generation of `robots.txt` file?
+enableRobotsTXT = true
+
+# Number of items per page in paginated
+# lists (valid for the `posts` homepage
+# layout in MemE)
+paginate = 5
+
+# URL related
+disablePathToLower = false
+relativeURLs = false
+uglyURLs = false
+
+# URL structure
+[permalinks]
+    categories = "/categories/:slug/"
+    tags = "/tags/:slug/"
+
+# Taxonomies
+[taxonomies]
+    category = "categories"
+    tag = "tags"
+
+# Modified date
+[frontmatter]
+    lastmod = ["lastmod", ":git", ":fileModTime", ":default"]
+
+# Markdown renderer
+[markup]
+    defaultMarkdownHandler = "goldmark"
+    [markup.goldmark]
+        [markup.goldmark.extensions]
+            definitionList = true
+            footnote = true
+            linkify = true
+            strikethrough = true
+            table = true
+            taskList = true
+            typographer = true
+        [markup.goldmark.parser]
+            attribute = true
+            autoHeadingID = true
+            autoHeadingIDType = "github"
+        [markup.goldmark.renderer]
+            hardWraps = false
+            unsafe = true
+            xHTML = false
+    [markup.highlight]
+        codeFences = true
+        guessSyntax = false
+        lineNos = true
+        lineNumbersInTable = true
+        noClasses = false
+    [markup.tableOfContents]
+        startLevel = 2
+        endLevel = 6
+        ordered = true
+
+# HTML minify
+[minify.tdewolff.html]
+    keepWhitespace = false
+
+# Author’s information
+[author]
+    # Name
+    name = "reuixiy"
+    # Email
+    email = "reuixiy@gmail.com"
+    # Motto or introduction
+    motto = "Viva La Vida"
+    # Avatar
+    avatar = "/icons/apple-touch-icon.png"
+    # Personal website, default: baseURL
+    website = "https://io-oi.me/"
+    # Twitter
+    twitter = "reuixiy"
+
+# Related content
+[related]
+    threshold = 80
+    includeNewer = true
+    toLower = true
+    [[related.indices]]
+        name = "categories"
+        weight = 100
+    [[related.indices]]
+        name = "tags"
+        weight = 95
+    [[related.indices]]
+        name = "date"
+        weight = 10
+        pattern = "2006"
+
+# MIME type of Atom
+[mediaTypes."application/atom+xml"]
+    suffixes = ["xml"]
+
+# Custom Atom template of MemE
+[outputFormats.SectionsAtom]
+    mediaType = "application/atom+xml"
+    baseName = "atom"
+
+# Custom RSS template of MemE
+[outputFormats.SectionsRSS]
+    mediaType = "application/rss+xml"
+    baseName = "rss"
+
+# Search index for lunr.js
+[outputFormats.SearchIndex]
+    mediaType = "application/json"
+    baseName = "search"
+
+# Search index for Algolia
+[outputFormats.Algolia]
+    mediaType = "application/json"
+    baseName = "algolia"
+    isPlainText = true
+    notAlternative = true
+
+# Hugo’s output control
+[outputs]
+    page = ["HTML"]
+    # home = ["HTML", "SectionsAtom", "SectionsRSS", "SearchIndex", "Algolia"]
+    home = ["HTML", "SectionsAtom", "SectionsRSS", "SearchIndex"]
+    section = ["HTML"]
+    taxonomy = ["HTML"]
+    term = ["HTML"]
+
+# Maximum number of items in the Atom & RSS feed
+[services.rss]
+    limit = -1
+
+
+
+##########################################
+# Menu Settings
+
+# MemE supports the following four menus:
+# 1. main       Menu bar below the header
+#               (center layout) or inside
+#               the header (flex layout)
+# 2. home       Links at the bottom of the
+#               homepage (valid for the
+#               `poetry` and `footage`
+#               homepage layout)
+# 3. socials    Social bar (minimal footer
+#               in about page)
+# 4. links      Link bar (minimal footer
+#               in about page)
+
+# The configuration instructions in the
+# menu are as follows:
+# pageref/url   internal/external URL
+# name          Text (won’t display if it
+#               is left empty("") or does
+#               not exist)
+# weight        Position
+# pre           Type of link (internal or
+#               external)
+# post          Icon (won’t display if it
+#               is left empty("") or does
+#               not exist)
+# identifier    Icon’s class name
+#               (there are three special
+#               values for header layout
+#               flex: `theme-switcher`,
+#               `lang-switcher`, `search`)
+
+[menu]
+    ## Menu bar
+    # [[menu.main]]
+    #     pageref = "/"
+    #     name = "Home"
+    #     weight = 1
+    #     pre = "internal"
+    #     post = "home"
+    [[menu.main]]
+        pageref = "/posts/"
+        name = "Posts"
+        weight = 2
+        pre = "internal"
+        post = "archive"
+    [[menu.main]]
+        pageref = "/categories/"
+        name = "Categories"
+        weight = 3
+        pre = "internal"
+        post = "th"
+    [[menu.main]]
+        pageref = "/tags/"
+        name = "Tags"
+        weight = 4
+        pre = "internal"
+        post = "tags"
+    [[menu.main]]
+        pageref = "/about/"
+        name = "About"
+        weight = 5
+        pre = "internal"
+        post = "user-circle"
+    [[menu.main]]
+        weight = 6
+        identifier = "theme-switcher"
+    [[menu.main]]
+        weight = 7
+        identifier = "lang-switcher"
+    [[menu.main]]
+        weight = 8
+        identifier = "search"
+        post = "search"
+
+
+
+##########################################
+# Theme Settings
+
+[params]
+    ######################################
+    # Header
+
+    enableHeader = true
+
+    enableHeaderAutoHide = false
+    # Note: works for header layout flex only
+
+    displayHeaderInHome = true
+    # Note: invalid for header layout flex
+
+    headerBackground = "linear-gradient(90deg, #f795331a 0, #f370551a 15%, #ef4e7b1a 30%, #a166ab1a 44%, #5073b81a 58%, #1098ad1a 72%, #07b39b1a 86%, #6dba821a 100%)"
+    # Note: https://developer.mozilla.org/en-US/docs/Web/CSS/background
+
+    headerLayout = "flex"
+    # Note: center or flex
+
+    # Hide menu bar and display a toggle
+    # on narrow screen?
+    enableNavToggle = true
+
+    navHeight = "10em"
+    # Note: menu bar height when it’s
+    #       toggled
+
+
+    ######################################
+    # Brand Bar (inside header)
+
+    # Use SVG?
+    siteBrandSVG = false
+    # If true, put your SVG in the `SVG.toml`
+    # file and configure the following options.
+    # Unit: px
+    siteBrandSVGWidth = 250
+    siteBrandSVGHeight = 100
+    siteBrandSVGFill = "#fff"
+    # If false, your site title will be
+    # used as the default and displayed as
+    # text. The font size and font color
+    # can be configured below. The font
+    # family can be configured in typography
+    # section at the bottom of this file.
+    # Unit: em
+    siteBrandFontSize = 1
+    siteBrandFontColor = "var(--color-contrast-high)"
+
+
+    ######################################
+    # Menu Bar
+
+    enableMenu = true
+    # Note: invalid for header layout flex
+
+    displayMenuInHome = true
+    # Note: invalid for header layout flex
+
+    # Highlight current menu item by section?
+    activeInSection = false
+    # Note: if true, the menu item in the
+    #       post page will be highlighted
+    #       also if that post’s section is
+    #       the `url` of that menu item
+
+
+    ######################################
+    # Homepage Layout
+
+    # For homepage layout, MemE has the
+    # following four different types:
+    # 1. poetry    A few lines of verse
+    # 2. footage   With fullscreen background videos
+    # 3. posts     List of post’s summary
+    # 4. page      Normal page/post
+
+    homeLayout = "posts"
+
+    ## Poetry
+    # Verse (Markdown supported)
+    homePoetry = []
+    # Padding of links at the bottom
+    # Unit: em
+    homeLinksPadding = 1
+
+    ## Footage
+    homePoster = ""
+    homeVideoWebm = ""
+    homeVideoMp4 = ""
+    homeLogo = ""
+    homeLogoLink = ""
+    homeTitle = ""
+    homeMotto = ""
+    homeDescription = ""
+    homeKeywords = ""
+    homeLinksDelimiter = ""
+
+
+    ######################################
+    # Site Info
+
+    siteLogo = "/icons/apple-touch-icon.png"
+    # Note: used for JSON-LD, Open Graph
+
+    siteDescription = "MemE is a powerful and highly customizable GoHugo theme for personal blogs."
+    # Note: used for HTML head meta, JSON-LD,
+    #       Open Graph, Atom, RSS
+
+    siteCreatedTime = "1969-07-20T20:17:43+00:00"
+    # ATTENTION: keep this format, change
+    #            the number
+
+    siteTwitter = "reuixiy"
+    # Note: used for Twitter Cards
+
+
+    ######################################
+    # Category By
+
+    # MemE supports category by:
+    # 1. sections
+    # 2. categories
+    # The sections is based on the site’s
+    # `content` directory structure; the
+    # categories is based on the post’s
+    # Front Matter. First of all, category
+    # means tree structure (nested, with
+    # sub-category). To achieve it, Hexo
+    # uses the second method, while Hugo
+    # uses the first method. Due to the
+    # different design philosophy, the
+    # difference between Hexo and Hugo has
+    # been made. Therefore, this option
+    # was designed here to be user friendly
+    # to those who come from Hexo. But note
+    # that the second method cannot be
+    # implemented perfectly in Hugo. I
+    # recommended you adapt to Hugo’s design
+    # philosophy if you want to keep the
+    # tree organization structure of your
+    # posts.
+
+    categoryBy = "categories"
+    # ATTENTION: If you set it to `sections`,
+    #            be sure to delete `categories`
+    #            in `taxonomies` at the top
+    #            of this file. Otherwise,
+    #            the categories page will
+    #            be invalid. Also, you need
+    #            to create a new
+    #            `content/categories/_index.md`
+    #            file by yourself.
+
+
+    ######################################
+    # Categories Page
+
+    # Enable tree structure layout?
+    enableTree = true
+    # ATTENTION: This option cannot be
+    #            disabled if you set
+    #            `categoryBy` to `sections`
+
+    # Display title of posts?
+    displayPosts = true
+
+    # Display count of posts under each
+    # category?
+    displayPostsCount = true
+
+    # Set to a non-negative number to limit
+    # the number of posts displayed per
+    # category/section.
+    limitPostsLimit = -1
+
+
+    ######################################
+    # Tags Page
+
+    enableTagCloud = true
+
+    fontUnit = "em"
+    largestFontSize = 2.5
+    smallestFontSize = 1
+
+
+    ######################################
+    # List Page
+
+    listWidth = 36
+    # Note: you can leave it empty("") to
+    #       fallback to the default value: 42
+    #       Unit: em
+
+    displayListTitle = true
+
+    listDateFormat = "January 2"
+    # ATTENTION: be sure to follow the
+    #            specified format
+    #            https://gohugo.io/functions/format/
+
+    listDatePosition = "right"
+    # Note: left or right
+
+    # Separate the list by month?
+    groupByMonth = true
+
+    # Enable Chinese zodiac?
+    chineseZodiac = true
+
+    # Translate the year? (valid for title)
+    i18nYear = false
+    # Translate the month? (valid for title)
+    i18nMonth = false
+
+
+    ######################################
+    # Taxonomy List Page
+
+    # Note: for categories page, you can
+    #       set `enableTree` to false to
+    #       get a normal taxonomy list
+    #       page; for tags page, you can
+    #       set `enableTagCloud` to false
+    #       to get a normal taxonomy list
+    #       page.
+
+    # Display count of posts in each
+    # taxonomy term?
+    displayTaxonomyTermCount = true
+
+    # Set to a non-negative number to limit
+    # the number of posts displayed per
+    # taxonomy term.
+    limitEntriesLimit = -1
+
+
+    ######################################
+    # Post Sections
+
+    # Note: the name of the section is the
+    #       name of the folder under the
+    #       site’s `content` directory.
+
+    # mainSections = ["posts"]
+
+
+    ######################################
+    # Atom & RSS
+
+    # Include full content?
+    includeContent = true
+    # Note: If false, only the summary of
+    #       the post will be included. The
+    #       summary, Hugo automatically
+    #       takes the first 70 words (you
+    #       can customize this via
+    #       `summaryLength`) of your content
+    #       as its summary by default.
+    #       Alternatively, you may use the
+    #       <!--more--> (with no whitespace)
+    #       summary divider to split summary
+    #       manually. Or use the `summary`
+    #       variable in post’s Front
+    #       Matter to assign it manually.
+    #       The priority of them: assign
+    #       manually > split manually >
+    #       split automatically. Additionally,
+    #       `description` in post’s Front
+    #       Matter has a higher priority
+    #       than assign manually in the
+    #       custom Atom & RSS template of
+    #       MemE.
+
+
+    ######################################
+    # Dark Mode
+
+    enableDarkMode = true
+
+    defaultTheme = "light"
+    # Note: light or dark
+
+    hideThemeToggle = false
+    hideThemeToggleInHome = false
+    # Note: If dark mode is enabled and
+    #       theme toggle is hidden, your
+    #       readers may still read your
+    #       blog in dark mode if the
+    #       reader’s system is set to dark
+    #       mode. Similarly, if dark mode
+    #       is enabled and is set to the
+    #       default theme, your readers
+    #       may still read your blog in
+    #       light mode, even if you have
+    #       hidden the theme toggle.
+    #       Unless you enable the following
+    #       option.
+
+    overrideSystemPreferences = false
+
+
+    ######################################
+    # Web App
+
+    # Note: go to https://realfavicongenerator.net/
+    #       to generate related icons and
+    #       files, unzip after downloading,
+    #       and keep only android-chrome-512x512.png,
+    #       apple-touch-icon.png, mstile-150x150.png,
+    #       safari-pinned-tab.svg, favicon.ico,
+    #       site.webmanifest these files,
+    #       delete the rest. Then move
+    #       these files to the ~/blog/static/icons/
+    #       directory, move favicon.ico,
+    #       site.webmanifest to the ~/blog/static/
+    #       directory, and finally rename
+    #       site.webmanifest to manifest.json,
+    #       and check and modify related
+    #       content (the path of the icons).
+
+    themeColor = "#fff"
+    themeColorDark = "#16171d"
+    safariMaskColor = "#2a6df4"
+    msApplicationTileColor = "#fff"
+
+
+    ######################################
+    # HTML Head Meta, SEO & Social Discovery
+
+    jsonLD = true
+    openGraph = true
+    twitterCards = true
+    # ATTENTION: If you set twitterCards
+    #            to `true`, be sure to
+    #            enable openGraph also.
+    #            Otherwise, the Twitter
+    #            Cards info will be
+    #            incomplete.
+
+    autoDetectImages = true
+    # Note: It is recommended to enable it.
+    #       Otherwise, you must manually
+    #       specify `images` in post’s
+    #       Front Matter or links you
+    #       shared on social networks or
+    #       APPs will not be able to
+    #       display a summary view with a
+    #       large image.
+
+
+    ######################################
+    # Customize the CDN for importing third-party libraries
+
+    # note：When not needed, please delete (comment) this item 
+    #       or empty the quotation marks. at this point,
+    #       The default CDN is "https://cdn.jsdelivr.net" 
+    #       
+
+    cdnCustomized = "https://cdn.jsdelivr.net"
+
+
+    ######################################
+    # Service Worker
+
+    # Note: render only in production
+    #       environment
+
+    enableServiceWorker = false
+
+
+    ######################################
+    # KaTeX (chemical equation supported)
+
+    enableKaTeX = false
+    # Note: *global settings*
+    #       `katex` in post’s Front Matter
+    #       has a higher priority than here
+
+
+    ######################################
+    # MathJax (chemical equation supported)
+
+    enableMathJax = false
+    # Note: *global settings*
+    #       `mathjax` in post’s Front Matter
+    #       has a higher priority than here
+
+    disableMathJaxMenu = false
+
+
+    ######################################
+    # Mermaid (https://github.com/mermaid-js/mermaid)
+
+    enableMermaid = false
+    # Note: *global settings*
+    #       `mermaid` in post’s Front Matter
+    #       has a higher priority than here
+
+    mermaidTheme = 'default'
+    mermaidThemeDark = 'dark'
+
+
+    ######################################
+    # Comments
+
+    # Note: render only in production
+    #       environment
+
+    enableComments = false
+    # Note: *global settings*
+    #       `comments` in post’s Front Matter
+    #       has a higher priority than here
+
+    # directly load the comments after pages loaded
+    autoLoadComments = false
+
+    ## Disqus
+    enableDisqus = false
+    disqusShortname = ""
+
+    ## Valine
+    enableValine = false
+    valineAppId = ""
+    valineAppKey = ""
+    valinePlaceholder = "Just go go"
+    valinePath = ""
+    valineAvatar = "mm"
+    valineMeta = ["nick", "mail", "link"]
+    valinePageSize = 10
+    valineLang = "en"
+    valineVisitor = false
+    valineHighlight = true
+    valineAvatarForce = false
+    valineRecordIP = false
+    valineServerURLs = ""
+    valineEmojiCDN = ""
+    valineEmojiMaps = {}
+    valineEnableQQ = false
+    valineRequiredFields = []
+    # Note: https://valine.js.org/
+
+    ## Utterances
+    enableUtterances = false
+    utterancesRepo = ""
+    utterancesIssueTerm = "pathname"
+    utterancesTheme = "github-light"
+    utterancesThemeDark = "photon-dark"
+    utterancesLabel = ""
+    # Note: https://utteranc.es/
+
+    ## Gitalk
+    enableGitalk = false
+    gitalkClientID = "your_client_id"
+    gitalkClientSecret = "your_client_secret"
+    gitalkRepo = "your_repository"
+    gitalkOwner = "your_gitalk_owner"
+    gitalkAdmin = ["your_gitalk_admin"]
+    gitalkLable = ["Gitalk"]
+    gitalkDistractionFreeMode = false
+    gitalkPerPage = 10
+    gitalkLanguage = "en"
+    gitalkPagerDirection = "last"
+    gitalkCreateIssueManually = false
+    gitalkProxy = "https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token"
+    gitalkEnableHotKey = true
+    # Note: https://github.com/gitalk/gitalk
+
+
+    ######################################
+    # Google Analytics
+
+    # Note: render only in production
+    #       environment
+
+    enableGoogleAnalytics = false
+
+    trackingCodeType = "gtag"
+    # Note: gtag or analytics
+
+    trackingID = ""
+
+
+    ######################################
+    # Google Site Verification
+
+    googleSiteVerification = ""
+
+
+    ######################################
+    # Google AdSense
+
+    # Note: render only in production
+    #       environment
+
+    googleAdClient = ""
+
+    ## Auto Ads
+    enableGoogleAutoAds = false
+
+    ## Ad Units
+    enableGoogleAdUnits = false
+    googleAdSlot = ""
+
+
+    ######################################
+    # Yandex.Metrika
+    # https://metrika.yandex.ru/
+
+    # Note: render only in production
+    #       environment
+
+    yandexMetrikaId = ""
+
+
+    ######################################
+    # Post Settings
+
+    # The color change duration of the
+    # hyperlink (in seconds)
+    duration = 0.5
+
+    # Primary color of light mode
+    primaryColorLight = "220, 90%, 56%"
+    # Primary color of dark mode
+    primaryColorDark = "201, 65%, 62%"
+    # ATTENTION: only HSL color values ​​are
+    #            supported
+
+    # The content width of the post
+    postWidth = 36
+    # Note: you can leave it empty("") to
+    #       fallback to the default value: 42
+    #       Unit: em
+
+    # Is the post original?
+    original = true
+    # Note: will affect the author and
+    #       copyright information of the
+    #       post
+    #       *global settings*
+    #       `original` in post’s Front Matter
+    #       has a higher priority than here
+
+
+    ######################################
+    # Post Description
+
+    displayPostDescription = true
+
+
+    ######################################
+    # Post Meta Info
+
+    enablePostMeta = true
+    # Note: *global settings*
+    #       `meta` in post’s Front Matter
+    #       has a higher priority than here
+
+    enablePostMetaInHome = true
+    # Note: valid for the `posts` and
+    #       `page` homepage layout only
+
+    postMetaDateFormat = "2006.1.2"
+    # ATTENTION: be sure to follow the
+    #            specified format
+    #            https://gohugo.io/functions/format/
+
+    displayPublishedDate = true
+    publishedDateIcon = "calendar-alt"
+
+    displayModifiedDate = true
+    modifiedDateIcon = "calendar-check"
+
+    displayExpiredDate = true
+    expiredDateIcon = "calendar-times"
+
+    displayCategory = true
+    categoryIcon = "folder"
+    categoryDelimiter = "/"
+
+    displayWordCount = true
+    wordCountIcon = "pencil-alt"
+
+    displayReadingTime = true
+    readingTimeIcon = "clock"
+
+    displayBusuanziPagePV = false
+    busuanziPagePVIcon = "eye"
+    # Note: render only in production
+    #       environment
+    #       Homepage is not supported yet
+    #       https://busuanzi.ibruce.info/
+
+
+    ######################################
+    # Markdown Related
+
+    # Open external links in a new tab?
+    hrefTargetBlank = true
+
+
+    ######################################
+    # Table of Contents
+
+    enableTOC = false
+    # Note: *global settings*
+    #       `toc` in post’s Front Matter
+    #       has a higher priority than here
+
+    displayTOCTitle = true
+
+    displayTOCNum = true
+    # Note: *global settings*
+    #       `tocNum` in post’s Front Matter
+    #       has a higher priority than here
+
+    linkHeadingsToTOC = true
+
+
+    ######################################
+    # Headings Anchor
+
+    enableHeadingsAnchor = true
+    # Note: *global settings*
+    #       `anchor` in post’s Front Matter
+    #       has a higher priority than here
+
+    # Level range of headings
+    headingsOpt = "1-6"
+    # Note: regex format, default value
+    #       is 1-6, which is 1|2|3|4|5|6,
+    #       which is h1 to h6.
+
+    anchorSymbol = "#"
+    # Note: the anchorIcon has a higher
+    #       priority than anchorSybol
+    #       Default: §
+
+    anchorIcon = "link"
+    # Note: you can leave it empty("") to
+    #       fallback to the anchorSymbol
+
+    enableAnchorLink = true
+
+    enableAnchorAutoHide = true
+
+
+    ######################################
+    # Caption
+
+    enableCaption = true
+
+    captionPrefix = "◎ "
+
+
+    ######################################
+    # Image Hosting
+
+    # Note: render only in production
+    #       environment
+    #
+    #       only support absolute URLs
+    #       relative to root, e.g.
+    #       /images/meme.jpg
+    #       (~/blog/static/images/meme.jpg)
+
+    enableImageHost = false
+
+    imageHostURL = "https://example.com/"
+
+    # Replace the image link in the HTML
+    # head meta also?
+    headAlso = false
+
+
+    ######################################
+    # Video Hosting
+
+    # Note: render only in production
+    #       environment
+    #
+    #       only support absolute URLs
+    #       relative to root, e.g.
+    #       /videos/meme.mp4
+    #
+    #       and the HTML code you add must
+    #       start with `<video src="`
+
+    enableVideoHost = false
+
+    videoHostURL = "https://example.com/"
+
+
+    ######################################
+    # Footnotes
+
+    # Use the square brackets to wrap
+    # the reference number?
+    squareBrackets = true
+
+    # Replace the text in footnote return
+    # link with icon?
+    footnoteReturnLinkIcon = "angle-up"
+    # Note: will replace
+    #       `footnoteReturnLinkContents`
+    #       with icon if it’s not
+    #       empty("")
+
+    # Insert horizontal rule by yourself?
+    insertHrBySelf = true
+    # Note: If true, the automatically
+    #       generated horizontal rule
+    #       (<hr>) will be removed. In
+    #       fact, the horizontal rule you
+    #       added will be removed. This
+    #       option is very useful if you
+    #       prefer to add `---` to separate
+    #       the content from the footnote
+    #       in the Markdown file.
+
+
+    ######################################
+    # Scrollbar
+    customizeScrollbar = true
+
+
+    ######################################
+    # Typography
+
+    ######################################
+    ## Font Family
+
+    # Note: any option is empty(""),
+    #       fallback to `fontFamilyBody`
+    #       it will. Therefore, it is not
+    #       necessary to set all.
+    #       Additionally, you can leave
+    #       `fontFamilySiteBrand` empty("")
+    #       if you use SVG as your site
+    #       brand.
+
+    # Site brand
+    fontFamilySiteBrand = ""
+    # Menu bar
+    fontFamilyMenu = ""
+    # Post title, post subtitle, list title, year and month title of the list, related posts title, previous/next post title, header of table, term/name in a definition list
+    fontFamilyTitle = "'Comfortaa', sans-serif"
+    # Headings, toc title
+    fontFamilyHeadings = "'Comfortaa', sans-serif"
+    # Code, superscript, post meta info, post updated badge, post gitinfo, minimal footer, busuanzi site view counter
+    fontFamilyCode = "'Source Code Pro', monospace"
+    # Blockquotes
+    fontFamilyQuote = ""
+    # Table of contents
+    fontFamilyTOC = ""
+    # Caption
+    fontFamilyCaption = ""
+    # Footer
+    fontFamilyFooter = ""
+    # Body
+    fontFamilyBody = "'IBM Plex Serif', serif"
+
+    # Embed fonts link
+    fontsLink = "https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,700;1,400;1,700&family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Comfortaa:wght@700&display=swap"
+    # Note: In order for the reader to
+    #       experience the fonts you set,
+    #       it is best to use web fonts.
+    #       MemE currently only supports
+    #       Google Fonts, please go to
+    #       https://fonts.google.com/ to
+    #       get the link. If this is left
+    #       empty(""), web fonts will not
+    #       be used.
+
+    ######################################
+    ## Font Size (unit: px)
+
+    fontSize = 18
+
+    ######################################
+    ## Tab Size
+
+    tabSize = 4
+
+    ######################################
+    ## Line Height
+
+    lineHeight = 1.618
+    # Note: apply to post paragraph & toc
+    #       only
+
+    ######################################
+    ## Paragraph Indents
+
+    enableParagraphIndent = true
+
+    indentFirstParagraph = false
+    # Note: *global settings*
+    #       `indentFirstParagraph` in post’s Front Matter
+    #       has a higher priority than here
+
+    paragraphStyle = "margin"
+    # Note: margin or indent
+    #       *global settings*
+    #       `indent` in post’s Front Matter
+    #       has a higher priority than here
+
+    ######################################
+    ## Text Justification
+
+    enableJustify = false
+    # Note: *global settings*
+    #       `align` in post’s Front Matter
+    #       has a higher priority than here
+
+    ######################################
+    ## Drop Cap
+
+    enableDropCap = true
+    # Note: *global settings*
+    #       `dropCap` in post’s Front Matter
+    #       has a higher priority than here
+
+    # Enable drop cap after every
+    # horizontal rule tag?
+    enableDropCapAfterHr = false
+    # Note: *global settings*
+    #       `dropCapAfterHr` in post’s Front Matter
+    #       has a higher priority than here
+
+    # Delete horizontal rule tag before
+    # drop cap?
+    deleteHrBeforeDropCap = false
+    # Note: *global settings*
+    #       `deleteHrBeforeDropCap` in post’s Front Matter
+    #       has a higher priority than here
+
+    ######################################
+    ## Small Caps
+
+    enableSmallCaps = true
+    # Note: apply to headings & post toc
+    #       title only
+    #       *global settings*
+    #       `smallCaps` in post’s Front Matter
+    #       has a higher priority than here
+
+    ######################################
+    ## Emphasis Point (Chinese)
+
+    # Note: new Markdown syntax created by MemE
+    #       `..文本..`
+
+    enableEmphasisPoint = false
+
+    ######################################
+    ## Chinese Punctuation Glyph Correction
+
+    enableChinesePunctuationGlyphCorrection = false
+
+
+    ######################################
+    # Post Copyright
+
+    enablePostCopyright = true
+
+    displayPostCopyright = true
+    # Note: *global settings*
+    #       `displayCopyright` in post’s Front Matter
+    #       has a higher priority than here
+
+
+    ######################################
+    # Post Updated Badge
+
+    enablePostUpdatedBadge = true
+
+    displayUpdatedBadge = true
+    # Note: *global settings*
+    #       `badge` in post’s Front Matter
+    #       has a higher priority than here
+
+    # Add `title` attribute?
+    enableBadgeTitle = true
+    badgeTitlePrefix = "Updated @ "
+
+
+    ######################################
+    # Post Gitinfo
+
+    enablePostGitInfo = false
+
+    displayPostGitInfo = false
+    # Note: *global settings*
+    #       `gitinfo` in post’s Front Matter
+    #       has a higher priority than here
+
+    repoURL = ""
+    repoEditURL = ""
+
+    gitIcon = "code-branch"
+    displayCommitHash = true
+
+    displayCommitMessage = true
+    msgIcon = "info"
+
+    displayFeedback = true
+    feedbackIcon = "question"
+    feedbackText = "Feedback"
+
+    displayEditLink = true
+    editIcon = "edit"
+    editText = "Edit Me?"
+
+
+    ######################################
+    # Post Share
+
+    enablePostShare = true
+
+    displayPostShare = true
+    # Note: *global settings*
+    #       `share` in post’s Front Matter
+    #       has a higher priority than here
+
+    displayShareOnText = false
+
+    shareOnTwitter = true
+    shareOnFacebook = true
+    shareOnLinkedIn = true
+    shareOnTelegram = true
+    shareOnWeibo = true
+    shareOnDouban = true
+    shareOnQQ = true
+    shareOnQzone = true
+
+    shareViaQRCode = true
+
+
+    ######################################
+    # Related Posts
+
+    enableRelatedPosts = true
+
+    displayRelatedPosts = true
+    # Note: *global settings*
+    #       `related` in post’s Front Matter
+    #       has a higher priority than here
+
+    relatedPostsNumber = 5
+
+    relatedPostsIcon = "plus-circle"
+
+
+    ######################################
+    # Post Tags
+
+    enablePostTags = true
+
+    postTagsIcon = "tag"
+
+
+    ######################################
+    # Previous/Next Post
+
+    # Note: In MemE, it is designed from a
+    #       spatial perspective rather
+    #       than a time perspective like
+    #       most other themes do.
+    #       Therefore, you will get a
+    #       newer post if you click prev
+    #       on the left; you will get an
+    #       older post if you click next
+    #       on the right.
+
+    enablePostNav = true
+
+    # Apply to posts that below the same
+    # top level section only?
+    postNavInSection = true
+
+
+    ######################################
+    # Minimal Footer
+
+    enableMinimalFooter = false
+    enableVerticalBarStructure = false
+    # Note: If you enable this, the
+    #       categories or sections that
+    #       displayed on the right will
+    #       include all top-level
+    #       categories or sections and are
+    #       separated by vertical bar(|).
+
+    enableAboutPageMinimalFooter = false
+
+
+    ######################################
+    # Back to Top
+
+    enableBackToTop = true
+
+    enableBackToTopAutoHide = true
+
+    displayBackToTopInHome = true
+
+    displayBackToTopOnMobile = false
+
+    backToTopIcon = "arrow-up"
+
+
+    ######################################
+    # Footer
+
+    enableFooter = true
+
+    displayFooter = true
+
+    displayFooterInHome = true
+
+    displayCopyleftSymbol = false
+    displayCopyrightSymbol = true
+
+    displaySiteCreatedYear = true
+
+    # Leave it empty("") if you don’t want
+    # the icon
+    iconBetweenYearAndAuthor = "heart"
+    iconColor = "#f06292"
+    # Enable heartbeat animation?
+    iconAnimation = true
+
+    # Display links to Hugo and MemE?
+    displayPoweredBy = true
+
+    displaySiteCopyright = true
+
+    # Custom Footer (Markdown supported)
+    customFooter = ""
+
+    displayBusuanziSiteUVAndPV = false
+    busuanziSiteUVText = "Site UV"
+    busuanziSiteUVIcon = "user"
+    busuanziSitePVText = "Site PV"
+    busuanziSitePVIcon = "eye"
+    # Note: render only in production
+    #       environment
+    #       Leave it empty("") if you
+    #       don’t need the text or icon
+    #       https://busuanzi.ibruce.info/
+
+    # Socials
+    enableSocials = true
+    # Note: see data/Socials.toml
+
+
+    ######################################
+    # Multilingual
+
+    enableLangToggle = false
+
+    hideLangToggleInHome = false
+
+    autoHideLangToggle = true
+    # Note: in other words, the toggle is
+    #       displayed only when the post
+    #       has a translated version
+
+
+    ######################################
+    # Code Blocks
+
+    enableHighlight = true
+
+    enableOverflowY = true
+    maxHeight = 20
+    # Unit: em
+
+    enableCopy = true
+    enableCopyAutoHide = true
+
+
+    ######################################
+    # Fingerprinting and SRI
+
+    # Note: valid for CSS and JS generated
+    #       by MemE only
+
+    enableFingerprint = true
+
+    enableSRI = false
+    # Note: subresource integrity will
+    #       block MemE CSS and JS on third
+    #       party websites like Google
+    #       Translate. To prevent this,
+    #       your server has to send the
+    #       following header for CSS and
+    #       JS requests:
+    #
+    #       Access-Control-Allow-Origin: *
+
+
+    ######################################
+    # Force HTTPS Redirection
+
+    # Note: render only in production
+    #       environment
+
+    enableForceHTTPS = false
+    # Note: use JavaScript for redirection.
+    #       You can enable this if your
+    #       server does not support forced
+    #       HTTPS.
+
+
+    ######################################
+    # Smooth Scroll
+
+    enableSmoothScroll = true
+
+
+    ######################################
+    # Medium Zoom
+
+    enableMediumZoom = true
+    # Note: https://github.com/francoischalifour/medium-zoom
+
+
+    ######################################
+    # Instant Page
+
+    enableInstantPage = true
+    # Note: https://github.com/instantpage/instant.page
+
+
+    ######################################
+    # Lunr search
+
+    # Note: This requires SearchIndex
+    #       output to be enabled.
+
+    enableLunrSearch = true
+    # Note: https://lunrjs.com/
+
+
+    ######################################
+    # Algolia search
+
+    # Note: This requires Algolia
+    #       output to be enabled.
+    #       And you need to upload the
+    #       generated algolia.json to
+    #       Algolia every time you rebuild
+    #       your site.
+
+    enableAlgoliaSearch = false
+
+    algoliaAppId = ""
+    algoliaApiKey = ""
+    algoliaIndexName = ""
+    # Note: https://www.algolia.com/
+
+
+    ######################################
+    # 404 Page
+
+    fofPoster = ""
+
+    fofVideoWebm = ""
+    fofVideoMp4 = ""
+    # Note: you can leave these two
+    #       options empty("")
diff --git a/themes/meme_cdn/config-examples/zh-cn/config.toml b/themes/meme_cdn/config-examples/zh-cn/config.toml
new file mode 100644
index 0000000..39b4fae
--- /dev/null
+++ b/themes/meme_cdn/config-examples/zh-cn/config.toml
@@ -0,0 +1,1391 @@
+##########################################
+# 站点配置
+
+baseURL = "https://example.com/"
+title = "Hugo 主题 MemE"
+languageCode = "zh-CN"
+hasCJKLanguage = true
+# 版权信息（支持 Markdown）
+copyright = "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)"
+
+# 主题选择
+theme = "meme"
+
+# `hugo new` 新建文章自动打开的文本编辑器
+newContentEditor = ""
+
+# i18n
+defaultContentLanguage = "zh"
+defaultContentLanguageInSubdir = false
+
+# 是否复数化列表页面的标题
+pluralizeListTitles = false
+
+# 摘要的字数限制
+summaryLength = 42
+
+# 是否开启 GitHub 风格的 Emoji 书写方式
+enableEmoji = false
+
+# 脚注的返回链接中的文本
+footnoteReturnLinkContents = "↩"
+
+# 是否启用 Git 版本信息
+enableGitInfo = false
+
+# 是否生成 robots.txt 文件
+enableRobotsTXT = true
+
+# 每一分页的文章数（仅对「文章摘要」首页布局有效）
+paginate = 5
+
+# URL 相关
+disablePathToLower = false
+relativeURLs = false
+uglyURLs = false
+
+# URL 结构
+[permalinks]
+    categories = "/categories/:slug/"
+    tags = "/tags/:slug/"
+
+# 类别
+[taxonomies]
+    category = "categories"
+    tag = "tags"
+
+# 修改时间
+[frontmatter]
+    lastmod = ["lastmod", ":git", ":fileModTime", ":default"]
+
+# Markdown 渲染器
+[markup]
+    defaultMarkdownHandler = "goldmark"
+    [markup.goldmark]
+        [markup.goldmark.extensions]
+            definitionList = true
+            footnote = true
+            linkify = true
+            strikethrough = true
+            table = true
+            taskList = true
+            typographer = false
+        [markup.goldmark.parser]
+            attribute = true
+            autoHeadingID = true
+            autoHeadingIDType = "github"
+        [markup.goldmark.renderer]
+            hardWraps = false
+            unsafe = true
+            xHTML = false
+    [markup.highlight]
+        codeFences = true
+        guessSyntax = false
+        lineNos = true
+        lineNumbersInTable = true
+        noClasses = false
+    [markup.tableOfContents]
+        startLevel = 2
+        endLevel = 6
+        ordered = true
+
+# 压缩 HTML
+[minify.tdewolff.html]
+    keepWhitespace = false
+
+# 作者信息
+[author]
+    # 名字
+    name = "reuixiy"
+    # 邮箱
+    email = "reuixiy@gmail.com"
+    # 座右铭或简介
+    motto = "Viva La Vida"
+    # 头像
+    avatar = "/icons/apple-touch-icon.png"
+    # 网站（默认值：baseURL）
+    website = "https://io-oi.me/"
+    # 推特
+    twitter = "reuixiy"
+
+# 相关文章
+[related]
+    threshold = 80
+    includeNewer = true
+    toLower = true
+    [[related.indices]]
+        name = "categories"
+        weight = 100
+    [[related.indices]]
+        name = "tags"
+        weight = 95
+    [[related.indices]]
+        name = "date"
+        weight = 10
+        pattern = "2006"
+
+# Atom 文件格式的媒体类型
+[mediaTypes."application/atom+xml"]
+    suffixes = ["xml"]
+
+# MemE 主题自定义的 Atom 模板
+[outputFormats.SectionsAtom]
+    mediaType = "application/atom+xml"
+    baseName = "atom"
+
+# MemE 主题自定义的 RSS 模板
+[outputFormats.SectionsRSS]
+    mediaType = "application/rss+xml"
+    baseName = "rss"
+
+# lunr.js 的搜索索引
+[outputFormats.SearchIndex]
+    mediaType = "application/json"
+    baseName = "search"
+
+# Algolia 的搜索索引
+[outputFormats.Algolia]
+    mediaType = "application/json"
+    baseName = "algolia"
+    isPlainText = true
+    notAlternative = true
+
+# Hugo 的输出控制
+[outputs]
+    page = ["HTML"]
+    # home = ["HTML", "SectionsAtom", "SectionsRSS", "SearchIndex", "Algolia"]
+    home = ["HTML", "SectionsAtom", "SectionsRSS"]
+    section = ["HTML"]
+    taxonomy = ["HTML"]
+    term = ["HTML"]
+
+# RSS & Atom 文章数限制
+[services.rss]
+    limit = -1
+
+
+
+##########################################
+# 菜单配置
+
+# MemE 主题支持以下四种菜单：
+# 1. main       顶栏下方（居中布局）或里面（弹性
+#               布局）的菜单栏
+# 2. home       首页的底部链接（适用于「诗意
+#               人生」和「视频片段」布局）
+# 3. socials    社交栏（关于页面的极简页脚）
+# 4. links      链接栏（关于页面的极简页脚）
+
+# 菜单内的配置说明如下：
+# pageref/url   内链地址/外链地址
+# name          文本（留空（""）则无）
+# weight        位置
+# pre           内链（internal）或外链（external）
+# post          图标（留空（""）则无）
+# identifier    图标的 Class 名
+#               （对于弹性布局的顶栏有三个特殊
+#               的值：`theme-switcher`、
+#               `lang-switcher`、`search`）
+
+[menu]
+    ## 菜单栏
+    # [[menu.main]]
+    #     pageref = "/"
+    #     name = "首页"
+    #     weight = 1
+    #     pre = "internal"
+    #     post = "home"
+    [[menu.main]]
+        pageref = "/posts/"
+        name = "文章"
+        weight = 2
+        pre = "internal"
+        post = "archive"
+    [[menu.main]]
+        pageref = "/categories/"
+        name = "分类"
+        weight = 3
+        pre = "internal"
+        post = "th"
+    [[menu.main]]
+        pageref = "/tags/"
+        name = "标签"
+        weight = 4
+        pre = "internal"
+        post = "tags"
+    [[menu.main]]
+        pageref = "/about/"
+        name = "关于"
+        weight = 5
+        pre = "internal"
+        post = "user-circle"
+    [[menu.main]]
+        weight = 6
+        identifier = "theme-switcher"
+    [[menu.main]]
+        weight = 7
+        identifier = "lang-switcher"
+    # [[menu.main]]
+    #     weight = 8
+    #     identifier = "search"
+    #     post = "search"
+
+
+
+##########################################
+# 主题配置
+
+[params]
+    ######################################
+    # 顶栏
+
+    # 是否开启
+    enableHeader = true
+
+    # 是否自动隐藏
+    enableHeaderAutoHide = false
+    # 说明：仅对弹性布局的顶栏有效
+
+    # 是否在首页显示
+    displayHeaderInHome = true
+    # 说明：对弹性布局的顶栏无效
+
+    # 背景
+    headerBackground = "linear-gradient(90deg, #f795331a 0, #f370551a 15%, #ef4e7b1a 30%, #a166ab1a 44%, #5073b81a 58%, #1098ad1a 72%, #07b39b1a 86%, #6dba821a 100%)"
+    # 说明：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background
+
+    # 顶栏布局
+    headerLayout = "flex"
+    # 说明：居中布局（center）或弹性布局（flex）
+
+    # 在窄视图下隐藏菜单栏并显示一个按钮？
+    enableNavToggle = true
+
+    navHeight = "10em"
+    # 说明：菜单栏展开时的高度
+
+
+    ######################################
+    # 品牌栏（在顶栏内）
+
+    # 是否使用 SVG 图片
+    siteBrandSVG = false
+    # 如果是，请将你的 SVG 放到 `SVG.toml` 文
+    # 件内，并配置以下项。单位：px。
+    siteBrandSVGWidth = 250
+    siteBrandSVGHeight = 100
+    siteBrandSVGFill = "#fff"
+    # 如果否，则会使用你的站点标题作为默认值，并
+    # 以文字的形式显示，下方可配置字号和字色。字
+    # 体请到底部的字体部分配置。单位：em。
+    siteBrandFontSize = 1
+    siteBrandFontColor = "var(--color-contrast-high)"
+
+
+    ######################################
+    # 菜单栏
+
+    # 是否开启
+    enableMenu = true
+    # 说明：对弹性布局的顶栏无效
+
+    # 是否在首页显示
+    displayMenuInHome = true
+    # 说明：对弹性布局的顶栏无效
+
+    # 是否按文章分区高亮当前菜单项
+    activeInSection = false
+    # 说明：如果开启，那么当某一文章的分区名是某
+    #      一菜单项中的 `url` 时，该文章页面中
+    #      的该菜单项也会被高亮
+
+
+    ######################################
+    # 首页布局
+
+    # MemE 主题有以下四种首页布局：
+    # 1. poetry    诗意人生
+    # 2. footage   视频片段
+    # 3. posts     文章摘要
+    # 4. page      普通页面
+
+    homeLayout = "posts"
+
+    ## 「诗意人生」
+    # 诗句，支持 Markdown
+    homePoetry = []
+    # 底部链接的内间距，单位：em
+    homeLinksPadding = 1
+
+    ## 「视频片段」
+    homePoster = ""
+    homeVideoWebm = ""
+    homeVideoMp4 = ""
+    homeLogo = ""
+    homeLogoLink = ""
+    homeTitle = ""
+    homeMotto = ""
+    homeDescription = ""
+    homeKeywords = ""
+    homeLinksDelimiter = ""
+
+
+    ######################################
+    # 站点信息
+
+    # 站点的 LOGO
+    siteLogo = "/icons/apple-touch-icon.png"
+    # 说明：用于 JSON-LD、Open Graph
+
+    # 站点的描述
+    siteDescription = "MemE 是一个强大且可高度定制的 GoHugo 博客主题，专为个人博客设计。"
+    # 说明：用于 HTML 的头部元数据、JSON-LD、
+    #      Open Graph、Atom、RSS
+
+    # 站点的创建时间
+    siteCreatedTime = "1969-07-20T20:17:43+00:00"
+    # 注意：请保持此格式，更改数字
+
+    # 站点的推特帐号
+    siteTwitter = "reuixiy"
+    # 说明：用于 Twitter Cards
+
+
+    ######################################
+    # 分类方式
+
+    # MemE 主题支持以下两种分类方式：
+    # 1. sections       分区
+    # 2. categories     部类
+    # 其中，分区是基于站点的 content 目录下的
+    # 文件夹和子文件夹；部类是基于文章的 Front
+    # Matter。分类即树状分类，Hexo 是基于文章
+    # 的 Front Matter，Hugo 则是基于文件系统
+    # 的结构。由于设计理念的不同，导致了 Hexo
+    # 与 Hugo 的这个差异，故在此设计这个选项，
+    # 以对从 Hexo 过来的用户友好。但是请注意：
+    # Hugo 中无法完全实现基于 Front Matter
+    # 的树状分类，故如需保留树状分类，建议适应
+    # Hugo 的设计理念——分区。
+
+    categoryBy = "categories"
+    # 注意：如果你设置为 `sections`，请务必将
+    #      此配置文件中的类别（taxonomies）中
+    #      的 `categories` 删除，不然分类页
+    #      面会失效。同时，你还需要自己新建一个
+    #      `content/categories/_index.md`
+    #      文件。
+
+
+    ######################################
+    # 分类页面
+
+    # 是否开启树状布局
+    enableTree = true
+    # 注意：如果你设置 categoryBy 为
+    # `sections`，则无法关闭树状布局
+
+    # 是否显示文章标题
+    displayPosts = true
+
+    # 是否显示每一分类下的文章数
+    displayPostsCount = true
+
+    # 设置一个非负数来限制每一分类下展示的文章数
+    limitPostsLimit = -1
+
+
+    ######################################
+    # 标签页面
+
+    # 是否开启标签云
+    enableTagCloud = true
+    # 字号单位
+    fontUnit = "em"
+    # 最大字号
+    largestFontSize = 2.5
+    # 最小字号
+    smallestFontSize = 1
+
+
+    ######################################
+    # 列表页面
+
+    # 宽度
+    listWidth = 36
+    # 说明：如果留空（""），则用 42 作为默认值
+    #      单位：em
+
+    # 是否显示列表标题
+    displayListTitle = true
+
+    # 日期的格式
+    listDateFormat = "1 月 2 日"
+    # 注意：请遵循格式 https://gohugo.io/functions/format/
+
+    # 日期的位置
+    listDatePosition = "right"
+    # 说明：left（左边）或 right（右边）
+
+    # 是否按月份分隔列表
+    groupByMonth = true
+
+    # 是否开启十二生肖
+    chineseZodiac = true
+
+    # 是否翻译年份（仅对年份标题有效）
+    i18nYear = true
+    # 是否翻译月份（仅对月份标题有效）
+    i18nMonth = true
+
+
+    ######################################
+    # 类别列表页面
+
+    # 说明：对于分类页面，你可以设置 `enableTree`
+    #      为 false 以得到一个普通的类别列表页
+    #      面；对于标签页面，你可以设置
+    #      `enableTagCloud` 为 false 以得到
+    #      一个普通的类别列表页面。
+
+    # 是否显示每一类别项下的文章数
+    displayTaxonomyTermCount = true
+
+    # 设置一个非负数来限制每一类别项下展示的文章数
+    limitEntriesLimit = -1
+
+
+    ######################################
+    # 文章分区范围
+
+    # 说明：分区的名字即站点的 content 目录下
+    #      的文件夹的名字。
+
+    # mainSections = ["posts"]
+
+
+    ######################################
+    # Atom & RSS
+
+    # 是否包括全文内容
+    includeContent = true
+    # 说明：如果否，则只会包含文章的摘要。关于摘
+    #      要，Hugo 能按你设置的字数限制自动截
+    #      取，你也可以在文章中通过
+    #      `<!--more-->`（没有空格）手动控制，
+    #      或者在文章的 Front Matter 中通过
+    #      `summary` 手动指定。其中，应用的优
+    #      先级顺序：手动指定 > 手动控制 > 自
+    #      动截取。还需要注意的是，在 MemE 主
+    #      题自定义的 Atom 和 RSS 的模板中，
+    #      有一个比手动指定更高的优先级——
+    #      Front Matter 中的 `description`。
+
+
+    ######################################
+    # 深色模式
+
+    # 是否开启
+    enableDarkMode = true
+
+    # 默认模式
+    defaultTheme = "light"
+    # 说明：light（浅色模式）或 dark（深色模式）
+
+    # 是否隐藏模式切换开关
+    hideThemeToggle = false
+    # 是否在首页隐藏模式切换开关
+    hideThemeToggleInHome = false
+    # 说明：如果开启了深色模式，即使你隐藏了开关，
+    #      你的读者依然可能以深色模式阅读你的博
+    #      客，如果该读者的系统设置为深色模式的
+    #      话。类似，如果你开启深色模式并将默认
+    #      模式修改为它，即使你隐藏开关，你的读
+    #      者依然可能以浅色模式模式阅读你的博客。
+    #      除非，你开启下方这个选项。
+
+    overrideSystemPreferences = false
+
+
+    ######################################
+    # 网页应用
+
+    # 说明：前往 https://realfavicongenerator.net/
+    #      生成相关图标和文件，下载后解压，仅保留
+    #      android-chrome-512x512.png、
+    #      apple-touch-icon.png、
+    #      mstile-150x150.png、
+    #      safari-pinned-tab.svg、favicon.ico、
+    #      site.webmanifest 这些文件，删除其余。
+    #      然后将这些文件移动到 ~/blog/static/icons/
+    #      目录下，再将 favicon.ico、site.webmanifest
+    #      移动到 ~/blog/static/ 目录下，
+    #      最后将 site.webmanifest 重命名为
+    #      manifest.json，并检查和修改相关内容
+    #      （图标的路径）。
+
+    themeColor = "#fff"
+    themeColorDark = "#16171d"
+    safariMaskColor = "#2a6df4"
+    msApplicationTileColor = "#fff"
+
+
+    ######################################
+    # 网页头部元数据、搜索引擎优化（SEO）、社交网络发现
+
+    jsonLD = true
+    openGraph = true
+    twitterCards = true
+    # 注意：如果你设置 twitterCards 为 `true`，
+    #      请务必开启 openGraph。否则，网页的
+    #      Twitter Cards 信息将会不完整。
+
+    # 是否自动探测图片
+    autoDetectImages = true
+    # 说明：建议开启，否则，你必须在文章的 Front
+    #      Matter 中手动指定 `images`，不然，
+    #      你在社交网络或 APP 上分享的链接将无
+    #      法显示带大图的摘要视图。
+
+
+    ######################################
+    # 自定义导入第三方库的CDN
+
+    # 说明：不需要时请删除(注释)此项或将引号内置空，
+    #       此时默认CDN为"https://cdn.jsdelivr.net"
+
+    cdnCustomized = "https://cdn.jsdelivr.net"
+
+
+    ######################################
+    # Service Worker
+
+    # 说明：仅在生产环境（production）下渲染
+
+    enableServiceWorker = false
+
+
+    ######################################
+    # KaTeX 公式支持（包括化学方程式）
+
+    # 是否开启（全局设置）
+    enableKaTeX = false
+    # 说明：文章的 Front Matter 中的 `katex`
+    #      的优先级高于此处
+
+
+    ######################################
+    # MathJax 公式支持（包括化学方程式）
+
+    # 是否开启（全局设置）
+    enableMathJax = false
+    # 说明：文章的 Front Matter 中的 `mathjax`
+    #      的优先级高于此处
+
+    # 是否禁用 MathJax 的右键菜单
+    disableMathJaxMenu = false
+
+
+    ######################################
+    # Mermaid (https://github.com/mermaid-js/mermaid)
+
+    # 是否开启（全局设置）
+    enableMermaid = false
+    # 说明：文章的 Front Matter 中的 `mermaid`
+    #      的优先级高于此处
+
+    mermaidTheme = 'default'
+    mermaidThemeDark = 'dark'
+
+
+    ######################################
+    # 评论
+
+    # 说明：仅在生产环境（production）下渲染
+
+    # 是否开启（全局设置）
+    enableComments = false
+    # 说明：文章的 Front Matter 中的 `comments`
+    #      的优先级高于此处
+
+    # 直接加载评论，不需要手动点击按钮加载
+    autoLoadComments = false
+
+    ## Disqus
+    enableDisqus = false
+    disqusShortname = ""
+
+    ## Valine
+    enableValine = false
+    valineAppId = ""
+    valineAppKey = ""
+    valinePlaceholder = "Just go go"
+    valinePath = ""
+    valineAvatar = "mm"
+    valineMeta = ["nick", "mail", "link"]
+    valinePageSize = 10
+    valineLang = "zh-cn"
+    valineVisitor = false
+    valineHighlight = true
+    valineAvatarForce = false
+    valineRecordIP = false
+    valineServerURLs = ""
+    valineEmojiCDN = ""
+    valineEmojiMaps = {}
+    valineEnableQQ = false
+    valineRequiredFields = []
+    # 说明：https://valine.js.org/
+
+    ## Utterances
+    enableUtterances = false
+    utterancesRepo = ""
+    utterancesIssueTerm = "pathname"
+    utterancesTheme = "github-light"
+    utterancesThemeDark = "photon-dark"
+    utterancesLabel = ""
+    # 说明：https://utteranc.es/
+
+    ## Gitalk
+    enableGitalk = false
+    gitalkClientID = "your_client_id"
+    gitalkClientSecret = "your_client_secret"
+    gitalkRepo = "your_repository"
+    gitalkOwner = "your_gitalk_owner"
+    gitalkAdmin = ["your_gitalk_admin"]
+    gitalkLable = ["Gitalk"]
+    gitalkDistractionFreeMode = false
+    gitalkPerPage = 10
+    gitalkLanguage = "en"
+    gitalkPagerDirection = "last"
+    gitalkCreateIssueManually = false
+    gitalkProxy = "https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token"
+    gitalkEnableHotKey = true
+    # 说明：https://github.com/gitalk/gitalk
+
+
+    ######################################
+    # Google Analytics
+
+    # 说明：仅在生产环境（production）下渲染
+
+    enableGoogleAnalytics = false
+
+    # 跟踪代码的类型
+    trackingCodeType = "gtag"
+    # 说明：gtag 或 analytics
+
+    trackingID = ""
+
+
+    ######################################
+    # Google Site Verification
+
+    googleSiteVerification = ""
+
+
+    ######################################
+    # Google AdSense
+
+    # 说明：仅在生产环境（production）下渲染
+
+    googleAdClient = ""
+
+    ## 自动广告
+    enableGoogleAutoAds = false
+
+    ## 广告单元
+    enableGoogleAdUnits = false
+    googleAdSlot = ""
+
+
+    ######################################
+    # Yandex.Metrika
+    # https://metrika.yandex.ru/
+
+    # 说明：仅在生产环境（production）下渲染
+
+    yandexMetrikaId = ""
+
+
+    ######################################
+    # 文章设置
+
+    # 超链接的颜色变化持续时间（单位：秒）
+    duration = 0.5
+
+    # 浅色模式的主色
+    primaryColorLight = "220, 90%, 56%"
+    # 深色模式的主色
+    primaryColorDark = "201, 65%, 62%"
+    # 注意：只支持 HSL 颜色值
+
+    # 文章的内容宽度
+    postWidth = 36
+    # 说明：如果留空（""），则用 42 作为默认值
+    #      单位：em
+
+    # 文章是否为原创（全局设置）
+    original = true
+    # 说明：会影响文章的作者信息和版权信息
+    #      文章的 Front Matter 中的 `original`
+    #      的优先级高于此处
+
+
+    ######################################
+    # 文章描述
+
+    # 是否显示
+    displayPostDescription = true
+
+
+    ######################################
+    # 文章元信息
+
+    # 是否开启（全局设置）
+    enablePostMeta = true
+    # 说明：文章的 Front Matter 中的 `meta`
+    #      的优先级高于此处
+
+    # 是否在首页开启
+    enablePostMetaInHome = true
+    # 说明：仅对「文章摘要」和「普通页面」
+    #      首页布局有效
+
+    # 日期格式
+    postMetaDateFormat = "2006.1.2"
+    # 注意：请遵循格式 https://gohugo.io/functions/format/
+
+    # 是否显示发布时间
+    displayPublishedDate = true
+    # 发布时间的图标
+    publishedDateIcon = "calendar-alt"
+
+    # 是否显示修改时间
+    displayModifiedDate = true
+    # 修改时间的图标
+    modifiedDateIcon = "calendar-check"
+
+    # 是否显示过期时间
+    displayExpiredDate = true
+    # 过期时间的图标
+    expiredDateIcon = "calendar-times"
+
+    # 是否显示分类
+    displayCategory = true
+    # 分类的图标
+    categoryIcon = "folder"
+    # 分类之间的分隔符
+    categoryDelimiter = "/"
+
+    # 是否显示字数统计
+    displayWordCount = true
+    # 字数统计的图标
+    wordCountIcon = "pencil-alt"
+
+    # 是否显示阅读时长
+    displayReadingTime = true
+    # 阅读时长的图标
+    readingTimeIcon = "clock"
+
+    # 是否显示不蒜子页面浏览量
+    displayBusuanziPagePV = false
+    # 不蒜子页面浏览量的图标
+    busuanziPagePVIcon = "eye"
+    # 说明：仅在生产环境（production）下渲染
+    #      首页暂不支持
+    #      https://busuanzi.ibruce.info/
+
+
+    ######################################
+    # Markdown 相关
+
+    # 在新标签页打开外链？
+    hrefTargetBlank = true
+
+
+    ######################################
+    # 文章目录
+
+    # 是否开启（全局设置）
+    enableTOC = false
+    # 说明：文章的 Front Matter 中的 `toc`
+    #      的优先级高于此处
+
+    # 是否显示目录标题
+    displayTOCTitle = true
+
+    # 是否显示数字（全局设置）
+    displayTOCNum = true
+    # 说明：文章的 Front Matter 中的 `tocNum`
+    #      的优先级高于此处
+
+    # 是否链接文章的分节标题到目录
+    linkHeadingsToTOC = true
+
+
+    ######################################
+    # 分节标题锚点
+
+    # 是否开启（全局设置）
+    enableHeadingsAnchor = true
+    # 说明：文章的 Front Matter 中的 `anchor`
+    #      的优先级高于此处
+
+    # 分节标题的级别范围
+    headingsOpt = "1-6"
+    # 说明：正则格式，默认 1-6，即 1|2|3|4|5|6，
+    #      即 h1 到 h6。
+
+    # 锚点符号
+    anchorSymbol = "#"
+    # 说明：锚点图标的优先级高于锚点符号
+    #      默认值：§
+
+    # 锚点图标
+    anchorIcon = "link"
+    # 说明：留空（""）则回退到锚点符号
+
+    # 是否开启锚点链接
+    enableAnchorLink = true
+
+    # 是否自动隐藏锚点
+    enableAnchorAutoHide = true
+
+
+    ######################################
+    # 说明文字
+
+    # 是否开启
+    enableCaption = true
+
+    # 说明文字的前缀
+    captionPrefix = "◎ "
+
+
+    ######################################
+    # 图片外链
+
+    # 说明：仅在生产环境（production）下渲染
+    #
+    #      只支持相对于网站根目录的绝对链接
+    #      比如：/images/meme.jpg
+    #      (~/blog/static/images/meme.jpg)
+
+    # 是否开启
+    enableImageHost = false
+
+    # 图片外链地址
+    imageHostURL = "https://example.com/"
+
+    # 是否将 HTML 的头部元数据中的图片链接也替换为外链
+    headAlso = false
+
+
+    ######################################
+    # 视频外链
+
+    # 说明：仅在生产环境（production）下渲染
+    #
+    #      只支持相对于网站根目录的绝对链接
+    #      比如：/videos/meme.mp4
+    #
+    #      且你添加的 HTML 代码必需以以下开头：
+    #      `<video src="`
+
+    # 是否开启
+    enableVideoHost = false
+
+    # 视频外链地址
+    videoHostURL = "https://example.com/"
+
+
+    ######################################
+    # 脚注
+
+    # 是否用方括号包裹脚注的引用序号
+    squareBrackets = true
+
+    # 替换脚注的返回链接中的文本为图标
+    footnoteReturnLinkIcon = "angle-up"
+    # 说明：如果不为空（""），则会用图标替换
+    #      `footnoteReturnLinkContents`
+
+    # 是否自行插入分隔线
+    insertHrBySelf = true
+    # 说明：如果是，则会将自动生成的分隔线删除。
+    #      实际上，你自己添加的分隔线会被删除。
+    #      如果你喜欢在 Markdown 中手动插入
+    #      `---` 以将文章的正文内容与脚注内容
+    #      分隔开来，那么这项设置将会非常有用。
+
+
+    ######################################
+    # 滚动条
+    customizeScrollbar = true
+
+
+    ######################################
+    # 字体排版
+
+    ######################################
+    ## 字体
+
+    # 说明：任何一项留空（""），浏览器都会回退到
+    #      主体字体 `fontFamilyBody`，故没必
+    #      要全部设置。此外，如果你的品牌栏用的
+    #      SVG，则可留空（""）品牌栏字体。
+
+    # 品牌栏
+    fontFamilySiteBrand = ""
+    # 菜单栏
+    fontFamilyMenu = ""
+    # 文章标题、文章副标题、列表标题、列表的年份和月份标题、相关文章标题、文章上下篇标题、表格的表头、定义列表中的术语
+    fontFamilyTitle = "'Noto Serif SC', 'EB Garamond', serif"
+    # 分节标题、目录标题
+    fontFamilyHeadings = "'Noto Serif SC', 'EB Garamond', serif"
+    # 代码、上标、文章元信息、文章更新徽章、文章的 Git 版本信息、极简页脚、不蒜子站点浏览计数
+    fontFamilyCode = "'Source Code Pro', 'Noto Serif SC', monospace"
+    # 引用
+    fontFamilyQuote = ""
+    # 文章目录
+    fontFamilyTOC = ""
+    # 说明文字
+    fontFamilyCaption = ""
+    # 页脚
+    fontFamilyFooter = ""
+    # 主体
+    fontFamilyBody = "'EB Garamond', 'Noto Serif SC', serif"
+
+    # 网络字体链接
+    fontsLink = "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&family=Noto+Serif+SC:wght@400;500;700&family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+    # 说明：要想读者一定体验到你设置的字体，最好
+    #      采用网络字体。MemE 主题目前仅支持
+    #      Google Fonts 的链接，请前往
+    #      https://fonts.google.com/ 获取。
+    #      此项留空（""），则不会采用网络字体。
+
+    ######################################
+    ## 字号（单位：px）
+
+    fontSize = 16
+
+    ######################################
+    ## 制表符的宽度
+
+    tabSize = 4
+
+    ######################################
+    ## 行间距
+
+    lineHeight = 2
+    # 说明：只会应用到文章的段落和目录
+
+    ######################################
+    ## 段首缩排
+
+    # 是否开启
+    enableParagraphIndent = true
+
+    # 是否缩进第一段（全局设置）
+    indentFirstParagraph = false
+    # 说明：文章的 Front Matter 中的 `indentFirstParagraph`
+    #      的优先级高于此处
+
+    # 分段样式（全局设置）
+    paragraphStyle = "margin"
+    # 说明：段间距式（margin）或段首缩排（indent）
+    #      文章的 Front Matter 中的 `indent`
+    #      的优先级高于此处
+
+    ######################################
+    ## 两端对齐
+
+    # 是否开启（全局设置）
+    enableJustify = true
+    # 说明：文章的 Front Matter 中的 `align`
+    #      的优先级高于此处
+
+    ######################################
+    ## 首字下沉
+
+    # 是否开启（全局设置）
+    enableDropCap = false
+    # 说明：文章的 Front Matter 中的 `dropCap`
+    #      的优先级高于此处
+
+    # 是否在每一分隔线之后首字下沉（全局设置）
+    enableDropCapAfterHr = false
+    # 说明：文章的 Front Matter 中的 `dropCapAfterHr`
+    #      的优先级高于此处
+
+    # 是否删除首字下沉前的分隔线（全局设置）
+    deleteHrBeforeDropCap = false
+    # 说明：文章的 Front Matter 中的 `deleteHrBeforeDropCap`
+    #      的优先级高于此处
+
+    ######################################
+    ## 大型小写（英文）
+
+    # 是否开启（全局设置）
+    enableSmallCaps = false
+    # 说明：只会应用到分节标题和目录标题
+    #      文章的 Front Matter 中的 `smallCaps`
+    #      的优先级高于此处
+
+    ######################################
+    ## 着重号
+
+    # 说明：MemE 主题自创的新 Markdown 语法
+    #      `..文本..`
+
+    # 是否开启
+    enableEmphasisPoint = true
+
+    ######################################
+    ## 中文标点符号字形纠正
+
+    # 是否开启
+    enableChinesePunctuationGlyphCorrection = true
+
+
+    ######################################
+    # 文章版权
+
+    # 是否开启
+    enablePostCopyright = true
+
+    # 是否显示（全局设置）
+    displayPostCopyright = true
+    # 说明：文章的 Front Matter 中的 `displayCopyright`
+    #      的优先级高于此处
+
+
+    ######################################
+    # 文章更新徽章
+
+    # 是否开启
+    enablePostUpdatedBadge = true
+
+    # 是否显示（全局设置）
+    displayUpdatedBadge = true
+    # 说明：文章的 Front Matter 中的 `badge`
+    #      的优先级高于此处
+
+    # 是否添加 `title`
+    enableBadgeTitle = true
+    # `title` 的前缀
+    badgeTitlePrefix = "Updated @ "
+
+
+    ######################################
+    # 文章的 Git 版本信息
+
+    # 是否开启
+    enablePostGitInfo = false
+
+    # 是否显示（全局设置）
+    displayPostGitInfo = false
+    # 说明：文章的 Front Matter 中的 `gitinfo`
+    #      的优先级高于此处
+
+    # 仓库地址
+    repoURL = ""
+    # 编辑地址
+    repoEditURL = ""
+
+    # Git 的图标
+    gitIcon = "code-branch"
+    # 是否显示改动哈希
+    displayCommitHash = true
+
+    # 是否显示改动信息
+    displayCommitMessage = true
+    # 改动信息的图标
+    msgIcon = "info"
+
+    # 是否显示反馈链接
+    displayFeedback = true
+    # 反馈链接的图标
+    feedbackIcon = "question"
+    # 反馈链接的文本
+    feedbackText = "Feedback"
+
+    # 是否显示编辑链接
+    displayEditLink = true
+    # 编辑链接的图标
+    editIcon = "edit"
+    # 编辑链接的文本
+    editText = "Edit Me?"
+
+
+    ######################################
+    # 文章分享
+
+    # 是否开启
+    enablePostShare = true
+
+    # 是否显示（全局设置）
+    displayPostShare = true
+    # 说明：文章的 Front Matter 中的 `share`
+    #      的优先级高于此处
+
+    displayShareOnText = false
+
+    shareOnTwitter = true
+    shareOnFacebook = true
+    shareOnLinkedIn = true
+    shareOnTelegram = true
+    shareOnWeibo = true
+    shareOnDouban = true
+    shareOnQQ = true
+    shareOnQzone = true
+
+    shareViaQRCode = true
+
+
+    ######################################
+    # 相关文章
+
+    # 是否开启
+    enableRelatedPosts = true
+
+    # 是否显示（全局设置）
+    displayRelatedPosts = true
+    # 说明：文章的 Front Matter 中的 `related`
+    #      的优先级高于此处
+
+    # 相关文章数
+    relatedPostsNumber = 5
+
+    # 相关文章标题右边的图标
+    relatedPostsIcon = "plus-circle"
+
+
+    ######################################
+    # 文章的标签
+
+    # 是否开启
+    enablePostTags = true
+
+    # 标签的图标
+    postTagsIcon = "tag"
+
+
+    ######################################
+    # 文章上下篇
+
+    # 说明：在 MemE 主题中，文章上下篇是从空间
+    #      位置角度设计的，而不是像大多数其它主
+    #      题所做的那样——从时间角度设计。因此，
+    #      如果你点击左边的上篇，跳转的是一篇更
+    #      新的文章；如果你点击右边的下篇，跳转
+    #      的是一篇更旧的文章。
+
+    # 是否开启
+    enablePostNav = true
+
+    # 是否仅限于相同的文章分区
+    postNavInSection = true
+
+
+    ######################################
+    # 极简页脚
+
+    # 是否开启
+    enableMinimalFooter = false
+    enableVerticalBarStructure = false
+    # 说明：如果开启此项，显示在右边的部类或分区
+    #      将会包含全部的第一级部类或分区，并且
+    #      以竖线（|）分隔开来。
+
+    # 是否开启关于页面的极简页脚
+    enableAboutPageMinimalFooter = false
+
+
+    ######################################
+    # 返回顶部按钮
+
+    # 是否开启
+    enableBackToTop = true
+
+    # 是否开启自动隐藏
+    enableBackToTopAutoHide = true
+
+    # 是否在首页显示
+    displayBackToTopInHome = true
+
+    # 是否在移动端显示
+    displayBackToTopOnMobile = false
+
+    # 按钮图标
+    backToTopIcon = "arrow-up"
+
+
+    ######################################
+    # 页脚
+
+    # 是否开启
+    enableFooter = true
+
+    # 是否显示
+    displayFooter = true
+
+    # 是否在首页显示
+    displayFooterInHome = true
+
+    displayCopyleftSymbol = false
+    # 是否显示版权符号（©）
+    displayCopyrightSymbol = true
+
+    # 是否显示站点的创建年份
+    displaySiteCreatedYear = true
+
+    # 年份与作者之间的图标，留空（""）则无
+    iconBetweenYearAndAuthor = "heart"
+    # 图标颜色
+    iconColor = "#f06292"
+    # 是否开启图标的跳动效果
+    iconAnimation = true
+
+    # 是否显示 Hugo 和 MemE 的链接
+    displayPoweredBy = true
+
+    # 是否显示站点的版权信息
+    displaySiteCopyright = true
+
+    # 自定义页脚（支持 Markdown）
+    customFooter = ""
+
+    displayBusuanziSiteUVAndPV = false
+    busuanziSiteUVText = "本站访客数"
+    busuanziSiteUVIcon = "user"
+    busuanziSitePVText = "本站访问量"
+    busuanziSitePVIcon = "eye"
+    # 说明：仅在生产环境（production）下渲染
+    #      文本或图标，留空（""）则无
+    #      https://busuanzi.ibruce.info/
+
+    # 社交链接
+    enableSocials = true
+    # 说明：见 data/Socials.toml
+
+
+    ######################################
+    # 多语言
+
+    # 是否开启多语言按钮
+    enableLangToggle = false
+
+    # 是否在首页隐藏多语言按钮
+    hideLangToggleInHome = false
+
+    # 是否自动隐藏多语言按钮
+    autoHideLangToggle = true
+    # 说明：即仅当该文章有相应的翻译版本时才显
+    #      示按钮
+
+
+    ######################################
+    # 代码块
+
+    # 是否开启高亮
+    enableHighlight = true
+
+    # 是否开启竖直滚动
+    enableOverflowY = true
+    # 最大高度
+    maxHeight = 20
+    # 单位：em
+
+    # 是否开启复制
+    enableCopy = true
+    # 是否开启自动隐藏
+    enableCopyAutoHide = true
+
+
+    ######################################
+    # 文件指纹和子资源完整性（SRI）
+
+    # 说明：仅对 MemE 生成的 CSS 和 JS 有效
+
+    # 是否开启文件指纹
+    enableFingerprint = true
+
+    # 是否开启子资源完整性验证
+    enableSRI = false
+    # 说明：开启子资源完整性验证后，该策略将使
+    #      MemE 的 CSS 和 JS 在像谷歌翻译这样
+    #      的第三方网站上被禁止。为了避免开启后
+    #      的这个问题，你的服务器必须向 CSS 和
+    #      JS 的请求中加上以下 Header：
+    #
+    #      Access-Control-Allow-Origin: *
+
+
+    ######################################
+    # HTTPS 强制跳转
+
+    # 说明：仅在生产环境（production）下渲染
+
+    # 是否开启
+    enableForceHTTPS = false
+    # 说明：使用 JavaScript 来实现跳转。如果你
+    #      的服务器不支持强制 HTTPS 跳转，则可
+    #      开启此选项。
+
+
+    ######################################
+    # 平滑滚动
+
+    # 是否开启
+    enableSmoothScroll = true
+
+
+    ######################################
+    # 图片缩放
+
+    enableMediumZoom = true
+    # 说明：https://github.com/francoischalifour/medium-zoom
+
+
+    ######################################
+    # Instant Page
+
+    enableInstantPage = true
+    # 说明：https://github.com/instantpage/instant.page
+
+
+    ######################################
+    # Lunr 搜索（暂不支持中文）
+
+    # 说明：需要开启 `SearchIndex` 的输出
+
+    enableLunrSearch = false
+    # 说明：https://lunrjs.com/
+
+
+    ######################################
+    # Algolia search
+
+    # 说明：需要开启 `Algolia` 的输出，且需要每
+    #      次将生成的 algolia.json 文件上传到
+    #      Algolia
+
+    enableAlgoliaSearch = false
+
+    algoliaAppId = ""
+    algoliaApiKey = ""
+    algoliaIndexName = ""
+    # 说明：https://www.algolia.com/
+
+
+    ######################################
+    # 404 页面
+
+    # 视频封面
+    fofPoster = ""
+
+    # 视频地址
+    fofVideoWebm = ""
+    fofVideoMp4 = ""
+    # 说明：视频地址可留空（""）
diff --git a/themes/meme_cdn/config-examples/zh-tw/config.toml b/themes/meme_cdn/config-examples/zh-tw/config.toml
new file mode 100644
index 0000000..6d57bd8
--- /dev/null
+++ b/themes/meme_cdn/config-examples/zh-tw/config.toml
@@ -0,0 +1,1391 @@
+##########################################
+# 站點配置
+
+baseURL = "https://example.com/"
+title = "Hugo 主題 MemE"
+languageCode = "zh-TW"
+hasCJKLanguage = true
+# 版權資訊（支援 Markdown）
+copyright = "[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)"
+
+# 主題選擇
+theme = "meme"
+
+# `hugo new` 新建文章自動開啟的文字編輯器
+newContentEditor = ""
+
+# i18n
+defaultContentLanguage = "zh-tw"
+defaultContentLanguageInSubdir = false
+
+# 是否複數化列表頁面的標題
+pluralizeListTitles = false
+
+# 摘要的字數限制
+summaryLength = 42
+
+# 是否開啟 GitHub 風格的 Emoji 書寫方式
+enableEmoji = false
+
+# 腳註的返回連結中的文字
+footnoteReturnLinkContents = "↩"
+
+# 是否啟用 Git 版本資訊
+enableGitInfo = false
+
+# 是否生成 robots.txt 檔案
+enableRobotsTXT = true
+
+# 每一分頁的文章數（僅對「文章摘要」首頁佈局有效）
+paginate = 5
+
+# URL 相關
+disablePathToLower = false
+relativeURLs = false
+uglyURLs = false
+
+# URL 結構
+[permalinks]
+    categories = "/categories/:slug/"
+    tags = "/tags/:slug/"
+
+# 類別
+[taxonomies]
+    category = "categories"
+    tag = "tags"
+
+# 修改時間
+[frontmatter]
+    lastmod = ["lastmod", ":git", ":fileModTime", ":default"]
+
+# Markdown 渲染器
+[markup]
+    defaultMarkdownHandler = "goldmark"
+    [markup.goldmark]
+        [markup.goldmark.extensions]
+            definitionList = true
+            footnote = true
+            linkify = true
+            strikethrough = true
+            table = true
+            taskList = true
+            typographer = false
+        [markup.goldmark.parser]
+            attribute = true
+            autoHeadingID = true
+            autoHeadingIDType = "github"
+        [markup.goldmark.renderer]
+            hardWraps = false
+            unsafe = true
+            xHTML = false
+    [markup.highlight]
+        codeFences = true
+        guessSyntax = false
+        lineNos = true
+        lineNumbersInTable = true
+        noClasses = false
+    [markup.tableOfContents]
+        startLevel = 2
+        endLevel = 6
+        ordered = true
+
+# 壓縮 HTML
+[minify.tdewolff.html]
+    keepWhitespace = false
+
+# 作者資訊
+[author]
+    # 名字
+    name = "reuixiy"
+    # 郵箱
+    email = "reuixiy@gmail.com"
+    # 座右銘或簡介
+    motto = "Viva La Vida"
+    # 頭像
+    avatar = "/icons/apple-touch-icon.png"
+    # 網站（預設值：baseURL）
+    website = "https://io-oi.me/"
+    # 推特
+    twitter = "reuixiy"
+
+# 相關文章
+[related]
+    threshold = 80
+    includeNewer = true
+    toLower = true
+    [[related.indices]]
+        name = "categories"
+        weight = 100
+    [[related.indices]]
+        name = "tags"
+        weight = 95
+    [[related.indices]]
+        name = "date"
+        weight = 10
+        pattern = "2006"
+
+# Atom 檔案格式的媒體型別
+[mediaTypes."application/atom+xml"]
+    suffixes = ["xml"]
+
+# MemE 主題自定義的 Atom 模板
+[outputFormats.SectionsAtom]
+    mediaType = "application/atom+xml"
+    baseName = "atom"
+
+# MemE 主題自定義的 RSS 模板
+[outputFormats.SectionsRSS]
+    mediaType = "application/rss+xml"
+    baseName = "rss"
+
+# lunr.js 的搜尋索引
+[outputFormats.SearchIndex]
+    mediaType = "application/json"
+    baseName = "search"
+
+# Algolia 的搜尋索引
+[outputFormats.Algolia]
+    mediaType = "application/json"
+    baseName = "algolia"
+    isPlainText = true
+    notAlternative = true
+
+# Hugo 的輸出控制
+[outputs]
+    page = ["HTML"]
+    # home = ["HTML", "SectionsAtom", "SectionsRSS", "SearchIndex", "Algolia"]
+    home = ["HTML", "SectionsAtom", "SectionsRSS"]
+    section = ["HTML"]
+    taxonomy = ["HTML"]
+    term = ["HTML"]
+
+# RSS & Atom 文章數限制
+[services.rss]
+    limit = -1
+
+
+
+##########################################
+# 選單配置
+
+# MemE 主題支援以下四種菜單：
+# 1. main       頂欄下方（居中佈局）或裡面（彈性
+#               佈局）的選單欄
+# 2. home       首頁的底部連結（適用於「詩意
+#               人生」和「影片片段」佈局）
+# 3. socials    社交欄（關於頁面的極簡頁尾）
+# 4. links      連結欄（關於頁面的極簡頁尾）
+
+# 選單內的配置說明如下：
+# pageref/url   內鏈地址/外鏈地址
+# name          文字（留空（""）則無）
+# weight        位置
+# pre           內鏈（internal）或外鏈（external）
+# post          圖示（留空（""）則無）
+# identifier    圖示的 Class 名
+#               （對於彈性佈局的頂欄有三個特殊
+#               的值：`theme-switcher`、
+#               `lang-switcher`、`search`）
+
+[menu]
+    ## 選單欄
+    # [[menu.main]]
+    #     pageref = "/"
+    #     name = "首頁"
+    #     weight = 1
+    #     pre = "internal"
+    #     post = "home"
+    [[menu.main]]
+        pageref = "/posts/"
+        name = "文章"
+        weight = 2
+        pre = "internal"
+        post = "archive"
+    [[menu.main]]
+        pageref = "/categories/"
+        name = "分類"
+        weight = 3
+        pre = "internal"
+        post = "th"
+    [[menu.main]]
+        pageref = "/tags/"
+        name = "標籤"
+        weight = 4
+        pre = "internal"
+        post = "tags"
+    [[menu.main]]
+        pageref = "/about/"
+        name = "關於"
+        weight = 5
+        pre = "internal"
+        post = "user-circle"
+    [[menu.main]]
+        weight = 6
+        identifier = "theme-switcher"
+    [[menu.main]]
+        weight = 7
+        identifier = "lang-switcher"
+    # [[menu.main]]
+    #     weight = 8
+    #     identifier = "search"
+    #     post = "search"
+
+
+
+##########################################
+# 主題配置
+
+[params]
+    ######################################
+    # 頂欄
+
+    # 是否開啟
+    enableHeader = true
+
+    # 是否自動隱藏
+    enableHeaderAutoHide = false
+    # 說明：僅對彈性佈局的頂欄有效
+
+    # 是否在首頁顯示
+    displayHeaderInHome = true
+    # 說明：對彈性佈局的頂欄無效
+
+    # 背景
+    headerBackground = "linear-gradient(90deg, #f795331a 0, #f370551a 15%, #ef4e7b1a 30%, #a166ab1a 44%, #5073b81a 58%, #1098ad1a 72%, #07b39b1a 86%, #6dba821a 100%)"
+    # 說明：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background
+
+    # 頂欄佈局
+    headerLayout = "flex"
+    # 說明：居中佈局（center）或彈性佈局（flex）
+
+    # 在窄檢視下隱藏選單欄並顯示一個按鈕？
+    enableNavToggle = true
+
+    navHeight = "10em"
+    # 說明：選單欄展開時的高度
+
+
+    ######################################
+    # 品牌欄（在頂欄內）
+
+    # 是否使用 SVG 圖片
+    siteBrandSVG = false
+    # 如果是，請將你的 SVG 放到 `SVG.toml` 文
+    # 件內，並配置以下項。單位：px。
+    siteBrandSVGWidth = 250
+    siteBrandSVGHeight = 100
+    siteBrandSVGFill = "#fff"
+    # 如果否，則會使用你的站點標題作為預設值，並
+    # 以文字的形式顯示，下方可配置字號和字色。字
+    # 體請到底部的字型部分配置。單位：em。
+    siteBrandFontSize = 1
+    siteBrandFontColor = "var(--color-contrast-high)"
+
+
+    ######################################
+    # 選單欄
+
+    # 是否開啟
+    enableMenu = true
+    # 說明：對彈性佈局的頂欄無效
+
+    # 是否在首頁顯示
+    displayMenuInHome = true
+    # 說明：對彈性佈局的頂欄無效
+
+    # 是否按文章分割槽高亮當前選單項
+    activeInSection = false
+    # 說明：如果開啟，那麼當某一文章的分割槽名是某
+    #      一選單項中的 `url` 時，該文章頁面中
+    #      的該選單項也會被高亮
+
+
+    ######################################
+    # 首頁佈局
+
+    # MemE 主題有以下四種首頁佈局：
+    # 1. poetry    詩意人生
+    # 2. footage   影片片段
+    # 3. posts     文章摘要
+    # 4. page      普通頁面
+
+    homeLayout = "posts"
+
+    ## 「詩意人生」
+    # 詩句，支援 Markdown
+    homePoetry = []
+    # 底部連結的內間距，單位：em
+    homeLinksPadding = 1
+
+    ## 「影片片段」
+    homePoster = ""
+    homeVideoWebm = ""
+    homeVideoMp4 = ""
+    homeLogo = ""
+    homeLogoLink = ""
+    homeTitle = ""
+    homeMotto = ""
+    homeDescription = ""
+    homeKeywords = ""
+    homeLinksDelimiter = ""
+
+
+    ######################################
+    # 站點資訊
+
+    # 站點的 LOGO
+    siteLogo = "/icons/apple-touch-icon.png"
+    # 說明：用於 JSON-LD、Open Graph
+
+    # 站點的描述
+    siteDescription = "MemE 是一個強大且可高度定製的 GoHugo 部落格主題，專為個人部落格設計。"
+    # 說明：用於 HTML 的頭部元資料、JSON-LD、
+    #      Open Graph、Atom、RSS
+
+    # 站點的建立時間
+    siteCreatedTime = "1969-07-20T20:17:43+00:00"
+    # 注意：請保持此格式，更改數字
+
+    # 站點的推特帳號
+    siteTwitter = "reuixiy"
+    # 說明：用於 Twitter Cards
+
+
+    ######################################
+    # 分類方式
+
+    # MemE 主題支援以下兩種分類方式：
+    # 1. sections       分割槽
+    # 2. categories     部類
+    # 其中，分割槽是基於站點的 content 目錄下的
+    # 資料夾和子資料夾；部類是基於文章的 Front
+    # Matter。分類即樹狀分類，Hexo 是基於文章
+    # 的 Front Matter，Hugo 則是基於檔案系統
+    # 的結構。由於設計理念的不同，導致了 Hexo
+    # 與 Hugo 的這個差異，故在此設計這個選項，
+    # 以對從 Hexo 過來的使用者友好。但是請注意：
+    # Hugo 中無法完全實現基於 Front Matter
+    # 的樹狀分類，故如需保留樹狀分類，建議適應
+    # Hugo 的設計理念——分割槽。
+
+    categoryBy = "categories"
+    # 注意：如果你設定為 `sections`，請務必將
+    #      此配置檔案中的類別（taxonomies）中
+    #      的 `categories` 刪除，不然分類頁
+    #      面會失效。同時，你還需要自己新建一個
+    #      `content/categories/_index.md`
+    #      檔案。
+
+
+    ######################################
+    # 分類頁面
+
+    # 是否開啟樹狀佈局
+    enableTree = true
+    # 注意：如果你設定 categoryBy 為
+    # `sections`，則無法關閉樹狀佈局
+
+    # 是否顯示文章標題
+    displayPosts = true
+
+    # 是否顯示每一分類下的文章數
+    displayPostsCount = true
+
+    # 設定一個非負數來限制每一分類下展示的文章數
+    limitPostsLimit = -1
+
+
+    ######################################
+    # 標籤頁面
+
+    # 是否開啟標籤雲
+    enableTagCloud = true
+    # 字號單位
+    fontUnit = "em"
+    # 最大字號
+    largestFontSize = 2.5
+    # 最小字號
+    smallestFontSize = 1
+
+
+    ######################################
+    # 列表頁面
+
+    # 寬度
+    listWidth = 36
+    # 說明：如果留空（""），則用 42 作為預設值
+    #      單位：em
+
+    # 是否顯示列表標題
+    displayListTitle = true
+
+    # 日期的格式
+    listDateFormat = "1 月 2 日"
+    # 注意：請遵循格式 https://gohugo.io/functions/format/
+
+    # 日期的位置
+    listDatePosition = "right"
+    # 說明：left（左邊）或 right（右邊）
+
+    # 是否按月份分隔列表
+    groupByMonth = true
+
+    # 是否開啟十二生肖
+    chineseZodiac = true
+
+    # 是否翻譯年份（僅對年份標題有效）
+    i18nYear = true
+    # 是否翻譯月份（僅對月份標題有效）
+    i18nMonth = true
+
+
+    ######################################
+    # 類別列表頁面
+
+    # 說明：對於分類頁面，你可以設定 `enableTree`
+    #      為 false 以得到一個普通的類別列表頁
+    #      面；對於標籤頁面，你可以設定
+    #      `enableTagCloud` 為 false 以得到
+    #      一個普通的類別列表頁面。
+
+    # 是否顯示每一類別項下的文章數
+    displayTaxonomyTermCount = true
+
+    # 設定一個非負數來限制每一類別項下展示的文章數
+    limitEntriesLimit = -1
+
+
+    ######################################
+    # 文章分割槽範圍
+
+    # 說明：分割槽的名字即站點的 content 目錄下
+    #      的資料夾的名字。
+
+    # mainSections = ["posts"]
+
+
+    ######################################
+    # Atom & RSS
+
+    # 是否包括全文內容
+    includeContent = true
+    # 說明：如果否，則只會包含文章的摘要。關於摘
+    #      要，Hugo 能按你設定的字數限制自動截
+    #      取，你也可以在文章中透過
+    #      `<!--more-->`（沒有空格）手動控制，
+    #      或者在文章的 Front Matter 中透過
+    #      `summary` 手動指定。其中，應用的優
+    #      先級順序：手動指定 > 手動控制 > 自
+    #      動擷取。還需要注意的是，在 MemE 主
+    #      題自定義的 Atom 和 RSS 的模板中，
+    #      有一個比手動指定更高的優先順序——
+    #      Front Matter 中的 `description`。
+
+
+    ######################################
+    # 深色模式
+
+    # 是否開啟
+    enableDarkMode = true
+
+    # 預設模式
+    defaultTheme = "light"
+    # 說明：light（淺色模式）或 dark（深色模式）
+
+    # 是否隱藏模式切換開關
+    hideThemeToggle = false
+    # 是否在首頁隱藏模式切換開關
+    hideThemeToggleInHome = false
+    # 說明：如果開啟了深色模式，即使你隱藏了開關，
+    #      你的讀者依然可能以深色模式閱讀你的博
+    #      客，如果該讀者的系統設定為深色模式的
+    #      話。類似，如果你開啟深色模式並將預設
+    #      模式修改為它，即使你隱藏開關，你的讀
+    #      者依然可能以淺色模式模式閱讀你的部落格。
+    #      除非，你開啟下方這個選項。
+
+    overrideSystemPreferences = false
+
+
+    ######################################
+    # 網頁應用
+
+    # 說明：前往 https://realfavicongenerator.net/
+    #      生成相關圖示和檔案，下載後解壓，僅保留
+    #      android-chrome-512x512.png、
+    #      apple-touch-icon.png、
+    #      mstile-150x150.png、
+    #      safari-pinned-tab.svg、favicon.ico、
+    #      site.webmanifest 這些檔案，刪除其餘。
+    #      然後將這些檔案移動到 ~/blog/static/icons/
+    #      目錄下，再將 favicon.ico、site.webmanifest
+    #      移動到 ~/blog/static/ 目錄下，
+    #      最後將 site.webmanifest 重新命名為
+    #      manifest.json，並檢查和修改相關內容
+    #      （圖示的路徑）。
+
+    themeColor = "#fff"
+    themeColorDark = "#16171d"
+    safariMaskColor = "#2a6df4"
+    msApplicationTileColor = "#fff"
+
+
+    ######################################
+    # 網頁頭部元資料、搜尋引擎最佳化（SEO）、社交網路發現
+
+    jsonLD = true
+    openGraph = true
+    twitterCards = true
+    # 注意：如果你設定 twitterCards 為 `true`，
+    #      請務必開啟 openGraph。否則，網頁的
+    #      Twitter Cards 資訊將會不完整。
+
+    # 是否自動探測圖片
+    autoDetectImages = true
+    # 說明：建議開啟，否則，你必須在文章的 Front
+    #      Matter 中手動指定 `images`，不然，
+    #      你在社交網路或 APP 上分享的連結將無
+    #      法顯示帶大圖的摘要檢視。
+
+
+    ######################################
+    # 自定義導入第三方庫的CDN
+
+    # 說明：不需要時請刪除(註釋)此項或將引號內置空，
+    #       此時默認CDN為"https://cdn.jsdelivr.net"
+
+    cdnCustomized = "https://cdn.jsdelivr.net"
+
+
+    ######################################
+    # Service Worker
+
+    # 說明：僅在生產環境（production）下渲染
+
+    enableServiceWorker = false
+
+
+    ######################################
+    # KaTeX 公式支援（包括化學方程式）
+
+    # 是否開啟（全域性設定）
+    enableKaTeX = false
+    # 說明：文章的 Front Matter 中的 `katex`
+    #      的優先順序高於此處
+
+
+    ######################################
+    # MathJax 公式支援（包括化學方程式）
+
+    # 是否開啟（全域性設定）
+    enableMathJax = false
+    # 說明：文章的 Front Matter 中的 `mathjax`
+    #      的優先順序高於此處
+
+    # 是否禁用 MathJax 的右鍵選單
+    disableMathJaxMenu = false
+
+
+    ######################################
+    # Mermaid (https://github.com/mermaid-js/mermaid)
+
+    # 是否開啟（全域性設定）
+    enableMermaid = false
+    # 說明：文章的 Front Matter 中的 `mermaid`
+    #      的優先順序高於此處
+
+    mermaidTheme = 'default'
+    mermaidThemeDark = 'dark'
+
+
+    ######################################
+    # 評論
+
+    # 說明：僅在生產環境（production）下渲染
+
+    # 是否開啟（全域性設定）
+    enableComments = false
+    # 說明：文章的 Front Matter 中的 `comments`
+    #      的優先順序高於此處
+
+    # 直接加載評論，不需要手動點擊按鈕加載
+    autoLoadComments = false
+
+    ## Disqus
+    enableDisqus = false
+    disqusShortname = ""
+
+    ## Valine
+    enableValine = false
+    valineAppId = ""
+    valineAppKey = ""
+    valinePlaceholder = "Just go go"
+    valinePath = ""
+    valineAvatar = "mm"
+    valineMeta = ["nick", "mail", "link"]
+    valinePageSize = 10
+    valineLang = "zh-cn"
+    valineVisitor = false
+    valineHighlight = true
+    valineAvatarForce = false
+    valineRecordIP = false
+    valineServerURLs = ""
+    valineEmojiCDN = ""
+    valineEmojiMaps = {}
+    valineEnableQQ = false
+    valineRequiredFields = []
+    # 說明：https://valine.js.org/
+
+    ## Utterances
+    enableUtterances = false
+    utterancesRepo = ""
+    utterancesIssueTerm = "pathname"
+    utterancesTheme = "github-light"
+    utterancesThemeDark = "photon-dark"
+    utterancesLabel = ""
+    # 說明：https://utteranc.es/
+
+    ## Gitalk
+    enableGitalk = false
+    gitalkClientID = "your_client_id"
+    gitalkClientSecret = "your_client_secret"
+    gitalkRepo = "your_repository"
+    gitalkOwner = "your_gitalk_owner"
+    gitalkAdmin = ["your_gitalk_admin"]
+    gitalkLable = ["Gitalk"]
+    gitalkDistractionFreeMode = false
+    gitalkPerPage = 10
+    gitalkLanguage = "en"
+    gitalkPagerDirection = "last"
+    gitalkCreateIssueManually = false
+    gitalkProxy = "https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token"
+    gitalkEnableHotKey = true
+    # 說明：https://github.com/gitalk/gitalk
+
+
+    ######################################
+    # Google Analytics
+
+    # 說明：僅在生產環境（production）下渲染
+
+    enableGoogleAnalytics = false
+
+    # 跟蹤程式碼的型別
+    trackingCodeType = "gtag"
+    # 說明：gtag 或 analytics
+
+    trackingID = ""
+
+
+    ######################################
+    # Google Site Verification
+
+    googleSiteVerification = ""
+
+
+    ######################################
+    # Google AdSense
+
+    # 說明：僅在生產環境（production）下渲染
+
+    googleAdClient = ""
+
+    ## 自動廣告
+    enableGoogleAutoAds = false
+
+    ## 廣告單元
+    enableGoogleAdUnits = false
+    googleAdSlot = ""
+
+
+    ######################################
+    # Yandex.Metrika
+    # https://metrika.yandex.ru/
+
+    # 說明：僅在生產環境（production）下渲染
+
+    yandexMetrikaId = ""
+
+
+    ######################################
+    # 文章設定
+
+    # 超連結的顏色變化持續時間（單位：秒）
+    duration = 0.5
+
+    # 淺色模式的主色
+    primaryColorLight = "220, 90%, 56%"
+    # 深色模式的主色
+    primaryColorDark = "201, 65%, 62%"
+    # 注意：只支援 HSL 顏色值
+
+    # 文章的內容寬度
+    postWidth = 36
+    # 說明：如果留空（""），則用 42 作為預設值
+    #      單位：em
+
+    # 文章是否為原創（全域性設定）
+    original = true
+    # 說明：會影響文章的作者資訊和版權資訊
+    #      文章的 Front Matter 中的 `original`
+    #      的優先順序高於此處
+
+
+    ######################################
+    # 文章描述
+
+    # 是否顯示
+    displayPostDescription = true
+
+
+    ######################################
+    # 文章元資訊
+
+    # 是否開啟（全域性設定）
+    enablePostMeta = true
+    # 說明：文章的 Front Matter 中的 `meta`
+    #      的優先順序高於此處
+
+    # 是否在首頁開啟
+    enablePostMetaInHome = true
+    # 說明：僅對「文章摘要」和「普通頁面」
+    #      首頁佈局有效
+
+    # 日期格式
+    postMetaDateFormat = "2006.1.2"
+    # 注意：請遵循格式 https://gohugo.io/functions/format/
+
+    # 是否顯示釋出時間
+    displayPublishedDate = true
+    # 釋出時間的圖示
+    publishedDateIcon = "calendar-alt"
+
+    # 是否顯示修改時間
+    displayModifiedDate = true
+    # 修改時間的圖示
+    modifiedDateIcon = "calendar-check"
+
+    # 是否顯示過期時間
+    displayExpiredDate = true
+    # 過期時間的圖示
+    expiredDateIcon = "calendar-times"
+
+    # 是否顯示分類
+    displayCategory = true
+    # 分類的圖示
+    categoryIcon = "folder"
+    # 分類之間的分隔符
+    categoryDelimiter = "/"
+
+    # 是否顯示字數統計
+    displayWordCount = true
+    # 字數統計的圖示
+    wordCountIcon = "pencil-alt"
+
+    # 是否顯示閱讀時長
+    displayReadingTime = true
+    # 閱讀時長的圖示
+    readingTimeIcon = "clock"
+
+    # 是否顯示不蒜子頁面瀏覽量
+    displayBusuanziPagePV = false
+    # 不蒜子頁面瀏覽量的圖示
+    busuanziPagePVIcon = "eye"
+    # 說明：僅在生產環境（production）下渲染
+    #      首頁暫不支援
+    #      https://busuanzi.ibruce.info/
+
+
+    ######################################
+    # Markdown 相關
+
+    # 在新標籤頁開啟外鏈？
+    hrefTargetBlank = true
+
+
+    ######################################
+    # 文章目錄
+
+    # 是否開啟（全域性設定）
+    enableTOC = false
+    # 說明：文章的 Front Matter 中的 `toc`
+    #      的優先順序高於此處
+
+    # 是否顯示目錄標題
+    displayTOCTitle = true
+
+    # 是否顯示數字（全域性設定）
+    displayTOCNum = true
+    # 說明：文章的 Front Matter 中的 `tocNum`
+    #      的優先順序高於此處
+
+    # 是否連結文章的分節標題到目錄
+    linkHeadingsToTOC = true
+
+
+    ######################################
+    # 分節標題錨點
+
+    # 是否開啟（全域性設定）
+    enableHeadingsAnchor = true
+    # 說明：文章的 Front Matter 中的 `anchor`
+    #      的優先順序高於此處
+
+    # 分節標題的級別範圍
+    headingsOpt = "1-6"
+    # 說明：正則格式，預設 1-6，即 1|2|3|4|5|6，
+    #      即 h1 到 h6。
+
+    # 錨點符號
+    anchorSymbol = "#"
+    # 說明：錨點圖示的優先順序高於錨點符號
+    #      預設值：§
+
+    # 錨點圖示
+    anchorIcon = "link"
+    # 說明：留空（""）則回退到錨點符號
+
+    # 是否開啟錨點連結
+    enableAnchorLink = true
+
+    # 是否自動隱藏錨點
+    enableAnchorAutoHide = true
+
+
+    ######################################
+    # 說明文字
+
+    # 是否開啟
+    enableCaption = true
+
+    # 說明文字的字首
+    captionPrefix = "◎ "
+
+
+    ######################################
+    # 圖片外鏈
+
+    # 說明：僅在生產環境（production）下渲染
+    #
+    #      只支援相對於網站根目錄的絕對連結
+    #      比如：/images/meme.jpg
+    #      (~/blog/static/images/meme.jpg)
+
+    # 是否開啟
+    enableImageHost = false
+
+    # 圖片外鏈地址
+    imageHostURL = "https://example.com/"
+
+    # 是否將 HTML 的頭部元資料中的圖片連結也替換為外鏈
+    headAlso = false
+
+
+    ######################################
+    # 影片外鏈
+
+    # 說明：僅在生產環境（production）下渲染
+    #
+    #      只支援相對於網站根目錄的絕對連結
+    #      比如：/videos/meme.mp4
+    #
+    #      且你新增的 HTML 程式碼必需以以下開頭：
+    #      `<video src="`
+
+    # 是否開啟
+    enableVideoHost = false
+
+    # 影片外鏈地址
+    videoHostURL = "https://example.com/"
+
+
+    ######################################
+    # 腳註
+
+    # 是否用方括號包裹腳註的引用序號
+    squareBrackets = true
+
+    # 替換腳註的返回連結中的文字為圖示
+    footnoteReturnLinkIcon = "angle-up"
+    # 說明：如果不為空（""），則會用圖示替換
+    #      `footnoteReturnLinkContents`
+
+    # 是否自行插入分隔線
+    insertHrBySelf = true
+    # 說明：如果是，則會將自動生成的分隔線刪除。
+    #      實際上，你自己新增的分隔線會被刪除。
+    #      如果你喜歡在 Markdown 中手動插入
+    #      `---` 以將文章的正文內容與腳註內容
+    #      分隔開來，那麼這項設定將會非常有用。
+
+
+    ######################################
+    # 滾動條
+    customizeScrollbar = true
+
+
+    ######################################
+    # 字型排版
+
+    ######################################
+    ## 字型
+
+    # 說明：任何一項留空（""），瀏覽器都會回退到
+    #      主體字型 `fontFamilyBody`，故沒必
+    #      要全部設定。此外，如果你的品牌欄用的
+    #      SVG，則可留空（""）品牌欄字型。
+
+    # 品牌欄
+    fontFamilySiteBrand = ""
+    # 選單欄
+    fontFamilyMenu = ""
+    # 文章標題、文章副標題、列表標題、列表的年份和月份標題、相關文章標題、文章上下篇標題、表格的表頭、定義列表中的術語
+    fontFamilyTitle = "'Noto Serif SC', 'EB Garamond', serif"
+    # 分節標題、目錄標題
+    fontFamilyHeadings = "'Noto Serif SC', 'EB Garamond', serif"
+    # 程式碼、上標、文章元資訊、文章更新徽章、文章的 Git 版本資訊、極簡頁尾、不蒜子站點瀏覽計數
+    fontFamilyCode = "'Source Code Pro', 'Noto Serif SC', monospace"
+    # 引用
+    fontFamilyQuote = ""
+    # 文章目錄
+    fontFamilyTOC = ""
+    # 說明文字
+    fontFamilyCaption = ""
+    # 頁尾
+    fontFamilyFooter = ""
+    # 主體
+    fontFamilyBody = "'EB Garamond', 'Noto Serif SC', serif"
+
+    # 網路字型連結
+    fontsLink = "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&family=Noto+Serif+SC:wght@400;500;700&family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+    # 說明：要想讀者一定體驗到你設定的字型，最好
+    #      採用網路字型。MemE 主題目前僅支援
+    #      Google Fonts 的連結，請前往
+    #      https://fonts.google.com/ 獲取。
+    #      此項留空（""），則不會採用網路字型。
+
+    ######################################
+    ## 字號（單位：px）
+
+    fontSize = 16
+
+    ######################################
+    ## 製表符的寬度
+
+    tabSize = 4
+
+    ######################################
+    ## 行間距
+
+    lineHeight = 2
+    # 說明：只會應用到文章的段落和目錄
+
+    ######################################
+    ## 段首縮排
+
+    # 是否開啟
+    enableParagraphIndent = true
+
+    # 是否縮排第一段（全域性設定）
+    indentFirstParagraph = false
+    # 說明：文章的 Front Matter 中的 `indentFirstParagraph`
+    #      的優先順序高於此處
+
+    # 分段樣式（全域性設定）
+    paragraphStyle = "margin"
+    # 說明：段間距式（margin）或段首縮排（indent）
+    #      文章的 Front Matter 中的 `indent`
+    #      的優先順序高於此處
+
+    ######################################
+    ## 兩端對齊
+
+    # 是否開啟（全域性設定）
+    enableJustify = true
+    # 說明：文章的 Front Matter 中的 `align`
+    #      的優先順序高於此處
+
+    ######################################
+    ## 首字下沉
+
+    # 是否開啟（全域性設定）
+    enableDropCap = false
+    # 說明：文章的 Front Matter 中的 `dropCap`
+    #      的優先順序高於此處
+
+    # 是否在每一分隔線之後首字下沉（全域性設定）
+    enableDropCapAfterHr = false
+    # 說明：文章的 Front Matter 中的 `dropCapAfterHr`
+    #      的優先順序高於此處
+
+    # 是否刪除首字下沉前的分隔線（全域性設定）
+    deleteHrBeforeDropCap = false
+    # 說明：文章的 Front Matter 中的 `deleteHrBeforeDropCap`
+    #      的優先順序高於此處
+
+    ######################################
+    ## 大型小寫（英文）
+
+    # 是否開啟（全域性設定）
+    enableSmallCaps = false
+    # 說明：只會應用到分節標題和目錄標題
+    #      文章的 Front Matter 中的 `smallCaps`
+    #      的優先順序高於此處
+
+    ######################################
+    ## 著重號
+
+    # 說明：MemE 主題自創的新 Markdown 語法
+    #      `..文字..`
+
+    # 是否開啟
+    enableEmphasisPoint = true
+
+    ######################################
+    ## 中文標點符號字形糾正
+
+    # 是否開啟
+    enableChinesePunctuationGlyphCorrection = true
+
+
+    ######################################
+    # 文章版權
+
+    # 是否開啟
+    enablePostCopyright = true
+
+    # 是否顯示（全域性設定）
+    displayPostCopyright = true
+    # 說明：文章的 Front Matter 中的 `displayCopyright`
+    #      的優先順序高於此處
+
+
+    ######################################
+    # 文章更新徽章
+
+    # 是否開啟
+    enablePostUpdatedBadge = true
+
+    # 是否顯示（全域性設定）
+    displayUpdatedBadge = true
+    # 說明：文章的 Front Matter 中的 `badge`
+    #      的優先順序高於此處
+
+    # 是否新增 `title`
+    enableBadgeTitle = true
+    # `title` 的字首
+    badgeTitlePrefix = "Updated @ "
+
+
+    ######################################
+    # 文章的 Git 版本資訊
+
+    # 是否開啟
+    enablePostGitInfo = false
+
+    # 是否顯示（全域性設定）
+    displayPostGitInfo = false
+    # 說明：文章的 Front Matter 中的 `gitinfo`
+    #      的優先順序高於此處
+
+    # 倉庫地址
+    repoURL = ""
+    # 編輯地址
+    repoEditURL = ""
+
+    # Git 的圖示
+    gitIcon = "code-branch"
+    # 是否顯示改動雜湊
+    displayCommitHash = true
+
+    # 是否顯示改動資訊
+    displayCommitMessage = true
+    # 改動資訊的圖示
+    msgIcon = "info"
+
+    # 是否顯示反饋連結
+    displayFeedback = true
+    # 反饋連結的圖示
+    feedbackIcon = "question"
+    # 反饋連結的文字
+    feedbackText = "Feedback"
+
+    # 是否顯示編輯連結
+    displayEditLink = true
+    # 編輯連結的圖示
+    editIcon = "edit"
+    # 編輯連結的文字
+    editText = "Edit Me?"
+
+
+    ######################################
+    # 文章分享
+
+    # 是否開啟
+    enablePostShare = true
+
+    # 是否顯示（全域性設定）
+    displayPostShare = true
+    # 說明：文章的 Front Matter 中的 `share`
+    #      的優先順序高於此處
+
+    displayShareOnText = false
+
+    shareOnTwitter = true
+    shareOnFacebook = true
+    shareOnLinkedIn = true
+    shareOnTelegram = true
+    shareOnWeibo = true
+    shareOnDouban = true
+    shareOnQQ = true
+    shareOnQzone = true
+
+    shareViaQRCode = true
+
+
+    ######################################
+    # 相關文章
+
+    # 是否開啟
+    enableRelatedPosts = true
+
+    # 是否顯示（全域性設定）
+    displayRelatedPosts = true
+    # 說明：文章的 Front Matter 中的 `related`
+    #      的優先順序高於此處
+
+    # 相關文章數
+    relatedPostsNumber = 5
+
+    # 相關文章標題右邊的圖示
+    relatedPostsIcon = "plus-circle"
+
+
+    ######################################
+    # 文章的標籤
+
+    # 是否開啟
+    enablePostTags = true
+
+    # 標籤的圖示
+    postTagsIcon = "tag"
+
+
+    ######################################
+    # 文章上下篇
+
+    # 說明：在 MemE 主題中，文章上下篇是從空間
+    #      位置角度設計的，而不是像大多數其它主
+    #      題所做的那樣——從時間角度設計。因此，
+    #      如果你點選左邊的上篇，跳轉的是一篇更
+    #      新的文章；如果你點選右邊的下篇，跳轉
+    #      的是一篇更舊的文章。
+
+    # 是否開啟
+    enablePostNav = true
+
+    # 是否僅限於相同的文章分割槽
+    postNavInSection = true
+
+
+    ######################################
+    # 極簡頁尾
+
+    # 是否開啟
+    enableMinimalFooter = false
+    enableVerticalBarStructure = false
+    # 說明：如果開啟此項，顯示在右邊的部類或分割槽
+    #      將會包含全部的第一級部類或分割槽，並且
+    #      以豎線（|）分隔開來。
+
+    # 是否開啟關於頁面的極簡頁尾
+    enableAboutPageMinimalFooter = false
+
+
+    ######################################
+    # 返回頂部按鈕
+
+    # 是否開啟
+    enableBackToTop = true
+
+    # 是否開啟自動隱藏
+    enableBackToTopAutoHide = true
+
+    # 是否在首頁顯示
+    displayBackToTopInHome = true
+
+    # 是否在移動端顯示
+    displayBackToTopOnMobile = false
+
+    # 按鈕圖示
+    backToTopIcon = "arrow-up"
+
+
+    ######################################
+    # 頁尾
+
+    # 是否開啟
+    enableFooter = true
+
+    # 是否顯示
+    displayFooter = true
+
+    # 是否在首頁顯示
+    displayFooterInHome = true
+
+    displayCopyleftSymbol = false
+    # 是否顯示版權符號（©）
+    displayCopyrightSymbol = true
+
+    # 是否顯示站點的建立年份
+    displaySiteCreatedYear = true
+
+    # 年份與作者之間的圖示，留空（""）則無
+    iconBetweenYearAndAuthor = "heart"
+    # 圖示顏色
+    iconColor = "#f06292"
+    # 是否開啟圖示的跳動效果
+    iconAnimation = true
+
+    # 是否顯示 Hugo 和 MemE 的連結
+    displayPoweredBy = true
+
+    # 是否顯示站點的版權資訊
+    displaySiteCopyright = true
+
+    # 自定義頁尾（支援 Markdown）
+    customFooter = ""
+
+    displayBusuanziSiteUVAndPV = false
+    busuanziSiteUVText = "本站訪客數"
+    busuanziSiteUVIcon = "user"
+    busuanziSitePVText = "本站訪問量"
+    busuanziSitePVIcon = "eye"
+    # 說明：僅在生產環境（production）下渲染
+    #      文字或圖示，留空（""）則無
+    #      https://busuanzi.ibruce.info/
+
+    # 社交連結
+    enableSocials = true
+    # 說明：見 data/Socials.toml
+
+
+    ######################################
+    # 多語言
+
+    # 是否開啟多語言按鈕
+    enableLangToggle = false
+
+    # 是否在首頁隱藏多語言按鈕
+    hideLangToggleInHome = false
+
+    # 是否自動隱藏多語言按鈕
+    autoHideLangToggle = true
+    # 說明：即僅當該文章有相應的翻譯版本時才顯
+    #      示按鈕
+
+
+    ######################################
+    # 程式碼塊
+
+    # 是否開啟高亮
+    enableHighlight = true
+
+    # 是否開啟豎直滾動
+    enableOverflowY = true
+    # 最大高度
+    maxHeight = 20
+    # 單位：em
+
+    # 是否開啟複製
+    enableCopy = true
+    # 是否開啟自動隱藏
+    enableCopyAutoHide = true
+
+
+    ######################################
+    # 檔案指紋和子資源完整性（SRI）
+
+    # 說明：僅對 MemE 生成的 CSS 和 JS 有效
+
+    # 是否開啟檔案指紋
+    enableFingerprint = true
+
+    # 是否開啟子資源完整性驗證
+    enableSRI = false
+    # 說明：開啟子資源完整性驗證後，該策略將使
+    #      MemE 的 CSS 和 JS 在像谷歌翻譯這樣
+    #      的第三方網站上被禁止。為了避免開啟後
+    #      的這個問題，你的伺服器必須向 CSS 和
+    #      JS 的請求中加上以下 Header：
+    #
+    #      Access-Control-Allow-Origin: *
+
+
+    ######################################
+    # HTTPS 強制跳轉
+
+    # 說明：僅在生產環境（production）下渲染
+
+    # 是否開啟
+    enableForceHTTPS = false
+    # 說明：使用 JavaScript 來實現跳轉。如果你
+    #      的伺服器不支援強制 HTTPS 跳轉，則可
+    #      開啟此選項。
+
+
+    ######################################
+    # 平滑滾動
+
+    # 是否開啟
+    enableSmoothScroll = true
+
+
+    ######################################
+    # 圖片縮放
+
+    enableMediumZoom = true
+    # 說明：https://github.com/francoischalifour/medium-zoom
+
+
+    ######################################
+    # Instant Page
+
+    enableInstantPage = true
+    # 說明：https://github.com/instantpage/instant.page
+
+
+    ######################################
+    # Lunr 搜尋（暫不支援中文）
+
+    # 說明：需要開啟 `SearchIndex` 的輸出
+
+    enableLunrSearch = false
+    # 說明：https://lunrjs.com/
+
+
+    ######################################
+    # Algolia 搜尋
+
+    # 說明：需要開啟 `Algolia` 的輸出，且需要每
+    #      次將生成的 algolia.json 文件上傳到
+    #      Algolia
+
+    enableAlgoliaSearch = false
+
+    algoliaAppId = ""
+    algoliaApiKey = ""
+    algoliaIndexName = ""
+    # 說明：https://www.algolia.com/
+
+
+    ######################################
+    # 404 頁面
+
+    # 影片封面
+    fofPoster = ""
+
+    # 影片地址
+    fofVideoWebm = ""
+    fofVideoMp4 = ""
+    # 說明：影片地址可留空（""）
diff --git a/themes/meme_cdn/data/ChineseZodiac.toml b/themes/meme_cdn/data/ChineseZodiac.toml
new file mode 100644
index 0000000..7a714ed
--- /dev/null
+++ b/themes/meme_cdn/data/ChineseZodiac.toml
@@ -0,0 +1,12 @@
+"0" = "monkey"
+"1" = "rooster"
+"2" = "dog"
+"3" = "pig"
+"4" = "rat"
+"5" = "ox"
+"6" = "tiger"
+"7" = "rabbit"
+"8" = "dragon"
+"9" = "snake"
+"10" = "horse"
+"11" = "goat"
\ No newline at end of file
diff --git a/themes/meme_cdn/data/SVG.toml b/themes/meme_cdn/data/SVG.toml
new file mode 100644
index 0000000..426391e
--- /dev/null
+++ b/themes/meme_cdn/data/SVG.toml
@@ -0,0 +1,88 @@
+# Please do NOT edit this file!
+#
+# This file stores all SVG images used by MemE.
+#
+# If you want to customize or add an icon, please create
+# a new `SVG.toml` file in your site `data` directory.
+#
+# Note that you really don’t need to copy the entire file
+# for customization. In Hugo, data files can be
+# overwritten by *key*!
+#
+# Also, please be sure to add `class` attribute into the SVG.
+# The value, `brand` for brand; `icon` for icons, i.e.
+#   `<svg ... class="brand">`
+#   `<svg ... class="icon">`
+
+
+# Brand
+# Designed with Inkscape
+# Font family: Linux Biolinum
+brand = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66.146 26.458" class="brand"><path d="M58.216 17.03v-2.505c1.084 0 3.793.067 5.351.225l.068-.067c-.045-.204-.068-.655-.068-.858 0-.204.023-.633.068-.836l-.068-.067c-1.332.112-2.687.225-5.35.225V11.5c0-.384.022-2.438.18-2.98 3.025 0 6.457.27 6.457.27l.045-.09c-.022-.18-.045-.722-.045-.925 0-.18 0-.474.045-.79l-.045-.068c-.361.045-.88.068-1.355.068h-6.863c-.768 0-1.897-.068-1.897-.068l-.045.068c.18 1.287.271 2.822.271 4.515v5.532c0 1.693-.09 3.296-.27 4.515l.022.068s1.129-.068 1.919-.068h7.09c.473 0 .993.023 1.354.068l.045-.068c-.045-.293-.045-.587-.045-.813 0-.225.022-1.06.045-1.241l-.045-.09s-3.658.496-6.683.496c-.158-.542-.18-2.483-.18-2.867zm-20.694-3.363l-.113-.068c0-.497-.022-1.445-.045-1.648-.045-.136-.068-.226-.203-.226-.655.113-2.123.113-2.913.068l-.045.067c.158.971.248 2.71.248 4.38v1.242c0 1.694-.09 2.845-.27 4.064l.022.068s.948-.068 1.739-.068c.767 0 1.67.068 1.67.068l.045-.068c-.18-1.287-.225-2.348-.225-4.064v-2.28c.948-1.152 1.76-1.829 2.393-1.829.858 0 1.332.316 1.332 1.829v2.28c0 1.694-.09 2.845-.27 4.064l.022.068s1.016-.068 1.806-.068c.767 0 1.648.068 1.648.068l.045-.068c-.18-1.287-.27-2.348-.27-4.064v-1.987c0-.316 0-.406-.023-.677 1.083-1.197 1.58-1.445 2.46-1.445.723 0 1.242.497 1.242 2.01v2.1c0 1.693-.09 2.844-.27 4.063l.022.068s1.016-.068 1.806-.068c.768 0 1.648.068 1.648.068l.046-.068c-.181-1.287-.271-2.348-.271-4.064v-2.258c0-2.257-.79-3.59-3.229-3.59-1.129 0-2.303.452-3.59 1.807-.451-1.129-1.084-1.806-3.093-1.806-1.106 0-2.506.925-3.364 2.032zm-12.436 2.122c.068-1.106.339-1.874.677-2.348a1.645 1.645 0 0 1 1.377-.677c.904 0 1.468 1.06 1.468 3.025zm6.209 3.341c-1.061.858-2.145.926-3.093.926-1.107 0-1.92-.293-2.461-.88-.497-.542-.745-1.332-.745-2.371h2.235c2.258 0 4.2.045 4.2.045l.135-.135c0-2.823-.79-5.08-4.268-5.08-1.241 0-2.596.406-3.5 1.129-1.083.903-1.828 2.28-1.828 4.131 0 1.332.474 2.755 1.423 3.703.767.813 2.1 1.174 3.793 1.174 1.625 0 3.228-.52 4.47-1.942 0-.293-.135-.7-.361-.7zM4 6.803c-.835 4.832-2.032 10.499-2.98 14.811.248-.068.767-.068 1.038-.068.249 0 1.016 0 1.265.068.067-2.37.632-7.157 1.241-10.68l.068.023a153.476 153.476 0 0 1 4.29 10.59h1.445c1.648-3.749 3.454-7.135 5.373-10.612h.068c.43 3.567.723 6.931 1.039 10.679.338-.068 1.422-.068 1.76-.068.34 0 1.31 0 1.649.068-.7-4.9-1.197-9.257-1.784-14.811h-2.009L10.82 17.302h-.09c-1.784-3.568-3.094-6.864-4.426-10.499z"/></svg>'
+
+
+# Icons
+# Font Awesome
+#   https://fontawesome.com/icons?d=gallery&m=free
+#   https://github.com/FortAwesome/Font-Awesome/tree/master/svgs
+# Simple Icons
+#   https://github.com/simple-icons/simple-icons
+home = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon"><path d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"/></svg>'
+user-circle = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg>'
+wpexplorer = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M512 256c0 141.2-114.7 256-256 256C114.8 512 0 397.3 0 256S114.7 0 256 0s256 114.7 256 256zm-32 0c0-123.2-100.3-224-224-224C132.5 32 32 132.5 32 256s100.5 224 224 224 224-100.5 224-224zM160.9 124.6l86.9 37.1-37.1 86.9-86.9-37.1 37.1-86.9zm110 169.1l46.6 94h-14.6l-50-100-48.9 100h-14l51.1-106.9-22.3-9.4 6-14 68.6 29.1-6 14.3-16.5-7.1zm-11.8-116.3l68.6 29.4-29.4 68.3L230 246l29.1-68.6zm80.3 42.9l54.6 23.1-23.4 54.3-54.3-23.1 23.1-54.3z"/></svg>'
+grav = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M301.1 212c4.4 4.4 4.4 11.9 0 16.3l-9.7 9.7c-4.4 4.7-11.9 4.7-16.6 0l-10.5-10.5c-4.4-4.7-4.4-11.9 0-16.6l9.7-9.7c4.4-4.4 11.9-4.4 16.6 0l10.5 10.8zm-30.2-19.7c3-3 3-7.8 0-10.5-2.8-3-7.5-3-10.5 0-2.8 2.8-2.8 7.5 0 10.5 3.1 2.8 7.8 2.8 10.5 0zm-26 5.3c-3 2.8-3 7.5 0 10.2 2.8 3 7.5 3 10.5 0 2.8-2.8 2.8-7.5 0-10.2-3-3-7.7-3-10.5 0zm72.5-13.3c-19.9-14.4-33.8-43.2-11.9-68.1 21.6-24.9 40.7-17.2 59.8.8 11.9 11.3 29.3 24.9 17.2 48.2-12.5 23.5-45.1 33.2-65.1 19.1zm47.7-44.5c-8.9-10-23.3 6.9-15.5 16.1 7.4 9 32.1 2.4 15.5-16.1zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-66.2 42.6c2.5-16.1-20.2-16.6-25.2-25.7-13.6-24.1-27.7-36.8-54.5-30.4 11.6-8 23.5-6.1 23.5-6.1.3-6.4 0-13-9.4-24.9 3.9-12.5.3-22.4.3-22.4 15.5-8.6 26.8-24.4 29.1-43.2 3.6-31-18.8-59.2-49.8-62.8-22.1-2.5-43.7 7.7-54.3 25.7-23.2 40.1 1.4 70.9 22.4 81.4-14.4-1.4-34.3-11.9-40.1-34.3-6.6-25.7 2.8-49.8 8.9-61.4 0 0-4.4-5.8-8-8.9 0 0-13.8 0-24.6 5.3 11.9-15.2 25.2-14.4 25.2-14.4 0-6.4-.6-14.9-3.6-21.6-5.4-11-23.8-12.9-31.7 2.8.1-.2.3-.4.4-.5-5 11.9-1.1 55.9 16.9 87.2-2.5 1.4-9.1 6.1-13 10-21.6 9.7-56.2 60.3-56.2 60.3-28.2 10.8-77.2 50.9-70.6 79.7.3 3 1.4 5.5 3 7.5-2.8 2.2-5.5 5-8.3 8.3-11.9 13.8-5.3 35.2 17.7 24.4 15.8-7.2 29.6-20.2 36.3-30.4 0 0-5.5-5-16.3-4.4 27.7-6.6 34.3-9.4 46.2-9.1 8 3.9 8-34.3 8-34.3 0-14.7-2.2-31-11.1-41.5 12.5 12.2 29.1 32.7 28 60.6-.8 18.3-15.2 23-15.2 23-9.1 16.6-43.2 65.9-30.4 106 0 0-9.7-14.9-10.2-22.1-17.4 19.4-46.5 52.3-24.6 64.5 26.6 14.7 108.8-88.6 126.2-142.3 34.6-20.8 55.4-47.3 63.9-65 22 43.5 95.3 94.5 101.1 59z"/></svg>'
+tags = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon"><path d="M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z"/></svg>'
+th = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"/></svg>'
+archive = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M32 448c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V160H32v288zm160-212c0-6.6 5.4-12 12-12h104c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H204c-6.6 0-12-5.4-12-12v-8zM480 32H32C14.3 32 0 46.3 0 64v48c0 8.8 7.2 16 16 16h480c8.8 0 16-7.2 16-16V64c0-17.7-14.3-32-32-32z"/></svg>'
+link = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg>'
+angle-up = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"/></svg>'
+heart = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>'
+calendar-alt = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon"><path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/></svg>'
+calendar-check = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon"><path d="M400 64h-48V12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v52H160V12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v52H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 400H54a6 6 0 0 1-6-6V160h352v298a6 6 0 0 1-6 6zm-52.849-200.65L198.842 404.519c-4.705 4.667-12.303 4.637-16.971-.068l-75.091-75.699c-4.667-4.705-4.637-12.303.068-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l44.104 44.461 111.072-110.181c4.705-4.667 12.303-4.637 16.971.068l22.536 22.718c4.667 4.705 4.636 12.303-.069 16.97z"/></svg>'
+calendar-times = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon"><path d="M311.7 374.7l-17 17c-4.7 4.7-12.3 4.7-17 0L224 337.9l-53.7 53.7c-4.7 4.7-12.3 4.7-17 0l-17-17c-4.7-4.7-4.7-12.3 0-17l53.7-53.7-53.7-53.7c-4.7-4.7-4.7-12.3 0-17l17-17c4.7-4.7 12.3-4.7 17 0l53.7 53.7 53.7-53.7c4.7-4.7 12.3-4.7 17 0l17 17c4.7 4.7 4.7 12.3 0 17L257.9 304l53.7 53.7c4.8 4.7 4.8 12.3.1 17zM448 112v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/></svg>'
+folder = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M464 128H272l-54.63-54.63c-6-6-14.14-9.37-22.63-9.37H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48zm0 272H48V112h140.12l54.63 54.63c6 6 14.14 9.37 22.63 9.37H464v224z"/></svg>'
+pencil-alt = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"/></svg>'
+clock = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"/></svg>'
+plus-circle = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"/></svg>'
+tag = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M0 252.118V48C0 21.49 21.49 0 48 0h204.118a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882L293.823 497.941c-18.745 18.745-49.137 18.745-67.882 0L14.059 286.059A48 48 0 0 1 0 252.118zM112 64c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z"/></svg>'
+code-branch = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="icon"><path d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"/></svg>'
+info = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" class="icon"><path d="M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z"/></svg>'
+question = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="icon"><path d="M202.021 0C122.202 0 70.503 32.703 29.914 91.026c-7.363 10.58-5.093 25.086 5.178 32.874l43.138 32.709c10.373 7.865 25.132 6.026 33.253-4.148 25.049-31.381 43.63-49.449 82.757-49.449 30.764 0 68.816 19.799 68.816 49.631 0 22.552-18.617 34.134-48.993 51.164-35.423 19.86-82.299 44.576-82.299 106.405V320c0 13.255 10.745 24 24 24h72.471c13.255 0 24-10.745 24-24v-5.773c0-42.86 125.268-44.645 125.268-160.627C377.504 66.256 286.902 0 202.021 0zM192 373.459c-38.196 0-69.271 31.075-69.271 69.271 0 38.195 31.075 69.27 69.271 69.27s69.271-31.075 69.271-69.271-31.075-69.27-69.271-69.27z"/></svg>'
+edit = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon"><path d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"/></svg>'
+arrow-up = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg>'
+eye = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon"><path d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"/></svg>'
+user = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon"><path d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"/></svg>'
+sun = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M193.2 104.5l48.8-97.5a18 18 0 0128 0l48.8 97.5 103.4 -34.5a18 18 0 0119.8 19.8l-34.5 103.4l97.5 48.8a18 18 0 010 28l-97.5 48.8 34.5 103.4a18 18 0 01-19.8 19.8l-103.4-34.5-48.8 97.5a18 18 0 01-28 0l-48.8-97.5l-103.4 34.5a18 18 0 01-19.8-19.8l34.5-103.4-97.5-48.8a18 18 0 010-28l97.5-48.8-34.5-103.4a18 18 0 0119.8-19.8zM256 128a128 128 0 10.01 0M256 160a96 96 0 10.01 0"/></svg>'
+moon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M27 412a256 256 0 10154-407a11.5 11.5 0 00-5 20a201.5 201.5 0 01-134 374a11.5 11.5 0 00-15 13"/></svg>'
+search = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>'
+# Social Icons
+rss = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/></svg>'
+envelope = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg>'
+github = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>'
+twitter = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>'
+facebook = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg>'
+linkedin = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>'
+telegram = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm121.8 169.9l-40.7 191.8c-3 13.6-11.1 16.9-22.4 10.5l-62-45.7-29.9 28.8c-3.3 3.3-6.1 6.1-12.5 6.1l4.4-63.1 114.9-103.8c5-4.4-1.1-6.9-7.7-2.5l-142 89.4-61.2-19.1c-13.3-4.2-13.6-13.3 2.8-19.7l239.1-92.2c11.1-4 20.8 2.7 17.2 19.5z"/></svg>'
+weibo = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon"><path d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8.3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4.6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z"/></svg>'
+douban = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M.643.92v2.412h22.714V.92H.643zm1.974 4.926v9.42h18.764v-9.42H2.617zm2.72 2.408H18.69v4.605H5.338V8.254zm1.657 7.412l-2.512.938c1.037 1.461 1.87 2.825 2.512 4.091H0v2.385h24v-2.385h-6.678c.818-1.176 1.589-2.543 2.303-4.091l-2.73-.938a29.952 29.952 0 01-2.479 5.03h-4.75c-.786-1.962-1.677-3.641-2.672-5.03Z"/></svg>'
+qq = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon"><path d="M433.754 420.445c-11.526 1.393-44.86-52.741-44.86-52.741 0 31.345-16.136 72.247-51.051 101.786 16.842 5.192 54.843 19.167 45.803 34.421-7.316 12.343-125.51 7.881-159.632 4.037-34.122 3.844-152.316 8.306-159.632-4.037-9.045-15.25 28.918-29.214 45.783-34.415-34.92-29.539-51.059-70.445-51.059-101.792 0 0-33.334 54.134-44.859 52.741-5.37-.65-12.424-29.644 9.347-99.704 10.261-33.024 21.995-60.478 40.144-105.779C60.683 98.063 108.982.006 224 0c113.737.006 163.156 96.133 160.264 214.963 18.118 45.223 29.912 72.85 40.144 105.778 21.768 70.06 14.716 99.053 9.346 99.704z"/></svg>'
+qzone = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M23.985 9.202c-.032-.099-.127-.223-.334-.258-.207-.036-7.351-1.406-7.351-1.406s-.105-.022-.198-.07c-.092-.047-.127-.167-.127-.167S12.447.956 12.349.77C12.25.583 12.104.532 12 .532c-.104 0-.251.051-.349.238-.098.186-3.626 6.531-3.626 6.531s-.035.12-.128.167c-.092.047-.197.07-.197.07S.556 8.908.348 8.943c-.208.036-.302.16-.333.258a.477.477 0 0 0 .125.449l5.362 5.49s.072.08.119.172c.016.104.005.21.005.21s-1.189 7.242-1.22 7.45.075.369.159.43c.083.062.233.106.421.013.189-.093 6.812-3.261 6.812-3.261s.098-.044.201-.061c.103-.017.201.061.201.061s6.623 3.168 6.812 3.261c.188.094.338.049.421-.013a.463.463 0 0 0 .159-.43c-.021-.14-.93-5.677-.93-5.677.876-.54 1.425-1.039 1.849-1.747-2.594.969-6.006 1.717-9.415 1.866-.915.041-2.41.097-3.473-.015-.678-.071-1.17-.144-1.243-.438-.053-.215.054-.46.545-.831a2640.5 2640.5 0 0 1 2.861-2.155c1.285-.968 3.559-2.47 3.559-2.731 0-.285-2.144-.781-4.037-.781-1.945 0-2.275.132-2.811.168-.488.034-.769.005-.804-.138-.06-.248.183-.389.588-.568.709-.314 1.86-.594 1.984-.626.194-.052 3.082-.805 5.618-.535 1.318.14 3.244.668 3.244 1.276 0 .342-1.721 1.494-3.225 2.597-1.149.843-2.217 1.561-2.217 1.688 0 .342 3.533 1.241 6.689 1.01l.003-.022c.048-.092.119-.172.119-.172l5.362-5.49a.477.477 0 0 0 .127-.449z"/></svg>'
+qrcode = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"/></svg>'
+
+
+# Chinese Zodiac
+# https://github.com/forsigner/fexo/blob/master/source/fonts/fontello.ttf
+# Extracted with FontForge
+# Minified by https://jakearchibald.github.io/svgomg/
+rat = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M675 908q7-10 17-29 10-18 28-69 17-52 15-98t-35-102q-32-56-106-95-54-15-69-8-5 3-6 8 0 5 18 39 17 33 36 74 20 41 25 85t-15 72q-47 0-88-35-21-18-34-46-1-2-4-4t-11-10q-7-8-17-9t-22 0q-13 1-28 12-88 69-76 98 2 5 8 18l25 50q6 13 7 20t-1 11q-3 2-58 4-56 2-70 9-26 16-7 33 25 22 131 30 46 4 75 0 28-4 39-14 10-10 13-21 3-10 3-25 0-16 4-22 12-21 27-19 14 2 19 23 1 5 1 15t2 17q2 6 5 18 3 10 10 15 6 5 18 10t29 5q24 0 68 6 44 7 72 6t37-12q20-18-28-44-34-16-57-16zm236-249q-11-30-24-55-14-26-26-40-8-9-23-27-12-12-19-18t-11-16q-4-9-4-16t8-21q14-19 43-55 39-57 22-62-3 1-7 2t-15 8-20 12q-10 5-23 17-13 11-22 20-10 9-20 25-10 15-13 27-3 13-2 30 1 18 11 34 13 24 39 53 15 17 44 49 18 21 29 44 10 24 3 53-8 28-43 61-19 19-95 24-2 1-4 3t-5 9q-1 3-4 10-1 3 5 10t18 5q16 1 40-3 23-4 52-16 28-12 48-34 19-21 28-53 2-10 2-22 0-25-12-58zM330 322q30 13 52 4l4-2q18-9 27-25 24-53 0-73-14-13-29-18-15-4-26-2-10 2-19 7-9 4-14 8-1 1-3 5-12 14-17 32-5 17 1 37 6 19 24 27zm-34 241q-46 90-66 116-10 14-17 36-7 23-6 43 1 21 15 25 8 3 20-2 11-5 22-13 11-9 26-23 9-9 26-27 13-12 28-30 22-26 44-34 23-8 41-2t37 29q87 110 106 79 7-13 2-49-3-23-8-46-5-22-11-41-6-18-13-33l-15-27q-7-13-13-22-6-8-11-18t-8-12q0-4 1-10t4-19q3-14 3-28v-26q0-14-5-24-1-1-2-3 6 1 14 1t15 2q31 2 54-6 22-8 32-25 11-16 15-32 4-17 3-32t-5-25q-22-48-99-54-3 0-7-1t-15 1-21 3q-9 1-20 12-11 12-17 22-21 46-9 84-81-35-166-10-57 17-80 39-22 21-24 42-12 0-16 2-17 4-27 11t-12 15q-1 2-1 4 0 6 7 15 21 22 62 18 2 3 5 8t16 16q12 10 23 21t33 19q22 7 40 11zm35-164q7 4 13 7t12 10q-10 10-25 18h-1q0-1-2-1t-4-1-7 0q-4 1-7-1t-8-1-9 0q20-41 38-31z"/></svg>'
+ox = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M910 658q-6-7-26-26-21-18-39-40-19-21-27-41-13-32-48-55-35-22-45-12-7 4-18 5-20 3-138-4-1 0-4-1t-9 0h-12q-6 0-13 2-4 1-13 4-3 1-5 2-3 2-5 5-3 5-6 13 0 5 2 15 1 9-2 35-3 25-10 47-8 21-31 43-24 21-54 33-53 16-99 17t-64-3q-19-4-19-7-3 35-9 104-4 78 9 86 11 6 28-18 17-25 39-64 9-16 26-48 16 2 62 8-1 4-2 14-2 18-7 72-2 18-2 35 0 18 3 21 8 4 22 3 15-1 34-36t25-94q2 1 5 1 5 0 14 1 11 1 22 1 10 0 25 2 16 2 28 1t27 2q16 3 25 1t18 0q10 2 12 1-1 18-2 55 3 50 21 49 8 0 11-19 4-20 6-49 2-30 3-38 40-6 62-11v7q0 4-1 15t0 22q1 10 0 24-1 15 2 24t3 17 5 11 14-4q8-6 20-25 12-20 21-50 8-31 13-80t-1-113q1 0 4 1 7 6 16 29 4 10 8 16 3 6 7 19 4 12 10 18t12 15q6 10 14 11 5 0 15 2 8 1 18-6 0 1 1-5l3-12q2-7 4-15v-6q0-6-2-12-2-9-6-15zm-670 8q24 3 47 5 41 6 72 2 16-2 30-7 40-13 62-39 2-1 6-4 3-2 6-6 2-2 5-6 2-2 5-8 8-17 9-32t0-29q-1-13-10-25-9-13-11-20t-10-14q-1 0-1-1-1-27-1-44 18-3 29-12 11-10 12-18 0-5-15-16-9-7-29-21l-15-10q0-13-5-32-5-18-17-27-6-6-12-6t-8 3l-3 3q-4 54-93 59-20 1-34-13-14-15-16-31-1-5-2-15-35 0-60 65 0 2-2 5-9 1-19 4-10 4-19 8-5 2-15 8-7 4-10 7l-4 2q7 12 23 24 17 11 28 17t12 4 3 1 3 0q-10 34-20 52-26 10-39 28t-8 50q4 24 16 40t28 27q15 10 27 13 8 2 23 6 8 2 16 3t16 0zm-18-57q-8-8-7-29 1-20 19-15 24 7 5 44-8 2-17 0zm143-148q1 0 2 1t0 1q-1 7-3 19-3-1-12-2-19-5-12-18 7-12 20-6zm-21 104q18-24 26 15 0 5 2 15-5 12-19 17 0-1-2-2-11-5-14-18-3-12 7-27zm-76-85q-3 4-25 7-4-12-4-24 5 0 9-1 15-5 20 4 5 8 0 14z"/></svg>'
+tiger = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M200 729q35-36 140-142 1 0 3 1 7 4 19 11 4 2 13 8 3 2 12 9 5 4 10 10t5 11q4 21 23 35 25 21 28-23v-4q1-6 7-23-7 3-28 10l-2-3q-2-1-6-6-2-3-7-9-3-4-5-11t-1-12q1-4 7-10t16-8q16-3 27 6t21 26q11 16 10 17 3 4-2 11-4 8-12 14-2 1-6 5-1 0-1 1t-1 4-1 5 1 5 3 3q3 1 8 1 6 1 12-2 81-25 31-102-2-4-5-8-2-3-5-7-2-4-5-7-10-18-24-39-13-20-29-33-9-7-19-14-7-4-21-13 24-8 36-11 20-5 10-19-10-13-34-15-26-3-52 30-37-12-74-4-22 4-44 15-8 4-16 9-13 8-24 17-18 14-33 33-8 12-25 35-22 40-33 92-11 53 0 95 2 8 7 25 3 10 6 18 3 7 3 8t2 5 0 3-1 4q-2 0-4 1t-6 2-9 5-7 8q-2 5-4 11t3 13 13 15q3-5 8-15 10-11 14 12 0 6 1 17l12-12q6-5 11-8t11-4q7-1 10 2t4 14q4-1 12-5 7-3 23-8 15-5 21-4-52-50-57-101zm251-216q0-1 4 5 3 5 11 16 1 0 1 3t-1 5-1 5q0 4-4-1-3-1-6-3-2-1-4-3v-27zM143 787q-1 0-1 1l-1 1q1 0 2-2zm162-147q67 96 86 122v13q-33-11-38 8-4 13-3 26 1 12 9 14 8-7 23-22 2 7 9 28 7-6 26-24 4 3 16 11 51-24 55-38-49-59-149-175-9 9-34 37zm252-42q1 22-27 70-14 3-25 9-11 7-19 13-7 6-10 13t-5 14q-2 8-2 13t-1 9v3q5-2 20-6 2 4 6 17 6-5 27-22 4 3 14 13 5-3 22-12v-33q12-4 22-12 9-8 13-16 3-5 8-15 4-8 4-12 1-2 1-4 10-13 40-53-14-4-28-4-13 0-24 1t-19 5q-7 5-13 6-1 1-4 3zm367 110q-3-14-18-59-14-45-15-60-2-16-27-27-30-15-39 10-2 6-1 17-3-8-8-19t-19-36q-15-24-25-28-24-11-86-27-61-17-91-17-20 0 2-16 40-29 99-37 36-5 60 5 26 11 41 23 14 12 17 23 3 12-3 24t-19 22q9 11 29 32 2-2 6-7t15-18q10-14 14-28t3-34q-1-19-12-37-14-21-39-32-25-12-53-14-29-2-58 4-28 6-59 16-15 5-28 10-12 5-20 10-5 4-16 10-7 6-10 10-2 3-7 9-4 5-5 7t-5 5q-25-2-76-5 6 4 15 13 10 10 30 42 21 33 35 74 13-1 38-2 22-1 69 2 48 3 62 10 29 16 56 50 28 35 25 56-2 0-4 1-4 1-11 4-8 3-13 8t-12 11-8 14q-1 7 1 16t13 21v-4l2-7q1-2 3-8 1-3 6-6t12-3q2 29 11 37 17-29 28-30 3 9 8 27 3 7 7 7 4-28 18-28 10 0 24-3 13-3 27-13 12-8 12-19-1-3-1-6zM181 480h-3q-3 0-9-3t-11-8q-5-6-10-16-4-10-6-24-3-35 2-46 6-12 23-14 2 1 5 3t6 13q3 10 2 25-1 11 9 11 18-1 36-24 19-24 4-42-11-15-28-24-18-8-35-10-18-2-34 15-16 18-22 46t-6 51q0 35 14 58 10 17 24 17 17-1 39-28z"/></svg>'
+rabbit = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M655 927q1-3 11-8 9-5 18-15t8-27q1-34-53-30-2 1-5 1-13-24 4-41 8 4 19 7 12 3 20 6 3 0 8 1 21-7 2-52-18-45-36-58-4-2-9-6-3-2-9-7-4-3-7-8t-6-7q-4-2-7-7-1-2-5-6 30-13 44-38 15-24 15-49 0-24-5-47-6-22-11-37-2-4-7-13 22-45 37-84t19-66q3-16 8-49 3-22-1-35-5-14-6-24t-6-12q-1-2-3-4-32 7-59 35-28 29-44 64-17 35-28 69-11 33-17 57-2 7-5 22h-35q1-3 4-15 18-42 29-80 10-38 12-61 2-24-1-45-3-22-9-32-7-10-12-21-5-10-10-10-2-1-5-3-39 28-65 67-25 39-34 75-10 37-13 69t0 53q3 22 5 23t3 5q0 2 2 7 1 3 1 7t1 7v3q-24 19-35 39-11 21-11 38 0 18 7 33t14 27q7 11 17 19 11 8 10 11 4 6 1 16h-1q-10 4-38 16-62 29-72 71-8 27 12 37 11 4 24-2 49-20 51-10-2 19-7 55-80-21-83 16-2 23 22 42 5 3 10 5 28 14 6 19-90 6-89 33v2q2 10 10 17 27 6 52 8 26 2 45 2 20 0 37-2 18-2 31-6 8-2 25-7 11-3 18-8 7-6 12-8t7-6q1-1 2-3-16-20-14-31 2-10 10-14 9-4 15-1 34 13 43 27 3 4-2 5-7 2-21 5-7 2-9 5t-3 6 4 7 16 9q77 29 202-10l9-3q-16-39-84-40zM457 581v-1q-4-7 4-23l9-3q5 0 7 3t2 7-1 9-2 6q-2 4-6 10-10-2-13-8zm86-24q1-2 5-4t6-2q7 2 11 10-4 23-16 21-3-1-4-4-1-2-2-6-1-3-1-7t1-6v-2zm-13 76q-1 7-4 11t-6 7h-31q-14 0-13-8 1-7 21-14h2q24-7 31 4z"/></svg>'
+dragon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M673 556q-10 0-31 7-20 7-39 14-18 7-30 5-5 0-11-3t-9-9-9-13q-6-8-8-15-2-4-6-13 8 0 20-2t16-2h13q4 2 13 9t14 12q3 3 9 10 5 1 17 2t22-11q11-11 3-30-8-23-2-38l15 15q2-5 8-19 10 3 42 12-1-4-5-17 5 0 8-2t4-6l12 6q0-22-21-39 20-4 23-9 3-4 4-9t-1-11-14-8q4-2 7-5t7-5q2-2 5-7 2 1 5 1t7-2 4-6q5-14-20-22 11-14 31-41 11-19 11-26 0-3-2-4t-6-2-17 5-26 22q-1 0-2-1t-4-1h-9q-4 0-4 2-19 15-26 35-10-2-31-8 2-1 6-6 3-4 12-14t14-20q5-9 13-18 7-9 5-13 0-13-14-13-23-1-46 35-7 0-9-14t-13 6q-1 2-2 5-4-15-11-28-6-12-14-21t-16-16q-8-8-18-14-9-6-17-8t-16-6q-9-4-14-3t-8-1q-1-1-3-1 4 14 15 57-12 1-49 2 1 2 1 6t3 14q3 9 4 18t1 15q0 7-1 10t-53 7q-22 2-4 7 2 1 7 2 14 4 28 14 13 11 18 18 2 2 6 7 5 15 2 28-3 12-18 22t-33 19q-17 8-43 12-25 4-48 9-22 5-48 5t-44 7q-19 7-25 16-6 8-11 16-3 5-3 9 0 2 1 3 0 2 1 6 5 0 22-2 3 7 12 27 4-5 15-21 6 5 22 21 2-5 7-11 3-4 9-11 4-6 10-10t9-8q0-1 2-2 3 7 13 22 10 14 19 23 3 4 9 10 2 25 12 47 10 23 20 36 11 14 23 26t18 15q3 2 8 5-4 2-8 9-4 6-6 13t-3 15-3 16q-2 7-1 14t-1 9v3q-68 36-49 80 1 3 5 8-4-10 3-24t16 2q7 10 12 12t7 2q1-1 3-2 5-12 8-16t5-3q3 1 8 5 7 4 14 6 12 3 15-12 3-16 0-29-1-6-2-16-2-15 12-33 15-19 33-26t37 16q28 31 1 75t-99 78q-92 44-29 75-15 19-21 33-5 13-4 19t9 6q7 0 14-1t16-5q7-3 20-9 6 25 18 25 15 0 39-37 11-19 11-20 10 14 18 19 8 4 16-5 8-8 13-15 6-7 11-22 2-7 6-20 0-2 2-8 28 15 33-33 3-23 1-50 36-20 45-77 9-56 2-103-4-23 0-38t9-22q2-1 6-5 9 5 36 21v-33q8 3 33 12l-8-40q6-2 25-11-37-28-59-18-23 9-32 23-9 15-10 20zm-7-155h-1q13-6 23 3-3 2-9 7h-11q-13-3-2-10zm-49-13q8 0 12 3t5 8q-2 1-6 4-3 2-7 3-5 1-5 0t-2-5q0-8 3-13z"/></svg>'
+snake = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M785 689q-24-12-47-19 31-114 2-197-22-64-82-126-59-63-130-104-70-41-126-44-8-1-16-1-23 0-44 6-29 9-50 20-22 11-35 25-7 8-23 24-1 2-7 8l80 68q-3 1-5 1-20 3-37 0-16-3-27-6-4-2-11-4-26-8-42-7-15 1-22 6-3 1-7 4 77 14 15 38-13 5-27 8 15 4 29 3t28-4q13-3 21-8 8-6 16-9 1-1 5-4 17-1 70-5 4 7 17 29-20 14-78 57 29 32 80 47 51 16 89-4 12-6 36-17 17-8 43-15 25-6 46-7 20-1 41 11 20 13 33 34 9 20 14 34t3 34q-2 19-6 36-4 16-15 47-48-1-89 13t-73 43q-33 29-59 64-25 34-53 83-13 23-31 37-17 15-33 20-17 5-37 4-21-1-32-5-9-4-28-10-16-7-19-10t-7-5q2 3 6 7 5 6 16 16 12 11 30 21 17 11 42 20 24 9 56 14 29 4 54-6 26-10 44-35 19-24 34-46 16-21 34-51t32-39q10-10 23-17 14-8 27-10t28-5q-7 24-21 71-10 36-12 64-2 29 0 51 2 21 13 35 11 15 22 25 10 10 30 14 21 4 34 9 9 2 23 2h15q25-2 38-2t37-4q15-2 32-9 16-7 32-20 17-14 30-29t24-36q10-20 17-40 7-19 7-42 0-22-5-43-5-20-20-41-16-20-36-37-21-16-56-30zM404 322q-12-2-22-1-4-13 4-25 8-13 26-12 25 1 27 19 2 14-18 18-8 2-17 1zm361 567q-30 15-48-11-19-25-12-78 1-13 5-31 8 2 24 7 34 11 48 35 15 23 10 47-6 23-27 31z"/></svg>'
+horse = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M455 526q-1-23-23-28 0-21 10-21 8 0-9-10-27-18-45-18-14 0-2-15 9-13 18-13 9-1-17-16t-39-15q-15 1-5-15 7-11 15-13 7-1-10-9-38-22-51-21 0 3 4 22 4 18 15 49 12 31 28 58 16 28 46 48 30 19 65 17zm440 320q-8-3-18-3-11 0-17-1t-9-3-5-10-10-26q-9-17-22-35-13-19-23-34-11-16-18-19-6-3-12-23-6-18-17-52-10-32-20-52-5-9-13-15-9-6-19-10t-25-7q-16-3-31-4t-37-1q-21 0-43-2h-48q-29 0-53-1-42-1-76-27-34-27-54-61-21-33-33-72t-19-61q-6-21-5-25-1-5-10-7-5 1-8 10t-4 18-2 9q-1 3-27 21-62 20-87 59-12 13-18 33-7 21-1 37 5 16 20 19t31-5q15-8 23-18 3-4 9-10 10 3 24 0 14-4 24-8 3-1 9-4 16 3 24 35 9 32 10 64v30q-3 5-9 21-3 11-11 35-6 19-10 36-4 18-8 30-2 4-4 12-15 12-44 36-30 25-53 48-22 24-27 27-7 9-10 16-4 8-5 20v1q0 11 15 15 21 10 38 1 16-8 27-24 12-17 17-30t5-18q-1-2 2-3t6-4q3-2 7-1t7-1h2q21-3 42-13 22-10 37-21 16-12 29-25t19-20q3-3 8-9 27 22 87 23 59 1 101-7t46-11q81 57 171 68 13 41 60 87 45 43 63 43h2q10-1 15-17 3-9 3-18 0-8-2-15-4-16-16-21zM237 402q-4 4-11 2t-11-5-9-8q4-8 11-13h4q13 3 18 10 4 7-2 14zm590 184q1 1 3 4l7 7q2 1 8 7 6 5 11 6t12 5q17 2 18-16 1-19-14-24-10-3-11-20-1-18-2-20-3-3-17-1-8 1-25 3-10 1-17-5-2-1-4-6t-4-6-7 0q-4 1-11 6-10 6-25 12-9 4-26 10-3 1-10 4-2 17 15 25t39 8q21 0 40 1 18 1 20 0z"/></svg>'
+goat = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M296 643q8-2 15-10 7-7 14-16 2-4 8-11l28-40q1-1 3-2 0-1 1-2 13-19 23-35 33-56 26-89 21-7 29-21 9-13 7-22-1-4-4-10h-57q-1-1-5-3-3-1-9-5-4-1-10-5-5-1-6-12t-1-36q0-8-4-12t-7-2q-1 1-3 2l-14 14q-5 5-7 9-2 5-9 9l-6 6q-3 3-5 4 0 1-1 2h-40q-1-26-5-41t-9-17l-3-3q-8 3-16 11-7 8-10 18t-5 20q-1 5-4 16v6q-3 8-10 31-4 8-9 6-3 0-11-2-5-1-16-4-8-2-19-1-10 1-15 5t-8 10v3q0 8 4 15 5 8 14 14 10 6 15 8t10 6q5 20 14 39 9 20 22 43 12 24 20 44 18 42 36 54 18 11 39 6zm-11-40q-13-6-18-13-5-6-2-9 3-2 8-7 6-4 11-4t8-1q13 4 18 10-2 4-6 11-1 4-3 6t-4 3q-2 0-5 2-2 0-7 2zm48-149q6-3 10 1t6 9v6q0 2-1 6t-2 11q-12 8-21 1-3-5-2-18 1-14 10-16zm-96 7q8-17 22 10-1 7-3 11t-5 4h-7q-2 0-5 1-12-9-2-26zm7 184q6 67 38 66 17 0 26-16t11-35q1-5 2-15-17 15-36 15-20 0-30-7-4-3-11-8zm668-29q-1-1-2-4-1-4-5-12-4-10-13-16-8-5-23-15-13-9-34-13-37-10-104 1-66 10-109 3-17-2-50-6-85-16-142-63-31 74-60 95 3 4 10 11 6 6 16 20 11 14 11 22v9q1 9 1 16t-1 20q-1 12-4 24-1 9-4 26-2 13-9 27-4 9-12 26-24 41-36 85t-8 54q5 0 14-2 49-17 111-145 0-1 1-2h57q35 0 103-7 67-8 88-22 98 74 101 86 2 5-1 18-3 12-9 27-6 16-6 25-1 7-1 15t2 14q2 7 6 11t13 1 21-14q38-34 48-88 1-6 0-19t-8-41q-6-28-19-55-9-18-9-34 0-17 6-31t15-23q10-10 22-17t23-7zM466 931q2 3 10 10 17-11 49-151h-54q-1 35-5 141zm236-162v177q3-2 9-5 5-3 16-18 11-14 12-33 10-66 29-68-3-5-10-14-6-9-25-24-18-15-31-15z"/></svg>'
+monkey = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M780 440q43-11 58-30 12-7-2-24-3-5-10-6-13-13-24-33-11-21-21-43-6-27-6-40 0-5-10-15-10-9-26-17-15-8-36-11-8-2-17-2-12 0-23 3-50 11-90 44-39 33-37 76 2 29 9 48 7 18 12 23t16 11q-99 8-297 26-1 0-3 1t-5 6-1 11q30 116 17 160-16 56-27 59-6-4-16-8-11-5-38-6-28-1-52 14-28 14-41 49-9 22-9 44 0 13 3 27 9 35 34 51 30 14 63 12 32-2 57-19 25-18 22-44-5-20-17-31t-25-16q-14-4-28-3t-21 7q0 1-2 4-1 2 6 9 6 7 19 11 15 5 19 19 5 13-7 23-11 10-33 9-2 0-7-2t-14-9-15-18q-7-12-2-32 4-21 18-47 3-2 8-5t21-9q15-5 29-5 15 0 30 10 15 9 27 28 9 16 15 40 6 25 10 47 4 23 11 48 6 26 12 43 6 18 20 32 15 14 32 16 8 2 16 2 15 0 27-5 18-6 36-20 17-14 23-17 5-1 41-3 76 0 109-71 10-22 17-47 3 0 9 2 0 1 1 3t2 9q1 4 4 11 2 6 7 15 3 4 9 14 4 6 14 11 6 3 18 8 7 4 22 2 16-1 27-5 23-7 35-18t7-23q-5-11-38-15-45-5-45-11-1-3 16-9h25q13 0 19-7 7-6 14-14t2-24q-9-44-65-80-55-37-97-20-21 9-62 28-16 7-35 20-20 14-25 29-2 3-8 6-3-12-3-27 0-14 3-37 3-24 12-43 9-20 32-43 23-24 52-41 2 0 4 2 5-2 13-4 7-2 32-1 26 1 49 7 22 6 53 24 30 19 54 47 3-2 9-8-4-35-15-139 3 1 11 3 7 2 25 3 17 1 31 0 15-1 26-14 11-14 13-31-3 1-27 5-25 4-59 3-33-1-46-13zm-32-100q8-7 11-6 5 5 9 10-9 6-14 6t-6-2q-2-2 0-8zm-50 2q24-19 51-29-8 13-23 39 15 11 60 46-7 25-28 17-4-1-7-3t-6-6q-2-4-4-6t-5-7-4-8-5-8l-7-7q-3-3-9-5t-12-5q-15-8-1-18zM283 699q27-40 52-52-10 40-7 81-15-10-45-29zm65-93q-4-1-8-3t-7-8q-3-7-4-15-1-3-1-8-1-6-1-13v-14q0-6 1-14t4-14 9-14q6-7 12-11t20-7q13-3 26-3 14 0 35 2 1 0 3 1-60 53-89 121zm342-122q-13-2-27-1-15 1-29 5t-16 8q1-1 2-5t2-5q1-2 5-7 4-6 8-7t13-6q9-6 19-7 6-1 20-3 12-2 24-3 11-1 25-4 15-3 25-4-1 22-2 67-1-1-5-2-4-4-12-7-12-4-35-14-9-3-17-5z"/></svg>'
+rooster = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M182 522q24 25 55 0 12-11 26-12 15-1 24 2t8 3v-2q5-24 33-19 14 2 23-6t11-16q1-4 3-11 7-1 14-12t10-20q1-4 3-11-5 0-15-10l-23-23q-12-14-23-28-12-14-20-23-2-3-7-10-1-8-3-32-9-6-32-7-22-1-39-1-6 1-18 2-1 1-5 3-3 1-7 4-9 6-25 17-2 1-7 6-13-3-38-8 5 8 18 33-4 5-17 23 2 0 7-2 4-1 14-2 9-1 16 0 3 0 7 2t9 7q5 6 14 18-9-4-17-6-5-1-14-4-6-1-10-1h-7q-21 14-28 22-4 4-4 7t3 4q6 3 12 4t19 1q12 0 12 1 6 1 7 5 1 5-1 8-1 1-2 4-21 10-32 25-11 16-12 31t1 28q2 12 7 21t10 9q5-1 14-9 8-8 15-13t11-2zm62-199q-8 5-25 4-1-3 0-5t3-5 5-3 7-3q2 2 4 5 1 2 4 3t2 3v1zm51-51q5-10 21-40-8 4-34 16-5-7-18-30-5 7-22 30-8-4-30-16 3 10 11 40h72zm582 117q-156-25-200 78 0-3 1-6t2-12 5-17 7-20q3-11 14-21 10-10 17-21 7-10 25-17 17-7 30-13 14-7 40-6-7-3-18-6-12-3-42-3-31 0-55 16-23 15-47 58-23 43-28 114-59-11-177-32-14-9-54-35-8 19-32 75v14h25q1 2 1 5t4 13q3 5 8 17 5 8 13 17 8 10 16 18t23 11q14 3 29 4 16 1 37-7 22-8 45-23 3 4 9 11-2 2-9 8-6 5-25 15-20 10-41 14-22 3-56-10-33-12-67-39-1-2-2-7-1-4-3-15t1-21q-1 1-3 1h-5q-5 0-7-2t-5-8 1-15q-1-1-3-2t-8-2-11-1-14 5q-8 5-13 10-3-1-9-1t-24 4q-17 4-31 18-7-2-19-5-12-2-32-1-19 1-25 13-23 55 35 121 9 9 22 25 8 10 24 29 10 12 23 25 14 14 25 22t25 10q15 2 28-2t28-17q2 4 6 10t18 16q15 11 30 14t42-11q27-13 53-47h14q7 0 16-4t18-9q10-5 24-17 14-13 25-27 10-14 24-40t25-55l24-72q3-1 11-4 7-3 25-9 19-6 36-6t38 6q20 6 35 24 13 16 21 32t13 32q6 15 7 28 0 8 2 24 1 10-1 17-2 8-2 10 4-8 14-22 35-60 14-110-10-25-38-43-27-19-60-27t-66-5q-32 3-54 18 3-4 8-9 7-6 20-18 14-14 32-23 17-9 37-16 21-7 43-2 50 8 76 26 27 19 29 35 2-4 2-12 0-10-3-27-9-54-56-61zM451 830q-8-1-29-4-6 17-24 67-42 0-55 12-4 4 0 9 3 5 33 0 7-1 7 0t-5 6q-23 20-26 43-2 12 7 12 9-1 38-40 4-6 12-16h7q4 0 7 4t7 5 6 5q1 1 2 3-3-15 0-83h17q-4-5-6-10-3-5 1-10 0-1 1-3zm-108-6q-5-4-6-10t0-9q1-1 2-4l-28-4-24 68q-42 0-56 11-4 4-1 8 4 6 35 1 7-1 7 1t-6 7q-23 19-26 43-1 12 7 11 10 0 38-41 9-12 12-14 3-3 6 0 3 2 8 4t8 5q2 1 5 5l3 2v-84h16z"/></svg>'
+dog = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M346 553q-4 17-17 70 38-1 66-9 13-4 27-10 16-8 34-21 31-22 91-68 32-25 53-59 22-33 31-65t12-58q3-25 3-44 0-5-1-15 10-3 20-8 9-5 15-9 4-3 11-9 3-2 10-9-24-24-47-34-22-9-37-4-14 5-26 13-12 7-18 17-1 3-5 8h-20q-24-13-63-16t-64 0q-9 1-26 3-4-25-17-35t-29-8q-15 2-30 7-14 5-25 11-4 3-10 7 2 24 43 24-8 97-58 133-8-1-24-2-13-1-18-3h-6q-4-12-9-21-5-10-11-13-4-1-12-5-5-2-8-1h-3q-17 1-26 23-10 21-11 51v5q0 27 10 55 10 31 27 54 39 45 168 45zm99-222q1-11 6-16 4-5 11-8h2l1 1q5 3 8 11t3 16v8q-3 11-19 17-13-6-12-29zm-95-12q10-7 18-2 7 5 8 31 0 15-22 23h-5q-1-3-4-14-2-7-2-15 0-9 1-14t6-9zm-33 252q-17-1-68-5-24 34-25 53 0 3-1 8-1 6 0 11 1 4-1 9t1 10 3 8 5 8q6 6 8 4 2-1 12 0 10 2 15-3 25-9 37-34 12-26 13-48 1-7 1-21zm276-74l-9 12q-6 7-26 26-19 20-43 37-23 17-58 37-35 19-74 32-61 142-77 181-8 21-12 34-4 12-9 33-5 22-3 35 2 14 11 23 18 15 61-47 43-63 68-121l15 9q-7 12-16 31-9 18-24 56-14 38-10 54 8 35 29 36 33 1 67-92 7-18 21-55 0 2 2 7 1 4 6 18 5 15 12 26t22 26q14 14 33 23 1-5 4-16 2-9 6-18 4-8 10-18t13-20q8-9 17-17t21-11q13-3 27-4t32 6q-4 0-12 1t-25 6q-18 5-31 15-13 11-25 33-11 23-9 50h-3q-2 1-8 2l-12 4q-4 1-14 4-8 2-15 5t-14 5-12 6q-4 4-9 7t-3 7q0 6 1 10 1 5 6 9t16 8q10 4 29 5 20 1 47 1 28 0 70-5t97-10q36-5 44-45 9-40-4-82-12-42-27-68-5-8-23-30-17-21-38-45-20-23-44-54-23-31-43-57-19-27-36-57-16-29-19-48zm312 184q-8 9-23 19-16 10-30 18-10 6-29 17-14 8-23 10-3 2-8 5 11 4 20 22 9 17 10 29 1 13 3 15 8 2 13 2t7-1q1-1 3-1 60-27 60-98 0-9-1-19 0-6-2-18z"/></svg>'
+pig = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="icon"><path d="M558 775q-7 17-4 28 3 12 15 13 9 2 19-8 10-11 14-28 4-18-6-36-9 0-25 12-9 10-13 19zm358-229q-4-7-8-10-2-2-6-5-2-2-6 0t-6 2q-2 1-4 4-1 2-4 7-1 1-1 3t2 6q2 3 9-1 10-4 10 7-1 14-13 16h-3q-3-20-38-48-53-44-153-46H562q-1 2-3 4t-3 11-4 16q-3 6 2 17t8 15q19 21 35 55 16 33 15 66v71q0 11 1 32 1 20 4 29 4 10 7 12l2 2 10 5q4 1 11-1t15-8q7-7 15-25t16-43q18 1 55 3v7q0 4 1 17 1 12 5 19t10 15q6 9 17 5 15-2 18-14t0-25q-3-14 1-28 5-13 9 11 1 10 3 31 1 9 2 11 1 6 8 9t18-1q10-4 13-14 4-8 4-27 0-18 5-43 5-24 22-50 8-10 9-39 1-28-4-35l18-9q14-8 13-21 0-7-4-15zM593 688q6-30 3-55-3-24-13-44-11-19-19-31-8-13-17-19-3-2-7-7-3-36-11-63-7-28-17-43-10-16-17-24-8-8-15-11l-6-3q8-53-18-58h-3q-3 0-7 1-5 2-10 5-5 4-9 9t-9 10-7 8-7 9q-35 0-141-2-3-11-8-18t-10-6q-2-1-4-1-7-1-12 1t-8 8-4 11-1 13q0 9 1 12t1 10q0 1 1 3h1v9q0 6 3 11-10 13-16 32-6 20-9 38-3 19-4 38-1 20-6 32-4 12-9 18-2 3-19 20-10 9-29 27-11 12-19 29-8 16-8 28v3q8 51 57 80 49 45 142 60 32 5 60 5 52 0 90-17 121-36 140-128zm-163 9q-2 0-3-1t-2-1-3-2-3-1q-5-10-2-30 3-19 15-14 13 4 19 9 5 5 3 11t-5 12q-4 5-11 10t-8 7zm-7-243q10 0 16 25-5 25-19 25-7-1-12-13v-1q-1-2-2-8-2-6 0-12 1-7 5-11t12-5zm-116-3q9 3 9 30-17 50-32 7-1-17 7-29 8-11 16-8zm-51 260q-5-10-8-23-3-14 2-24t19-9q15 1 20 10t1 18l-3 9h1q-15 21-32 19z"/></svg>'
diff --git a/themes/meme_cdn/data/Socials.toml b/themes/meme_cdn/data/Socials.toml
new file mode 100644
index 0000000..813f605
--- /dev/null
+++ b/themes/meme_cdn/data/Socials.toml
@@ -0,0 +1,41 @@
+# Please do NOT edit this file!
+#
+# Create a new `Socials.toml` file in your site `data` directory
+# instead of editing here directly.
+#
+# For the `icon`, see SVG.toml
+
+[[socials]]
+    id = "rss"
+    url = "/rss.xml"
+    icon = "rss"
+    title = "RSS"
+    weight = 1
+
+[[socials]]
+    id = "email"
+    url = "mailto:reuixiy@gmail.com"
+    icon = "envelope"
+    title = "Email"
+    weight = 2
+
+[[socials]]
+    id = "github"
+    url = "https://github.com/reuixiy"
+    icon = "github"
+    title = "GitHub"
+    weight = 3
+
+[[socials]]
+    id = "twitter"
+    url = "https://twitter.com/reuixiy"
+    icon = "twitter"
+    title = "Twitter"
+    weight = 4
+
+[[socials]]
+    id = "telegram"
+    url = "https://t.me/yixiuer"
+    icon = "telegram"
+    title = "Telegram"
+    weight = 5
diff --git a/themes/meme_cdn/exampleSite/config.toml b/themes/meme_cdn/exampleSite/config.toml
new file mode 100644
index 0000000..21fae3d
--- /dev/null
+++ b/themes/meme_cdn/exampleSite/config.toml
@@ -0,0 +1 @@
+../config-examples/en/config.toml
\ No newline at end of file
diff --git a/themes/meme_cdn/i18n/de.toml b/themes/meme_cdn/i18n/de.toml
new file mode 100644
index 0000000..8d830b7
--- /dev/null
+++ b/themes/meme_cdn/i18n/de.toml
@@ -0,0 +1,168 @@
+[ellipsis]
+other = "…"
+
+[colon]
+other = ": "
+
+[minute]
+one = "min"
+other = "min"
+
+[tocTitle]
+other = "Inhalt"
+
+[readMore]
+other = "Weiterlesen"
+
+[prevPage]
+other = "Neuer"
+
+[nextPage]
+other = "Älter"
+
+[copy]
+other = "Kopieren"
+
+[copied]
+other = "Kopiert!"
+
+[copyrightAuthor]
+other = "Autor"
+
+[copyrightLink]
+other = "Link"
+
+[copyrightLicense]
+other = "Lizenz"
+
+[shareOn]
+other = "Teile auf:"
+
+[shareOnTitle]
+other = "Teile auf "
+
+[shareViaTitle]
+other = "Teile mit "
+
+[relatedPosts]
+other = "Siehe auch:"
+
+[loadComments]
+other = "Kommentare laden?"
+
+[pageNotFound]
+other = "404 - Seite nicht gefunden"
+
+[fofLinkText]
+other = "Zur Hauptseite"
+
+[searchResultsTitle]
+one = "Ein Suchergebnis für „{{ .Term }}” gefunden"
+other = "{{ .Count }} Suchergebnisse für „{{ .Term }}” gefunden"
+
+[searchResultsNone]
+other = "Leider keine Suchergebnisse für „{{ .Term }}”"
+
+
+# Socials
+
+[twitter]
+other = "Twitter"
+
+[facebook]
+other = "Facebook"
+
+[linkedin]
+other = "LinkedIn"
+
+[telegram]
+other = "Telegram"
+
+[weibo]
+other = "Weibo"
+
+[douban]
+other = "Douban"
+
+[qq]
+other = "QQ"
+
+[qzone]
+other = "Qzone"
+
+[qrcode]
+other = "QR Code"
+
+
+# Months
+# Used for `i18nMonth`
+
+[january]
+other = "Januar"
+
+[february]
+other = "Februar"
+
+[march]
+other = "März"
+
+[april]
+other = "April"
+
+[may]
+other = "Mai"
+
+[june]
+other = "Juni"
+
+[july]
+other = "Juli"
+
+[august]
+other = "August"
+
+[september]
+other = "September"
+
+[october]
+other = "Oktober"
+
+[november]
+other = "November"
+
+[december]
+other = "Dezember"
+
+
+# Numbers
+# Used for `i18nYear`
+
+[0]
+other = "0"
+
+[1]
+other = "1"
+
+[2]
+other = "2"
+
+[3]
+other = "3"
+
+[4]
+other = "4"
+
+[5]
+other = "5"
+
+[6]
+other = "6"
+
+[7]
+other = "7"
+
+[8]
+other = "8"
+
+[9]
+other = "9"
diff --git a/themes/meme_cdn/i18n/en.toml b/themes/meme_cdn/i18n/en.toml
new file mode 100644
index 0000000..7514133
--- /dev/null
+++ b/themes/meme_cdn/i18n/en.toml
@@ -0,0 +1,168 @@
+[ellipsis]
+other = "…"
+
+[colon]
+other = ": "
+
+[minute]
+one = "min"
+other = "mins"
+
+[tocTitle]
+other = "Contents"
+
+[readMore]
+other = "Read More"
+
+[prevPage]
+other = "Newer"
+
+[nextPage]
+other = "Older"
+
+[copy]
+other = "Copy"
+
+[copied]
+other = "Copied!"
+
+[copyrightAuthor]
+other = "Author"
+
+[copyrightLink]
+other = "Link"
+
+[copyrightLicense]
+other = "License"
+
+[shareOn]
+other = "Share on:"
+
+[shareOnTitle]
+other = "Share on "
+
+[shareViaTitle]
+other = "Share via "
+
+[relatedPosts]
+other = "See Also:"
+
+[loadComments]
+other = "Load Comments?"
+
+[pageNotFound]
+other = "404 - Page not found"
+
+[fofLinkText]
+other = "Take Me Home"
+
+[searchResultsTitle]
+one = "Found one result for “{{ .Term }}”"
+other = "Found {{ .Count }} results for “{{ .Term }}”"
+
+[searchResultsNone]
+other = "No results found for “{{ .Term }}”"
+
+
+# Socials
+
+[twitter]
+other = "Twitter"
+
+[facebook]
+other = "Facebook"
+
+[linkedin]
+other = "LinkedIn"
+
+[telegram]
+other = "Telegram"
+
+[weibo]
+other = "Weibo"
+
+[douban]
+other = "Douban"
+
+[qq]
+other = "QQ"
+
+[qzone]
+other = "Qzone"
+
+[qrcode]
+other = "QR Code"
+
+
+# Months
+# Used for `i18nMonth`
+
+[january]
+other = "January"
+
+[february]
+other = "February"
+
+[march]
+other = "March"
+
+[april]
+other = "April"
+
+[may]
+other = "May"
+
+[june]
+other = "June"
+
+[july]
+other = "July"
+
+[august]
+other = "August"
+
+[september]
+other = "September"
+
+[october]
+other = "October"
+
+[november]
+other = "November"
+
+[december]
+other = "December"
+
+
+# Numbers
+# Used for `i18nYear`
+
+[0]
+other = "0"
+
+[1]
+other = "1"
+
+[2]
+other = "2"
+
+[3]
+other = "3"
+
+[4]
+other = "4"
+
+[5]
+other = "5"
+
+[6]
+other = "6"
+
+[7]
+other = "7"
+
+[8]
+other = "8"
+
+[9]
+other = "9"
diff --git a/themes/meme_cdn/i18n/fr.toml b/themes/meme_cdn/i18n/fr.toml
new file mode 100644
index 0000000..f45a0b3
--- /dev/null
+++ b/themes/meme_cdn/i18n/fr.toml
@@ -0,0 +1,168 @@
+[ellipsis]
+other = "…"
+
+[colon]
+other = " : "
+
+[minute]
+one = "min"
+other = "min."
+
+[tocTitle]
+other = "Contenus"
+
+[readMore]
+other = "Lire Plus"
+
+[prevPage]
+other = "Récent"
+
+[nextPage]
+other = "Ancien"
+
+[copy]
+other = "Copier"
+
+[copied]
+other = "Copié !"
+
+[copyrightAuthor]
+other = "Auteur"
+
+[copyrightLink]
+other = "Lien"
+
+[copyrightLicense]
+other = "Licence"
+
+[shareOn]
+other = "Partage sur : "
+
+[shareOnTitle]
+other = "Partage sur "
+
+[shareViaTitle]
+other = "Partage via "
+
+[relatedPosts]
+other = "Lire aussi : "
+
+[loadComments]
+other = "Charger les Commentaires ?"
+
+[pageNotFound]
+other = "404 - Page non trouvée"
+
+[fofLinkText]
+other = "Retour à la Maison"
+
+[searchResultsTitle]
+one = "Trouvé un résultat pour “{{ .Term }}”"
+other = "Trouvé {{ .Count }} résultats pour “{{ .Term }}”"
+
+[searchResultsNone]
+other = "Aucun résultat pour “{{ .Term }}”"
+
+
+# Socials
+
+[twitter]
+other = "Twitter"
+
+[facebook]
+other = "Facebook"
+
+[linkedin]
+other = "LinkedIn"
+
+[telegram]
+other = "Telegram"
+
+[weibo]
+other = "Weibo"
+
+[douban]
+other = "Douban"
+
+[qq]
+other = "QQ"
+
+[qzone]
+other = "Qzone"
+
+[qrcode]
+other = "QR Code"
+
+
+# Months
+# Used for `i18nMonth`
+
+[january]
+other = "Janvier"
+
+[february]
+other = "Février"
+
+[march]
+other = "Mars"
+
+[april]
+other = "Avril"
+
+[may]
+other = "Mai"
+
+[june]
+other = "Juin"
+
+[july]
+other = "Juillet"
+
+[august]
+other = "Août"
+
+[september]
+other = "Septembre"
+
+[october]
+other = "Octobre"
+
+[november]
+other = "Novembre"
+
+[december]
+other = "Décembre"
+
+
+# Numbers
+# Used for `i18nYear`
+
+[0]
+other = "0"
+
+[1]
+other = "1"
+
+[2]
+other = "2"
+
+[3]
+other = "3"
+
+[4]
+other = "4"
+
+[5]
+other = "5"
+
+[6]
+other = "6"
+
+[7]
+other = "7"
+
+[8]
+other = "8"
+
+[9]
+other = "9"
diff --git a/themes/meme_cdn/i18n/hu.toml b/themes/meme_cdn/i18n/hu.toml
new file mode 100644
index 0000000..5143d25
--- /dev/null
+++ b/themes/meme_cdn/i18n/hu.toml
@@ -0,0 +1,168 @@
+[ellipsis]
+other = "…"
+
+[colon]
+other = ": "
+
+[minute]
+one = "perc"
+other = "perc"
+
+[tocTitle]
+other = "Tartalom"
+
+[readMore]
+other = "Olvass továb"
+
+[prevPage]
+other = "Újabb"
+
+[nextPage]
+other = "Korábbi"
+
+[copy]
+other = "Másol"
+
+[copied]
+other = "Másolva!"
+
+[copyrightAuthor]
+other = "Szerző"
+
+[copyrightLink]
+other = "Link"
+
+[copyrightLicense]
+other = "Licensz"
+
+[shareOn]
+other = "Oszd meg:"
+
+[shareOnTitle]
+other = "Oszd meg a "
+
+[shareViaTitle]
+other = "Oszd meg "
+
+[relatedPosts]
+other = "Lásd még:"
+
+[loadComments]
+other = "Töltse be a megjegyzéseket"
+
+[pageNotFound]
+other = "404 - Az oldal nem található"
+
+[fofLinkText]
+other = "Vissza a nyitólapra"
+
+[searchResultsTitle]
+one = "A “{{ .Term }}” kifejezésre egy eredményt találtam"
+other = "A “{{ .Term }}” kifejezésre {{ .Count }} eredményt találtam"
+
+[searchResultsNone]
+other = "A “{{ .Term }}” kifejezésre nincs találat"
+
+
+# Socials
+
+[twitter]
+other = "Twitter"
+
+[facebook]
+other = "Facebook"
+
+[linkedin]
+other = "LinkedIn"
+
+[telegram]
+other = "Telegram"
+
+[weibo]
+other = "Weibo"
+
+[douban]
+other = "Douban"
+
+[qq]
+other = "QQ"
+
+[qzone]
+other = "Qzone"
+
+[qrcode]
+other = "QR Code"
+
+
+# Months
+# Used for `i18nMonth`
+
+[january]
+other = "Január"
+
+[february]
+other = "Február"
+
+[march]
+other = "Március"
+
+[april]
+other = "Április"
+
+[may]
+other = "Május"
+
+[june]
+other = "Június"
+
+[july]
+other = "Július"
+
+[august]
+other = "Augusztus"
+
+[september]
+other = "Szeptember"
+
+[october]
+other = "Október"
+
+[november]
+other = "November"
+
+[december]
+other = "December"
+
+
+# Numbers
+# Used for `i18nYear`
+
+[0]
+other = "0"
+
+[1]
+other = "1"
+
+[2]
+other = "2"
+
+[3]
+other = "3"
+
+[4]
+other = "4"
+
+[5]
+other = "5"
+
+[6]
+other = "6"
+
+[7]
+other = "7"
+
+[8]
+other = "8"
+
+[9]
+other = "9"
diff --git a/themes/meme_cdn/i18n/ja.toml b/themes/meme_cdn/i18n/ja.toml
new file mode 100644
index 0000000..7f4d07e
--- /dev/null
+++ b/themes/meme_cdn/i18n/ja.toml
@@ -0,0 +1,168 @@
+[ellipsis]
+other = "…"
+
+[colon]
+other = ": "
+
+[minute]
+one = "分"
+other = "分"
+
+[tocTitle]
+other = "目次"
+
+[readMore]
+other = "続きを読む"
+
+[prevPage]
+other = "新しい記事"
+
+[nextPage]
+other = "古い記事"
+
+[copy]
+other = "コピー"
+
+[copied]
+other = "コピー完了!"
+
+[copyrightAuthor]
+other = "筆者"
+
+[copyrightLink]
+other = "リンク"
+
+[copyrightLicense]
+other = "ライセンス"
+
+[shareOn]
+other = "シェアする:"
+
+[shareOnTitle]
+other = "シェアする: "
+
+[shareViaTitle]
+other = "シェアする "
+
+[relatedPosts]
+other = "関連記事:"
+
+[loadComments]
+other = "コメントを読み込みますか?"
+
+[pageNotFound]
+other = "404 - ページが見つかりません"
+
+[fofLinkText]
+other = "ホームへ戻る"
+
+[searchResultsTitle]
+one = "“{{ .Term }}” の検索結果が 1 件見つかりました"
+other = "“{{ .Term }}” の検索結果が {{ .Count }} 件見つかりました"
+
+[searchResultsNone]
+other = "“{{ .Term }}” の検索結果が見つかりませんでした"
+
+
+# Socials
+
+[twitter]
+other = "Twitter"
+
+[facebook]
+other = "Facebook"
+
+[linkedin]
+other = "LinkedIn"
+
+[telegram]
+other = "Telegram"
+
+[weibo]
+other = "Weibo"
+
+[douban]
+other = "Douban"
+
+[qq]
+other = "QQ"
+
+[qzone]
+other = "Qzone"
+
+[qrcode]
+other = "QR Code"
+
+
+# Months
+# Used for `i18nMonth`
+
+[january]
+other = "1月"
+
+[february]
+other = "2月"
+
+[march]
+other = "3月"
+
+[april]
+other = "4月"
+
+[may]
+other = "5月"
+
+[june]
+other = "6月"
+
+[july]
+other = "7月"
+
+[august]
+other = "8月"
+
+[september]
+other = "9月"
+
+[october]
+other = "10月"
+
+[november]
+other = "11月"
+
+[december]
+other = "12月"
+
+
+# Numbers
+# Used for `i18nYear`
+
+[0]
+other = "0"
+
+[1]
+other = "1"
+
+[2]
+other = "2"
+
+[3]
+other = "3"
+
+[4]
+other = "4"
+
+[5]
+other = "5"
+
+[6]
+other = "6"
+
+[7]
+other = "7"
+
+[8]
+other = "8"
+
+[9]
+other = "9"
diff --git a/themes/meme_cdn/i18n/my.toml b/themes/meme_cdn/i18n/my.toml
new file mode 100644
index 0000000..2ea6a92
--- /dev/null
+++ b/themes/meme_cdn/i18n/my.toml
@@ -0,0 +1,168 @@
+[ellipsis]
+other = "…"
+
+[colon]
+other = ": "
+
+[minute]
+one = "min"
+other = "min"
+
+[tocTitle]
+other = "Isi kandungan"
+
+[readMore]
+other = "Baca lagi"
+
+[prevPage]
+other = "Terbaru"
+
+[nextPage]
+other = "Lama"
+
+[copy]
+other = "Salinan"
+
+[copied]
+other = "Disalin!"
+
+[copyrightAuthor]
+other = "Pengarang"
+
+[copyrightLink]
+other = "Sambungan"
+
+[copyrightLicense]
+other = "Lesen"
+
+[shareOn]
+other = "Dikongsikan:"
+
+[shareOnTitle]
+other = "Dikongsikan "
+
+[shareViaTitle]
+other = "Dikongsikan di "
+
+[relatedPosts]
+other = "Sila lihat:"
+
+[loadComments]
+other = "Berikan komen?"
+
+[pageNotFound]
+other = "404 - Halaman tidak dijumpa"
+
+[fofLinkText]
+other = "Kembali ke asal"
+
+[searchResultsTitle]
+one = "Jumpa satu halaman untuk “{{ .Term }}”"
+other = "Jumpa {{ .Count }} halaman untuk “{{ .Term }}”"
+
+[searchResultsNone]
+other = "Tidak jumpa sebarang halaman untuk “{{ .Term }}”"
+
+
+# Socials
+
+[twitter]
+other = "Twitter"
+
+[facebook]
+other = "Facebook"
+
+[linkedin]
+other = "LinkedIn"
+
+[telegram]
+other = "Telegram"
+
+[weibo]
+other = "Weibo"
+
+[douban]
+other = "Douban"
+
+[qq]
+other = "QQ"
+
+[qzone]
+other = "Qzone"
+
+[qrcode]
+other = "QR Code"
+
+
+# Months
+# Used for `i18nMonth`
+
+[january]
+other = "Januari"
+
+[february]
+other = "Februari"
+
+[march]
+other = "Mac"
+
+[april]
+other = "April"
+
+[may]
+other = "Mei"
+
+[june]
+other = "Jun"
+
+[july]
+other = "Julai"
+
+[august]
+other = "Ogos"
+
+[september]
+other = "September"
+
+[october]
+other = "Oktober"
+
+[november]
+other = "November"
+
+[december]
+other = "Disember"
+
+
+# Numbers
+# Used for `i18nYear`
+
+[0]
+other = "0"
+
+[1]
+other = "1"
+
+[2]
+other = "2"
+
+[3]
+other = "3"
+
+[4]
+other = "4"
+
+[5]
+other = "5"
+
+[6]
+other = "6"
+
+[7]
+other = "7"
+
+[8]
+other = "8"
+
+[9]
+other = "9"
diff --git a/themes/meme_cdn/i18n/no.toml b/themes/meme_cdn/i18n/no.toml
new file mode 100644
index 0000000..54c06ad
--- /dev/null
+++ b/themes/meme_cdn/i18n/no.toml
@@ -0,0 +1,168 @@
+[ellipsis]
+other = "…"
+
+[colon]
+other = ": "
+
+[minute]
+one = "min"
+other = "min"
+
+[tocTitle]
+other = "Innhold"
+
+[readMore]
+other = "Les mer"
+
+[prevPage]
+other = "Nyere"
+
+[nextPage]
+other = "Eldre"
+
+[copy]
+other = "Kopi"
+
+[copied]
+other = "Kopiert!"
+
+[copyrightAuthor]
+other = "Forfatter"
+
+[copyrightLink]
+other = "Link"
+
+[copyrightLicense]
+other = "Lisens"
+
+[shareOn]
+other = "Delt på:"
+
+[shareOnTitle]
+other = "Deler på "
+
+[shareViaTitle]
+other = "Deler via "
+
+[relatedPosts]
+other = "Se også:"
+
+[loadComments]
+other = "Gi kommentar?"
+
+[pageNotFound]
+other = "404 - Siden finnes ikke"
+
+[fofLinkText]
+other = "Ta meg hjem"
+
+[searchResultsTitle]
+one = "Fant et resultat for “{{ .Term }}”"
+other = "Fant {{ .Count }} resultater for “{{ .Term }}”"
+
+[searchResultsNone]
+other = "Ingen er funnet for “{{ .Term }}”"
+
+
+# Socials
+
+[twitter]
+other = "Twitter"
+
+[facebook]
+other = "Facebook"
+
+[linkedin]
+other = "LinkedIn"
+
+[telegram]
+other = "Telegram"
+
+[weibo]
+other = "Weibo"
+
+[douban]
+other = "Douban"
+
+[qq]
+other = "QQ"
+
+[qzone]
+other = "Qzone"
+
+[qrcode]
+other = "QR Code"
+
+
+# Months
+# Used for `i18nMonth`
+
+[january]
+other = "januar"
+
+[february]
+other = "februar"
+
+[march]
+other = "mars"
+
+[april]
+other = "april"
+
+[may]
+other = "mai"
+
+[june]
+other = "juni"
+
+[july]
+other = "juli"
+
+[august]
+other = "august"
+
+[september]
+other = "september"
+
+[october]
+other = "oktober"
+
+[november]
+other = "november"
+
+[december]
+other = "desember"
+
+
+# Numbers
+# Used for `i18nYear`
+
+[0]
+other = "0"
+
+[1]
+other = "1"
+
+[2]
+other = "2"
+
+[3]
+other = "3"
+
+[4]
+other = "4"
+
+[5]
+other = "5"
+
+[6]
+other = "6"
+
+[7]
+other = "7"
+
+[8]
+other = "8"
+
+[9]
+other = "9"
diff --git a/themes/meme_cdn/i18n/pl.toml b/themes/meme_cdn/i18n/pl.toml
new file mode 100644
index 0000000..4de4e35
--- /dev/null
+++ b/themes/meme_cdn/i18n/pl.toml
@@ -0,0 +1,168 @@
+[ellipsis]
+other = "…"
+
+[colon]
+other = ": "
+
+[minute]
+one = "min."
+other = "min."
+
+[tocTitle]
+other = "Spis treści"
+
+[readMore]
+other = "Czytaj więcej"
+
+[prevPage]
+other = "Nowsze"
+
+[nextPage]
+other = "Starsze"
+
+[copy]
+other = "Kopiuj"
+
+[copied]
+other = "Skopiowano!"
+
+[copyrightAuthor]
+other = "Autor"
+
+[copyrightLink]
+other = "Link"
+
+[copyrightLicense]
+other = "Licencja"
+
+[shareOn]
+other = "Share on:"
+
+[shareOnTitle]
+other = "Share on "
+
+[shareViaTitle]
+other = "Share via "
+
+[relatedPosts]
+other = "Zobacz także:"
+
+[loadComments]
+other = "Załadować komentarze?"
+
+[pageNotFound]
+other = "404 - Strona nie znaleziona"
+
+[fofLinkText]
+other = "Zabierz mnie do domu"
+
+[searchResultsTitle]
+one = "Znaleziono wynik dla: “{{ .Term }}”"
+other = "Znaleziono {{ .Count }} wyniki/ów dla: “{{ .Term }}”"
+
+[searchResultsNone]
+other = "Brak wyników dla: “{{ .Term }}”"
+
+
+# Socials
+
+[twitter]
+other = "Twitter"
+
+[facebook]
+other = "Facebook"
+
+[linkedin]
+other = "LinkedIn"
+
+[telegram]
+other = "Telegram"
+
+[weibo]
+other = "Weibo"
+
+[douban]
+other = "Douban"
+
+[qq]
+other = "QQ"
+
+[qzone]
+other = "Qzone"
+
+[qrcode]
+other = "QR Code"
+
+
+# Months
+# Used for `i18nMonth`
+
+[january]
+other = "Styczeń"
+
+[february]
+other = "Luty"
+
+[march]
+other = "Marzec"
+
+[april]
+other = "Kwiecień"
+
+[may]
+other = "Maj"
+
+[june]
+other = "Czerwiec"
+
+[july]
+other = "Lipiec"
+
+[august]
+other = "Sierpień"
+
+[september]
+other = "Wrzesień"
+
+[october]
+other = "Październik"
+
+[november]
+other = "Listopad"
+
+[december]
+other = "Grudzień"
+
+
+# Numbers
+# Used for `i18nYear`
+
+[0]
+other = "0"
+
+[1]
+other = "1"
+
+[2]
+other = "2"
+
+[3]
+other = "3"
+
+[4]
+other = "4"
+
+[5]
+other = "5"
+
+[6]
+other = "6"
+
+[7]
+other = "7"
+
+[8]
+other = "8"
+
+[9]
+other = "9"
diff --git a/themes/meme_cdn/i18n/pt-br.toml b/themes/meme_cdn/i18n/pt-br.toml
new file mode 100644
index 0000000..7469a5f
--- /dev/null
+++ b/themes/meme_cdn/i18n/pt-br.toml
@@ -0,0 +1,168 @@
+[ellipsis]
+other = "…"
+
+[colon]
+other = ": "
+
+[minute]
+one = "min"
+other = "mins"
+
+[tocTitle]
+other = "Conteúdo"
+
+[readMore]
+other = "Leia mais"
+
+[prevPage]
+other = "Recentes"
+
+[nextPage]
+other = "Anteriores"
+
+[copy]
+other = "Copiar"
+
+[copied]
+other = "Copiado!"
+
+[copyrightAuthor]
+other = "Autor"
+
+[copyrightLink]
+other = "Link"
+
+[copyrightLicense]
+other = "Licença"
+
+[shareOn]
+other = "Compartilhar em:"
+
+[shareOnTitle]
+other = "Compartilhar em "
+
+[shareViaTitle]
+other = "Compartilhar via "
+
+[relatedPosts]
+other = "Veja também:"
+
+[loadComments]
+other = "Carregar comentários?"
+
+[pageNotFound]
+other = "404 - Página não encontrada"
+
+[fofLinkText]
+other = "Leve-me para página inicial"
+
+[searchResultsTitle]
+one = "Encontrado um resultado para “{{ .Term }}”"
+other = "Encontrados {{ .Count }} resultados para “{{ .Term }}”"
+
+[searchResultsNone]
+other = "Não foram encontrados resultados para “{{ .Term }}”"
+
+
+# Redes Sociais
+
+[twitter]
+other = "Twitter"
+
+[facebook]
+other = "Facebook"
+
+[linkedin]
+other = "LinkedIn"
+
+[telegram]
+other = "Telegram"
+
+[weibo]
+other = "Weibo"
+
+[douban]
+other = "Douban"
+
+[qq]
+other = "QQ"
+
+[qzone]
+other = "Qzone"
+
+[qrcode]
+other = "QR Code"
+
+
+# Meses
+# Utilizado em `i18nMonth`
+
+[january]
+other = "Janeiro"
+
+[february]
+other = "Fevereiro"
+
+[march]
+other = "Março"
+
+[april]
+other = "Abril"
+
+[may]
+other = "Maio"
+
+[june]
+other = "Junho"
+
+[july]
+other = "Julho"
+
+[august]
+other = "Agosto"
+
+[september]
+other = "Setembro"
+
+[october]
+other = "Outubro"
+
+[november]
+other = "Novembro"
+
+[december]
+other = "Dezembro"
+
+
+# Números
+# Utilizado em `i18nYear`
+
+[0]
+other = "0"
+
+[1]
+other = "1"
+
+[2]
+other = "2"
+
+[3]
+other = "3"
+
+[4]
+other = "4"
+
+[5]
+other = "5"
+
+[6]
+other = "6"
+
+[7]
+other = "7"
+
+[8]
+other = "8"
+
+[9]
+other = "9"
diff --git a/themes/meme_cdn/i18n/ru.toml b/themes/meme_cdn/i18n/ru.toml
new file mode 100644
index 0000000..1d40b51
--- /dev/null
+++ b/themes/meme_cdn/i18n/ru.toml
@@ -0,0 +1,169 @@
+[ellipsis]
+other = "…"
+
+[colon]
+other = ": "
+
+[minute]
+one = "мин"
+other = "мин"
+
+[tocTitle]
+other = "Содержание"
+
+[readMore]
+other = "Читать далее"
+
+[prevPage]
+other = "Новые"
+
+[nextPage]
+other = "Старые"
+
+[copy]
+other = "Копировать"
+
+[copied]
+other = "Скопировано!"
+
+[copyrightAuthor]
+other = "Автор"
+
+[copyrightLink]
+other = "Ссылка"
+
+[copyrightLicense]
+other = "Лицензия"
+
+[shareOn]
+other = "Поделиться:"
+
+[shareOnTitle]
+other = "Поделиться "
+
+[shareViaTitle]
+other = "Поделиться "
+
+[relatedPosts]
+other = "Ещё:"
+
+[loadComments]
+other = "Загрузить комментарии?"
+
+[pageNotFound]
+other = "404 - Страница не найдена"
+
+[fofLinkText]
+other = "Домой"
+
+[searchResultsTitle]
+one = "Найден один результат для “{{ .Term }}”"
+other = "Найдено {{ .Count }} результатов для “{{ .Term }}”"
+
+[searchResultsNone]
+other = "Ничего не найдено для “{{ .Term }}”"
+
+
+# Socials
+
+[twitter]
+other = "Twitter"
+
+[facebook]
+other = "Facebook"
+
+[linkedin]
+other = "LinkedIn"
+
+[telegram]
+other = "Telegram"
+
+[weibo]
+other = "Weibo"
+
+[douban]
+other = "Douban"
+
+[qq]
+other = "QQ"
+
+[qzone]
+other = "Qzone"
+
+[qrcode]
+other = "QR Code"
+
+
+# Months
+# Used for `i18nMonth`
+
+[january]
+other = "Январь"
+
+[february]
+other = "Февраль"
+
+[march]
+other = "Март"
+
+[april]
+other = "Апрель"
+
+[may]
+other = "Март"
+
+[june]
+other = "Июнь"
+
+[july]
+other = "Июль"
+
+[august]
+other = "Август"
+
+[september]
+other = "Сентябрь"
+
+[october]
+other = "Октябрь"
+
+[november]
+other = "Ноябрь"
+
+[december]
+other = "Декабрь"
+
+
+# Numbers
+# Used for `i18nYear`
+
+[0]
+other = "0"
+
+[1]
+other = "1"
+
+[2]
+other = "2"
+
+[3]
+other = "3"
+
+[4]
+other = "4"
+
+[5]
+other = "5"
+
+[6]
+other = "6"
+
+[7]
+other = "7"
+
+[8]
+other = "8"
+
+[9]
+other = "9"
+
diff --git a/themes/meme_cdn/i18n/zh-tw.toml b/themes/meme_cdn/i18n/zh-tw.toml
new file mode 100644
index 0000000..865dcc8
--- /dev/null
+++ b/themes/meme_cdn/i18n/zh-tw.toml
@@ -0,0 +1,160 @@
+[ellipsis]
+other = "……"
+
+[colon]
+other = "："
+
+[minute]
+one = "分鐘"
+other = "分鐘"
+
+[tocTitle]
+other = "目錄"
+
+[readMore]
+other = "閱讀更多"
+
+[prevPage]
+other = "上一頁"
+
+[nextPage]
+other = "下一頁"
+
+[copy]
+other = "複製"
+
+[copied]
+other = "已複製"
+
+[copyrightAuthor]
+other = "作者"
+
+[copyrightLink]
+other = "連結"
+
+[copyrightLicense]
+other = "許可"
+
+[shareOn]
+other = "分享："
+
+[shareOnTitle]
+other = "分享到"
+
+[shareViaTitle]
+other = "透過"
+
+[relatedPosts]
+other = "相關文章："
+
+[loadComments]
+other = "載入評論"
+
+[pageNotFound]
+other = "404 - 頁面不存在"
+
+[fofLinkText]
+other = "送我回起始頁面"
+
+[searchResultsTitle]
+one = "找到 1 條關於「{{ .Term }}」的結果"
+other = "找到 {{ .Count }} 條關於「{{ .Term }}」的結果"
+
+[searchResultsNone]
+other = "沒有找到關於「{{ .Term }}」的結果"
+
+
+[twitter]
+other = "「Twitter」"
+
+[facebook]
+other = "「Facebook」"
+
+[linkedin]
+other = "「LinkedIn」"
+
+[telegram]
+other = "「Telegram」"
+
+[weibo]
+other = "「新浪微博」"
+
+[douban]
+other = "「豆瓣」"
+
+[qq]
+other = "「QQ」"
+
+[qzone]
+other = "「QQ 空間」"
+
+[qrcode]
+other = "「二維碼」"
+
+
+[january]
+other = "一月"
+
+[february]
+other = "二月"
+
+[march]
+other = "三月"
+
+[april]
+other = "四月"
+
+[may]
+other = "五月"
+
+[june]
+other = "六月"
+
+[july]
+other = "七月"
+
+[august]
+other = "八月"
+
+[september]
+other = "九月"
+
+[october]
+other = "十月"
+
+[november]
+other = "十一月"
+
+[december]
+other = "十二月"
+
+
+[0]
+other = "〇"
+
+[1]
+other = "一"
+
+[2]
+other = "二"
+
+[3]
+other = "三"
+
+[4]
+other = "四"
+
+[5]
+other = "五"
+
+[6]
+other = "六"
+
+[7]
+other = "七"
+
+[8]
+other = "八"
+
+[9]
+other = "九"
diff --git a/themes/meme_cdn/i18n/zh.toml b/themes/meme_cdn/i18n/zh.toml
new file mode 100644
index 0000000..d4bd3f9
--- /dev/null
+++ b/themes/meme_cdn/i18n/zh.toml
@@ -0,0 +1,160 @@
+[ellipsis]
+other = "……"
+
+[colon]
+other = "："
+
+[minute]
+one = "分钟"
+other = "分钟"
+
+[tocTitle]
+other = "目录"
+
+[readMore]
+other = "阅读更多"
+
+[prevPage]
+other = "上一页"
+
+[nextPage]
+other = "下一页"
+
+[copy]
+other = "复制"
+
+[copied]
+other = "已复制"
+
+[copyrightAuthor]
+other = "作者"
+
+[copyrightLink]
+other = "链接"
+
+[copyrightLicense]
+other = "许可"
+
+[shareOn]
+other = "分享："
+
+[shareOnTitle]
+other = "分享到"
+
+[shareViaTitle]
+other = "通过"
+
+[relatedPosts]
+other = "相关文章："
+
+[loadComments]
+other = "加载评论"
+
+[pageNotFound]
+other = "404 - 页面不存在"
+
+[fofLinkText]
+other = "送我回主页"
+
+[searchResultsTitle]
+one = "找到 1 条关于「{{ .Term }}」的结果"
+other = "找到 {{ .Count }} 条关于「{{ .Term }}」的结果"
+
+[searchResultsNone]
+other = "没有找到关于「{{ .Term }}」的结果"
+
+
+[twitter]
+other = "「Twitter」"
+
+[facebook]
+other = "「Facebook」"
+
+[linkedin]
+other = "「LinkedIn」"
+
+[telegram]
+other = "「Telegram」"
+
+[weibo]
+other = "「新浪微博」"
+
+[douban]
+other = "「豆瓣」"
+
+[qq]
+other = "「QQ」"
+
+[qzone]
+other = "「QQ 空间」"
+
+[qrcode]
+other = "「二维码」"
+
+
+[january]
+other = "一月"
+
+[february]
+other = "二月"
+
+[march]
+other = "三月"
+
+[april]
+other = "四月"
+
+[may]
+other = "五月"
+
+[june]
+other = "六月"
+
+[july]
+other = "七月"
+
+[august]
+other = "八月"
+
+[september]
+other = "九月"
+
+[october]
+other = "十月"
+
+[november]
+other = "十一月"
+
+[december]
+other = "十二月"
+
+
+[0]
+other = "〇"
+
+[1]
+other = "一"
+
+[2]
+other = "二"
+
+[3]
+other = "三"
+
+[4]
+other = "四"
+
+[5]
+other = "五"
+
+[6]
+other = "六"
+
+[7]
+other = "七"
+
+[8]
+other = "八"
+
+[9]
+other = "九"
diff --git a/themes/meme_cdn/images/screenshot.png b/themes/meme_cdn/images/screenshot.png
new file mode 100644
index 0000000..415ff02
Binary files /dev/null and b/themes/meme_cdn/images/screenshot.png differ
diff --git a/themes/meme_cdn/images/tn.png b/themes/meme_cdn/images/tn.png
new file mode 100644
index 0000000..8bb4f51
Binary files /dev/null and b/themes/meme_cdn/images/tn.png differ
diff --git a/themes/meme_cdn/layouts/404.html b/themes/meme_cdn/layouts/404.html
new file mode 100644
index 0000000..6a8a959
--- /dev/null
+++ b/themes/meme_cdn/layouts/404.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.LanguageCode }}">
+    {{ partial "head.html" . }}
+    <body>
+        <div class="container">
+            <main class="fof">
+                {{ with or .Site.Params.fofVideoWebm .Site.Params.fofVideoMp4 }}
+                <video poster="{{ $.Site.Params.fofPoster }}" id="bgvid" playsinline autoplay muted loop>
+                    {{ with $.Site.Params.fofVideoWebm }}
+                    <source src="{{ . }}" type="video/webm" />
+                    {{ end }}
+                    {{ with $.Site.Params.fofVideoMp4 }}
+                    <source src="{{ . }}" type="video/mp4" />
+                    {{ end }}
+                </video>
+                {{ end }}
+                <div class="main-inner">
+                    <h1>{{ i18n "pageNotFound" }}</h1>
+                    <div class="fof-footer">
+                        <a href="{{ print `/` | relLangURL }}">{{ i18n "fofLinkText" }}</a>
+                    </div>
+                </div>
+            </main>
+        </div>
+    </body>
+</html>
diff --git a/themes/meme_cdn/layouts/_default/baseof.html b/themes/meme_cdn/layouts/_default/baseof.html
new file mode 100644
index 0000000..bfd5e2d
--- /dev/null
+++ b/themes/meme_cdn/layouts/_default/baseof.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.LanguageCode }}"{{ if and .Site.Params.enableDarkMode .Site.Params.overrideSystemPreferences }}{{ with .Site.Params.defaultTheme | default "light" }} data-theme="{{ . }}"{{ end }}{{ end }}>
+    {{ partial "head.html" . }}
+    <body>
+        <div class="container">
+            {{ partial "header.html" . }}
+            {{ if ne .Site.Params.headerLayout "flex" }}
+                {{ if or (and .IsHome .Site.Params.displayMenuInHome) (and (not .IsHome) .Site.Params.enableMenu) }}
+                    {{ partial "menu.html" . }}
+                {{ end }}
+                {{ partial "components/multilingual.html" . }}
+                {{ partial "components/dark-mode.html" . }}
+            {{ end }}
+            {{ block "main" . }}{{ end }}
+            {{ partial "components/back-to-top.html" . }}
+            {{ partial "footer.html" . }}
+        </div>
+        {{ partial "components/service-worker.html" . }}
+        {{ partial "third-party/script.html" . }}
+    </body>
+</html>
diff --git a/themes/meme_cdn/layouts/_default/list.html b/themes/meme_cdn/layouts/_default/list.html
new file mode 100644
index 0000000..e3a49f9
--- /dev/null
+++ b/themes/meme_cdn/layouts/_default/list.html
@@ -0,0 +1,100 @@
+{{ define "main" }}
+    {{- $path := "" -}}
+    {{- with .File -}}
+        {{- $path = .Path -}}
+    {{- else -}}
+        {{- $path = .Path -}}
+    {{- end -}}
+
+    {{ if and (eq .Kind "section") .Content }}
+        {{ partial "pages/post.html" . }}
+    {{ else }}
+        <main class="main list" id="main">
+            <div class="main-inner">
+                <div class="content list-group">
+                    {{ if .Site.Params.displayListTitle }}
+                        {{ if (eq .Kind "section") }}
+                            <h1 class="list-title">{{ .Title | default (delimit (last 1 (split (strings.TrimSuffix "/_index.md" $path) "/")) " ") }}</h1>
+                        {{ end }}
+                        {{ if (eq .Kind "term") }}
+                            <h1 class="list-title">{{ .Title | default .Data.Term | default (delimit (last 1 (split (strings.TrimSuffix "/_index.md" $path) "/")) " ") }}</h1>
+                        {{ end }}
+                    {{ end }}
+
+                    {{ .Scratch.Delete "pages" }}
+
+                    <!-- Section -->
+                    {{ if (eq .Kind "section") }}
+                        <!-- Archives -->
+                        {{ if (eq .Section "archives") }}
+                            {{ $pages := (where .Site.RegularPages "Section" "in" .Site.Params.mainSections) }}
+                            {{ .Scratch.Set "pages" $pages }}
+                        <!-- Regular Section -->
+                        {{ else }}
+                            {{ $sectionPage := .CurrentSection }}
+                            {{ range .Site.RegularPages }}
+                                {{ if (.IsDescendant $sectionPage) }}
+                                    {{ $.Scratch.Add "pages" (slice .) }}
+                                {{ end }}
+                            {{ end }}
+                        {{ end }}
+                    {{ end }}
+
+                    <!-- Taxonomy (See `taxonomy` folder) -->
+
+                    <!-- Taxonomy Term -->
+                    {{ if (eq .Kind "term") }}
+                        {{ $pages := .Pages }}
+                        {{ $.Scratch.Set "pages" $pages }}
+                    {{ end }}
+
+                    <!-- Start List -->
+                    {{ $pages := .Scratch.Get "pages" }}
+                    {{ range $pages.GroupByDate "2006" }}
+                        {{ $.Scratch.Delete "zodiacName" }}
+                        {{ if $.Site.Params.chineseZodiac }}
+                            {{ $zodiacName := (index $.Site.Data.ChineseZodiac (string (mod .Key 12))) }}
+                            {{ $.Scratch.Set "zodiacName" $zodiacName }}
+                        {{ end }}
+                        {{ $zodiacName := $.Scratch.Get "zodiacName" }}
+                        {{ $.Scratch.Delete "year" }}
+                        {{ if $.Site.Params.i18nYear }}
+                            {{ $key := .Key }}
+                            {{ $.Scratch.Delete "num" }}
+                            {{ range (slice 1 2 3 4) }}
+                                {{ $.Scratch.Add "num" (slice (substr $key (sub . 1) 1)) }}
+                            {{ end }}
+                            {{ $num := $.Scratch.Get "num" }}
+                            {{ $.Scratch.Delete "i18nNum" }}
+                            {{ range $num }}
+                                {{ $.Scratch.Add "i18nNum" (i18n .) }}
+                            {{ end }}
+                            {{ $i18nNum := $.Scratch.Get "i18nNum" }}
+                            {{ $.Scratch.Set "year" $i18nNum }}
+                        {{ else }}
+                            {{ $.Scratch.Set "year" .Key }}
+                        {{ end }}
+                        {{ $year := $.Scratch.Get "year" }}
+                        <h2 class="list-year">{{ $year }}{{ if $.Site.Params.chineseZodiac }}{{ partial "utils/icon.html" (dict "$" $ "name" $zodiacName "class" "chinese-zodiac") }}{{ end }}</h2>
+                        {{ if $.Site.Params.groupByMonth }}
+                            {{ range .Pages.GroupByDate "January" }}
+                                {{ $.Scratch.Delete "month" }}
+                                {{ if $.Site.Params.i18nMonth }}
+                                    {{ $month := i18n (lower .Key) }}
+                                    {{ $.Scratch.Set "month" $month }}
+                                {{ else }}
+                                    {{ $.Scratch.Set "month" .Key }}
+                                {{ end }}
+                                {{ $month := $.Scratch.Get "month" }}
+                                <h3 class="list-month">{{ $month }}</h3>
+                                {{ partial "utils/list-item.html" (dict "$" .) }}
+                            {{ end }}
+                        {{ else }}
+                            {{ partial "utils/list-item.html" (dict "$" .) }}
+                        {{ end }}
+                    {{ end }}
+                </div>
+            </div>
+        </main>
+    {{ end }}
+{{ end }}
diff --git a/themes/meme_cdn/layouts/_default/single.html b/themes/meme_cdn/layouts/_default/single.html
new file mode 100644
index 0000000..e7fd023
--- /dev/null
+++ b/themes/meme_cdn/layouts/_default/single.html
@@ -0,0 +1,3 @@
+{{ define "main" }}
+    {{ partial "pages/post.html" . }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/meme_cdn/layouts/index.algolia.json b/themes/meme_cdn/layouts/index.algolia.json
new file mode 100644
index 0000000..d46134d
--- /dev/null
+++ b/themes/meme_cdn/layouts/index.algolia.json
@@ -0,0 +1,5 @@
+{{- $.Scratch.Add "index" slice -}}
+{{- range (where .Site.RegularPages "Section" "in" .Site.Params.mainSections) -}}
+    {{- $.Scratch.Add "index" (dict "objectID" .File.UniqueID "date" .Date.UTC.Unix "description" .Description "fuzzywordcount" .FuzzyWordCount "kind" .Kind "lang" .Lang "lastmod" .Lastmod.UTC.Unix "publishdate" .PublishDate.UTC.Unix "relpermalink" .RelPermalink "summary" .Summary "title" .Title "url" .Permalink "wordcount" .WordCount "section" .Section "tags" .Params.tags "categories" .Section "content" .Content)}}
+{{- end -}}
+{{- $.Scratch.Get "index" | jsonify -}}
diff --git a/themes/meme_cdn/layouts/index.html b/themes/meme_cdn/layouts/index.html
new file mode 100644
index 0000000..0d8d5b3
--- /dev/null
+++ b/themes/meme_cdn/layouts/index.html
@@ -0,0 +1,18 @@
+{{ define "main" }}
+    <!-- Layout Poetry -->
+    {{ if eq .Site.Params.homeLayout "poetry" }}
+        {{ partial "pages/home-poetry.html" . }}
+    {{ end }}
+    <!-- Layout Footage -->
+    {{ if eq .Site.Params.homeLayout "footage" }}
+        {{ partial "pages/home-footage.html" . }}
+    {{ end }}
+    <!-- Layout Posts -->
+    {{ if eq .Site.Params.homeLayout "posts" }}
+        {{ partial "pages/home-posts.html" . }}
+    {{ end }}
+    <!-- Layout Page -->
+    {{ if eq .Site.Params.homeLayout "page" }}
+        {{ partial "pages/post.html" . }}
+    {{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/meme_cdn/layouts/index.searchindex.json b/themes/meme_cdn/layouts/index.searchindex.json
new file mode 100644
index 0000000..34a740c
--- /dev/null
+++ b/themes/meme_cdn/layouts/index.searchindex.json
@@ -0,0 +1,28 @@
+[
+    {{- range $index, $page := where .Site.RegularPages "Section" "in" .Site.Params.mainSections -}}
+        {{- if gt $index 0 -}}
+            ,
+        {{- end -}}
+        {{- $rawTitle := (partial "utils/title.html" (dict "$" $ "title" $page.Title)).rawTitle -}}
+        {{- $entry := dict "uri" $page.RelPermalink "title" $rawTitle "content" ($page.Plain | htmlUnescape) -}}
+        {{- if $page.Params.subtitle -}}
+            {{- $subtitle := partial "utils/markdownify.html" (dict "$" $page "raw" $page.Params.subtitle "isContent" false) -}}
+            {{- $entry = merge $entry (dict "subtitle" ($subtitle | plainify | htmlUnescape)) -}}
+        {{- end -}}
+        {{- if .Site.Params.displayPostDescription -}}
+            {{- $description := partial "utils/markdownify.html" (dict "$" $page "raw" $page.Description "isContent" false) -}}
+            {{- $entry = merge $entry (dict "description" ($description | plainify | htmlUnescape)) -}}
+        {{- end -}}
+        {{- if .Site.Params.displayCategory -}}
+            {{- if eq .Site.Params.categoryBy "sections" -}}
+                {{- $entry = merge $entry (dict "categories" (slice $page.Section)) -}}
+            {{- else if eq .Site.Params.categoryBy "categories" -}}
+                {{- $entry = merge $entry (dict "categories" $page.Params.categories) -}}
+            {{- end -}}
+        {{- end -}}
+        {{- if .Site.Params.enablePostTags -}}
+            {{- $entry = merge $entry (dict "tags" $page.Params.tags) -}}
+        {{- end -}}
+        {{- $entry | jsonify -}}
+    {{- end -}}
+]
diff --git a/themes/meme_cdn/layouts/index.sectionsatom.xml b/themes/meme_cdn/layouts/index.sectionsatom.xml
new file mode 100644
index 0000000..e9a5a7e
--- /dev/null
+++ b/themes/meme_cdn/layouts/index.sectionsatom.xml
@@ -0,0 +1,92 @@
+{{ `<?xml version="1.0" encoding="utf-8"?>` | safeHTML }}
+<!-- Reference: https://tools.ietf.org/html/rfc4287 -->
+<!-- Reference: https://github.com/kaushalmodi/hugo-atom-feed/blob/master/layouts/_default/list.atom.xml -->
+<!-- Reference: https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/_default/rss.xml -->
+{{- $pages := where .Site.RegularPages "Section" "in" .Site.Params.mainSections -}}
+{{- $limit := .Site.Config.Services.RSS.Limit -}}
+{{- if ge $limit 1 -}}
+    {{- $pages = $pages | first $limit -}}
+{{- end -}}
+<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="{{ .Site.LanguageCode }}">
+    <title type="text">{{ .Site.Title }}</title>
+    <subtitle type="html">{{ .Site.Params.siteDescription }}</subtitle>
+    <updated>{{ now.Format "2006-01-02T15:04:05-07:00" }}</updated>
+    <id>{{ .Permalink }}</id>
+    <link rel="alternate" type="text/html" href="{{ .Permalink }}" />
+    {{ with .OutputFormats.Get "SectionsAtom" -}}
+        <link rel="self" type="{{ .MediaType }}" href="{{ .Permalink }}" />
+    {{ end -}}
+    {{ with .Site.Author.name -}}
+        <author>
+            <name>{{ . }}</name>
+            <uri>{{ print `/` | absLangURL }}</uri>
+            {{ with $.Site.Author.email }}
+                <email>{{ . }}</email>
+            {{ end -}}
+        </author>
+    {{- end }}
+    {{ with .Site.Copyright -}}
+        <rights>{{ . | plainify | htmlUnescape }}</rights>
+    {{- end }}
+    <generator uri="https://gohugo.io/" version="{{ hugo.Version }}">Hugo</generator>
+    {{- range $pages }}
+        {{ $page := . }}
+        {{- $author := partial "utils/author.html" $page -}}
+        <entry>
+            <title type="text">{{ (partial "utils/title.html" (dict "$" . "title" .Title)).rawTitle }}</title>
+            <link rel="alternate" type="text/html" href="{{ .Permalink }}" />
+            <id>{{ .Permalink }}</id>
+            <updated>{{ .Lastmod.Format "2006-01-02T15:04:05-07:00" }}</updated>
+            <published>{{ .PublishDate.Format "2006-01-02T15:04:05-07:00" }}</published>
+            {{ with $author -}}
+                <author>
+                    {{ with .name -}}
+                    <name>{{ . }}</name>
+                    {{ end -}}
+                    {{ with .website -}}
+                    <uri>{{ . }}</uri>
+                    {{ end -}}
+                    {{ with .email -}}
+                    <email>{{ . }}</email>
+                    {{ end -}}
+                </author>
+            {{- end }}
+            {{ with $author.copyright -}}
+                <rights>{{ . | plainify | htmlUnescape }}</rights>
+            {{- end }}
+            {{- $summary := .Description | default (partial "utils/summary.html" $page) -}}
+            <summary type="html">{{ partial "utils/make-links-absolute.html" (dict "$" . "content" $summary) | html }}</summary>
+            {{ if $.Site.Params.includeContent }}
+                <content type="html">{{ partial "utils/make-links-absolute.html" (dict "$" . "content" .Content) | html }}</content>
+            {{ end }}
+            <!-- Sections -->
+            {{ if eq $.Site.Params.categoryBy "sections" }}
+                {{ $.Scratch.Delete "sectionDir" }}
+                {{ $sections := split (strings.TrimSuffix "/" .File.Dir) "/" }}
+                {{ range $sections }}
+                    {{ $section := . }}
+                    {{ $.Scratch.Add "sectionDir" (printf `/%s` .) }}
+                    {{ with $.Site.GetPage ($.Scratch.Get "sectionDir") }}
+                        {{ if (eq .Kind "section") }}
+                            <category scheme="{{ .Permalink }}" term="{{ $section }}" label="{{ $section }}" />
+                        {{ end }}
+                    {{ end }}
+                {{ end }}
+            {{ end }}
+            <!-- Taxonomies -->
+            {{ with $.Site.Taxonomies }}
+                {{ range $taxonomy, $terms := . }}
+                    {{ with $page.Param $taxonomy }}
+                        {{ range $index, $term := . }}
+                            {{ $url := urls.Parse ($term | urlize) }}
+                            {{ $path := $url.Path }}
+                            {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $path) }}
+                                <category scheme="{{ .Permalink }}" term="{{ .Title | default $term }}" label="{{ .Title | default $term }}" />
+                            {{ end }}
+                        {{ end }}
+                    {{ end }}
+                {{ end }}
+            {{ end }}
+        </entry>
+    {{ end }}
+</feed>
diff --git a/themes/meme_cdn/layouts/index.sectionsrss.xml b/themes/meme_cdn/layouts/index.sectionsrss.xml
new file mode 100644
index 0000000..cf65b0c
--- /dev/null
+++ b/themes/meme_cdn/layouts/index.sectionsrss.xml
@@ -0,0 +1,86 @@
+{{ `<?xml version="1.0" encoding="utf-8"?>` | safeHTML }}
+<!-- Reference: https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/_default/rss.xml -->
+<!-- Reference: https://github.com/kaushalmodi/hugo-atom-feed/blob/master/layouts/_default/list.atom.xml -->
+<!-- Reference: https://validator.w3.org/feed/docs/rss2.html -->
+<!-- Reference: https://developers.google.com/gdata/docs/1.0/reference -->
+<!-- Reference: https://www.intertwingly.net/wiki/pie/Rss20AndAtom10Compared -->
+<!-- Reference: https://en.wikipedia.org/wiki/RSS -->
+{{- $pages := where .Site.RegularPages "Section" "in" .Site.Params.mainSections -}}
+{{- $limit := .Site.Config.Services.RSS.Limit -}}
+{{- if ge $limit 1 -}}
+    {{- $pages = $pages | first $limit -}}
+{{- end }}
+<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
+    <channel>
+        <title>{{ .Site.Title }}</title>
+        <link>{{ .Permalink }}</link>
+        <description>{{ .Site.Params.siteDescription }}</description>
+        <generator>Hugo {{ hugo.Version }} https://gohugo.io/</generator>
+        {{ with .Site.LanguageCode }}
+            <language>{{ . }}</language>
+        {{ end }}
+        {{ with .Site.Author.email }}
+            <managingEditor>{{ . }}{{ with $.Site.Author.name }} ({{ . }}){{ end }}</managingEditor>
+        {{ end }}
+        {{ with .Site.Author.email }}
+            <webMaster>{{ . }}{{ with $.Site.Author.name }} ({{ . }}){{ end }}</webMaster>
+        {{ end }}
+        {{ with .Site.Copyright }}
+            <copyright>{{ . | plainify | htmlUnescape }}</copyright>
+        {{ end }}
+        <lastBuildDate>{{ now.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</lastBuildDate>
+        {{ with .OutputFormats.Get "SectionsRSS" }}
+            <atom:link rel="self" type="{{ .MediaType }}" href="{{ .Permalink }}" />
+        {{ end }}
+        {{ range $pages }}
+            {{ $page := . }}
+            {{- $author := partial "utils/author.html" $page -}}
+            <item>
+                <title>{{ (partial "utils/title.html" (dict "$" . "title" .Title)).rawTitle }}</title>
+                <link>{{ .Permalink }}</link>
+                <guid isPermaLink="true">{{ .Permalink }}</guid>
+                <pubDate>{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</pubDate>
+                {{ with $author.email }}
+                    <author>{{ . }}{{ with $author.name }} ({{ . }}){{ end }}</author>
+                {{ end }}
+                {{ with $author.copyright -}}
+                    <copyright>{{ . | plainify | htmlUnescape }}</copyright>
+                {{- end }}
+                {{ if $.Site.Params.includeContent }}
+                    <description>{{ partial "utils/make-links-absolute.html" (dict "$" . "content" .Content) | html }}</description>
+                {{ else }}
+                    {{- $summary := .Description | default (partial "utils/summary.html" $page) -}}
+                    <description>{{ partial "utils/make-links-absolute.html" (dict "$" . "content" $summary) | html }}</description>
+                {{ end }}
+                <!-- Sections -->
+                {{ if eq $.Site.Params.categoryBy "sections" }}
+                    {{ $.Scratch.Delete "sectionDir" }}
+                    {{ $sections := split (strings.TrimSuffix "/" .File.Dir) "/" }}
+                    {{ range $sections }}
+                        {{ $section := . }}
+                        {{ $.Scratch.Add "sectionDir" (printf `/%s` .) }}
+                        {{ with $.Site.GetPage ($.Scratch.Get "sectionDir") }}
+                            {{ if (eq .Kind "section") }}
+                                <category domain="{{ .Permalink }}">{{ $section }}</category>
+                            {{ end }}
+                        {{ end }}
+                    {{ end }}
+                {{ end }}
+                <!-- Taxonomies -->
+                {{ with $.Site.Taxonomies }}
+                    {{ range $taxonomy, $terms := . }}
+                        {{ with $page.Param $taxonomy }}
+                            {{ range $index, $term := . }}
+                                {{ $url := urls.Parse ($term | urlize) }}
+                                {{ $path := $url.Path }}
+                                {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $path) }}
+                                    <category domain="{{ .Permalink }}">{{ .Title | default $term }}</category>
+                                {{ end }}
+                            {{ end }}
+                        {{ end }}
+                    {{ end }}
+                {{ end }}
+            </item>
+        {{ end }}
+    </channel>
+</rss>
diff --git a/themes/meme_cdn/layouts/partials/components/back-to-top.html b/themes/meme_cdn/layouts/partials/components/back-to-top.html
new file mode 100644
index 0000000..e1aa153
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/back-to-top.html
@@ -0,0 +1,5 @@
+{{ if or (and .IsHome .Site.Params.displayBackToTopInHome) (and (not .IsHome) .Site.Params.enableBackToTop) }}
+    <div id="back-to-top" class="back-to-top">
+        <a href="#">{{ partial "utils/icon.html" (dict "$" . "name" .Site.Params.backToTopIcon) }}</a>
+    </div>
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/comments.html b/themes/meme_cdn/layouts/partials/components/comments.html
new file mode 100644
index 0000000..08e9a69
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/comments.html
@@ -0,0 +1,26 @@
+{{ if and (.Params.comments | default .Site.Params.enableComments) (eq hugo.Environment "production") }}
+    {{ if or (in .Site.Params.mainSections .Section) .Params.comments }}
+
+        {{ if not .Site.Params.autoLoadComments }}
+            <div class="load-comments">
+                <div id="load-comments">{{ i18n "loadComments" }}</div>
+            </div>
+        {{  end }}
+
+        {{ if .Site.Params.enableDisqus }}
+            <div id="disqus_thread"></div>
+        {{ end }}
+
+        {{ if .Site.Params.enableValine }}
+            <div id="vcomments"></div>
+        {{ end }}
+
+        {{ if .Site.Params.enableUtterances }}
+            <div id="utterances"></div>
+        {{ end }}
+
+        {{ if .Site.Params.enableGitalk }}
+            <div id="gitalk-container"></div>
+        {{ end }}
+    {{ end }}
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/dark-mode.html b/themes/meme_cdn/layouts/partials/components/dark-mode.html
new file mode 100644
index 0000000..f5d3e58
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/dark-mode.html
@@ -0,0 +1,9 @@
+{{- if .Site.Params.enableDarkMode -}}
+    {{- $hide := or (and $.IsHome $.Site.Params.hideThemeToggleInHome) (and (not $.IsHome) $.Site.Params.hideThemeToggle) -}}
+    {{- if not $hide -}}
+        <a id="theme-switcher" href="#">
+            {{- partial "utils/icon.html" (dict "$" $ "name" "sun" "class" "theme-icon-light") -}}
+            {{- partial "utils/icon.html" (dict "$" $ "name" "moon" "class" "theme-icon-dark") -}}
+        </a>
+    {{- end -}}
+{{- end -}}
diff --git a/themes/meme_cdn/layouts/partials/components/minimal-footer-about.html b/themes/meme_cdn/layouts/partials/components/minimal-footer-about.html
new file mode 100644
index 0000000..8f6f2a9
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/minimal-footer-about.html
@@ -0,0 +1,26 @@
+{{ if and .Site.Params.enableAboutPageMinimalFooter (eq .Section "about") }}
+    {{ with or .Site.Menus.socials .Site.Menus.links }}
+        <footer class="minimal-footer-about">
+            {{ with $.Site.Menus.socials }}
+                <div class="about-socials">
+                    {{ range $index, $value := . }}
+                        {{- $linkType := (string .Pre) -}}
+                        {{- $iconName := (string .Post) -}}
+                        {{- $icon := (index $.Site.Data.SVG $iconName) -}}
+                        <a href="{{ .URL }}"{{ if eq $linkType "external" }} target="_blank" rel="external noopener"{{ end }}>{{ partial "utils/icon.html" (dict "$" $ "name" $iconName "class" .Identifier) }}{{ .Name }}</a>
+                    {{ end }}
+                </div>
+            {{ end }}
+            {{ with $.Site.Menus.links }}
+                <div class="about-links">
+                    {{ range $index, $value := . }}
+                        {{- $linkType := (string .Pre) -}}
+                        {{- $iconName := (string .Post) -}}
+                        {{- $icon := (index $.Site.Data.SVG $iconName) -}}
+                        <a href="{{ .URL }}"{{ if eq $linkType "external" }} target="_blank" rel="external noopener"{{ end }}>{{ partial "utils/icon.html" (dict "$" $ "name" $iconName "class" .Identifier) }}{{ .Name }}</a>
+                    {{ end }}
+                </div>
+            {{ end }}
+        </footer>
+    {{ end }}
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/minimal-footer.html b/themes/meme_cdn/layouts/partials/components/minimal-footer.html
new file mode 100644
index 0000000..87e87a7
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/minimal-footer.html
@@ -0,0 +1,96 @@
+{{ if and .Site.Params.enableMinimalFooter (in .Site.Params.mainSections .Section) }}
+    <footer class="minimal-footer">
+        {{ with .Params.tags }}
+            <div class="post-tag">
+                {{- range $index, $tag := . -}}
+                    <!-- Work-around for https://github.com/gohugoio/hugo/issues/6546 -->
+                    {{- $path := (urls.Parse ($tag | urlize)).Path -}}
+                    {{- with $.Site.GetPage (printf `/tags/%s` $path) -}}
+                        {{- if gt $index 0 -}}
+                            {{- " " -}}
+                        {{- end -}}
+                        <a href="{{ .RelPermalink }}" rel="tag" class="post-tag-link">#{{ .Slug | default .LinkTitle | default $path | lower | anchorize }}</a>
+                    {{- end -}}
+                {{- end -}}
+            </div>
+        {{ end }}
+        {{ if eq .Site.Params.categoryBy "sections" }}
+            <div class="post-category">
+                {{ if .Site.Params.enableVerticalBarStructure }}
+                    {{- with .Site.GetPage .Section -}}
+                        <a href="{{ .RelPermalink }}" class="post-category-link active">{{ .Slug | default .Params.url | default .LinkTitle | default $.Section | lower | anchorize }}</a>
+                    {{- end -}}
+                    {{- $sections := .Site.Params.mainSections | symdiff (slice .Section) -}}
+                    {{- range $index, $section := $sections -}}
+                        {{- " | " -}}
+                        {{- with $.Site.GetPage $section -}}
+                            <a href="{{ .RelPermalink }}" class="post-category-link">{{ .Slug | default .Params.url | default .LinkTitle | default $section | lower | anchorize }}</a>
+                        {{- end -}}
+                    {{- end -}}
+                {{ else }}
+                    {{ $pathParts := split (strings.TrimSuffix "/" ($.File.Dir | default $.Section)) "/" }}
+                    {{ $sections := dict }}
+                    {{ with $pathParts }}
+                        {{ range $index, $section := $pathParts }}
+                            {{ with $.Site.GetPage (printf `/%s` $section) }}
+                                {{ if (eq .Kind "section") }}
+                                    {{ $sections = merge $sections (dict (printf `%s/%s` (string $index) .RelPermalink) (.Slug | default .Params.url | default .LinkTitle | default $section | lower | anchorize)) }}
+                                {{ end }}
+                            {{ end }}
+                        {{ end }}
+                    {{ end }}
+                    {{ with $sections }}
+                        {{- range $link, $title := $sections -}}
+                            {{- $index := $link | replaceRE `(\d+)/.+` `$1` | int -}}
+                            {{- if gt $index 0 -}}
+                                {{- $.Site.Params.categoryDelimiter | default "/" -}}
+                            {{- end -}}
+                            <a href="{{ $link | replaceRE `\d+/(.+)` `$1` }}" class="post-category-link">{{ $title | lower }}</a>
+                        {{- end -}}
+                    {{ end }}
+                {{ end }}
+            </div>
+        {{ end }}
+        {{ if eq .Site.Params.categoryBy "categories" }}
+            {{ with .Params.categories }}
+                <div class="post-category">
+                    {{ if $.Site.Params.enableVerticalBarStructure }}
+                        {{- $currentTopLevelCategory := (index . 0) -}}
+                        <!-- Work-around for https://github.com/gohugoio/hugo/issues/6546 -->
+                        {{- $path := (urls.Parse ($currentTopLevelCategory | urlize)).Path -}}
+                        {{- with $.Site.GetPage (printf `/categories/%s` $path) -}}
+                            <a href="{{ .RelPermalink }}" class="post-category-link active">{{ .Slug | default .LinkTitle | default $path | lower | anchorize }}</a>
+                        {{- end -}}
+                        {{- $categories := slice -}}
+                        {{- range $.Site.RegularPages -}}
+                            {{- with .Param "categories" -}}
+                                {{- $topLevelCategory := (index . 0) -}}
+                                {{- $categories = union $categories (slice $topLevelCategory) -}}
+                            {{- end -}}
+                        {{- end -}}
+                        {{- $categories = uniq $categories | symdiff (slice $currentTopLevelCategory) -}}
+                        {{- range $index, $category := $categories -}}
+                            {{- " | " -}}
+                            <!-- Work-around for https://github.com/gohugoio/hugo/issues/6546 -->
+                            {{- $path := (urls.Parse ($category | urlize)).Path -}}
+                            {{- with $.Site.GetPage (printf `/categories/%s` $path) -}}
+                                <a href="{{ .RelPermalink }}" class="post-category-link">{{ .Slug | default .LinkTitle | default $path | lower | anchorize }}</a>
+                            {{- end -}}
+                        {{- end -}}
+                    {{ else }}
+                        {{- range $index, $category := . -}}
+                            {{- if gt $index 0 -}}
+                                {{- $.Site.Params.categoryDelimiter | default "/" -}}
+                            {{- end -}}
+                            <!-- Work-around for https://github.com/gohugoio/hugo/issues/6546 -->
+                            {{- $path := (urls.Parse ($category | urlize)).Path -}}
+                            {{- with $.Site.GetPage (printf `/categories/%s` $path) -}}
+                                <a href="{{ .RelPermalink }}" class="post-category-link">{{ .Slug | default .LinkTitle | default $path | lower | anchorize }}</a>
+                            {{- end -}}
+                        {{- end -}}
+                    {{ end }}
+                </div>
+            {{ end }}
+        {{ end }}
+    </footer>
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/multilingual.html b/themes/meme_cdn/layouts/partials/components/multilingual.html
new file mode 100644
index 0000000..d3111d3
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/multilingual.html
@@ -0,0 +1,25 @@
+{{- if and .Site.IsMultiLingual .Site.Params.enableLangToggle -}}
+    {{- $hide := or (and .IsHome .Site.Params.hideLangToggleInHome) (and (not .IsHome) (and .Site.Params.autoHideLangToggle (not .IsTranslated))) -}}
+    {{- if not $hide -}}
+        <div id="lang-switcher">
+            <span>{{ .Site.Language.LanguageName }}</span>
+            {{ if .IsTranslated }}
+                <ul id="langs">
+                    {{ range .Translations }}
+                        <li><a rel="alternate" href="{{ .RelPermalink }}" hreflang="{{ .Lang }}" lang="{{ .Lang }}">{{ .Language.LanguageName }}</a></li>
+                    {{ end }}
+                </ul>
+            {{ else }}
+                {{ if not .Site.Params.autoHideLangToggle }}
+                    <ul id="langs">
+                        {{ range .Site.Languages }}
+                            {{ if ne $.Site.Language.Lang .Lang }}
+                                <li><a rel="alternate" href="{{ .Lang | relURL }}" hreflang="{{ .Lang }}" lang="{{ .Lang }}">{{ .LanguageName }}</a></li>
+                            {{ end }}
+                        {{ end }}
+                    </ul>
+                {{ end }}
+            {{ end }}
+        </div>
+    {{- end -}}
+{{- end -}}
diff --git a/themes/meme_cdn/layouts/partials/components/nav-toggle.html b/themes/meme_cdn/layouts/partials/components/nav-toggle.html
new file mode 100644
index 0000000..2a59809
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/nav-toggle.html
@@ -0,0 +1,5 @@
+{{ if .Site.Params.enableNavToggle }}
+    <input type="checkbox" id="nav-toggle" aria-hidden="true" />
+    <label for="nav-toggle" class="nav-toggle"></label>
+    <label for="nav-toggle" class="nav-curtain"></label>
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/post-copyright.html b/themes/meme_cdn/layouts/partials/components/post-copyright.html
new file mode 100644
index 0000000..7265306
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/post-copyright.html
@@ -0,0 +1,29 @@
+{{ if and .Site.Params.enablePostCopyright (.Params.displayCopyright | default .Site.Params.displayPostCopyright) }}
+    {{ $author := partial "utils/author.html" . }}
+    {{ with $author.name }}
+        <ul class="post-copyright">
+            <li class="copyright-item author">
+                {{- with $author.website -}}
+                    <span class="copyright-item-text">{{ i18n "copyrightAuthor" }}</span>{{ i18n "colon" }}<a href="{{ . }}" class="p-author h-card" target="_blank" rel="noopener">{{ $author.name }}</a>
+                {{- else -}}
+                    <span class="copyright-item-text">{{ i18n "copyrightAuthor" }}</span>{{ i18n "colon" }}<span class="p-author h-card">{{ $author.name }}</span>
+                {{- end -}}
+            </li>
+            {{ if $.Params.original | default $.Site.Params.original }}
+                {{ $url := urls.Parse $.Permalink }}
+                {{ $decodedPath := $url.Path }}
+                {{ $baseURLWithLangFix := (strings.TrimSuffix "/" (print `/` | absLangURL)) }}
+                {{ $decodedPermalink := (printf `%s%s` $baseURLWithLangFix $decodedPath) }}
+                <li class="copyright-item link"><span class="copyright-item-text">{{ i18n "copyrightLink" }}</span>{{ i18n "colon" }}<a href="{{ $.RelPermalink }}" target="_blank" rel="noopener">{{ $decodedPermalink }}</a></li>
+            {{ else }}
+                {{ with $.Params.link }}
+                    <li class="copyright-item link"><span class="copyright-item-text">{{ i18n "copyrightLink" }}</span>{{ i18n "colon" }}<a href="{{ . }}" target="_blank" rel="noopener">{{ . }}</a></li>
+                {{ end }}
+            {{ end }}
+            {{ with $author.copyright }}
+                {{- $raw := . -}}
+                <li class="copyright-item license"><span class="copyright-item-text">{{ i18n "copyrightLicense" }}</span>{{ i18n "colon" }}{{ partial "utils/markdownify.html" (dict "$" $ "raw" $raw "isContent" false) }}</li>
+            {{ end }}
+        </ul>
+    {{ end }}
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/post-gitinfo.html b/themes/meme_cdn/layouts/partials/components/post-gitinfo.html
new file mode 100644
index 0000000..5a5a8a8
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/post-gitinfo.html
@@ -0,0 +1,63 @@
+{{- $path := "" -}}
+{{- with .File -}}
+    {{- $path = .Path -}}
+{{- else -}}
+    {{- $path = .Path -}}
+{{- end -}}
+
+{{ if .GitInfo }}
+    {{ if and .Site.Params.enablePostGitInfo (.Params.gitinfo | default .Site.Params.displayPostGitInfo) }}
+        <div class="post-gitinfo">
+            {{ if or .Site.Params.displayCommitHash .Site.Params.displayCommitMessage }}
+                <div class="post-gitinfo-left">
+                    {{ if .Site.Params.displayCommitHash }}
+                        <div class="gitinfo-item commit">
+                            {{- with .Site.Params.repoURL -}}
+                                <a href="{{ . }}/commit/{{ $.GitInfo.Hash }}" target="_blank" rel="noopener">
+                                    {{- partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.gitIcon "class" "git-icon") -}}
+                                    {{- $.GitInfo.AbbreviatedHash -}}
+                                </a>
+                            {{- else -}}
+                                {{- partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.gitIcon "class" "git-icon") -}}
+                                {{- $.GitInfo.AbbreviatedHash -}}
+                            {{- end -}}
+                        </div>
+                    {{ end }}
+                    {{ if .Site.Params.displayCommitMessage }}
+                        {{ with .GitInfo.Subject }}
+                            <div class="gitinfo-item commit-msg">
+                                {{- partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.msgIcon "class" "msg-icon") -}}
+                                {{- . -}}
+                            </div>
+                        {{ end }}
+                    {{ end }}
+                </div>
+            {{ end }}
+            {{ if or .Site.Params.displayFeedback .Site.Params.displayEditLink }}
+                <div class="post-gitinfo-right">
+                    {{ if .Site.Params.displayFeedback }}
+                        {{ with .Site.Params.repoURL }}
+                            <div class="gitinfo-item feedback">
+                                <a href="{{ . }}/issues" target="_blank" rel="noopener">
+                                    {{- partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.feedbackIcon "class" "feedback-icon") -}}
+                                    {{- $.Site.Params.feedbackText -}}
+                                </a>
+                            </div>
+                        {{ end }}
+                    {{ end }}
+                    {{ if .Site.Params.displayEditLink }}
+                        {{ with .Site.Params.repoEditURL }}
+                            {{ $contentDir := (cond $.Site.IsMultiLingual (printf `/%s/` $.Site.Params.contentDir) "/content/") }}
+                            <div class="gitinfo-item edit">
+                                <a href="{{ . }}{{ $contentDir }}{{ replace $path "\\" "/" }}" target="_blank" rel="noopener">
+                                    {{- partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.editIcon "class" "edit-icon") -}}
+                                    {{- $.Site.Params.editText -}}
+                                </a>
+                            </div>
+                        {{ end }}
+                    {{ end }}
+                </div>
+            {{ end }}
+        </div>
+    {{ end }}
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/post-meta.html b/themes/meme_cdn/layouts/partials/components/post-meta.html
new file mode 100644
index 0000000..c21b35f
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/post-meta.html
@@ -0,0 +1,86 @@
+{{ $ := index . "$" }}
+{{ $isHome := .isHome }}
+<div class="post-meta">
+    {{ if and $.Site.Params.displayPublishedDate (not $.PublishDate.IsZero) }}
+        {{ $icon := partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.publishedDateIcon "class" "post-meta-icon") }}
+        <time datetime="{{ $.PublishDate.Format "2006-01-02T15:04:05-07:00" }}" class="post-meta-item published dt-published">{{ $icon }}&nbsp;{{ $.PublishDate.Format $.Site.Params.postMetaDateFormat }}</time>
+    {{ end }}
+    {{ if and $.Site.Params.displayModifiedDate (not $.Lastmod.IsZero) }}
+        {{ $icon := partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.modifiedDateIcon "class" "post-meta-icon") }}
+        <time datetime="{{ $.Lastmod.Format "2006-01-02T15:04:05-07:00" }}" class="post-meta-item modified dt-updated">{{ $icon }}&nbsp;{{ $.Lastmod.Format $.Site.Params.postMetaDateFormat }}</time>
+    {{ end }}
+    {{ if and $.Site.Params.displayExpiredDate (not $.ExpiryDate.IsZero) }}
+        {{ $icon := partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.expiredDateIcon "class" "post-meta-icon") }}
+        <time datetime="{{ $.ExpiryDate.Format "2006-01-02T15:04:05-07:00" }}" class="post-meta-item expired">{{ $icon }}&nbsp;{{ $.ExpiryDate.Format $.Site.Params.postMetaDateFormat }}</time>
+    {{ end }}
+    {{ if $.Site.Params.displayCategory }}
+        {{ $icon := partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.categoryIcon "class" "post-meta-icon") }}
+        {{ if and (eq $.Site.Params.categoryBy "sections") (in $.Site.Params.mainSections $.Section) }}
+            {{ $sections := split (strings.TrimSuffix "/" ($.File.Dir | default $.Section)) "/" }}
+            {{ with $sections }}
+                {{ $.Scratch.Delete "sectionsDirMeta" }}
+                {{ $.Scratch.Delete "sectionsMeta" }}
+                {{ $.Scratch.Set "index" 0 }}
+                {{ range $sections }}
+                    {{ $section := . }}
+                    {{ $.Scratch.Add "sectionsDirMeta" (printf `/%s` $section) }}
+                    {{ with $.Site.GetPage ($.Scratch.Get "sectionsDirMeta") }}
+                        {{ if (eq .Kind "section") }}
+                            {{ $.Scratch.SetInMap "sectionsMeta" (printf `%s/%s` (string ($.Scratch.Get "index")) .RelPermalink) (.LinkTitle | default $section) }}
+                            {{ $.Scratch.Set "index" (add ($.Scratch.Get "index") 1) }}
+                        {{ end }}
+                    {{ end }}
+                {{ end }}
+            {{ end }}
+            {{ $sections := $.Scratch.Get "sectionsMeta" }}
+            {{ with $sections }}
+                <span class="post-meta-item category">
+                    {{- $icon -}}&nbsp;
+                    {{- range $link, $title := $sections -}}
+                        {{- $index := $link | replaceRE `(\d+)/.+` `$1` | int -}}
+                        {{- if ne $index 0 }}
+                            {{- $.Site.Params.categoryDelimiter | default "/" -}}
+                        {{- end -}}
+                        <a href="{{- $link | replaceRE `\d+/(.+)` `$1` -}}" class="category-link p-category">
+                            {{- $title -}}
+                        </a>
+                    {{- end -}}
+                </span>
+            {{ end }}
+        {{ end }}
+        {{ if eq $.Site.Params.categoryBy "categories" }}
+            {{ with $.Params.categories }}
+                <span class="post-meta-item category">
+                    {{- $icon -}}&nbsp;
+                    {{- range $index, $category := . -}}
+                        {{- if ne $index 0 -}}
+                            {{- $.Site.Params.categoryDelimiter | default "/" -}}
+                        {{- end -}}
+                        <!-- Work-around for https://github.com/gohugoio/hugo/issues/6546 -->
+                        {{- $path := (urls.Parse ($category | urlize)).Path -}}
+                        {{- with $.Site.GetPage (printf `/categories/%s` $path) -}}
+                            <a href="{{- .RelPermalink -}}" class="category-link p-category">
+                                {{- .LinkTitle | default $path -}}
+                            </a>
+                        {{- end -}}
+                    {{- end -}}
+                </span>
+            {{ end }}
+        {{ end }}
+    {{ end }}
+    {{ if $.Site.Params.displayWordCount }}
+        {{ $icon := partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.wordCountIcon "class" "post-meta-icon") }}
+        <span class="post-meta-item wordcount">{{ $icon }}&nbsp;{{ $.WordCount }}</span>
+    {{ end }}
+    {{ if $.Site.Params.displayReadingTime }}
+        {{ $icon := partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.readingTimeIcon "class" "post-meta-icon") }}
+        <span class="post-meta-item reading-time">{{ $icon }}&nbsp;{{ $.ReadingTime }}&nbsp;{{ i18n "minute" $.ReadingTime }}</span>
+    {{ end }}
+    {{ if and $.Site.Params.displayBusuanziPagePV (eq hugo.Environment "production") }}
+        {{ if not $isHome }}
+            {{ $icon := partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.busuanziPagePVIcon "class" "post-meta-icon") }}
+            <span class="post-meta-item busuanzi-page-pv" id="busuanzi_container_page_pv">{{ $icon }}&nbsp;<span id="busuanzi_value_page_pv"></span></span>
+        {{ end }}
+    {{ end }}
+    {{ partial "custom/post-meta.html" $ }}
+</div>
diff --git a/themes/meme_cdn/layouts/partials/components/post-nav.html b/themes/meme_cdn/layouts/partials/components/post-nav.html
new file mode 100644
index 0000000..cba2296
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/post-nav.html
@@ -0,0 +1,25 @@
+{{ if and .Site.Params.enablePostNav (in .Site.Params.mainSections .Section) }}
+    {{ if .Site.Params.postNavInSection }}
+        {{ .Scratch.Set "prev" .PrevInSection }}
+        {{ .Scratch.Set "next" .NextInSection }}
+    {{ else }}
+        {{ .Scratch.Set "prev" .PrevPage }}
+        {{ .Scratch.Set "next" .NextPage }}
+    {{ end }}
+    {{ $prev := .Scratch.Get "prev" }}
+    {{ $next := .Scratch.Get "next" }}
+    {{ if or $prev $next }}
+        <ul class="post-nav">
+            {{ if $next }}
+                <li class="post-nav-prev">
+                    <a href="{{ $next.RelPermalink }}" rel="prev">&lt; {{ (partial "utils/title.html" (dict "$" $next "title" $next.LinkTitle)).htmlTitle }}</a>
+                </li>
+            {{ end }}
+            {{ if $prev }}
+                <li class="post-nav-next">
+                    <a href="{{ $prev.RelPermalink }}" rel="next">{{ (partial "utils/title.html" (dict "$" $prev "title" $prev.LinkTitle)).htmlTitle }} &gt;</a>
+                </li>
+            {{ end }}
+        </ul>
+    {{ end }}
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/post-share.html b/themes/meme_cdn/layouts/partials/components/post-share.html
new file mode 100644
index 0000000..ab75ac0
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/post-share.html
@@ -0,0 +1,120 @@
+{{ if and .Site.Params.enablePostShare (.Params.share | default .Site.Params.displayPostShare) }}
+
+    {{- $title := (partial "utils/title.html" (dict "$" . "title" .Title)).rawTitle -}}
+
+    {{- $description := .Description | default (partial "utils/summary.html" .) | default .Site.Params.siteDescription | plainify | htmlUnescape -}}
+
+    {{- $images := partial "utils/images.html" . -}}
+    {{- $images = union $images (slice (.Site.Params.siteLogo | absURL)) -}}
+    {{- $images = index $images 0 -}}
+
+    {{- $hashtags := newScratch -}}
+    {{- with .Params.tags -}}
+        {{- range . -}}
+            {{- $tag := . -}}
+            {{- $url := urls.Parse (. | urlize) -}}
+            {{- $path := $url.Path -}}
+            {{- with $.Site.GetPage (printf `/tags/%s` $path) -}}
+                {{- $hashtags.Add "tags" (replace (.LinkTitle | default $tag) " " "") -}}
+            {{- end -}}
+            {{- $hashtags.Add "tags" "," -}}
+        {{- end -}}
+    {{- end -}}
+    {{- $hashtags.Set "firsttag" "%23" -}}
+    {{- $hashtags.Add "firsttag" (index (split ($hashtags.Get "tags") ",") 0) -}}
+
+    <div class="post-share">
+
+        {{ if .Site.Params.displayShareOnText }}
+            <div class="share-text">{{ i18n "shareOn" }}</div>
+        {{ end }}
+
+        <div class="share-items">
+
+            {{ if .Site.Params.shareOnTwitter }}
+                <div class="share-item twitter">
+                    {{ $url := (printf `https://twitter.com/share?url=%s&text=%s&hashtags=%s&via=%s` .Permalink $title ($hashtags.Get "tags" | default "") .Site.Params.siteTwitter) }}
+                    <a href="{{ $url }}" title="{{ i18n "shareOnTitle" }}{{ i18n "twitter" }}" target="_blank" rel="noopener">
+                        {{- partial "utils/icon.html" (dict "$" . "name" "twitter" "class" "twitter-icon") -}}
+                    </a>
+                </div>
+            {{ end }}
+
+            {{ if .Site.Params.shareOnFacebook }}
+                <div class="share-item facebook">
+                    {{ $url := (printf `https://www.facebook.com/sharer/sharer.php?u=%s&hashtag=%s` .Permalink ($hashtags.Get "firsttag" | default "")) }}
+                    <a href="{{ $url }}" title="{{ i18n "shareOnTitle" }}{{ i18n "facebook" }}" target="_blank" rel="noopener">
+                        {{- partial "utils/icon.html" (dict "$" . "name" "facebook" "class" "facebook-icon") -}}
+                    </a>
+                </div>
+            {{ end }}
+
+            {{ if .Site.Params.shareOnLinkedIn }}
+                <div class="share-item linkedin">
+                    {{ $url := (printf `https://www.linkedin.com/shareArticle?mini=true&url=%s&title=%s&summary=%s&source=%s` .Permalink $title $description .Site.Title) }}
+                    <a href="{{ $url }}" title="{{ i18n "shareOnTitle" }}{{ i18n "linkedin" }}" target="_blank" rel="noopener">
+                        {{- partial "utils/icon.html" (dict "$" . "name" "linkedin" "class" "linkedin-icon") -}}
+                    </a>
+                </div>
+            {{ end }}
+
+            {{ if .Site.Params.shareOnTelegram }}
+                <div class="share-item telegram">
+                    {{ $url := (printf `https://t.me/share/url?url=%s&text=%s` .Permalink $title) }}
+                    <a href="{{ $url }}" title="{{ i18n "shareOnTitle" }}{{ i18n "telegram" }}" target="_blank" rel="noopener">
+                        {{- partial "utils/icon.html" (dict "$" . "name" "telegram" "class" "telegram-icon") -}}
+                    </a>
+                </div>
+            {{ end }}
+
+            {{ if .Site.Params.shareOnWeibo }}
+                <div class="share-item weibo">
+                    {{ $url := (printf `https://service.weibo.com/share/share.php?&url=%s&title=%s&pic=%s&searchPic=false` .Permalink $title $images) }}
+                    <a href="{{ $url }}" title="{{ i18n "shareOnTitle" }}{{ i18n "weibo" }}" target="_blank" rel="noopener">
+                        {{- partial "utils/icon.html" (dict "$" . "name" "weibo" "class" "weibo-icon") -}}
+                    </a>
+                </div>
+            {{ end }}
+
+            {{ if .Site.Params.shareOnDouban }}
+                <div class="share-item douban">
+                    {{ $url := (printf `https://www.douban.com/share/service?href=%s&name=%s&text=%s` .Permalink $title $description) }}
+                    <a href="{{ $url }}" title="{{ i18n "shareOnTitle" }}{{ i18n "douban" }}" target="_blank" rel="noopener">
+                        {{- partial "utils/icon.html" (dict "$" . "name" "douban" "class" "douban-icon") -}}
+                    </a>
+                </div>
+            {{ end }}
+
+            {{ if .Site.Params.shareOnQQ }}
+                <div class="share-item qq">
+                    {{ $url := (printf `https://connect.qq.com/widget/shareqq/index.html?url=%s&title=%s&summary=%s&pics=%s&site=%s` .Permalink $title $description $images .Site.Title) }}
+                    <a href="{{ $url }}" title="{{ i18n "shareOnTitle" }}{{ i18n "qq" }}" target="_blank" rel="noopener">
+                        {{- partial "utils/icon.html" (dict "$" . "name" "qq" "class" "qq-icon") -}}
+                    </a>
+                </div>
+            {{ end }}
+
+            {{ if .Site.Params.shareOnQzone }}
+                <div class="share-item qzone">
+                    {{ $url := (printf `https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=%s&title=%s&summary=%s&pics=%s&site=%s` .Permalink $title $description $images .Site.Title) }}
+                    <a href="{{ $url }}" title="{{ i18n "shareOnTitle" }}{{ i18n "qzone" }}" target="_blank" rel="noopener">
+                        {{- partial "utils/icon.html" (dict "$" . "name" "qzone" "class" "qzone-icon") -}}
+                    </a>
+                </div>
+            {{ end }}
+
+            {{ if .Site.Params.shareViaQRCode }}
+                <div class="share-item qrcode">
+                    <div class="qrcode-container" title="{{ i18n "shareViaTitle" }}{{ i18n "qrcode" }}">
+                        {{- partial "utils/icon.html" (dict "$" . "name" "qrcode" "class" "qrcode-icon") -}}
+                        <div id="qrcode-img"></div>
+                    </div>
+                    {{ partial "third-party/qrcode-generator.html" . }}
+                </div>
+            {{ end }}
+
+        </div>
+
+    </div>
+
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/post-tags.html b/themes/meme_cdn/layouts/partials/components/post-tags.html
new file mode 100644
index 0000000..ec9ba47
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/post-tags.html
@@ -0,0 +1,15 @@
+{{ if .Site.Params.enablePostTags }}
+    {{ with .Params.tags }}
+        <div class="post-tags">
+            {{ range . }}
+                {{ $tag := . }}
+                <!-- Work-around for https://github.com/gohugoio/hugo/issues/6546 -->
+                {{ $path := (urls.Parse ($tag | urlize)).Path }}
+                {{ with $.Site.GetPage (printf `/tags/%s` $path) }}
+                    {{ $icon := partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.postTagsIcon "class" "tag-icon") }}
+                    <a href="{{ .RelPermalink }}" rel="tag" class="post-tags-link">{{ $icon  }}{{ .LinkTitle | default $path }}</a>
+                {{ end }}
+            {{ end }}
+        </div>
+    {{ end }}
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/post-updated-badge.html b/themes/meme_cdn/layouts/partials/components/post-updated-badge.html
new file mode 100644
index 0000000..5cfd39a
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/post-updated-badge.html
@@ -0,0 +1,12 @@
+{{ if and .Site.Params.enablePostUpdatedBadge (.Params.badge | default .Site.Params.displayUpdatedBadge) }}
+    <div class="updated-badge-container">
+        {{- $date := .Lastmod.Format "2006-01-02" -}}
+        {{- if .Site.Params.enableBadgeTitle }}
+        <span title="{{ .Site.Params.badgeTitlePrefix }}{{ .Lastmod.Format "2006-01-02 15:04:05 MST" }}" style="cursor:help">
+        {{- end -}}
+            {{- partial "utils/updated-badge.html" (dict "date" $date) -}}
+        {{- if .Site.Params.enableBadgeTitle }}
+        </span>
+        {{- end -}}
+    </div>
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/related-posts.html b/themes/meme_cdn/layouts/partials/components/related-posts.html
new file mode 100644
index 0000000..f7561ee
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/related-posts.html
@@ -0,0 +1,15 @@
+{{ if and .Site.Params.enableRelatedPosts (.Params.related | default .Site.Params.displayRelatedPosts) }}
+    {{ $related := .Site.RegularPages.Related . | first (.Site.Params.relatedPostsNumber | default 5) }}
+    {{ with $related }}
+        <div class="related-posts">
+            <h2 class="related-title">{{ i18n "relatedPosts" }}{{ partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.relatedPostsIcon "class" "related-icon") }}</h2>
+            <ul class="related-list">
+                {{ range . }}
+                    <li class="related-item">
+                        <a href="{{ .RelPermalink }}" class="related-link">{{ (partial "utils/title.html" (dict "$" . "title" .LinkTitle)).htmlTitle }}</a>
+                    </li>
+                {{ end }}
+            </ul>
+        </div>
+    {{ end }}
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/search.html b/themes/meme_cdn/layouts/partials/components/search.html
new file mode 100644
index 0000000..256f62e
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/search.html
@@ -0,0 +1,18 @@
+{{- $ := index . "$" -}}
+{{- $iconName := .iconName | default "search" -}}
+<form id="search" class="search" role="search">
+    <label for="search-input">
+        {{- partial "utils/icon.html" (dict "$" $ "name" $iconName "class" "search-icon") -}}
+    </label>
+    <input type="search" id="search-input" class="search-input">
+</form>
+
+<template id="search-result" hidden>
+    <article class="content post">
+        <h2 class="post-title"><a class="summary-title-link"></a></h2>
+        <summary class="summary"></summary>
+        <div class="read-more-container">
+            <a class="read-more-link">{{ i18n "readMore" }} »</a>
+        </div>
+    </article>
+</template>
diff --git a/themes/meme_cdn/layouts/partials/components/service-worker.html b/themes/meme_cdn/layouts/partials/components/service-worker.html
new file mode 100644
index 0000000..58d2c6f
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/service-worker.html
@@ -0,0 +1,13 @@
+{{ if and .Site.Params.enableServiceWorker (eq hugo.Environment "production") }}
+    {{- $sw := resources.Get "js/sw.js" -}}
+    {{- $dummy := "" | resources.FromString "dummy.js" -}}
+    {{- $url := (slice $sw $dummy | resources.Concat "sw.js").RelPermalink -}}
+
+    <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function() {
+                navigator.serviceWorker.register('{{ $url }}');
+            });
+        }
+    </script>
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/components/socials.html b/themes/meme_cdn/layouts/partials/components/socials.html
new file mode 100644
index 0000000..89412ad
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/components/socials.html
@@ -0,0 +1,13 @@
+{{ if .Site.Params.enableSocials }}
+    {{ with .Site.Data.Socials }}
+        <ul class="socials">
+            {{- range sort .socials "weight" -}}
+                <li class="socials-item">
+                    <a href="{{ .url | safeURL }}" target="_blank" rel="external noopener" title="{{ .title }}">
+                        {{- partial "utils/icon.html" (dict "$" $ "name" .icon "class" "social-icon") -}}
+                    </a>
+                </li>
+            {{- end -}}
+        </ul>
+    {{ end }}
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/custom/content.html b/themes/meme_cdn/layouts/partials/custom/content.html
new file mode 100644
index 0000000..e69de29
diff --git a/themes/meme_cdn/layouts/partials/custom/footer.html b/themes/meme_cdn/layouts/partials/custom/footer.html
new file mode 100644
index 0000000..e69de29
diff --git a/themes/meme_cdn/layouts/partials/custom/head.html b/themes/meme_cdn/layouts/partials/custom/head.html
new file mode 100644
index 0000000..e69de29
diff --git a/themes/meme_cdn/layouts/partials/custom/header.html b/themes/meme_cdn/layouts/partials/custom/header.html
new file mode 100644
index 0000000..e69de29
diff --git a/themes/meme_cdn/layouts/partials/custom/post-meta.html b/themes/meme_cdn/layouts/partials/custom/post-meta.html
new file mode 100644
index 0000000..e69de29
diff --git a/themes/meme_cdn/layouts/partials/custom/script.html b/themes/meme_cdn/layouts/partials/custom/script.html
new file mode 100644
index 0000000..e69de29
diff --git a/themes/meme_cdn/layouts/partials/footer.html b/themes/meme_cdn/layouts/partials/footer.html
new file mode 100644
index 0000000..a080567
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/footer.html
@@ -0,0 +1,82 @@
+{{ if or (and .IsHome .Site.Params.displayFooterInHome) (and (not .IsHome) (.Site.Params.displayFooter | default .Site.Params.enableFooter)) }}
+    <footer id="footer" class="footer">
+        <div class="footer-inner">
+            <div class="site-info">
+              {{- if .Site.Params.displayCopyleftSymbol -}}
+                  <span class="copyleft-symbol">🄯</span>&nbsp;
+              {{- end -}}
+              {{- if .Site.Params.displayCopyrightSymbol -}}
+                  ©&nbsp;
+              {{- end -}}
+
+              {{- if .Site.Params.displaySiteCreatedYear -}}
+                  {{- dateFormat "2006" (time .Site.Params.siteCreatedTime) -}}–
+              {{- end -}}
+              {{- now.Format "2006" -}}
+
+              {{- with .Site.Params.iconBetweenYearAndAuthor -}}
+                  &nbsp;{{- partial "utils/icon.html" (dict "$" $ "name" . "class" "footer-icon") -}}&nbsp;
+              {{- else -}}
+                  &nbsp;
+              {{- end -}}
+
+              {{- .Site.Author.name -}}
+            </div>
+
+            {{- if .Site.Params.displayPoweredBy }}
+                {{- $raw := `Powered by [Hugo](https://github.com/gohugoio/hugo) | Theme is [MemE](https://github.com/reuixiy/hugo-theme-meme)` -}}
+                <div class="powered-by">{{ partial "utils/markdownify.html" (dict "$" $ "raw" $raw "isContent" false) }}</div>
+            {{- end }}
+
+            {{- if .Site.Params.displaySiteCopyright }}
+                {{- $raw := .Site.Copyright -}}
+                <div class="site-copyright">{{ partial "utils/markdownify.html" (dict "$" $ "raw" $raw "isContent" false) }}</div>
+            {{- end }}
+
+            {{- with .Site.Params.customFooter }}
+                {{- $raw := . -}}
+                <div class="custom-footer">{{ partial "utils/markdownify.html" (dict "$" $ "raw" $raw "isContent" false) }}</div>
+            {{- end }}
+
+            {{- if and .Site.Params.displayBusuanziSiteUVAndPV (eq hugo.Environment "production") }}
+                <div class="busuanzi-site-uv-and-pv">
+                    <span id="busuanzi_container_site_uv">
+                        {{- with .Site.Params.busuanziSiteUVText -}}
+                            {{- . -}}
+                            &nbsp;
+                        {{- end -}}
+
+                        {{- with .Site.Params.busuanziSiteUVIcon -}}
+                            {{- partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.busuanziSiteUVIcon "class" "busuanzi-site-uv") -}}
+                            &nbsp;
+                        {{- end -}}
+
+                        <!-- Avoid extra spaces -->
+                        {{- print `<span id="busuanzi_value_site_uv"></span>` | safeHTML -}}
+                    </span>
+
+                    {{- print "&nbsp;|&nbsp;" | safeHTML -}}
+
+                    <span id="busuanzi_container_site_pv">
+                        {{- with .Site.Params.busuanziSitePVText -}}
+                            {{- . -}}
+                            &nbsp;
+                        {{- end -}}
+
+                        {{- with .Site.Params.busuanziSitePVIcon -}}
+                            {{- partial "utils/icon.html" (dict "$" $ "name" $.Site.Params.busuanziSitePVIcon "class" "busuanzi-site-pv") -}}
+                            &nbsp;
+                        {{- end -}}
+
+                        <!-- Avoid extra spaces -->
+                        {{- print `<span id="busuanzi_value_site_pv"></span>` | safeHTML -}}
+                    </span>
+                </div>
+            {{- end }}
+
+            {{ partial "components/socials.html" . }}
+
+            {{ partial "custom/footer.html" . }}
+        </div>
+    </footer>
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/head.html b/themes/meme_cdn/layouts/partials/head.html
new file mode 100644
index 0000000..16af3ac
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/head.html
@@ -0,0 +1,120 @@
+<head{{ if .Site.Params.openGraph }} prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#"{{ end }}>
+    <meta charset="UTF-8" />
+
+    {{ hugo.Generator }}
+
+    {{- with .Site.Params.defaultTheme | default "light" -}}
+        {{- if eq . "light" -}}
+            <meta name="theme-color" content="{{ $.Site.Params.themeColor }}" />
+        {{- else -}}
+            <meta name="theme-color" content="{{ $.Site.Params.themeColorDark }}" />
+        {{- end -}}
+    {{- end -}}
+
+    <!-- https://web.dev/color-scheme/ -->
+    <meta name="color-scheme" content="light dark">
+
+    <!-- Responsive Web Design -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- Avoid Automatic Format Detection -->
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
+    <!-- Avoid Transcoding -->
+    <meta http-equiv="Cache-Control" content="no-transform" />
+    <!-- Avoid Baidu Mobile Search Transcoding -->
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+
+    <title>{{ (partial "utils/title.html" (dict "$" . "title" .Title)).title }}</title>
+
+    <!-- CSS -->
+    {{- partial "style.html" . }}
+
+    <!-- JavaScript -->
+    {{ if ne .Kind "404" }}
+        {{ partial "script.html" . }}
+    {{ end }}
+
+    <!-- Fonts -->
+    {{- with .Site.Params.fontsLink -}}
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+        <link rel="stylesheet" href="{{ . }}" media="print" onload="this.media='all'" />
+        <noscript><link rel="stylesheet" href="{{ . }}" /></noscript>
+    {{- end }}
+
+    <meta name="author" content="{{ .Params.author | default .Site.Author.name }}" />
+    {{- $description := .Description | default (partial "utils/summary.html" .) | default .Site.Params.siteDescription | plainify | htmlUnescape -}}
+    <meta name="description" content="{{ $description }}" />
+
+    <!-- Favicon, Icons, Web App -->
+    {{- $favicon := "favicon.ico" -}}
+    {{- $safariMaskIcon := "icons/safari-pinned-tab.svg" -}}
+    {{- $safariMaskColor := .Site.Params.safariMaskColor -}}
+    {{- $appleTouchIcon := "icons/apple-touch-icon.png" -}}
+    {{- $msApplicationStartURL := partial "utils/relative-url.html" (dict "$" . "filename" "") -}}
+    {{- $msApplicationTileColor := .Site.Params.msApplicationTileColor -}}
+    {{- $msApplicationTileImage := partial "utils/relative-url.html" (dict "$" . "filename" "icons/mstile-150x150.png") -}}
+    {{- $manifest := "manifest.json" -}}
+    <link rel="shortcut icon" href="{{ $favicon | relURL }}" type="image/x-icon" />
+    <link rel="mask-icon" href="{{ $safariMaskIcon | relURL }}" color="{{ $safariMaskColor }}" />
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ $appleTouchIcon | relURL }}" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="{{ .Site.Title }}" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="application-name" content="{{ .Site.Title }}" />
+    <meta name="msapplication-starturl" content="{{ $msApplicationStartURL }}" />
+    <meta name="msapplication-TileColor" content="{{ $msApplicationTileColor }}" />
+    <meta name="msapplication-TileImage" content="{{ $msApplicationTileImage }}" />
+    <link rel="manifest" href="{{ $manifest | relURL }}" />
+
+    <!-- Atom / RSS -->
+    {{ with .OutputFormats.Get "SectionsAtom" -}}
+        <link rel="{{ .Rel }}" type="{{ .MediaType }}" href="{{ .Permalink }}" title="{{ $.Site.Title }}" />
+    {{ end -}}
+    {{ with .OutputFormats.Get "SectionsRSS" -}}
+        <link rel="{{ .Rel }}" type="{{ .MediaType }}" href="{{ .Permalink }}" title="{{ $.Site.Title }}" />
+    {{ end }}
+
+    <!-- SEO -->
+    <link rel="canonical" href="{{ .Permalink }}" />
+    <!-- JSON-LD -->
+    {{- with .Site.Params.jsonLD -}}
+        {{ partial "utils/json-ld.html" (dict "$" $ "description" $description) }}
+    {{- end }}
+
+    <!-- Twitter Cards -->
+    {{- with .Site.Params.twitterCards -}}
+        {{ partial "utils/twitter-cards.html" (dict "$" $) }}
+    {{- end }}
+    <!-- Open Graph -->
+    {{- with .Site.Params.openGraph -}}
+        {{ partial "utils/open-graph.html" (dict "$" $ "description" $description) }}
+    {{- end }}
+
+    {{- with .Site.Params.googleSiteVerification }}
+        <meta name="google-site-verification" content="{{ . }}" />
+    {{- end }}
+
+    {{- if and .Site.Params.enableGoogleAnalytics (eq hugo.Environment "production") }}
+        <link rel="preconnect" href="https://www.google-analytics.com" crossorigin />
+
+        {{ partial "third-party/google-analytics.html" . }}
+    {{- end }}
+
+    {{- if or .Site.Params.enableGoogleAutoAds .Site.Params.enableGoogleAdUnits }}
+        {{ if eq hugo.Environment "production" }}
+            {{ partial "third-party/google-adsense.html" . }}
+        {{ end }}
+    {{- end }}
+
+    {{- if and .Site.Params.enableGoogleAutoAds (eq hugo.Environment "production") -}}
+        {{ partial "third-party/google-adsense-auto.html" . }}
+    {{- end }}
+
+    <!-- Yandex.Metrika -->
+    {{ if and .Site.Params.yandexMetrikaId (eq hugo.Environment "production") }}
+        {{ partial "third-party/yandex-metrika.html" . }}
+    {{- end }}
+
+    {{ partial "custom/head.html" . }}
+</head>
diff --git a/themes/meme_cdn/layouts/partials/header.html b/themes/meme_cdn/layouts/partials/header.html
new file mode 100644
index 0000000..fa7dc17
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/header.html
@@ -0,0 +1,26 @@
+{{ if or (or (and .IsHome .Site.Params.displayHeaderInHome) (eq .Site.Params.headerLayout "flex")) (and (not .IsHome) .Site.Params.enableHeader) }}
+    <header class="header">
+        {{ if eq .Site.Params.headerLayout "flex" }}
+            <div class="header-wrapper">
+                <div class="header-inner {{ cond (or .IsHome (eq (len .Pages) 0)) "single" "list"}}">
+                    {{ template "site-brand" . }}
+                    {{ partial "menu.html" . }}
+                    {{ partial "custom/header.html" . }}
+                </div>
+            </div>
+            {{ partial "components/nav-toggle.html" . }}
+        {{ else }}
+            {{ template "site-brand" . }}
+        {{ end }}
+    </header>
+{{ end }}
+
+{{ define "site-brand" }}
+    <div class="site-brand">
+        {{ if .Site.Params.siteBrandSVG }}
+            <a href="{{ print `/` | relLangURL }}">{{ partial "utils/icon.html" (dict "$" . "name" "brand") }}</a>
+        {{ else }}
+            <a href="{{ print `/` | relLangURL }}" class="brand">{{ .Site.Title }}</a>
+        {{ end }}
+    </div>
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/menu.html b/themes/meme_cdn/layouts/partials/menu.html
new file mode 100644
index 0000000..cd02605
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/menu.html
@@ -0,0 +1,52 @@
+<nav class="nav">
+    <ul class="menu" id="menu">
+        {{ if .Site.Params.activeInSection }}
+            {{ .Scratch.Set "currentPage" (.Site.GetPage (printf `/%s` .Section)) }}
+        {{ else }}
+            {{ .Scratch.Set "currentPage" . }}
+        {{ end }}
+        {{ $currentPage := .Scratch.Get "currentPage" }}
+        {{ $ctx := . }}
+        {{ range .Site.Menus.main }}
+            {{ if and (eq .Identifier "theme-switcher") $.Site.Params.enableDarkMode }}
+                {{ if eq $.Site.Params.headerLayout "flex" }}
+                    {{ $switcher := partial "components/dark-mode.html" $ctx }}
+                    {{ with $switcher }}
+                        <li class="menu-item">
+                            {{ . }}
+                        </li>
+                    {{ end }}
+                {{ end }}
+            {{ else if eq .Identifier "lang-switcher" }}
+                {{ if and $.Site.IsMultiLingual $.Site.Params.enableLangToggle }}
+                    {{ if eq $.Site.Params.headerLayout "flex" }}
+                        {{ $switcher := partial "components/multilingual.html" $ctx }}
+                        {{ with $switcher }}
+                            <li class="menu-item">
+                                {{ . }}
+                            </li>
+                        {{ end }}
+                    {{ end }}
+                {{ end }}
+            {{ else if eq .Identifier "search" }}
+                {{ if and (eq $.Site.Params.headerLayout "flex") (or $.Site.Params.enableLunrSearch $.Site.Params.enableAlgoliaSearch) }}
+                    {{- $iconName := (string .Post) -}}
+                    <li class="menu-item search-item">
+                        {{ partial "components/search.html" (dict "$" $ctx "iconName" $iconName) }}
+                    </li>
+                {{ end }}
+            {{ else }}
+                <li class="menu-item{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{ end }}">
+                    {{- $linkType := (string .Pre) -}}
+                    <a href="{{ .URL }}"{{ if eq $linkType "external" }} target="_blank" rel="external noopener"{{ end }}>
+                        {{- $iconName := (string .Post) -}}
+                        {{- partial "utils/icon.html" (dict "$" $ "name" $iconName "class" .Identifier) -}}
+                        {{- with .Name -}}
+                            <span class="menu-item-name">{{ . }}</span>
+                        {{- end -}}
+                    </a>
+                </li>
+            {{ end }}
+        {{ end }}
+    </ul>
+</nav>
diff --git a/themes/meme_cdn/layouts/partials/pages/home-footage.html b/themes/meme_cdn/layouts/partials/pages/home-footage.html
new file mode 100644
index 0000000..68168c2
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/pages/home-footage.html
@@ -0,0 +1,37 @@
+<main class="home">
+    {{ with or .Site.Params.homeVideoWebm .Site.Params.homeVideoMp4 }}
+        <video poster="{{ $.Site.Params.homePoster }}" id="bgvid" playsinline autoplay muted loop>
+            {{ with $.Site.Params.homeVideoWebm }}
+                <source src="{{ . }}" type="video/webm" />
+            {{ end }}
+            {{ with $.Site.Params.homeVideoMp4 }}
+                <source src="{{ . }}" type="video/mp4" />
+            {{ end }}
+        </video>
+    {{ end }}
+    <div class="main-inner">
+        <div class="content">
+            <a href="{{ .Site.Params.homeLogoLink }}">
+                <img src="{{ .Site.Params.homeLogo }}" class="avatar" />
+            </a>
+            <h1>{{ .Site.Params.homeTitle }}</h1>
+            <div class="motto">{{ .Site.Params.homeMotto }}</div>
+            <hr>
+            <div class="description">{{ .Site.Params.homeDescription }}</div>
+            <div class="keywords">{{ .Site.Params.homeKeywords }}</div>
+        </div>
+        {{ with .Site.Menus.home }}
+            <div class="links">
+                {{ $length := sub (len .) 1 }}
+                {{ range $index, $value := . }}
+                    {{- $linkType := (string .Pre) -}}
+                    {{- $iconName := (string .Post) -}}
+                    <a href="{{ .URL }}"{{ if eq $linkType "external" }} target="_blank" rel="external noopener"{{ end }}>{{ partial "utils/icon.html" (dict "$" $ "name" $iconName "class" .Identifier) }}{{ .Name }}</a>
+                    {{- if lt $index $length -}}
+                        {{- $.Site.Params.homeLinksDelimiter -}}
+                    {{- end -}}
+                {{ end }}
+            </div>
+        {{ end }}
+    </div>
+</main>
diff --git a/themes/meme_cdn/layouts/partials/pages/home-poetry.html b/themes/meme_cdn/layouts/partials/pages/home-poetry.html
new file mode 100644
index 0000000..0329582
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/pages/home-poetry.html
@@ -0,0 +1,16 @@
+<main class="home">
+    <div class="poetry">
+        {{ range .Site.Params.homePoetry }}
+            <p>{{ partial "utils/markdownify.html" (dict "$" $ "raw" . "isContent" false) }}</p>
+        {{ end }}
+    </div>
+    {{ with .Site.Menus.home }}
+        <div class="links">
+            {{ range . }}
+                {{- $linkType := (string .Pre) -}}
+                {{- $iconName := (string .Post) -}}
+                <a href="{{ .URL }}" class="links-item"{{ if eq $linkType "external" }} target="_blank" rel="noopener"{{ end }}>{{ partial "utils/icon.html" (dict "$" $ "name" $iconName "class" .Identifier) }}{{ .Name }}</a>
+            {{ end }}
+        </div>
+    {{ end }}
+</main>
diff --git a/themes/meme_cdn/layouts/partials/pages/home-posts.html b/themes/meme_cdn/layouts/partials/pages/home-posts.html
new file mode 100644
index 0000000..0e20a56
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/pages/home-posts.html
@@ -0,0 +1,37 @@
+<main class="main single" id="main">
+    <div class="main-inner">
+        {{ $paginator := .Paginate (where .Site.RegularPages "Section" "in" .Site.Params.mainSections) }}
+        {{ range $paginator.Pages }}
+            <article class="content post home h-entry">
+                <h2 class="post-title p-name">
+                    <a href="{{ .RelPermalink }}" class="summary-title-link u-url">{{ (partial "utils/title.html" (dict "$" . "title" .LinkTitle)).htmlTitle }}</a>
+                </h2>
+                {{ if $.Site.Params.enablePostMetaInHome }}
+                    {{ partial "components/post-meta.html" (dict "$" . "isHome" true) }}
+                {{ end }}
+                <summary class="summary p-summary">
+                    {{ partial "utils/summary.html" . }}
+                </summary>
+                {{ if or .Truncated .Params.summary }}
+                    <div class="read-more-container">
+                        <a href="{{ .RelPermalink }}" class="read-more-link">{{ i18n "readMore" }} »</a>
+                    </div>
+                {{ end }}
+            </article>
+        {{ end }}
+        {{ if or $paginator.HasPrev $paginator.HasNext }}
+            <ul class="pagination">
+                {{ if $paginator.HasPrev }}
+                    <li class="pagination-prev">
+                        <a href="{{ $paginator.Prev.URL }}" rel="prev">&lt; {{ i18n "prevPage" }}</a>
+                    </li>
+                {{ end }}
+                {{ if $paginator.HasNext }}
+                    <li class="pagination-next">
+                        <a href="{{ $paginator.Next.URL }}" rel="next">{{ i18n "nextPage" }} &gt;</a>
+                    </li>
+                {{ end }}
+            </ul>
+        {{ end }}
+    </div>
+</main>
diff --git a/themes/meme_cdn/layouts/partials/pages/post.html b/themes/meme_cdn/layouts/partials/pages/post.html
new file mode 100644
index 0000000..fb68107
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/pages/post.html
@@ -0,0 +1,68 @@
+<main class="main single" id="main">
+    <div class="main-inner">
+
+        {{ $attrs := partial "utils/data-attributes.html" . }}
+
+        <article class="content post h-entry"
+        {{- if $attrs.smallCaps }} data-small-caps="true"{{ end }}
+        {{- with $attrs.align }} data-align="{{ . }}"{{ end }}
+        {{- with $attrs.type }} data-type="{{ . }}"{{ end }}
+        {{- with $attrs.layout }} data-layout="{{ . }}"{{ end }}
+        {{- if $attrs.indent }} data-indent="true"{{ end }}
+        {{- if $attrs.tocNum }} data-toc-num="true"{{ end }}>
+
+            <h1 class="post-title p-name">{{ (partial "utils/title.html" (dict "$" $ "title" $.Title)).htmlTitle }}</h1>
+
+            {{ with .Params.subtitle }}
+                {{- $raw := . -}}
+                <div class="post-subtitle p-name">{{ partial "utils/markdownify.html" (dict "$" $ "raw" $raw "isContent" false) }}</div>
+            {{ end }}
+
+            {{ if .Site.Params.displayPostDescription }}
+                {{ with .Params.description }}
+                    {{- $raw := . -}}
+                    <div class="post-description p-summary">{{ partial "utils/markdownify.html" (dict "$" $ "raw" $raw "isContent" false) }}</div>
+                {{ end }}
+            {{ end }}
+
+            {{ if .Params.meta | default .Site.Params.enablePostMeta }}
+                {{ partial "components/post-meta.html" (dict "$" . "isHome" false) }}
+            {{ end }}
+
+            {{ $enableTOC := .Params.toc | default .Site.Params.enableTOC -}}
+            {{- if $enableTOC -}}
+                {{- partial "utils/toc.html" . -}}
+            {{- end -}}
+
+            <div class="post-body e-content">
+                {{ partial "utils/content.html" . }}
+            </div>
+
+            {{ partial "components/post-copyright.html" . }}
+
+        </article>
+
+        {{ if and .Site.Params.enableGoogleAdUnits (eq hugo.Environment "production") -}}
+            {{ partial "third-party/google-adsense-unit.html" . }}
+        {{- end }}
+
+        {{ partial "components/post-updated-badge.html" . }}
+
+        {{ partial "components/post-gitinfo.html" . }}
+
+        {{ partial "components/post-share.html" . }}
+
+        {{ partial "components/related-posts.html" . }}
+
+        {{ partial "components/post-tags.html" . }}
+
+        {{ partial "components/minimal-footer.html" . }}
+
+        {{ partial "components/minimal-footer-about.html" . }}
+
+        {{ partial "components/post-nav.html" . }}
+
+        {{ partial "components/comments.html" . }}
+
+    </div>
+</main>
diff --git a/themes/meme_cdn/layouts/partials/pages/tag-cloud.html b/themes/meme_cdn/layouts/partials/pages/tag-cloud.html
new file mode 100644
index 0000000..823e6c6
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/pages/tag-cloud.html
@@ -0,0 +1,30 @@
+<!-- Note: Original code from https://www.sidorenko.io/post/2017/07/nice-tagcloud-with-hugo/ -->
+<main class="main list" id="main">
+    <div class="main-inner">
+        <div class="content tag-cloud">
+            {{ if .Site.Params.displayListTitle }}
+                <h1 class="list-title">{{ .Title | default (.Type | title) }}</h1>
+            {{ end }}
+            {{ if ne (len $.Site.Taxonomies.tags) 0 }}
+                {{ $fontUnit := $.Site.Params.fontUnit }}
+                {{ $largestFontSize := $.Site.Params.largestFontSize }}
+                {{ $smallestFontSize := $.Site.Params.smallestFontSize }}
+                {{ $fontSpread := sub $largestFontSize $smallestFontSize }}
+                {{ $max := add (len (index $.Site.Taxonomies.tags.ByCount 0).Pages) 1 }}
+                {{ $min := len (index $.Site.Taxonomies.tags.ByCount.Reverse 0).Pages }}
+                {{ $spread := sub $max $min }}
+                {{ $fontStep := div $fontSpread $spread }}
+                {{ range $name, $taxonomy := $.Site.Taxonomies.tags }}
+                    {{ $currentTagCount := len $taxonomy.Pages }}
+                    {{ $currentFontSize := (add $smallestFontSize (mul (sub $currentTagCount $min) $fontStep)) }}
+                    {{ $count := len $taxonomy.Pages }}
+                    {{ $weigth := div (sub (math.Log $count) (math.Log $min)) (sub (math.Log $max) (math.Log $min)) }}
+                    {{ $currentFontSize := (add $smallestFontSize (mul (sub $largestFontSize $smallestFontSize) $weigth)) }}
+                    {{ with $.Site.GetPage (printf "/tags/%s" $name) }}
+                        <a href="{{ .RelPermalink }}" class="tag-cloud-item" style="font-size: {{ $currentFontSize }}{{ $fontUnit }}">{{ .LinkTitle | default .Data.Term | default $name }}</a>
+                    {{ end }}
+                {{ end }}
+            {{ end }}
+        </div>
+    </div>
+</main>
\ No newline at end of file
diff --git a/themes/meme_cdn/layouts/partials/pages/taxonomy.html b/themes/meme_cdn/layouts/partials/pages/taxonomy.html
new file mode 100644
index 0000000..bac40b6
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/pages/taxonomy.html
@@ -0,0 +1,23 @@
+<main class="main list" id="main">
+    <div class="main-inner">
+        <div class="content list-group">
+            {{ if .Site.Params.displayListTitle }}
+                <h1 class="list-title">{{ .Title | default (.Type | title) }}</h1>
+            {{ end }}
+            {{ $type := .Type }}
+            {{ range .Data.Terms.ByCount }}
+                {{ $name := .Name }}
+                <h2 class="term-title">
+                    {{ $page := $.Site.GetPage (printf "/%s/%s" $type $name) }}
+                    {{ with $page }}
+                        <a href="{{ .RelPermalink }}" class="term-title-link">{{ .LinkTitle | default .Data.Term | default $name }}</a>
+                    {{ end }}
+                    {{ if $.Site.Params.displayTaxonomyTermCount }}
+                        <span class="term-count">{{ printf "(%d)" .Count }}</span>
+                    {{ end }}
+                </h2>
+                {{ partial "utils/list-item.html" (dict "$" . "linkTarget" $page) }}
+            {{ end }}
+        </div>
+    </div>
+</main>
diff --git a/themes/meme_cdn/layouts/partials/pages/tree-categories.html b/themes/meme_cdn/layouts/partials/pages/tree-categories.html
new file mode 100644
index 0000000..26a64bd
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/pages/tree-categories.html
@@ -0,0 +1,92 @@
+<main class="main list" id="main">
+    <div class="main-inner">
+        <div class="content categories">
+            {{ if .Site.Params.displayListTitle }}
+                <h1 class="list-title">{{ .Title | default (.Type | title) }}</h1>
+            {{ end }}
+            <div class="tree">
+                {{ .Scratch.Delete "categories" }}
+                {{ range $.Site.RegularPages }}
+                    {{ with .Param "categories" }}
+                        {{ $.Scratch.Delete "category" }}
+                        {{ range $index, $category := . }}
+                            {{ $category := (printf `/%s` ($category | urlize)) }}
+                            {{ $.Scratch.Add "category" $category }}
+                            {{ $.Scratch.Add "categories" (slice ($.Scratch.Get "category")) }}
+                        {{ end }}
+                    {{ end }}
+                {{ end }}
+                {{ $categories := uniq (.Scratch.Get "categories") | sort }}
+
+                <ul class="list-categories">
+                    {{ range $index, $value := $categories }}
+                        {{ $categoryTerms := (split (strings.TrimPrefix "/" .) "/") }}
+                        {{ $depth := (len $categoryTerms) }}
+                        {{ $lastTerm := (delimit (last 1 $categoryTerms) " ") }}
+                        {{ $url := urls.Parse $lastTerm }}
+                        {{ $path := $url.Path }}
+
+                        {{ with $.Site.GetPage (printf `/categories/%s` $path) }}
+                            {{ $linkTarget := . }}
+
+                            {{ $depthPrev := 0 }}
+                            {{ if ge $index 1 }}
+                                {{ $categoryPrev := index $categories (sub $index 1) }}
+                                {{ $depthPrev = len (split (strings.TrimPrefix "/" $categoryPrev) "/") }}
+                            {{ end }}
+
+                            {{ $depthNext := 0 }}
+                            {{ if lt $index (sub (len $categories) 1) }}
+                                {{ $categoryNext := index $categories (add $index 1) }}
+                                {{ $depthNext = len (split (strings.TrimPrefix "/" $categoryNext) "/") }}
+                            {{ end }}
+
+                            {{ if or (le $depth $depthPrev) (eq $index 0) }}
+                                <li>
+                            {{ end }}
+                            {{ if and (gt $depth $depthPrev) (ne $index 0) }}
+                                <ul class="list-categories"><li>
+                            {{ end }}
+
+                            <a href="{{ .RelPermalink }}" class="category-item">{{ .LinkTitle | default .Data.Term | default $path }}</a>
+                            {{ if $.Site.Params.displayPostsCount }}
+                                <span class="category-count">{{ printf "(%d)" (len .Data.category) }}</span>
+                            {{ end }}
+
+                            {{ if $.Site.Params.displayPosts }}
+                                {{ $.Scratch.Delete "pages" }}
+                                {{ range $.Site.RegularPages }}
+                                    {{ $page := . }}
+                                    {{ with .Param "categories" }}
+                                        {{ $.Scratch.Delete "category" }}
+                                        {{ range . }}
+                                            {{ $category := (printf `/%s` (. | urlize)) }}
+                                            {{ $.Scratch.Add "category" $category }}
+                                        {{ end }}
+                                        {{ $category := $.Scratch.Get "category" }}
+                                        {{ if eq $value $category }}
+                                            {{ $.Scratch.Add "pages" (slice $page) }}
+                                        {{ end }}
+                                    {{ end }}
+                                {{ end }}
+                                {{ $pages := $.Scratch.Get "pages" }}
+                                {{ partial "utils/limit-tree-posts.html" (dict "$" $ "pages" $pages "linkTarget" $linkTarget) }}
+                            {{ end }}
+
+                            {{ if and (gt $depth $depthNext) (ne $index (sub (len $categories) 1)) }}
+                                {{ range seq (sub $depth $depthNext) }}
+                                    {{ if le . (sub $depth $depthNext) }}
+                                        </li></ul>
+                                    {{ end }}
+                                {{ end }}
+                            {{ end }}
+                            {{ if ge $depth $depthNext }}
+                                </li>
+                            {{ end }}
+                        {{ end }}
+                    {{ end }}
+                </ul>
+            </div>
+        </div>
+    </div>
+</main>
diff --git a/themes/meme_cdn/layouts/partials/pages/tree-sections.html b/themes/meme_cdn/layouts/partials/pages/tree-sections.html
new file mode 100644
index 0000000..5c5d279
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/pages/tree-sections.html
@@ -0,0 +1,79 @@
+<main class="main list" id="main">
+    <div class="main-inner">
+        <div class="content categories">
+            {{ if .Site.Params.displayListTitle }}
+                <h1 class="list-title">{{ .Title | default (.Type | title) }}</h1>
+            {{ end }}
+            <div class="tree">
+                <ul class="list-categories">
+                    {{ partial "utils/tree-sections.html" . }}
+                    {{ $sections := .Scratch.Get "sections" }}
+                    {{ $pages := .Scratch.Get "pages" }}
+                    {{ range $index, $page := $pages }}
+                        {{ $depth := (len (split (strings.TrimPrefix "/" $page) "/")) }}
+
+                        {{ with $.Site.GetPage $page }}
+                            {{ $linkTarget := . }}
+
+                            {{ $depthPrev := 0 }}
+                            {{ if ge $index 1 }}
+                                {{ $pagePrev := index $pages (sub $index 1) }}
+                                {{ $depthPrev = len (split (strings.TrimPrefix "/" $pagePrev) "/") }}
+                            {{ end }}
+
+                            {{ $depthNext := 0 }}
+                            {{ if lt $index (sub (len $pages) 1) }}
+                                {{ $pageNext := index $pages (add $index 1) }}
+                                {{ $depthNext = len (split (strings.TrimPrefix "/" $pageNext) "/") }}
+                            {{ end }}
+
+                            {{ if or (le $depth $depthPrev) (eq $index 0) }}
+                                <li>
+                            {{ end }}
+                            {{ if and (gt $depth $depthPrev) (ne $index 0) }}
+                                <ul class="list-categories"><li>
+                            {{ end }}
+
+                            {{ $name := index $sections $index }}
+                            <a href="{{ .RelPermalink }}" class="category-item">{{ .LinkTitle | default $name }}</a>
+                            {{ if $.Site.Params.displayPostsCount }}
+                                {{ $sectionPage := .CurrentSection }}
+                                {{ $.Scratch.Delete "pages" }}
+                                {{ range $.Site.RegularPages }}
+                                    {{ if (.IsDescendant $sectionPage) }}
+                                        {{ $.Scratch.Add "pages" (slice .) }}
+                                    {{ end }}
+                                {{ end }}
+                                {{ $pages := $.Scratch.Get "pages" }}
+                                <span class="category-count">{{ printf "(%d)" (len $pages) }}</span>
+                            {{ end }}
+
+                            {{ if $.Site.Params.displayPosts }}
+                                {{ $sectionPage := .CurrentSection }}
+                                {{ $.Scratch.Delete "pages" }}
+                                {{ range $.Site.RegularPages }}
+                                    {{ if (.InSection $sectionPage) }}
+                                        {{ $.Scratch.Add "pages" (slice .) }}
+                                    {{ end }}
+                                {{ end }}
+                                {{ $pages := $.Scratch.Get "pages" }}
+                                {{ partial "utils/limit-tree-posts.html" (dict "$" $ "pages" $pages "linkTarget" $linkTarget) }}
+                            {{ end }}
+
+                            {{ if and (gt $depth $depthNext) (ne $index (sub (len $pages) 1)) }}
+                                {{ range seq (sub $depth $depthNext) }}
+                                    {{ if le . (sub $depth $depthNext) }}
+                                        </li></ul>
+                                    {{ end }}
+                                {{ end }}
+                            {{ end }}
+                            {{ if ge $depth $depthNext }}
+                                </li>
+                            {{ end }}
+                        {{ end }}
+                    {{ end }}
+                </ul>
+            </div>
+        </div>
+    </div>
+</main>
diff --git a/themes/meme_cdn/layouts/partials/script.html b/themes/meme_cdn/layouts/partials/script.html
new file mode 100644
index 0000000..c7f6053
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/script.html
@@ -0,0 +1,65 @@
+{{- $scripts := slice "js/main.js" -}}
+
+{{- if and .Site.Params.enableForceHTTPS (eq hugo.Environment "production") -}}
+    {{- $scripts = union $scripts (slice "js/force-https.js") -}}
+{{- end -}}
+
+{{- if and .Site.Params.enableHeader (eq .Site.Params.headerLayout "flex") -}}
+    {{- $scripts = union $scripts (slice "js/header.js") -}}
+
+    {{- if .Site.Params.enableNavToggle -}}
+        {{- $scripts = union $scripts (slice "js/nav-toggle.js") -}}
+    {{- end -}}
+{{- end -}}
+
+{{- if .Site.Params.enableBackToTopAutoHide -}}
+    {{- $scripts = union $scripts (slice "js/back-to-top.js") -}}
+{{- end -}}
+
+{{- if .Site.Params.enableDarkMode -}}
+    {{- $scripts = union $scripts (slice "js/dark-mode.js") -}}
+{{- end -}}
+
+{{- if and .Site.IsMultiLingual .Site.Params.enableLangToggle -}}
+    {{- $scripts = union $scripts (slice "js/multilingual.js") -}}
+{{- end -}}
+
+{{- if .Site.Params.enableCopy -}}
+    {{- $scripts = union $scripts (slice "js/copy.js") -}}
+{{- end -}}
+
+{{- if and .Site.Params.enableComments (eq hugo.Environment "production") -}}
+    {{- $scripts = union $scripts (slice "js/comments.js") -}}
+{{- end -}}
+
+{{- if .Site.Params.enableLunrSearch -}}
+    {{- $scripts = union $scripts (partial "third-party/lunr-search.html" .) -}}
+{{- end -}}
+
+{{- if .Site.Params.enableAlgoliaSearch -}}
+    {{- $scripts = union $scripts (partial "third-party/algolia-search.html" .) -}}
+{{- end -}}
+
+{{- $scripts = union $scripts (slice "js/custom.js") -}}
+
+{{- $processedScripts := slice ("" | resources.FromString "dummy.js") -}}
+{{- range $scripts -}}
+    {{- if findRE `^https?:` . -}}
+        <script src="{{ . }}" defer></script>
+    {{- else -}}
+        {{- $path := printf "%s/%s" $.Lang (. | replaceRE `\.js$` "-rendered.js") -}}
+        {{- $processedScripts = union $processedScripts (slice (resources.Get . | resources.ExecuteAsTemplate $path $)) -}}
+    {{- end -}}
+{{- end -}}
+
+{{- $path := (strings.TrimPrefix "/" (printf `%s/js/meme.js` .Site.LanguagePrefix)) -}}
+
+{{- $script := $processedScripts | resources.Concat $path | resources.Minify -}}
+{{- if .Site.Params.enableFingerprint -}}
+    {{- $script = $script | resources.Fingerprint -}}
+    <script src="{{ $script.RelPermalink }}"
+    {{- if .Site.Params.enableSRI }} integrity="{{ $script.Data.Integrity }}" crossorigin="anonymous"{{- end -}}
+    ></script>
+{{- else -}}
+    <script src="{{ $script.RelPermalink }}"></script>
+{{- end }}
diff --git a/themes/meme_cdn/layouts/partials/style.html b/themes/meme_cdn/layouts/partials/style.html
new file mode 100644
index 0000000..b862a4a
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/style.html
@@ -0,0 +1,12 @@
+{{- $path := (strings.TrimPrefix "/" (printf `%s/css/meme.min.css` .Site.LanguagePrefix)) -}}
+{{- $options := (dict "targetPath" $path "outputStyle" "compressed") -}}
+
+{{- $style := resources.Get "scss/main.scss" | resources.ExecuteAsTemplate (printf "%s/styles/main-rendered.scss" .Lang) . | resources.ToCSS $options -}}
+{{- if .Site.Params.enableFingerprint -}}
+    {{- $style = $style | resources.Fingerprint -}}
+    <link rel="stylesheet" href="{{ $style.RelPermalink }}"
+    {{- if .Site.Params.enableSRI }} integrity="{{ $style.Data.Integrity }}" crossorigin="anonymous"{{- end -}}
+    />
+{{- else -}}
+    <link rel="stylesheet" href="{{ $style.RelPermalink }}" />
+{{- end -}}
diff --git a/themes/meme_cdn/layouts/partials/third-party/algolia-search.html b/themes/meme_cdn/layouts/partials/third-party/algolia-search.html
new file mode 100644
index 0000000..e51c875
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/algolia-search.html
@@ -0,0 +1,4 @@
+{{- $defaultCDN := "https://cdn.jsdelivr.net" -}}
+{{- $scripts := slice "{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/instantsearch.js@2/dist/instantsearch.min.js" -}}
+{{- $scripts = union $scripts (slice "js/algolia-search.js") -}}
+{{- return $scripts -}}
diff --git a/themes/meme_cdn/layouts/partials/third-party/busuanzi.html b/themes/meme_cdn/layouts/partials/third-party/busuanzi.html
new file mode 100644
index 0000000..3c2f17c
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/busuanzi.html
@@ -0,0 +1,5 @@
+{{ if or .Site.Params.displayBusuanziPagePV .Site.Params.displayBusuanziSiteUVAndPV }}
+    {{ if eq hugo.Environment "production" }}
+        <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
+    {{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/meme_cdn/layouts/partials/third-party/disqus.html b/themes/meme_cdn/layouts/partials/third-party/disqus.html
new file mode 100644
index 0000000..a7b8c47
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/disqus.html
@@ -0,0 +1,30 @@
+{{- $rawTitle := (partial "utils/title.html" (dict "$" . "title" .Title)).rawTitle -}}
+<script>
+    function loadComments() {
+        if (!document.getElementById('disqus_thread')) {
+            return;
+        }
+        if (typeof DISQUS === 'undefined') {
+            var disqus_config = function() {
+                {{ with .Params.disqus_url | default .Permalink }}this.page.url = '{{ . }}';{{ end }}
+                {{ with .Params.disqus_identifier | default .RelPermalink }}this.page.identifier = '{{ . }}';{{ end }}
+                {{ with .Params.disqus_title | default $rawTitle }}this.page.title = '{{ . }}';{{ end }}
+            };
+            (function() {
+                var d = document, s = d.createElement('script'); s.async = true;
+                s.src = 'https://{{ .Site.Params.disqusShortname }}.disqus.com/embed.js';
+                s.setAttribute('data-timestamp', +new Date());
+                (d.head || d.body).appendChild(s);
+            })();
+        } else {
+            DISQUS.reset({
+                reload: true,
+                config: function() {
+                    {{ with .Params.disqus_url | default .Permalink }}this.page.url = '{{ . }}';{{ end }}
+                    {{ with .Params.disqus_identifier | default .RelPermalink }}this.page.identifier = '{{ . }}';{{ end }}
+                    {{ with .Params.disqus_title | default $rawTitle }}this.page.title = '{{ . }}';{{ end }}
+                }
+            });
+        }
+    }
+</script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/gitalk.html b/themes/meme_cdn/layouts/partials/third-party/gitalk.html
new file mode 100644
index 0000000..5468fe2
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/gitalk.html
@@ -0,0 +1,50 @@
+{{- $defaultCDN := "https://cdn.jsdelivr.net" -}}
+<link rel="stylesheet" href="{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/gitalk@1/dist/gitalk.css">
+<script>
+    
+    function loadComments() {
+        if (!document.getElementById('gitalk-container')) {
+            return;
+        }
+        if (typeof Gitalk === 'undefined') {
+            var getScript = (options) => {
+                var script = document.createElement('script');
+                script.defer = true;
+                script.crossOrigin = 'anonymous';
+                Object.keys(options).forEach((key) => {
+                    script[key] = options[key];
+                });
+                document.body.appendChild(script);
+            };
+            getScript({
+                src: '{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/gitalk@1/dist/gitalk.min.js',
+                onload: () => {
+                    newGitalk();
+                }
+            });
+        } else {
+            newGitalk();
+        }
+    }
+    function newGitalk() {
+        const gitalk = new Gitalk({
+            clientID: {{ .Site.Params.gitalkClientID }},
+            clientSecret: {{ .Site.Params.gitalkClientSecret }},
+            repo: {{ .Site.Params.gitalkRepo }},
+            owner: {{ .Site.Params.gitalkOwner }},
+            admin: {{ .Site.Params.gitalkAdmin }},
+            labels: {{ .Site.Params.gitalkLable }},
+            distractionFreeMode: {{ .Site.Params.gitalkDistractionFreeMode }}, 
+            perPage: {{ .Site.Params.gitalkPerPage }},
+            language: {{ .Site.Params.gitalkLanguage }},
+            pagerDirection: {{ .Site.Params.gitalkPagerDirection }},
+            createIssueManually: {{ .Site.Params.gitalkDistractionFreeMode }},
+            proxy: {{ .Site.Params.gitalkProxy }},
+            enableHotKey: {{ .Site.Params.gitalkEnableHotKey }},
+            id:  location.pathname
+        })
+
+        gitalk.render('gitalk-container')
+    }
+    
+</script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/google-adsense-auto.html b/themes/meme_cdn/layouts/partials/third-party/google-adsense-auto.html
new file mode 100644
index 0000000..bf36bcc
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/google-adsense-auto.html
@@ -0,0 +1,6 @@
+<script>
+    (adsbygoogle = window.adsbygoogle || []).push({
+        google_ad_client: "{{ .Site.Params.googleAdClient }}",
+        enable_page_level_ads: true
+    });
+</script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/google-adsense-unit.html b/themes/meme_cdn/layouts/partials/third-party/google-adsense-unit.html
new file mode 100644
index 0000000..96d7d6e
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/google-adsense-unit.html
@@ -0,0 +1,6 @@
+<ins class="adsbygoogle" style="display:block; text-align:center;"
+    data-ad-client="{{ .Site.Params.googleAdClient }}"
+    data-ad-slot="{{ .Site.Params.googleAdSlot }}"></ins>
+<script>
+    (adsbygoogle = window.adsbygoogle || []).push({});
+</script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/google-adsense.html b/themes/meme_cdn/layouts/partials/third-party/google-adsense.html
new file mode 100644
index 0000000..c689c11
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/google-adsense.html
@@ -0,0 +1 @@
+<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/google-analytics.html b/themes/meme_cdn/layouts/partials/third-party/google-analytics.html
new file mode 100644
index 0000000..5c2689d
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/google-analytics.html
@@ -0,0 +1,24 @@
+{{ $id := .Site.Params.trackingID }}
+
+{{ if eq .Site.Params.trackingCodeType "gtag" }}
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{ $id }}"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', '{{ $id }}');
+    </script>
+{{ end }}
+
+{{ if eq .Site.Params.trackingCodeType "analytics" }}
+    <!-- Google Analytics -->
+    <script>
+        window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+        ga('create', '{{ $id }}', 'auto');
+        ga('send', 'pageview');
+    </script>
+    <script async src='https://www.google-analytics.com/analytics.js'></script>
+    <!-- End Google Analytics -->
+{{ end }}
\ No newline at end of file
diff --git a/themes/meme_cdn/layouts/partials/third-party/instant-page.html b/themes/meme_cdn/layouts/partials/third-party/instant-page.html
new file mode 100644
index 0000000..de5a5d3
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/instant-page.html
@@ -0,0 +1,2 @@
+{{- $defaultCDN := "https://cdn.jsdelivr.net" -}}
+<script src="{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/instant.page@5.1.0/instantpage.min.js" type="module" defer></script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/katex.html b/themes/meme_cdn/layouts/partials/third-party/katex.html
new file mode 100644
index 0000000..03ec47e
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/katex.html
@@ -0,0 +1,50 @@
+{{- $defaultCDN := "https://cdn.jsdelivr.net" -}}
+<link rel="stylesheet" href="{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/katex@0.13.0/dist/katex.min.css" integrity="sha256-gPJfuwTULrEAAcI3X4bALVU/2qBU+QY/TpoD3GO+Exw=" crossorigin="anonymous">
+
+<script>
+    if (typeof renderMathInElement === 'undefined') {
+        var getScript = (options) => {
+            var script = document.createElement('script');
+            script.defer = true;
+            script.crossOrigin = 'anonymous';
+            Object.keys(options).forEach((key) => {
+                script[key] = options[key];
+            });
+            document.body.appendChild(script);
+        };
+        getScript({
+            src: '{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/katex@0.13.0/dist/katex.min.js',
+            integrity: 'sha256-YTW9cMncW/ZQMhY69KaUxIa2cPTxV87Uh627Gf5ODUw=',
+            onload: () => {
+                getScript({
+                    src: '{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/katex@0.13.0/dist/contrib/mhchem.min.js',
+                    integrity: 'sha256-yzSfYeVsWJ1x+2g8CYHsB/Mn7PcSp8122k5BM4T3Vxw=',
+                    onload: () => {
+                        getScript({
+                            src: '{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/katex@0.13.0/dist/contrib/auto-render.min.js',
+                            integrity: 'sha256-fxJzNV6hpc8tgW8tF0zVobKa71eTCRGTgxFXt1ZpJNM=',
+                            onload: () => {
+                                renderKaTex();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    } else {
+        renderKaTex();
+    }
+    function renderKaTex() {
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\(", right: "\\)", display: false}
+                ]
+            }
+        );
+    }
+</script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/lunr-search.html b/themes/meme_cdn/layouts/partials/third-party/lunr-search.html
new file mode 100644
index 0000000..cbe313f
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/lunr-search.html
@@ -0,0 +1,22 @@
+{{- $defaultCDN := "https://cdn.jsdelivr.net" -}}
+{{- $cdn := slice ( .Site.Params.cdnCustomized | default $defaultCDN ) -}}
+{{- $LunrMinJs := slice ("/npm/lunr@2.3.9/lunr.min.js") -}}
+{{- $tinysegJs := slice ("/npm/lunr-languages@1.4.0/tinyseg.js") -}}
+{{- $lunrStemmerSupportJs := slice ("/npm/lunr-languages@1.4.0/min/lunr.stemmer.support.min.js") -}}
+{{- $lunrLanguagesJs := slice ("/npm/lunr-languages@1.4.0/min/lunr.%s.min.js") -}}
+{{- $scripts := slice (union $cdn $LunrMinJs) -}}
+{{- if ne .Site.Language.Lang "en" -}}
+    {{- $supported := slice "ar" "da" "de" "du" "es" "fi" "fr" "hu" "it" "ja" "nl" "no" "pt" "ro" "ru" "sv" "tr" "vi" -}}
+    {{- if in $supported .Site.Language.Lang -}}
+        {{- if eq .Site.Language.Lang "ja" -}}
+            {{- $scripts = union $scripts (slice (union $cdn $tinysegJs)) -}}
+        {{- end -}}
+        {{- $scripts = union $scripts (slice (union $cdn $lunrStemmerSupportJs)) -}}
+        {{- $scripts = union $scripts (slice (printf union $cdn $lunrLanguagesJs .Site.Language.Lang)) -}}
+    {{- else -}}
+        {{- warnf "The site language %q isn't supported by lunr, the search results might be suboptimal. Supported languages are: %q" .Site.Language.Lang $supported -}}
+    {{- end -}}
+{{- end -}}
+
+{{- $scripts = union $scripts (slice "js/lunr-search.js") -}}
+{{- return $scripts -}}
diff --git a/themes/meme_cdn/layouts/partials/third-party/mathjax.html b/themes/meme_cdn/layouts/partials/third-party/mathjax.html
new file mode 100644
index 0000000..6c904cc
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/mathjax.html
@@ -0,0 +1,31 @@
+{{- $defaultCDN := "https://cdn.jsdelivr.net" -}}
+<script>
+    if (typeof MathJax === 'undefined') {
+        window.MathJax = {
+            loader: {
+                load: ['[tex]/mhchem']
+            },
+            {{ if .Site.Params.disableMathJaxMenu }}
+                options: {
+                    renderActions: {
+                        addMenu: [0, '', '']
+                    }
+                },
+            {{ end }}
+            tex: {
+                inlineMath: {'[+]': [['$', '$']]},
+                tags: 'ams',
+                packages: {'[+]': ['mhchem']}
+            }
+        };
+        (function() {
+            var script = document.createElement('script');
+            script.src = '{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/mathjax@3.1.2/es5/tex-mml-chtml.js';
+            script.defer = true;
+            document.head.appendChild(script);
+        })();
+    } else {
+        MathJax.texReset();
+        MathJax.typeset();
+    }
+</script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/medium-zoom.html b/themes/meme_cdn/layouts/partials/third-party/medium-zoom.html
new file mode 100644
index 0000000..ea0b4b4
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/medium-zoom.html
@@ -0,0 +1,11 @@
+{{- $defaultCDN := "https://cdn.jsdelivr.net" -}}
+<script src="{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
+
+<script>
+    let imgNodes = document.querySelectorAll('div.post-body img');
+    imgNodes = Array.from(imgNodes).filter(node => node.parentNode.tagName !== "A");
+
+    mediumZoom(imgNodes, {
+        background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
+    })
+</script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/mermaid.html b/themes/meme_cdn/layouts/partials/third-party/mermaid.html
new file mode 100644
index 0000000..675b181
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/mermaid.html
@@ -0,0 +1,21 @@
+{{- $defaultCDN := "https://cdn.jsdelivr.net" -}}
+<script src="{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/mermaid@8.8.3/dist/mermaid.min.js"></script>
+<script>
+    let mermaidConfig = {
+        startOnLoad: true,
+        flowchart: {
+            useMaxWidth: false,
+            htmlLabels: true
+        },
+        theme: '{{ template "mermaid-theme" . }}'
+    };
+    mermaid.initialize(mermaidConfig);
+</script>
+
+{{- define "mermaid-theme" -}}
+    {{- $theme := .Site.Params.mermaidTheme | default "default" -}}
+    {{- if and .Site.Params.enableDarkMode (eq .Site.Params.defaultTheme "dark") -}}
+        {{- $theme = .Site.Params.mermaidThemeDark | default "dark" -}}
+    {{- end -}}
+    {{- $theme -}}
+{{- end -}}
diff --git a/themes/meme_cdn/layouts/partials/third-party/qrcode-generator.html b/themes/meme_cdn/layouts/partials/third-party/qrcode-generator.html
new file mode 100644
index 0000000..2c0bb6a
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/qrcode-generator.html
@@ -0,0 +1,11 @@
+{{- $defaultCDN := "https://cdn.jsdelivr.net" -}}
+<script src="{{- .Site.Params.cdnCustomized | default $defaultCDN -}}/npm/qrcode-generator@1.4.4/qrcode.min.js"></script>
+
+<script>
+    var typeNumber = 0;
+    var errorCorrectionLevel = 'L';
+    var qr = qrcode(typeNumber, errorCorrectionLevel);
+    qr.addData('{{ .Permalink }}');
+    qr.make();
+    document.getElementById('qrcode-img').innerHTML = qr.createImgTag();
+</script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/script.html b/themes/meme_cdn/layouts/partials/third-party/script.html
new file mode 100644
index 0000000..e36be6f
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/script.html
@@ -0,0 +1,45 @@
+{{ if .Params.katex | default .Site.Params.enableKaTeX }}
+    {{ partial "third-party/katex.html" . }}
+{{ end }}
+
+{{ if .Params.mathjax | default .Site.Params.enableMathJax }}
+    {{ partial "third-party/mathjax.html" . }}
+{{ end }}
+
+{{ if .Params.mermaid | default .Site.Params.enableMermaid }}
+    {{ partial "third-party/mermaid.html" . }}
+{{ end }}
+
+{{ if and (.Params.comments | default .Site.Params.enableComments) (eq hugo.Environment "production") }}
+    {{ if or (in .Site.Params.mainSections .Section) .Params.comments }}
+
+        {{ if .Site.Params.enableDisqus }}
+            {{ partial "third-party/disqus.html" . }}
+        {{ end }}
+
+        {{ if .Site.Params.enableValine }}
+            {{ partial "third-party/valine.html" . }}
+        {{ end }}
+
+        {{ if .Site.Params.enableUtterances }}
+            {{ partial "third-party/utterances.html" . }}
+        {{ end }}
+
+        {{ if .Site.Params.enableGitalk }}
+            {{ partial "third-party/gitalk.html" . }}
+        {{ end }}
+
+    {{ end }}
+{{ end }}
+
+{{ if .Site.Params.enableMediumZoom }}
+    {{ partial "third-party/medium-zoom.html" . }}
+{{ end }}
+
+{{ if .Site.Params.enableInstantPage }}
+    {{ partial "third-party/instant-page.html" . }}
+{{ end }}
+
+{{ partial "third-party/busuanzi.html" . }}
+
+{{ partial "custom/script.html" . }}
diff --git a/themes/meme_cdn/layouts/partials/third-party/utterances.html b/themes/meme_cdn/layouts/partials/third-party/utterances.html
new file mode 100644
index 0000000..d057fda
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/utterances.html
@@ -0,0 +1,39 @@
+<script>
+    function loadComments() {
+        (function() {
+            var utterances = document.getElementById("utterances");
+            if (!utterances) {
+                return;
+            }
+            var script = document.createElement('script');
+            script.src = 'https://utteranc.es/client.js';
+            script.async = true;
+            script.crossOrigin = 'anonymous';
+            script.setAttribute('repo', '{{ .Site.Params.utterancesRepo }}');
+            script.setAttribute('issue-term', '{{ .Site.Params.utterancesIssueTerm }}');
+            {{ template "utterances-theme" . }}
+            {{ with .Site.Params.utterancesLabel }}
+                script.setAttribute('label', '{{ . }}');
+            {{ end }}
+            utterances.appendChild(script);
+        })();
+    }
+</script>
+
+{{- define "utterances-theme" -}}
+    {{- $theme := .Site.Params.utterancesTheme | default "github-light" -}}
+    {{- if and .Site.Params.enableDarkMode (eq .Site.Params.defaultTheme "dark") -}}
+        {{- $theme = .Site.Params.utterancesThemeDark | default "photon-dark" -}}
+    {{- end -}}
+
+    {{- if .Site.Params.enableDarkMode -}}
+        const isDark = getCurrentTheme() === 'dark';
+        if (isDark) {
+            script.setAttribute('theme', '{{ .Site.Params.utterancesThemeDark | default "photon-dark" }}');
+        } else {
+            script.setAttribute('theme', '{{ .Site.Params.utterancesTheme | default "github-light" }}');
+        }
+    {{- else -}}
+        script.setAttribute('theme', '{{ $theme }}');
+    {{- end -}}
+{{- end -}}
diff --git a/themes/meme_cdn/layouts/partials/third-party/valine.html b/themes/meme_cdn/layouts/partials/third-party/valine.html
new file mode 100644
index 0000000..17c883a
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/valine.html
@@ -0,0 +1,49 @@
+{{- $defaultCDN := "https://cdn.jsdelivr.net" -}}
+<script>
+    function loadComments() {
+        if (!document.getElementById('vcomments')) {
+            return;
+        }
+        if (typeof Valine === 'undefined') {
+            var getScript = (options) => {
+                var script = document.createElement('script');
+                script.defer = true;
+                script.crossOrigin = 'anonymous';
+                Object.keys(options).forEach((key) => {
+                    script[key] = options[key];
+                });
+                document.body.appendChild(script);
+            };
+            getScript({
+                src: '{{ .Site.Params.cdnCustomized | default $defaultCDN }}/npm/valine@1.4.14/dist/Valine.min.js',
+                onload: () => {
+                    newValine();
+                }
+            });
+        } else {
+            newValine();
+        }
+    }
+    function newValine() {
+        new Valine({
+            el: '#vcomments',
+            appId: '{{ .Site.Params.valineAppId }}',
+            appKey: '{{ .Site.Params.valineAppKey }}',
+            placeholder: '{{ .Site.Params.valinePlaceholder }}',
+            path: {{ .Site.Params.valinePath | default "location.pathname" | safeJS }},
+            avatar: '{{ .Site.Params.valineAvatar }}',
+            meta: {{ .Site.Params.valineMeta }},
+            pageSize: {{ .Site.Params.valinePageSize }},
+            lang: '{{ .Site.Params.valineLang }}',
+            visitor: {{ .Site.Params.valineVisitor }},
+            highlight: {{ .Site.Params.valineHighlight }},
+            avatarForce: {{ .Site.Params.valineAvatarForce }},
+            recordIP: {{ .Site.Params.valineRecordIP }},
+            serverURLs: '{{ .Site.Params.valineServerURLs }}',
+            emojiCDN: '{{ .Site.Params.valineEmojiCDN }}',
+            emojiMaps: {{ .Site.Params.valineEmojiMaps }},
+            enableQQ: {{ .Site.Params.valineEnableQQ }},
+            requiredFields: {{ .Site.Params.valineRequiredFields }}
+        });
+    }
+</script>
diff --git a/themes/meme_cdn/layouts/partials/third-party/yandex-metrika.html b/themes/meme_cdn/layouts/partials/third-party/yandex-metrika.html
new file mode 100644
index 0000000..7177b0e
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/third-party/yandex-metrika.html
@@ -0,0 +1,16 @@
+{{ with .Site.Params.yandexMetrikaId }}
+    <!-- Yandex.Metrika counter -->
+    <script type="text/javascript" >
+        (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
+        m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
+        (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+        ym({{ . }}, "init", {
+            clickmap:true,
+            trackLinks:true,
+            accurateTrackBounce:true
+        });
+    </script>
+    <noscript><div><img src="https://mc.yandex.ru/watch/{{ . }}" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
+    <!-- /Yandex.Metrika counter -->
+{{ end }}
\ No newline at end of file
diff --git a/themes/meme_cdn/layouts/partials/utils/author.html b/themes/meme_cdn/layouts/partials/utils/author.html
new file mode 100644
index 0000000..bc5f067
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/author.html
@@ -0,0 +1,48 @@
+{{- $author := dict -}}
+{{- if .Params.original | default .Site.Params.original -}}
+    {{- with .Site.Author.name -}}
+        {{- $author = merge $author (dict "name" .) -}}
+    {{- end -}}
+    {{- with .Site.Author.email -}}
+        {{- $author = merge $author (dict "email" .) -}}
+    {{- end -}}
+    {{- with .Site.Author.motto -}}
+        {{- $author = merge $author (dict "motto" .) -}}
+    {{- end -}}
+    {{- with .Site.Author.avatar -}}
+        {{- $author = merge $author (dict "avatar" .) -}}
+    {{- end -}}
+    {{- $baseURLWithLangFix := (printf "%s%s/" (strings.TrimSuffix "/" .Site.BaseURL) .Site.LanguagePrefix) -}}
+    {{- with .Site.Author.website | default $baseURLWithLangFix -}}
+        {{- $author = merge $author (dict "website" .) -}}
+    {{- end -}}
+    {{- with .Site.Copyright -}}
+        {{- $author = merge $author (dict "copyright" .) -}}
+    {{- end -}}
+    {{- with .Site.Author.twitter -}}
+        {{- $author = merge $author (dict "twitter" .) -}}
+    {{- end -}}
+{{- else -}}
+    {{- with .Params.author -}}
+        {{- $author = merge $author (dict "name" .) -}}
+    {{- end -}}
+    {{- with .Params.email -}}
+        {{- $author = merge $author (dict "email" .) -}}
+    {{- end -}}
+    {{- with .Params.motto -}}
+        {{- $author = merge $author (dict "motto" .) -}}
+    {{- end -}}
+    {{- with .Params.avatar -}}
+        {{- $author = merge $author (dict "avatar" .) -}}
+    {{- end -}}
+    {{- with .Params.website -}}
+        {{- $author = merge $author (dict "website" .) -}}
+    {{- end -}}
+    {{- with .Params.copyright -}}
+        {{- $author = merge $author (dict "copyright" .) -}}
+    {{- end -}}
+    {{- with .Params.twitter -}}
+        {{- $author = merge $author (dict "twitter" .) -}}
+    {{- end -}}
+{{- end -}}
+{{- return $author -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/auto-detect-images.html b/themes/meme_cdn/layouts/partials/utils/auto-detect-images.html
new file mode 100644
index 0000000..1aaf04d
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/auto-detect-images.html
@@ -0,0 +1,11 @@
+<!-- https://gohugo.io/functions/findre/ -->
+<!-- https://gohugo.io/functions/replacere/ -->
+<!-- https://regex101.com/ -->
+{{- $imgs := slice -}}
+{{- if and .IsPage (in .Site.Params.mainSections .Section) -}}
+    {{- range (findRE `<img src="/?([^"]+)` .Content | uniq) -}}
+        {{- $url := replaceRE `<img src="/?([^"]+)` `$1` . -}}
+        {{- $imgs = union $imgs (slice $url) -}}
+    {{- end -}}
+{{- end -}}
+{{- return $imgs -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/content.html b/themes/meme_cdn/layouts/partials/utils/content.html
new file mode 100644
index 0000000..6024a7c
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/content.html
@@ -0,0 +1,187 @@
+{{- $Content := partial "utils/markdownify.html" (dict "$" . "raw" .Content "isContent" true) -}}
+
+<!-- Link Headings to TOC -->
+{{- $enableTOC := .Params.toc | default .Site.Params.enableTOC -}}
+{{- if and $enableTOC .Site.Params.linkHeadingsToTOC -}}
+    {{- $regexPatternLinkHeadings := `(<h[1-6] id="([^"]+)">)(.+)?(</h[1-6]+>)` -}}
+    {{- $regexReplacementLinkHeadings := `$1<a href="#contents:$2" class="headings">$3</a>$4` -}}
+    {{- $Content = $Content | replaceRE $regexPatternLinkHeadings $regexReplacementLinkHeadings -}}
+{{- end -}}
+
+<!-- Headings Anchor -->
+{{- if .Params.anchor | default .Site.Params.enableHeadingsAnchor -}}
+    {{- with .Site.Params.headingsOpt -}}
+        {{- $headings := . -}}
+        {{- $.Scratch.Set "headings" $headings -}}
+    {{- end -}}
+    {{- $headings := .Scratch.Get "headings" -}}
+    {{- $headings := $headings | default "1-6" -}}
+
+    {{- with .Site.Params.anchorIcon -}}
+        {{- $icon := (replace (index $.Site.Data.SVG .) "icon" "icon anchor-icon") -}}
+        {{- $.Scratch.Set "icon" $icon -}}
+    {{- end -}}
+    {{- $icon := .Scratch.Get "icon" -}}
+    {{- $anchor := $icon | default .Site.Params.anchorSymbol | default "§" -}}
+
+    {{- if .Site.Params.enableAnchorLink -}}
+        {{- $replacement := (printf `$1<a href="#$2" class="anchor-link">%s</a>$3$4` $anchor) -}}
+        {{- $.Scratch.Set "replacement" $replacement -}}
+    {{- else -}}
+        {{- $replacement := (printf `$1<span class="anchor-link">%s</span>$3$4` $anchor) -}}
+        {{- $.Scratch.Set "replacement" $replacement -}}
+    {{- end -}}
+    {{- $replacement := .Scratch.Get "replacement" -}}
+
+    {{- $regexPatternHeadingsAnchor := (printf `(<h[%s] id="([^"]+)">)(.+)?(</h[%s]+>)` $headings $headings) -}}
+    {{- $regexReplacementHeadingsAnchor := $replacement -}}
+    {{- $Content = $Content | replaceRE $regexPatternHeadingsAnchor $regexReplacementHeadingsAnchor -}}
+{{- end -}}
+
+<!-- Drop Cap -->
+{{- if eq .Type "poetry" -}}
+    {{- $enableDropCap := .Params.dropCap | default false -}}
+    {{- .Scratch.Set "enableDropCap" $enableDropCap -}}
+{{- else -}}
+    {{- $enableDropCap := .Params.dropCap | default .Site.Params.enableDropCap -}}
+    {{- .Scratch.Set "enableDropCap" $enableDropCap -}}
+{{- end -}}
+{{- $enableDropCap := .Scratch.Get "enableDropCap" -}}
+{{- if $enableDropCap -}}
+    {{- $regexPatternDropCap := `(<p)(>)([^<])(.+(</p>|\n))` -}}
+    {{- $regexReplacementDropCap := `$1 style="text-indent:0"$2<span class="drop-cap">$3</span>$4` -}}
+    {{- $firstParagraphOld := (delimit (findRE $regexPatternDropCap $Content 1) " ") -}}
+    {{- $firstParagraphNew := (replaceRE $regexPatternDropCap $regexReplacementDropCap $firstParagraphOld) -}}
+    {{- $Content = replace $Content $firstParagraphOld $firstParagraphNew 1 -}}
+{{- end -}}
+
+<!-- Drop Cap After `<hr />` -->
+{{- $enableDropCapAfterHr := .Params.dropCapAfterHr | default .Site.Params.enableDropCapAfterHr -}}
+{{- if ne .Type "poetry" -}}
+    {{- if $enableDropCapAfterHr -}}
+        {{- if .Params.deleteHrBeforeDropCap | default .Site.Params.deleteHrBeforeDropCap -}}
+            {{- $replacement := `$3 style="text-indent:0"$4<span class="drop-cap">$5</span>` -}}
+            {{- $.Scratch.Set "replacement" $replacement -}}
+        {{- else -}}
+            {{- $replacement := `$1$3 style="text-indent:0"$4<span class="drop-cap">$5</span>` -}}
+            {{- $.Scratch.Set "replacement" $replacement -}}
+        {{- end -}}
+        {{- $replacement := .Scratch.Get "replacement" -}}
+
+        {{- $regexPatternDropCapAfterHr := `(\n(<hr />|<hr>))(\n<p)(>)([^<])` -}}
+        {{- $regexReplacementDropCapAfterHr := $replacement -}}
+        {{- $Content = $Content | replaceRE $regexPatternDropCapAfterHr $regexReplacementDropCapAfterHr -}}
+    {{- end -}}
+{{- end -}}
+
+<!-- Footnote Ref with Square Brackets `[]` -->
+{{- if .Site.Params.squareBrackets -}}
+    {{- $regexPatternFootnoteRef := `(<sup id="fnref:\d+"><a href="#fn:\d+"[^>]+>)(\d+)(</a></sup>)` -}}
+    {{- $regexReplacementFootnoteRef := `$1[$2]$3` -}}
+    {{- $Content = $Content | replaceRE $regexPatternFootnoteRef $regexReplacementFootnoteRef -}}
+{{- end -}}
+
+<!-- Delete Footnote `<hr />` -->
+{{- if .Site.Params.insertHrBySelf -}}
+    {{- $regexPatternDeleteHr := `(<hr />|<hr>)\n(<(section|div) class="footnotes" role="doc-endnotes">)` -}}
+    {{- $regexReplacementDeleteHr := `$2` -}}
+    {{- $Content = $Content | replaceRE $regexPatternDeleteHr $regexReplacementDeleteHr -}}
+{{- end -}}
+
+<!-- Replace `footnoteReturnLinkContents` with icon -->
+{{- with .Site.Params.footnoteReturnLinkIcon -}}
+    {{- $icon := (partial "utils/icon.html" (dict "$" $ "name" . "class" "footnote-icon")) -}}
+    {{- $replacement := (printf `${1}%s$3` $icon) -}}
+
+    {{- $regexPatternfootnoteReturnLinkIcon := `(href="#fnref[^>]+>)([^<]+)(.+)` -}}
+    {{- $regexReplacementfootnoteReturnLinkIcon := $replacement -}}
+    {{- $Content = $Content | replaceRE $regexPatternfootnoteReturnLinkIcon $regexReplacementfootnoteReturnLinkIcon -}}
+{{- end -}}
+
+<!-- Image & Video Footnote -->
+{{- $regexPatternFootnoteImage := `(<sup)(.+</sup><(img|video))` -}}
+{{- $regexReplacementFootnoteImage := `$1 style="float:right"$2` -}}
+{{- $Content = $Content | replaceRE $regexPatternFootnoteImage $regexReplacementFootnoteImage -}}
+
+<!-- Image & Video Caption -->
+{{- if .Site.Params.enableCaption -}}
+    {{- $captionPrefix := .Site.Params.captionPrefix -}}
+    {{- $regexPatternCaption := `(<(img|video).+) title="([^"]+)"( controls)?( />|>)(</video>)?` -}}
+    {{- $regexReplacementCaption := (printf `$1$4$5$6<span class="caption">%s$3</span>` $captionPrefix) -}}
+    {{- $Content = $Content | replaceRE $regexPatternCaption $regexReplacementCaption -}}
+{{- end -}}
+
+<!-- Image Hosting -->
+{{- if and .Site.Params.enableImageHost (eq hugo.Environment "production") -}}
+    {{- $hostURL := strings.TrimSuffix "/" .Site.Params.imageHostURL -}}
+    {{- $temps := findRE `<(img) src="/?([^":]+)` $Content | uniq -}}
+    {{- with $temps -}}
+        {{- range . -}}
+            {{- if not (in (slice "http" "ttps") (substr . -1 4)) -}}
+                {{- $url := replaceRE `<(img) src="/?([^":]+)` `$2` . -}}
+                {{- $prefix := replaceRE `(<(img) src=")/?([^":]+)` `$1` . -}}
+                {{- $replacement := (printf `%s%s/%s` $prefix $hostURL $url) -}}
+                {{- $Content = replace $Content . $replacement -}}
+            {{- end -}}
+        {{- end -}}
+    {{- end -}}
+{{- end -}}
+
+<!-- Video Hosting -->
+{{- if and .Site.Params.enableVideoHost (eq hugo.Environment "production") -}}
+    {{- $hostURL := strings.TrimSuffix "/" .Site.Params.videoHostURL -}}
+    {{- $temps := findRE `<(video) src="/?([^":]+)` $Content | uniq -}}
+    {{- with $temps -}}
+        {{- range . -}}
+            {{- if not (in (slice "http" "ttps") (substr . -1 4)) -}}
+                {{- $url := replaceRE `<(video) src="/?([^":]+)` `$2` . -}}
+                {{- $prefix := replaceRE `(<(video) src=")/?([^":]+)` `$1` . -}}
+                {{- $replacement := (printf `%s%s/%s` $prefix $hostURL $url) -}}
+                {{- $Content = replace $Content . $replacement -}}
+            {{- end -}}
+        {{- end -}}
+    {{- end -}}
+{{- end -}}
+
+<!-- Paragraph Indent -->
+{{- $enableIndent := (and .Site.Params.enableParagraphIndent .Params.indent) | default (and .Site.Params.enableParagraphIndent (eq .Site.Params.paragraphStyle "indent")) -}}
+{{- if ne .Type "poetry" -}}
+    {{- if $enableIndent -}}
+        {{- $regexPatternIndent := `((</p>|<blockquote>)\n<p)(>)(.+(<br />|<br>))` -}}
+        {{- $regexReplacementIndent := `$1 style="text-indent:0;padding-left:2em;margin:1em 0"$3$4` -}}
+        {{- $Content = $Content | replaceRE $regexPatternIndent $regexReplacementIndent -}}
+    {{- end -}}
+{{- end -}}
+
+<!-- Do NOT Indent The First Paragraph -->
+{{- if and (not (.Params.indentFirstParagraph | default .Site.Params.indentFirstParagraph)) $enableIndent -}}
+    {{- if ne .Type "poetry" -}}
+        {{- if not $enableDropCap -}}
+            {{- $regex := `(<p)(>[^<]+)` -}}
+            {{- $replacement := `$1 style="text-indent:0"$2` -}}
+            {{- $firstParagraphOld := (delimit (findRE $regex $Content 1) " ") -}}
+            {{- $firstParagraphNew := (replaceRE $regex $replacement $firstParagraphOld) -}}
+            {{- $Content = replace $Content $firstParagraphOld $firstParagraphNew -}}
+        {{- end -}}
+        {{- if not $enableDropCapAfterHr -}}
+            {{- $regex := `((</h[1-6]>|<hr>|<hr />)\n(<blockquote>\n)?<p)(>[^<])` -}}
+            {{- $.Scratch.Set "regex" $regex -}}
+        {{- else -}}
+            {{- $regex := `((</h[1-6]>)\n(<blockquote>\n)?<p)(>[^<])` -}}
+            {{- $.Scratch.Set "regex" $regex -}}
+        {{- end -}}
+        {{- $regex := .Scratch.Get "regex" -}}
+        {{- $replacement := `$1 style="text-indent:0"$4` -}}
+        {{- $Content = $Content | replaceRE $regex $replacement -}}
+    {{- end -}}
+{{- end -}}
+
+<!-- Responsive tables -->
+{{- $Content = $Content | replaceRE `<table\b` `<div class="table-container"><table` -}}
+{{- $Content = $Content | replaceRE `</table>` `</table></div>` -}}
+
+<!-- Custom -->
+{{- $Content = partial "custom/content.html" (dict "$" $ "Content" $Content) | default $Content -}}
+
+<!-- Final Content -->
+{{- $Content | safeHTML -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/data-attributes.html b/themes/meme_cdn/layouts/partials/utils/data-attributes.html
new file mode 100644
index 0000000..cab0fc3
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/data-attributes.html
@@ -0,0 +1,29 @@
+<!-- Small Caps -->
+{{- $smallCaps := .Params.smallCaps | default .Site.Params.enableSmallCaps | default false -}}
+
+<!-- Align -->
+{{- $align := .Params.align | default "default" -}}
+{{- if ne .Type "poetry" -}}
+    {{- if and $.Site.Params.enableJustify (eq $align "default") -}}
+        {{- $align = "justify" -}}
+    {{- end -}}
+{{- end -}}
+
+<!-- Type -->
+{{- $type := .Type -}}
+
+<!-- Layout -->
+{{- $layout := .Params.layout -}}
+
+<!-- Paragraph Indent -->
+{{- $indent := false -}}
+{{- if and .Site.Params.enableParagraphIndent (ne .Type "poetry") -}}
+    {{- if .Params.indent | default (eq .Site.Params.paragraphStyle "indent") -}}
+        {{- $indent = true -}}
+    {{- end -}}
+{{- end -}}
+
+<!-- TOC Number -->
+{{- $tocNum := .Params.tocNum | default .Site.Params.displayTOCNum -}}
+
+{{- return dict "smallCaps" $smallCaps "align" $align "type" $type "layout" $layout "indent" $indent "tocNum" $tocNum -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/date.html b/themes/meme_cdn/layouts/partials/utils/date.html
new file mode 100644
index 0000000..c3d7351
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/date.html
@@ -0,0 +1,13 @@
+{{- $pubDate := .PublishDate -}}
+{{- if $pubDate.IsZero -}}
+    {{- $pubDate = .Site.Params.siteCreatedTime -}}
+{{- end -}}
+{{- $pubDate = dateFormat "2006-01-02T15:04:05-07:00" $pubDate -}}
+
+{{- $modDate := .Lastmod -}}
+{{- if $modDate.IsZero -}}
+    {{- $modDate = .Site.Params.siteCreatedTime -}}
+{{- end -}}
+{{- $modDate = dateFormat "2006-01-02T15:04:05-07:00" $modDate -}}
+
+{{- return dict "pubDate" $pubDate "modDate" $modDate -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/icon.html b/themes/meme_cdn/layouts/partials/utils/icon.html
new file mode 100644
index 0000000..60a644b
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/icon.html
@@ -0,0 +1,6 @@
+{{- $ := index . "$" -}}
+{{- $name := .name -}}
+{{- $class := .class | default $name -}}
+{{- $icon := index $.Site.Data.SVG $name -}}
+{{- $class := printf "icon %s" $class -}}
+{{- return (replace $icon "icon" $class | safeHTML) -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/images.html b/themes/meme_cdn/layouts/partials/utils/images.html
new file mode 100644
index 0000000..275f46f
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/images.html
@@ -0,0 +1,28 @@
+{{- $imgs := .Params.images -}}
+
+<!-- Auto Detect Images -->
+{{- if and (not $imgs) .Site.Params.autoDetectImages -}}
+    {{- $imgs = partial "utils/auto-detect-images.html" . -}}
+{{- end -}}
+
+{{- with $imgs -}}
+    {{- $translated := slice -}}
+    {{- range $index, $img := $imgs -}}
+        <!-- Image Hosting -->
+        {{- if and $.Site.Params.enableImageHost $.Site.Params.headAlso -}}
+            {{- if (eq hugo.Environment "production") -}}
+                {{- if ne (substr . 0 4) "http" -}}
+                    {{- $img = printf `%s/%s` (strings.TrimSuffix "/" $.Site.Params.imageHostURL) (strings.TrimPrefix "/" $img) -}}
+                {{- end -}}
+            {{- end -}}
+        {{- end -}}
+
+        <!-- Make URLs absolute -->
+        {{- $img = $img | absURL -}}
+
+        {{- $translated = union $translated (slice $img) -}}
+    {{- end -}}
+    {{- $imgs = $translated -}}
+{{- end -}}
+
+{{- return $imgs -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/json-ld.html b/themes/meme_cdn/layouts/partials/utils/json-ld.html
new file mode 100644
index 0000000..42359eb
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/json-ld.html
@@ -0,0 +1,151 @@
+<!-- https://schema.org/ -->
+<!-- https://json-ld.org/ -->
+<!-- https://search.google.com/structured-data/testing-tool -->
+{{- $ := index . "$" -}}
+{{- $description := .description -}}
+{{- $baseURLWithLangFix := print `/` | absLangURL -}}
+<!-- Title -->
+{{- $rawTitle := (partial "utils/title.html" (dict "$" $ "title" $.Title)).rawTitle -}}
+<!-- Date -->
+{{- $dates := partial "utils/date.html" $ -}}
+<!-- Author -->
+{{- $author := partial "utils/author.html" $ -}}
+<!-- Images -->
+{{- $images := partial "utils/images.html" $ -}}
+
+{{- if $.IsHome -}}
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebSite",
+        "datePublished": {{ $dates.pubDate }},
+        "dateModified": {{ $dates.modDate }},
+        "url": {{ $baseURLWithLangFix }},
+        "description": {{ $description }},
+        {{ with $.Site.Params.siteLogo -}}
+        "image": {{ . | absURL }},
+        {{ end -}}
+        {{ with $author -}}
+        "author": {
+            "@type": "Person",
+            {{ with .motto -}}
+            "description": {{ . | plainify | htmlUnescape }},
+            {{ end -}}
+            {{ with .email -}}
+            "email": {{ . }},
+            {{ end -}}
+            {{ with .avatar -}}
+            "image": {{ . | absURL }},
+            {{ end -}}
+            {{ with .website -}}
+            "url": {{ . }},
+            {{ end -}}
+            {{ with .name -}}
+            "name": {{ . }}
+            {{- end }}
+        },
+        {{ end -}}
+        {{ with $author.copyright -}}
+        "license": {{ . | plainify | htmlUnescape }},
+        {{ end -}}
+        "name": {{ $rawTitle }}
+    }
+</script>
+{{- else if and $.IsPage (in $.Site.Params.mainSections $.Section) -}}
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "datePublished": {{ $dates.pubDate }},
+        "dateModified": {{ $dates.modDate }},
+        "url": {{ $.Permalink }},
+        "headline": {{ $rawTitle }},
+        "description": {{ $description }},
+        "inLanguage" : "{{ $.Site.LanguageCode }}",
+        "articleSection": {{ $.Section }},
+        "wordCount": {{ $.WordCount }},
+        {{ with $images -}}
+        "image": {{ . }},
+        {{ else -}}
+        {{ with $.Site.Params.siteLogo -}}
+        "image": {{ . | absURL }},
+        {{ end -}}
+        {{ end -}}
+        {{ with $author -}}
+        "author": {
+            "@type": "Person",
+            {{ with .motto -}}
+            "description": {{ . | plainify | htmlUnescape }},
+            {{ end -}}
+            {{ with .email -}}
+            "email": {{ . }},
+            {{ end -}}
+            {{ with .avatar -}}
+            "image": {{ . | absURL }},
+            {{ end -}}
+            {{ with .website -}}
+            "url": {{ . }},
+            {{ end -}}
+            {{ with .name -}}
+            "name": {{ . }}
+            {{- end }}
+        },
+        {{ end -}}
+        {{ with $author.copyright -}}
+        "license": {{ . | plainify | htmlUnescape }},
+        {{ end -}}
+        "publisher": {
+            "@type": "Organization",
+            "name": {{ $.Site.Title }},
+            {{ with $.Site.Params.siteLogo -}}
+            "logo": {
+                "@type": "ImageObject",
+                "url": {{ . | absURL }}
+            },
+            {{ end -}}
+            "url": {{ $baseURLWithLangFix }}
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": {{ $baseURLWithLangFix }}
+        }
+    }
+</script>
+{{- else -}}
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "datePublished": {{ $dates.pubDate }},
+        "dateModified": {{ $dates.modDate }},
+        "url": {{ $.Permalink }},
+        "name": {{ $rawTitle }},
+        "description": {{ $description }},
+        {{ with $images -}}
+        "image": {{ . }},
+        {{ else -}}
+        {{ with $.Site.Params.siteLogo -}}
+        "image": {{ . | absURL }},
+        {{ end -}}
+        {{ end -}}
+        {{ with $author.copyright -}}
+        "license": {{ . | plainify | htmlUnescape }},
+        {{ end -}}
+        "publisher": {
+            "@type": "Organization",
+            "name": {{ $.Site.Title }},
+            {{ with $.Site.Params.siteLogo -}}
+            "logo": {
+                "@type": "ImageObject",
+                "url": {{ . | absURL }}
+            },
+            {{ end -}}
+            "url": {{ $baseURLWithLangFix }}
+        },
+        "mainEntityOfPage": {
+            "@type": "WebSite",
+            "@id": {{ $baseURLWithLangFix }}
+        }
+    }
+</script>
+{{- end -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/limit-tree-posts.html b/themes/meme_cdn/layouts/partials/utils/limit-tree-posts.html
new file mode 100644
index 0000000..1254d27
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/limit-tree-posts.html
@@ -0,0 +1,29 @@
+{{- $ := index . "$" -}}
+{{- $pages := .pages -}}
+{{- $linkTarget := .linkTarget -}}
+
+{{ with $pages }}
+    {{ $rawPages := . }}
+    {{ $limit := -1 }}
+    {{ if isset $.Site.Params "limitpostslimit" }}
+        {{ $limit = $.Site.Params.limitPostsLimit }}
+    {{ end }}
+    {{ if ge $limit 0 }}
+        {{ $pages = $pages | first $limit -}}
+    {{ end }}
+
+    <ul class="list-posts">
+        {{ range $pages }}
+            <li>
+                <a href="{{ .RelPermalink }}" class="category-post">{{ (partial "utils/title.html" (dict "$" . "title" .LinkTitle)).htmlTitle }}</a>
+            </li>
+        {{ end }}
+        {{ if and (gt $limit 0) (gt (len $rawPages) $limit) }}
+            {{ with $linkTarget }}
+                <li>
+                    <a href="{{ $linkTarget.RelPermalink }}" class="category-post more">{{ i18n "readMore" }} »</a>
+                </li>
+            {{ end }}
+        {{ end }}
+    </ul>
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/utils/list-item.html b/themes/meme_cdn/layouts/partials/utils/list-item.html
new file mode 100644
index 0000000..c9d6836
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/list-item.html
@@ -0,0 +1,29 @@
+{{- $linkTarget := .linkTarget -}}
+{{- $ := index . "$" -}}
+{{- $pages := $.Pages -}}
+{{- $limit := -1 -}}
+{{- with $linkTarget -}}
+    {{- if isset (index $pages 0).Site.Params "limitentrieslimit" -}}
+        {{- $limit = (index $pages 0).Site.Params.limitEntriesLimit -}}
+    {{- end -}}
+{{- end -}}
+{{- if ge $limit 0 -}}
+    {{- $pages = $pages | first $limit -}}
+{{- end -}}
+{{- with $pages -}}
+    <ul class="list-part">
+        {{ range . }}
+            <li class="list-item">
+                <a href="{{ .RelPermalink }}" class="list-item-title">{{ (partial "utils/title.html" (dict "$" . "title" .LinkTitle)).htmlTitle }}</a>
+                <time datetime="{{ .PublishDate.Format "2006-01-02T15:04:05-07:00" }}" class="list-item-time">{{ .PublishDate.Format .Site.Params.listDateFormat }}</time>
+            </li>
+        {{ end }}
+        {{ if and (gt $limit 0) (gt (len $.Pages) $limit) }}
+            {{ with $linkTarget }}
+                <li class="list-read-more">
+                    <a href="{{ $linkTarget.RelPermalink }}">{{ i18n "readMore" }} »</a>
+                </li>
+            {{ end }}
+        {{ end }}
+    </ul>
+{{ end }}
diff --git a/themes/meme_cdn/layouts/partials/utils/make-links-absolute.html b/themes/meme_cdn/layouts/partials/utils/make-links-absolute.html
new file mode 100644
index 0000000..883b896
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/make-links-absolute.html
@@ -0,0 +1,7 @@
+<!-- https://github.com/reuixiy/hugo-theme-meme/issues/141 -->
+{{- $ := index . "$" -}}
+{{- $content := .content -}}
+{{- $baseURL := ($.Site.BaseURL | strings.TrimSuffix "/") -}}
+{{- $content = $content | replaceRE ` (href|src)="/` (printf ` $1="%s/` $baseURL) -}}
+{{- $content = $content | replaceRE ` (href|src)="#` (printf ` $1="%s#` $.Permalink) -}}
+{{- $content | safeHTML -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/markdownify.html b/themes/meme_cdn/layouts/partials/utils/markdownify.html
new file mode 100644
index 0000000..65b15c5
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/markdownify.html
@@ -0,0 +1,30 @@
+{{- $ := index . "$" -}}
+{{- $Content := .raw -}}
+{{- $isContent := .isContent -}}
+
+<!-- New Markdown Syntax: Emphasis Point `..text..` -->
+{{- if $.Site.Params.enableEmphasisPoint -}}
+    {{- $regexPatternEmphasisPoint := `([^\.\x60])\.\.([^\.\s\n\/\\]+)\.\.([^\.\x60])` -}}
+    {{- $regexReplacementEmphasisPoint := `$1<em class="emphasis-point">$2</em>$3` -}}
+    {{- $Content = $Content | replaceRE $regexPatternEmphasisPoint $regexReplacementEmphasisPoint -}}
+{{- end -}}
+
+<!-- Markdownify -->
+{{- if not $isContent -}}
+    {{- $Content = $Content | markdownify -}}
+
+    <!-- Emojify -->
+    {{- if (fileExists "config.toml") -}}
+        {{- $enableEmoji := replaceRE `enableEmoji = (.+)` `$1` (delimit (readFile "config.toml" | findRE `enableEmoji = (.+)` | uniq) " ") -}}
+        {{- if eq $enableEmoji "true" -}}
+            {{- $Content = $Content | emojify -}}
+        {{- end -}}
+    {{- end -}}
+{{- end -}}
+
+<!-- External Links -->
+{{- if $.Site.Params.hrefTargetBlank -}}
+    {{- $Content = replaceRE `(<a href="https?:[^"]+")` `$1 target="_blank" rel="noopener"` $Content -}}
+{{- end -}}
+
+{{- $Content | safeHTML -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/open-graph.html b/themes/meme_cdn/layouts/partials/utils/open-graph.html
new file mode 100644
index 0000000..12c8e49
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/open-graph.html
@@ -0,0 +1,44 @@
+<!-- http://ogp.me/ -->
+<!-- https://developers.facebook.com/docs/sharing/webmasters -->
+<!-- https://developers.google.com/web/fundamentals/discovery/social-discovery/ -->
+<!-- https://stackoverflow.com/a/29831974 -->
+<!-- https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/opengraph.html -->
+{{- $ := index . "$" -}}
+{{- $description := .description -}}
+<!-- Date -->
+{{- $dates := partial "utils/date.html" $ -}}
+<!-- Images -->
+{{- $images := partial "utils/images.html" $ -}}
+
+<meta property="og:title" content="{{ (partial "utils/title.html" (dict "$" $ "title" $.Title)).rawTitle }}" />
+<meta property="og:description" content="{{ $description }}" />
+<meta property="og:url" content="{{ $.Permalink }}" />
+<meta property="og:site_name" content="{{ $.Site.Title }}" />
+<meta property="og:locale" content="{{ $.Site.Language.Lang }}" />
+{{- if and $.Site.IsMultiLingual $.IsTranslated -}}
+    {{- range $.Site.Languages -}}
+        {{ if ne .Lang $.Site.Language.Lang }}
+            <meta property="og:locale:alternate" content="{{ . }}" />
+        {{ end }}
+    {{- end -}}
+{{- end -}}
+
+{{- with $images -}}
+    <meta property="og:image" content="{{ index . 0 }}" />
+{{ else -}}
+    {{ with $.Site.Params.siteLogo -}}
+        <meta property="og:image" content="{{ . | absURL }}" />
+    {{ end -}}
+{{- end -}}
+
+{{- if and $.IsPage (in $.Site.Params.mainSections $.Section) -}}
+    <meta property="og:type" content="article" />
+    <meta property="article:published_time" content="{{ $dates.pubDate }}" />
+    <meta property="article:modified_time" content="{{ $dates.modDate }}" />
+    {{ if not $.ExpiryDate.IsZero -}}
+        <meta property="article:expiration_time" content="{{ $.ExpiryDate.Format "2006-01-02T15:04:05-07:00" }}" />
+    {{- end }}
+    <meta property="article:section" content="{{ $.Section }}" />
+{{ else -}}
+    <meta property="og:type" content="website" />
+{{- end }}
diff --git a/themes/meme_cdn/layouts/partials/utils/relative-url.html b/themes/meme_cdn/layouts/partials/utils/relative-url.html
new file mode 100644
index 0000000..b11d722
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/relative-url.html
@@ -0,0 +1,12 @@
+{{- $ := index . "$" -}}
+{{- $filename := .filename -}}
+
+{{- $url := $filename -}}
+{{- $pathParts := split ($.RelPermalink | strings.TrimPrefix "/" | strings.TrimSuffix "/") "/" -}}
+{{- range $pathParts -}}
+    {{- with . -}}
+        {{- $url = printf `../%s` $url -}}
+    {{- end -}}
+{{- end -}}
+
+{{- return $url -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/summary.html b/themes/meme_cdn/layouts/partials/utils/summary.html
new file mode 100644
index 0000000..a6921c3
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/summary.html
@@ -0,0 +1,11 @@
+{{- $summary := .Summary -}}
+{{- if .Truncated -}}
+    <!-- For the CJK language, add ellipsis. -->
+    {{- if .Params.isCJKLanguage -}}
+        {{- $summary = printf `%s%s` .Summary (i18n "ellipsis") | safeHTML -}}
+    <!-- For the other languages, no need. -->
+    <!-- Hugo’s automatic summary split method will split until end of sentence. -->
+    <!-- (Tested English Only) -->
+    {{- end -}}
+{{- end -}}
+{{- return $summary -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/title.html b/themes/meme_cdn/layouts/partials/utils/title.html
new file mode 100644
index 0000000..9bc9ebd
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/title.html
@@ -0,0 +1,37 @@
+{{- $ := index . "$" -}}
+
+{{- $path := "" -}}
+{{- with .File -}}
+    {{- $path = .Path -}}
+{{- else -}}
+    {{- $path = .Path -}}
+{{- end -}}
+
+{{- $htmlTitle := .title -}}
+<!-- Home -->
+{{- if eq $.Kind "home" -}}
+    {{- $htmlTitle = $htmlTitle | default $.Site.Title -}}
+<!-- Taxonomy -->
+{{- else if eq $.Kind "taxonomy" -}}
+    {{- $htmlTitle = $htmlTitle | default ($.Type | title) -}}
+<!-- Taxonomy Term -->
+{{- else if eq $.Kind "term" -}}
+    {{- $taxonomyTermTitle := $htmlTitle | default $.Data.Term | default (delimit (last 1 (split (strings.TrimSuffix "/_index.md" $path) "/")) " ") -}}
+    {{- with $.Site.GetPage (printf "/%s" $.Data.Plural) -}}
+        {{- $htmlTitle = printf "%s: %s" (.Title | default (.Type | title)) $taxonomyTermTitle -}}
+    {{- end -}}
+<!-- Section -->
+{{- else if eq $.Kind "section" -}}
+    {{- $htmlTitle = $htmlTitle | default (delimit (last 1 (split (strings.TrimSuffix "/_index.md" $path) "/")) " ") -}}
+{{- end -}}
+
+{{- $htmlTitle = partial "utils/markdownify.html" (dict "$" $ "raw" $htmlTitle "isContent" false) -}}
+
+{{- $rawTitle := $htmlTitle | plainify | htmlUnescape -}}
+
+{{- $title := $rawTitle -}}
+{{- if ne $.Kind "home" -}}
+    {{- $title = printf "%s | %s" $title $.Site.Title -}}
+{{- end -}}
+
+{{- return dict "rawTitle" $rawTitle "title" $title "htmlTitle" $htmlTitle -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/toc.html b/themes/meme_cdn/layouts/partials/utils/toc.html
new file mode 100644
index 0000000..285acee
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/toc.html
@@ -0,0 +1,27 @@
+{{- $toc := .TableOfContents -}}
+
+<!-- Change TOC Attribute -->
+{{- $regexPatternTOC := `<nav id="TableOfContents">` -}}
+{{- $regexReplacementTOC := `<nav class="contents">` -}}
+{{- $toc = $toc | replaceRE $regexPatternTOC $regexReplacementTOC -}}
+
+<!-- Inject Class Attribute -->
+{{- $regexPatternTOC := `(<nav class="contents">\n.+)<(ol|ul)>` -}}
+{{- $regexReplacementTOC := `$1<$2 class="toc">` -}}
+{{- $toc = $toc | replaceRE $regexPatternTOC $regexReplacementTOC -}}
+
+<!-- Inject TOC Title -->
+{{- if .Site.Params.displayTOCTitle -}}
+    {{- $regexPatternTOC := `(<nav class="contents">\n.+)(<(ol|ul) class="toc">)` -}}
+    {{- $regexReplacementTOC := (printf `$1<h2 id="contents" class="contents-title">%s</h2>$2` (i18n "tocTitle")) -}}
+    {{- $toc = $toc | replaceRE $regexPatternTOC $regexReplacementTOC -}}
+{{- end -}}
+
+<!-- Link Headings to TOC -->
+{{- if .Site.Params.linkHeadingsToTOC -}}
+    {{- $regexPatternTOC := `(<a)( href="#([^"]+)">)` -}}
+    {{- $regexReplacementTOC := `$1 id="contents:$3"$2` -}}
+    {{- $toc = $toc | replaceRE $regexPatternTOC $regexReplacementTOC -}}
+{{ end }}
+
+{{- $toc | safeHTML -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/tree-sections.html b/themes/meme_cdn/layouts/partials/utils/tree-sections.html
new file mode 100644
index 0000000..1ec1bf6
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/tree-sections.html
@@ -0,0 +1,23 @@
+<!-- Nested / Iteration / Recursion -->
+{{- $.Scratch.Delete "sections" -}}
+{{- $.Scratch.Delete "pages" -}}
+{{- $contentDir := $.Site.Params.contentDir -}}
+{{- template "treeSections" (dict "$" $ "path" (cond $.Site.IsMultiLingual (printf `./%s` $contentDir) (printf `./content`))) -}}
+
+{{- define "treeSections" -}}
+    {{- $ := index . "$" -}}
+    {{- $path := .path -}}
+    {{- range (readDir $path) -}}
+        {{- $fileName := .Name -}}
+        {{- if .IsDir -}}
+            {{- $pagePath := (cond $.Site.IsMultiLingual (strings.TrimPrefix (printf `./%s` $.Site.Params.contentDir) (printf `%s/%s` $path $fileName)) (strings.TrimPrefix "./content" (printf `%s/%s` $path $fileName))) -}}
+            {{- with $.Site.GetPage $pagePath -}}
+                {{- if and (eq .Kind "section") (in $.Site.Params.mainSections .Section) -}}
+                    {{- $.Scratch.Add "sections" (slice $fileName) -}}
+                    {{- $.Scratch.Add "pages" (slice $pagePath) -}}
+                {{- end -}}
+            {{- end -}}
+            {{- template "treeSections" (dict "$" $ "path" (printf `%s/%s` $path $fileName)) -}}
+        {{- end -}}
+    {{- end -}}
+{{- end -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/twitter-cards.html b/themes/meme_cdn/layouts/partials/utils/twitter-cards.html
new file mode 100644
index 0000000..71f9cd0
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/twitter-cards.html
@@ -0,0 +1,21 @@
+<!-- https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started -->
+<!-- https://cards-dev.twitter.com/validator -->
+<!-- https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/twitter_cards.html -->
+{{- $ := index . "$" -}}
+<!-- Author -->
+{{- $author := partial "utils/author.html" $ -}}
+<!-- Images -->
+{{- $images := partial "utils/images.html" $ -}}
+
+{{- with $images -}}
+    <meta name="twitter:card" content="summary_large_image" />
+{{ else -}}
+    <meta name="twitter:card" content="summary" />
+{{- end }}
+
+{{ with $.Site.Params.siteTwitter -}}
+    <meta name="twitter:site" content="@{{ . }}" />
+{{ end -}}
+{{ with $author.twitter -}}
+    <meta name="twitter:creator" content="@{{ . }}" />
+{{ end -}}
diff --git a/themes/meme_cdn/layouts/partials/utils/updated-badge.html b/themes/meme_cdn/layouts/partials/utils/updated-badge.html
new file mode 100644
index 0000000..ef281d9
--- /dev/null
+++ b/themes/meme_cdn/layouts/partials/utils/updated-badge.html
@@ -0,0 +1,3 @@
+<!-- https://shields.io/ -->
+<!-- https://img.shields.io/badge/updated-2006--01--02-green -->
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="20" class="updated-badge"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="130" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path class="updated-badge-left" d="M0 0h55v20H0z"/><path class="updated-badge-right" d="M55 0h75v20H55z"/><path fill="url(#b)" d="M0 0h130v20H0z"/></g><g fill="#fff" text-anchor="middle" font-size="110"><text x="285" y="150" fill="#010101" fill-opacity=".3" textLength="450" transform="scale(.1)">updated</text><text x="285" y="140" textLength="450" transform="scale(.1)">updated</text><text x="915" y="150" fill="#010101" fill-opacity=".3" textLength="650" transform="scale(.1)">{{ .date }}</text><text x="915" y="140" textLength="650" transform="scale(.1)">{{ .date }}</text></g></svg>
\ No newline at end of file
diff --git a/themes/meme_cdn/layouts/section/categories.html b/themes/meme_cdn/layouts/section/categories.html
new file mode 100644
index 0000000..f7996be
--- /dev/null
+++ b/themes/meme_cdn/layouts/section/categories.html
@@ -0,0 +1,3 @@
+{{ define "main" }}
+    {{ partial "pages/tree-sections.html" . }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/meme_cdn/layouts/taxonomy/category.terms.html b/themes/meme_cdn/layouts/taxonomy/category.terms.html
new file mode 100644
index 0000000..560968c
--- /dev/null
+++ b/themes/meme_cdn/layouts/taxonomy/category.terms.html
@@ -0,0 +1,7 @@
+{{ define "main" }}
+    {{ if .Site.Params.enableTree }}
+        {{ partial "pages/tree-categories.html" . }}
+    {{ else }}
+        {{ partial "pages/taxonomy.html" . }}
+    {{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/meme_cdn/layouts/taxonomy/tag.terms.html b/themes/meme_cdn/layouts/taxonomy/tag.terms.html
new file mode 100644
index 0000000..799c993
--- /dev/null
+++ b/themes/meme_cdn/layouts/taxonomy/tag.terms.html
@@ -0,0 +1,7 @@
+{{ define "main" }}
+    {{ if .Site.Params.enableTagCloud }}
+        {{ partial "pages/tag-cloud.html" . }}
+    {{ else }}
+        {{ partial "pages/taxonomy.html" . }}
+    {{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/meme_cdn/layouts/taxonomy/terms.html b/themes/meme_cdn/layouts/taxonomy/terms.html
new file mode 100644
index 0000000..a556e81
--- /dev/null
+++ b/themes/meme_cdn/layouts/taxonomy/terms.html
@@ -0,0 +1,3 @@
+{{ define "main" }}
+    {{ partial "pages/taxonomy.html" . }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/meme_cdn/static/favicon.ico b/themes/meme_cdn/static/favicon.ico
new file mode 100644
index 0000000..b974bf7
Binary files /dev/null and b/themes/meme_cdn/static/favicon.ico differ
diff --git a/themes/meme_cdn/static/fonts/glyph-correction.eot b/themes/meme_cdn/static/fonts/glyph-correction.eot
new file mode 100644
index 0000000..1750ee5
Binary files /dev/null and b/themes/meme_cdn/static/fonts/glyph-correction.eot differ
diff --git a/themes/meme_cdn/static/fonts/glyph-correction.ttf b/themes/meme_cdn/static/fonts/glyph-correction.ttf
new file mode 100644
index 0000000..e01d2e3
Binary files /dev/null and b/themes/meme_cdn/static/fonts/glyph-correction.ttf differ
diff --git a/themes/meme_cdn/static/fonts/glyph-correction.woff b/themes/meme_cdn/static/fonts/glyph-correction.woff
new file mode 100644
index 0000000..7e39b24
Binary files /dev/null and b/themes/meme_cdn/static/fonts/glyph-correction.woff differ
diff --git a/themes/meme_cdn/static/fonts/glyph-correction.woff2 b/themes/meme_cdn/static/fonts/glyph-correction.woff2
new file mode 100644
index 0000000..4513ec1
Binary files /dev/null and b/themes/meme_cdn/static/fonts/glyph-correction.woff2 differ
diff --git a/themes/meme_cdn/static/icons/android-chrome-512x512.png b/themes/meme_cdn/static/icons/android-chrome-512x512.png
new file mode 100644
index 0000000..b5f6299
Binary files /dev/null and b/themes/meme_cdn/static/icons/android-chrome-512x512.png differ
diff --git a/themes/meme_cdn/static/icons/apple-touch-icon.png b/themes/meme_cdn/static/icons/apple-touch-icon.png
new file mode 100644
index 0000000..a244fb4
Binary files /dev/null and b/themes/meme_cdn/static/icons/apple-touch-icon.png differ
diff --git a/themes/meme_cdn/static/icons/mstile-150x150.png b/themes/meme_cdn/static/icons/mstile-150x150.png
new file mode 100644
index 0000000..95ed2a6
Binary files /dev/null and b/themes/meme_cdn/static/icons/mstile-150x150.png differ
diff --git a/themes/meme_cdn/static/icons/safari-pinned-tab.svg b/themes/meme_cdn/static/icons/safari-pinned-tab.svg
new file mode 100644
index 0000000..1a8adb4
--- /dev/null
+++ b/themes/meme_cdn/static/icons/safari-pinned-tab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1333.333" height="1333.333" preserveAspectRatio="xMidYMid meet" version="1.0" viewBox="0 0 1000 1000"><metadata>Created by potrace 1.11, written by Peter Selinger 2001-2013</metadata><g fill="#000" stroke="none"><path d="M2155 8378 c-2 -7 -6 -31 -9 -53 -7 -45 -9 -63 -37 -230 -11 -66 -22 -133 -25 -150 -6 -40 -16 -95 -20 -120 -3 -11 -11 -63 -20 -115 -14 -90 -18 -111 -28 -170 -3 -14 -17 -92 -31 -175 -14 -82 -28 -161 -31 -175 -2 -14 -8 -52 -14 -85 -5 -33 -12 -71 -15 -85 -6 -28 -7 -36 -29 -165 -9 -49 -18 -101 -21 -115 -3 -14 -7 -38 -10 -55 -2 -16 -11 -66 -19 -110 -26 -141 -35 -189 -41 -220 -2 -16 -7 -41 -10 -54 -2 -13 -20 -112 -40 -220 -19 -108 -37 -205 -39 -216 -9 -52 -18 -102 -22 -125 -3 -14 -16 -81 -29 -150 -13 -69 -27 -141 -30 -160 -3 -19 -10 -53 -15 -75 -5 -22 -11 -57 -14 -77 -3 -21 -10 -57 -15 -80 -5 -24 -13 -63 -16 -88 -4 -24 -8 -47 -10 -50 -2 -3 -6 -23 -9 -45 -4 -22 -25 -134 -47 -250 -23 -115 -43 -219 -44 -230 -3 -19 -141 -729 -150 -770 -3 -11 -7 -31 -9 -45 -3 -14 -14 -72 -26 -130 -12 -58 -24 -118 -27 -135 -2 -16 -40 -207 -84 -423 -43 -215 -81 -402 -83 -415 -2 -12 -11 -56 -20 -97 -8 -41 -18 -91 -21 -110 -3 -19 -8 -42 -10 -50 -2 -8 -6 -26 -9 -40 -2 -14 -16 -81 -30 -150 -15 -69 -29 -136 -31 -150 -4 -21 -34 -166 -51 -245 -2 -11 -9 -46 -15 -78 -5 -32 -13 -65 -16 -74 -5 -12 -2 -15 10 -10 49 19 170 26 447 26 272 0 459 -9 513 -25 15 -5 17 4 18 78 1 84 2 107 13 303 13 226 19 315 31 460 4 39 8 95 10 125 5 87 15 212 20 245 2 17 6 73 10 125 3 52 8 102 10 110 2 8 7 51 10 95 4 44 8 94 10 110 6 67 16 162 20 195 2 19 7 67 11 105 4 39 8 81 9 95 5 45 25 234 30 278 3 23 7 62 10 87 3 25 7 64 10 88 8 72 16 140 20 182 3 22 7 56 10 75 2 19 7 55 9 80 6 53 34 280 42 331 2 20 7 59 10 85 2 27 7 60 9 74 2 14 14 99 25 190 11 91 23 176 25 190 2 14 7 48 10 75 3 28 8 61 10 75 2 14 7 45 10 70 3 25 8 56 10 70 2 14 7 45 10 70 3 25 8 56 10 70 2 14 7 45 10 70 3 25 10 70 15 100 5 30 12 75 15 100 3 25 10 70 15 100 5 30 12 73 15 95 3 23 7 50 9 60 2 11 9 56 16 100 7 44 14 87 15 95 2 8 4 18 4 22 1 4 7 5 15 2 16 -6 235 -527 480 -1144 43 -107 82 -204 87 -215 15 -34 174 -441 244 -625 37 -96 78 -203 91 -237 13 -35 35 -93 50 -130 14 -38 29 -77 34 -88 23 -52 400 -1081 477 -1300 19 -55 60 -170 90 -255 69 -193 190 -541 251 -721 l46 -137 313 0 c187 0 313 3 313 9 0 5 9 28 19 52 11 23 36 83 56 132 20 50 45 109 56 132 10 24 19 45 19 49 0 3 11 29 24 57 14 29 41 92 61 142 21 49 48 112 60 140 45 98 63 141 89 202 14 35 37 86 50 115 13 29 52 116 86 193 35 77 80 178 101 223 22 46 39 85 39 87 0 1 27 60 60 129 33 70 60 128 60 131 0 2 22 50 49 107 27 56 67 141 89 188 22 47 64 137 95 200 30 63 75 158 99 210 211 443 824 1668 1077 2150 39 74 78 152 87 173 10 24 22 37 32 35 16 -3 18 -10 27 -108 4 -36 8 -76 11 -90 2 -14 6 -54 10 -90 3 -36 7 -75 9 -88 2 -13 7 -53 10 -90 3 -37 8 -80 10 -97 2 -16 6 -57 10 -90 3 -33 8 -78 10 -100 2 -22 9 -89 15 -150 6 -60 13 -121 15 -135 2 -14 6 -56 10 -95 3 -38 8 -86 10 -105 3 -19 7 -62 9 -95 3 -33 7 -85 10 -115 8 -75 13 -133 21 -215 3 -38 8 -86 10 -105 3 -19 7 -70 11 -113 3 -43 7 -87 9 -97 2 -10 6 -54 9 -97 6 -70 13 -149 22 -238 1 -16 6 -68 9 -115 3 -47 8 -97 10 -111 3 -14 7 -63 10 -109 3 -46 7 -95 9 -109 3 -14 7 -66 11 -116 3 -49 8 -108 10 -130 3 -22 7 -69 10 -105 12 -156 15 -189 20 -250 3 -36 7 -85 10 -110 4 -41 8 -94 21 -270 2 -36 6 -87 9 -115 3 -27 7 -81 10 -120 7 -92 13 -154 20 -240 3 -38 7 -95 10 -125 4 -65 14 -187 20 -250 2 -25 7 -85 11 -135 7 -89 11 -142 13 -159 1 -4 11 -6 24 -3 142 36 1234 36 1409 1 25 -5 27 -3 24 23 -3 15 -14 100 -25 188 -12 88 -24 178 -27 200 -2 22 -7 56 -9 75 -3 19 -7 53 -10 75 -5 41 -11 88 -20 160 -3 22 -8 56 -11 75 -7 49 -12 96 -19 160 -3 30 -8 66 -10 80 -3 14 -7 48 -10 75 -3 28 -8 64 -10 80 -2 17 -7 53 -10 80 -3 28 -8 64 -10 80 -2 17 -7 53 -10 80 -3 28 -8 64 -10 80 -3 17 -7 53 -10 80 -3 28 -10 84 -15 125 -5 41 -12 98 -15 125 -3 28 -7 66 -10 85 -2 19 -11 94 -20 165 -9 72 -18 146 -20 165 -2 19 -7 58 -10 85 -14 133 -27 235 -30 255 -1 8 -6 47 -9 85 -4 39 -10 90 -13 115 -3 25 -6 56 -8 70 -2 25 -13 117 -20 175 -2 17 -6 59 -10 95 -4 36 -8 76 -11 90 -2 14 -6 54 -10 90 -3 36 -7 76 -9 90 -4 29 -15 120 -20 170 -3 34 -13 121 -21 190 -2 19 -7 64 -10 100 -3 36 -7 76 -9 90 -5 30 -11 92 -25 230 -6 58 -13 121 -15 140 -2 19 -7 62 -10 95 -3 33 -7 74 -9 90 -5 35 -15 130 -21 195 -16 167 -17 174 -29 275 -3 22 -8 69 -11 105 -4 36 -8 81 -10 100 -2 19 -7 64 -10 100 -3 36 -8 81 -10 100 -2 19 -7 62 -10 95 -6 67 -10 111 -29 290 -13 118 -17 164 -21 205 -3 25 -7 65 -9 90 -3 25 -8 74 -11 110 -4 36 -8 83 -11 105 -12 110 -46 462 -47 483 0 9 -93 12 -431 12 l-431 0 -321 -637 c-177 -351 -559 -1110 -849 -1688 -1282 -2550 -1248 -2482 -1268 -2481 -21 1 -46 52 -229 461 -27 61 -59 130 -70 155 -11 25 -28 63 -38 85 -9 22 -26 60 -37 85 -11 25 -49 110 -83 190 -34 80 -68 159 -75 175 -8 17 -28 64 -45 105 -17 41 -38 89 -45 105 -7 17 -55 131 -105 255 -51 124 -98 239 -105 255 -16 36 -125 313 -201 510 -30 77 -59 149 -64 160 -41 88 -468 1261 -648 1780 -50 143 -108 311 -129 372 l-38 113 -493 0 c-385 0 -494 -3 -497 -12z" transform="translate(0.000000,1000.000000) scale(0.100000,-0.100000)"/></g></svg>
\ No newline at end of file
diff --git a/themes/meme_cdn/static/manifest.json b/themes/meme_cdn/static/manifest.json
new file mode 100644
index 0000000..48e0607
--- /dev/null
+++ b/themes/meme_cdn/static/manifest.json
@@ -0,0 +1,16 @@
+{
+    "name": "Hugo Theme MemE",
+    "short_name": "MemE",
+    "icons": [
+        {
+            "src": "./icons/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#fff",
+    "background_color": "#fff",
+    "display": "standalone",
+    "orientation": "portrait-primary",
+    "start_url": "/"
+}
diff --git a/themes/meme_cdn/theme.toml b/themes/meme_cdn/theme.toml
new file mode 100644
index 0000000..bff9adc
--- /dev/null
+++ b/themes/meme_cdn/theme.toml
@@ -0,0 +1,15 @@
+# theme.toml template for a Hugo theme
+# See https://github.com/gohugoio/hugoThemes#themetoml for an example
+
+name = "MemE"
+license = "MIT"
+licenselink = "https://github.com/reuixiy/hugo-theme-meme/blob/master/LICENSE"
+description = "MemE is a powerful and highly customizable GoHugo theme for personal blogs."
+homepage = "https://github.com/reuixiy/hugo-theme-meme/"
+tags = ["Blog", "Minimal", "Clean", "Typography", "Multilingual"]
+features = ["Dark Mode", "MathJax", "KaTeX", "JSON-LD", "Drop Cap", "PWA", "TOC"]
+min_version = "0.86.0"
+
+[author]
+name = "reuixiy"
+homepage = "https://io-oi.me/"