diff --git "a/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/.keep" "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/.keep" "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/detail.html" "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/detail.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e4db29948e9e4b8eda6909751da408b92d6eb045
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/detail.html"
@@ -0,0 +1,1030 @@
+<!-- build time:Thu Oct 04 2018 22:01:07 GMT+0800 (中国标准时间) -->
+<!DOCTYPE html>
+<html lang="zh">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
+        <meta name="renderer" content="webkit">
+        <meta http-equiv="Cache-Control" content="no-transform">
+        <meta http-equiv="Cache-Control" content="no-siteapp">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="black">
+        <meta name="format-detection" content="telephone=no,email=no,adress=no">
+        <meta name="theme-color" content="#000000">
+        <meta http-equiv="window-target" content="_top">
+        <title>Visual Studio Code个人使用插件整理 | Cofess - Web Developer &amp;Designer</title>
+        <meta name="description" content="开发 文件大小 filesize显示当前文件大小插件地址：传送门 字符转换 String Manipulation字符串转换处理（驼峰、大写开头、下划线等等）插件地址：传送门 代码比对 Partial Diff对比两段代码或文件插件地址：传送门 代码阅读体验优化 Guides高亮缩进基准线插件地址：传送门 Indenticator缩进高亮插件地址：传送门 Bracket Pair Coloriz">
+        <meta name="keywords" content="开发工具,Visual Studio Code,vscode插件">
+        <meta property="og:type" content="article">
+        <meta property="og:title" content="Visual Studio Code个人使用插件整理">
+        <meta property="og:url" content="https://blog.cofess.com/2017/12/17/visual-studio-code-personal-use-plug-in-colation.html">
+        <meta property="og:site_name" content="Cofess">
+        <meta property="og:description" content="开发 文件大小 filesize显示当前文件大小插件地址：传送门 字符转换 String Manipulation字符串转换处理（驼峰、大写开头、下划线等等）插件地址：传送门 代码比对 Partial Diff对比两段代码或文件插件地址：传送门 代码阅读体验优化 Guides高亮缩进基准线插件地址：传送门 Indenticator缩进高亮插件地址：传送门 Bracket Pair Coloriz">
+        <meta property="og:locale" content="zh-CN">
+        <meta property="og:updated_time" content="2017-12-17T10:47:14.920Z">
+        <meta name="twitter:card" content="summary">
+        <meta name="twitter:title" content="Visual Studio Code个人使用插件整理">
+        <meta name="twitter:description" content="开发 文件大小 filesize显示当前文件大小插件地址：传送门 字符转换 String Manipulation字符串转换处理（驼峰、大写开头、下划线等等）插件地址：传送门 代码比对 Partial Diff对比两段代码或文件插件地址：传送门 代码阅读体验优化 Guides高亮缩进基准线插件地址：传送门 Indenticator缩进高亮插件地址：传送门 Bracket Pair Coloriz">
+        <link rel="canonical" href="https://blog.cofess.com/2017/12/17/visual-studio-code-personal-use-plug-in-colation.html">
+        <link rel="alternate" href="/atom.xml" title="Cofess" type="application/atom+xml">
+        <link rel="icon" href="data:image/vnd.microsoft.icon;base64,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" type="image/x-icon">
+        <link rel="stylesheet" href="/static/css/style.css">
+    </head>
+    <body class="main-center" itemscope itemtype="http://schema.org/WebPage">
+        <header class="header" itemscope itemtype="http://schema.org/WPHeader">
+            <div class="slimContent">
+                <div class="navbar-header">
+                    <div class="profile-block text-center">
+                        <a id="avatar" href="https://github.com/cofess" target="_blank">
+                            <img class="img-circle img-rotate" src="/images/avatar.jpg" width="200" height="200">
+                        </a>
+                        <h2 id="name" class="hidden-xs hidden-sm">Cofess</h2>
+                        <h3 id="title" class="hidden-xs hidden-sm hidden-md">Web Developer &amp;Designer</h3>
+                        <small id="location" class="text-muted hidden-xs hidden-sm">
+                            <i class="icon icon-map-marker"></i>
+                            Shenzhen, China
+                        </small>
+                    </div>
+                    <div class="search" id="search-form-wrap">
+                        <form class="search-form sidebar-form">
+                            <div class="input-group">
+                                <input type="text" class="search-form-input form-control" placeholder="搜索">
+                                <span class="input-group-btn">
+                                    <button type="submit" class="search-form-submit btn btn-flat" onclick="return!1">
+                                        <i class="icon icon-search"></i>
+                                    </button>
+                                </span>
+                            </div>
+                        </form>
+                        <div class="ins-search">
+                            <div class="ins-search-mask"></div>
+                            <div class="ins-search-container">
+                                <div class="ins-input-wrapper">
+                                    <input type="text" class="ins-search-input" placeholder="想要查找什么..." x-webkit-speech>
+                                    <button type="button" class="close ins-close ins-selectable" data-dismiss="modal" aria-label="Close">
+                                        <span aria-hidden="true">×</span>
+                                    </button>
+                                </div>
+                                <div class="ins-section-wrapper">
+                                    <div class="ins-section-container"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false">
+                        <span class="sr-only">Toggle navigation</span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                    </button>
+                </div>
+                <nav id="main-navbar" class="collapse navbar-collapse" itemscope itemtype="http://schema.org/SiteNavigationElement" role="navigation">
+                    <ul class="nav navbar-nav main-nav">
+                        <li class="menu-item menu-item-home">
+                            <a href="/.">
+                                <i class="icon icon-home-fill"></i>
+                                <span class="menu-title">首页</span>
+                            </a>
+                        </li>
+                        <li class="menu-item menu-item-archives">
+                            <a href="/archives">
+                                <i class="icon icon-archives-fill"></i>
+                                <span class="menu-title">归档</span>
+                            </a>
+                        </li>
+                        <li class="menu-item menu-item-categories">
+                            <a href="/categories">
+                                <i class="icon icon-folder"></i>
+                                <span class="menu-title">分类</span>
+                            </a>
+                        </li>
+                        <li class="menu-item menu-item-tags">
+                            <a href="/tags">
+                                <i class="icon icon-tags"></i>
+                                <span class="menu-title">标签</span>
+                            </a>
+                        </li>
+                        <li class="menu-item menu-item-repository">
+                            <a href="/repository">
+                                <i class="icon icon-project"></i>
+                                <span class="menu-title">项目</span>
+                            </a>
+                        </li>
+                        <li class="menu-item menu-item-books">
+                            <a href="/books">
+                                <i class="icon icon-book-fill"></i>
+                                <span class="menu-title">书单</span>
+                            </a>
+                        </li>
+                        <li class="menu-item menu-item-links">
+                            <a href="/links">
+                                <i class="icon icon-friendship"></i>
+                                <span class="menu-title">友链</span>
+                            </a>
+                        </li>
+                        <li class="menu-item menu-item-about">
+                            <a href="/about">
+                                <i class="icon icon-cup-fill"></i>
+                                <span class="menu-title">关于</span>
+                            </a>
+                        </li>
+                    </ul>
+                    <ul class="social-links">
+                        <li>
+                            <a href="https://github.com/cofess" target="_blank" title="Github" data-toggle="tooltip" data-placement="top">
+                                <i class="icon icon-github"></i>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="http://weibo.com/cofess" target="_blank" title="Weibo" data-toggle="tooltip" data-placement="top">
+                                <i class="icon icon-weibo"></i>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="https://twitter.com/iwebued" target="_blank" title="Twitter" data-toggle="tooltip" data-placement="top">
+                                <i class="icon icon-twitter"></i>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="https://www.behance.net/cofess" target="_blank" title="Behance" data-toggle="tooltip" data-placement="top">
+                                <i class="icon icon-behance"></i>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="/atom.xml" target="_blank" title="Rss" data-toggle="tooltip" data-placement="top">
+                                <i class="icon icon-rss"></i>
+                            </a>
+                        </li>
+                    </ul>
+                </nav>
+            </div>
+        </header>
+        <aside class="sidebar" itemscope itemtype="http://schema.org/WPSideBar">
+            <div class="slimContent">
+                <div class="widget">
+                    <h3 class="widget-title">公告</h3>
+                    <div class="widget-body">
+                        <div id="board">
+                            <div class="content">
+                                网易星球邀请码：AD3LCW，有机会赢取1.39克拉黑钻【珂兰钻石】，价值7万8，老司机快上车～～请在浏览器中复制粘贴该链接 <a class="text-primary" href="https://163.lu/GTe6P3" target="_blank">https://163.lu/GTe6P3</a>
+                                或者扫描以下二维码，并下载登录
+                                <div>
+                                    <img src="/images/xingqiu-qrcode.jpg" width="140" height="140">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="widget">
+                    <h3 class="widget-title">分类</h3>
+                    <div class="widget-body">
+                        <ul class="category-list">
+                            <li class="category-list-item">
+                                <a class="category-list-link" href="/categories/个人/">个人</a>
+                                <span class="category-list-count">1</span>
+                            </li>
+                            <li class="category-list-item">
+                                <a class="category-list-link" href="/categories/front-end-development/">前端</a>
+                                <span class="category-list-count">1</span>
+                            </li>
+                            <li class="category-list-item">
+                                <a class="category-list-link" href="/categories/build-website/">建站</a>
+                                <span class="category-list-count">1</span>
+                            </li>
+                            <li class="category-list-item">
+                                <a class="category-list-link" href="/categories/开发/">开发</a>
+                                <span class="category-list-count">1</span>
+                            </li>
+                            <li class="category-list-item">
+                                <a class="category-list-link" href="/categories/开发工具/">开发工具</a>
+                                <span class="category-list-count">1</span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="widget">
+                    <h3 class="widget-title">标签</h3>
+                    <div class="widget-body">
+                        <ul class="tag-list">
+                            <li class="tag-list-item">
+                                <a class="tag-list-link" href="/tags/Github/">Github</a>
+                                <span class="tag-list-count">1</span>
+                            </li>
+                            <li class="tag-list-item">
+                                <a class="tag-list-link" href="/tags/gulp/">Gulp</a>
+                                <span class="tag-list-count">1</span>
+                            </li>
+                            <li class="tag-list-item">
+                                <a class="tag-list-link" href="/tags/Hexo/">Hexo</a>
+                                <span class="tag-list-count">4</span>
+                            </li>
+                            <li class="tag-list-item">
+                                <a class="tag-list-link" href="/tags/social/">Social</a>
+                                <span class="tag-list-count">1</span>
+                            </li>
+                            <li class="tag-list-item">
+                                <a class="tag-list-link" href="/tags/工具/">工具</a>
+                                <span class="tag-list-count">1</span>
+                            </li>
+                            <li class="tag-list-item">
+                                <a class="tag-list-link" href="/tags/状态/">状态</a>
+                                <span class="tag-list-count">1</span>
+                            </li>
+                            <li class="tag-list-item">
+                                <a class="tag-list-link" href="/tags/程序员/">程序员</a>
+                                <span class="tag-list-count">1</span>
+                            </li>
+                            <li class="tag-list-item">
+                                <a class="tag-list-link" href="/tags/计划/">计划</a>
+                                <span class="tag-list-count">1</span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="widget">
+                    <h3 class="widget-title">标签云</h3>
+                    <div class="widget-body tagcloud">
+                        <a href="/tags/Github/" style="font-size:13px">Github</a>
+                        <a href="/tags/gulp/" style="font-size:13px">Gulp</a>
+                        <a href="/tags/Hexo/" style="font-size:14px">Hexo</a>
+                        <a href="/tags/social/" style="font-size:13px">Social</a>
+                        <a href="/tags/工具/" style="font-size:13px">工具</a>
+                        <a href="/tags/状态/" style="font-size:13px">状态</a>
+                        <a href="/tags/程序员/" style="font-size:13px">程序员</a>
+                        <a href="/tags/计划/" style="font-size:13px">计划</a>
+                    </div>
+                </div>
+                <div class="widget">
+                    <h3 class="widget-title">归档</h3>
+                    <div class="widget-body">
+                        <ul class="archive-list">
+                            <li class="archive-list-item">
+                                <a class="archive-list-link" href="/archives/2018/03/">三月 2018</a>
+                                <span class="archive-list-count">2</span>
+                            </li>
+                            <li class="archive-list-item">
+                                <a class="archive-list-link" href="/archives/2017/12/">十二月 2017</a>
+                                <span class="archive-list-count">1</span>
+                            </li>
+                            <li class="archive-list-item">
+                                <a class="archive-list-link" href="/archives/2017/11/">十一月 2017</a>
+                                <span class="archive-list-count">1</span>
+                            </li>
+                            <li class="archive-list-item">
+                                <a class="archive-list-link" href="/archives/2017/09/">九月 2017</a>
+                                <span class="archive-list-count">1</span>
+                            </li>
+                            <li class="archive-list-item">
+                                <a class="archive-list-link" href="/archives/2017/08/">八月 2017</a>
+                                <span class="archive-list-count">3</span>
+                            </li>
+                            <li class="archive-list-item">
+                                <a class="archive-list-link" href="/archives/2017/04/">四月 2017</a>
+                                <span class="archive-list-count">1</span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="widget">
+                    <h3 class="widget-title">最新文章</h3>
+                    <div class="widget-body">
+                        <ul class="recent-post-list list-unstyled no-thumbnail">
+                            <li>
+                                <div class="item-inner">
+                                    <p class="item-category">
+                                        <a class="category-link" href="/categories/开发/">开发</a>
+                                    </p>
+                                    <p class="item-title">
+                                        <a href="/2018/03/28/那些有趣的注释，有没有你曾用过的.html" class="title">那些有趣的注释，有没有你曾用过的</a>
+                                    </p>
+                                    <p class="item-date">
+                                        <time datetime="2018-03-28T12:45:41.000Z" itemprop="datePublished">2018-03-28</time>
+                                    </p>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="item-inner">
+                                    <p class="item-category">
+                                        <a class="category-link" href="/categories/个人/">个人</a>
+                                    </p>
+                                    <p class="item-title">
+                                        <a href="/2018/03/25/年后的状态，懒！.html" class="title">年后的状态，懒！</a>
+                                    </p>
+                                    <p class="item-date">
+                                        <time datetime="2018-03-25T06:59:41.000Z" itemprop="datePublished">2018-03-25</time>
+                                    </p>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="item-inner">
+                                    <p class="item-category">
+                                        <a class="category-link" href="/categories/开发工具/">开发工具</a>
+                                    </p>
+                                    <p class="item-title">
+                                        <a href="/2017/12/17/visual-studio-code-personal-use-plug-in-colation.html" class="title">Visual Studio Code个人使用插件整理</a>
+                                    </p>
+                                    <p class="item-date">
+                                        <time datetime="2017-12-17T10:32:51.000Z" itemprop="datePublished">2017-12-17</time>
+                                    </p>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="item-inner">
+                                    <p class="item-category"></p>
+                                    <p class="item-title">
+                                        <a href="/2017/11/01/hexo-blog-theme-pure-usage-description.html" class="title">Hexo博客主题pure使用说明</a>
+                                    </p>
+                                    <p class="item-date">
+                                        <time datetime="2017-11-01T13:45:08.000Z" itemprop="datePublished">2017-11-01</time>
+                                    </p>
+                                </div>
+                            </li>
+                            <li>
+                                <div class="item-inner">
+                                    <p class="item-category"></p>
+                                    <p class="item-title">
+                                        <a href="/2017/09/06/how-to-use-mathjax-to-render-latex-mathematical-formula-in-hexo.html" class="title">如何在Hexo中使用Mathjax渲染LaTeX数学公式</a>
+                                    </p>
+                                    <p class="item-date">
+                                        <time datetime="2017-09-06T01:19:34.000Z" itemprop="datePublished">2017-09-06</time>
+                                    </p>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </aside>
+        <aside class="sidebar sidebar-toc collapse" id="collapseToc" itemscope itemtype="http://schema.org/WPSideBar">
+            <div class="slimContent">
+                <nav id="toc" class="article-toc">
+                    <h3 class="toc-title">文章目录</h3>
+                    <ol class="toc">
+                        <li class="toc-item toc-level-1">
+                            <a class="toc-link" href="#开发">
+                                <span class="toc-number">1.</span>
+                                <span class="toc-text">开发</span>
+                            </a>
+                            <ol class="toc-child">
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#文件大小">
+                                        <span class="toc-number">1.1.</span>
+                                        <span class="toc-text">文件大小</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#filesize">
+                                                <span class="toc-number">1.1.1.</span>
+                                                <span class="toc-text">filesize</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#字符转换">
+                                        <span class="toc-number">1.2.</span>
+                                        <span class="toc-text">字符转换</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#string-manipulation">
+                                                <span class="toc-number">1.2.1.</span>
+                                                <span class="toc-text">String Manipulation</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#代码比对">
+                                        <span class="toc-number">1.3.</span>
+                                        <span class="toc-text">代码比对</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#partial-diff">
+                                                <span class="toc-number">1.3.1.</span>
+                                                <span class="toc-text">Partial Diff</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#代码阅读体验优化">
+                                        <span class="toc-number">1.4.</span>
+                                        <span class="toc-text">代码阅读体验优化</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#guides">
+                                                <span class="toc-number">1.4.1.</span>
+                                                <span class="toc-text">Guides</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#indenticator">
+                                                <span class="toc-number">1.4.2.</span>
+                                                <span class="toc-text">Indenticator</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#bracket-pair-colorizer">
+                                                <span class="toc-number">1.4.3.</span>
+                                                <span class="toc-text">Bracket Pair Colorizer</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#文件定位">
+                                        <span class="toc-number">1.5.</span>
+                                        <span class="toc-text">文件定位</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#file-peek">
+                                                <span class="toc-number">1.5.1.</span>
+                                                <span class="toc-text">File Peek</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#书签">
+                                        <span class="toc-number">1.6.</span>
+                                        <span class="toc-text">书签</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#bookmarks">
+                                                <span class="toc-number">1.6.1.</span>
+                                                <span class="toc-text">Bookmarks</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#注释">
+                                        <span class="toc-number">1.7.</span>
+                                        <span class="toc-text">注释</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#fileheader">
+                                                <span class="toc-number">1.7.1.</span>
+                                                <span class="toc-text">fileheader</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#自动完成">
+                                        <span class="toc-number">1.8.</span>
+                                        <span class="toc-text">自动完成</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#path-autocomplete">
+                                                <span class="toc-number">1.8.1.</span>
+                                                <span class="toc-text">Path Autocomplete</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#path-intellisense">
+                                                <span class="toc-number">1.8.2.</span>
+                                                <span class="toc-text">Path Intellisense</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#php-intellisense">
+                                                <span class="toc-number">1.8.3.</span>
+                                                <span class="toc-text">PHP IntelliSense</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#for-php">
+                                        <span class="toc-number">1.9.</span>
+                                        <span class="toc-text">For PHP</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#composer">
+                                                <span class="toc-number">1.9.1.</span>
+                                                <span class="toc-text">composer</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#git">
+                                        <span class="toc-number">1.10.</span>
+                                        <span class="toc-text">Git</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#gitlens">
+                                                <span class="toc-number">1.10.1.</span>
+                                                <span class="toc-text">GitLens</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#git-history">
+                                                <span class="toc-number">1.10.2.</span>
+                                                <span class="toc-text">Git History</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                            </ol>
+                        </li>
+                        <li class="toc-item toc-level-1">
+                            <a class="toc-link" href="#前端开发">
+                                <span class="toc-number">2.</span>
+                                <span class="toc-text">前端开发</span>
+                            </a>
+                            <ol class="toc-child">
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#自动完成-2">
+                                        <span class="toc-number">2.1.</span>
+                                        <span class="toc-text">自动完成</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#atuo-rename-tag">
+                                                <span class="toc-number">2.1.1.</span>
+                                                <span class="toc-text">Atuo Rename Tag</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#auto-close-tag">
+                                                <span class="toc-number">2.1.2.</span>
+                                                <span class="toc-text">Auto Close Tag</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#代码提示">
+                                        <span class="toc-number">2.2.</span>
+                                        <span class="toc-text">代码提示</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#html-snippets">
+                                                <span class="toc-number">2.2.1.</span>
+                                                <span class="toc-text">HTML Snippets</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#html-css-support">
+                                                <span class="toc-number">2.2.2.</span>
+                                                <span class="toc-text">HTML CSS Support</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#icon-fonts">
+                                                <span class="toc-number">2.2.3.</span>
+                                                <span class="toc-text">Icon Fonts</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#color-info">
+                                                <span class="toc-number">2.2.4.</span>
+                                                <span class="toc-text">Color Info</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#jquery-code-snippets">
+                                                <span class="toc-number">2.2.5.</span>
+                                                <span class="toc-text">jQuery Code Snippets</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#bootstrap-3-sinnpet">
+                                                <span class="toc-number">2.2.6.</span>
+                                                <span class="toc-text">Bootstrap 3 Sinnpet</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#代码审查">
+                                        <span class="toc-number">2.3.</span>
+                                        <span class="toc-text">代码审查</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#eslint">
+                                                <span class="toc-number">2.3.1.</span>
+                                                <span class="toc-text">ESlint</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#htmlhint">
+                                                <span class="toc-number">2.3.2.</span>
+                                                <span class="toc-text">HTMLHint</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#caniuse">
+                                                <span class="toc-number">2.3.3.</span>
+                                                <span class="toc-text">caniuse</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#模版">
+                                        <span class="toc-number">2.4.</span>
+                                        <span class="toc-text">模版</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#html-boilerplate">
+                                                <span class="toc-number">2.4.1.</span>
+                                                <span class="toc-text">HTML Boilerplate</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#格式化">
+                                        <span class="toc-number">2.5.</span>
+                                        <span class="toc-text">格式化</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#beautify">
+                                                <span class="toc-number">2.5.1.</span>
+                                                <span class="toc-text">beautify</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#prettier">
+                                                <span class="toc-number">2.5.2.</span>
+                                                <span class="toc-text">Prettier</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#代码定位">
+                                        <span class="toc-number">2.6.</span>
+                                        <span class="toc-text">代码定位</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#css-peek">
+                                                <span class="toc-number">2.6.1.</span>
+                                                <span class="toc-text">CSS Peek</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#正则表达式">
+                                        <span class="toc-number">2.7.</span>
+                                        <span class="toc-text">正则表达式</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#regex-previewer">
+                                                <span class="toc-number">2.7.1.</span>
+                                                <span class="toc-text">Regex Previewer</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#代码压缩">
+                                        <span class="toc-number">2.8.</span>
+                                        <span class="toc-text">代码压缩</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#minify">
+                                                <span class="toc-number">2.8.1.</span>
+                                                <span class="toc-text">Minify</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#调试">
+                                        <span class="toc-number">2.9.</span>
+                                        <span class="toc-text">调试</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#debugger-for-chrome">
+                                                <span class="toc-number">2.9.1.</span>
+                                                <span class="toc-text">Debugger for Chrome</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#quokka">
+                                                <span class="toc-number">2.9.2.</span>
+                                                <span class="toc-text">Quokka</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                            </ol>
+                        </li>
+                        <li class="toc-item toc-level-1">
+                            <a class="toc-link" href="#vue插件">
+                                <span class="toc-number">3.</span>
+                                <span class="toc-text">Vue插件</span>
+                            </a>
+                            <ol class="toc-child">
+                                <li class="toc-item toc-level-2">
+                                    <a class="toc-link" href="#代码提示-2">
+                                        <span class="toc-number">3.1.</span>
+                                        <span class="toc-text">代码提示</span>
+                                    </a>
+                                    <ol class="toc-child">
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#vetur">
+                                                <span class="toc-number">3.1.1.</span>
+                                                <span class="toc-text">vetur</span>
+                                            </a>
+                                        </li>
+                                        <li class="toc-item toc-level-3">
+                                            <a class="toc-link" href="#vuehelper">
+                                                <span class="toc-number">3.1.2.</span>
+                                                <span class="toc-text">VueHelper</span>
+                                            </a>
+                                        </li>
+                                    </ol>
+                                </li>
+                            </ol>
+                        </li>
+                        <li class="toc-item toc-level-1">
+                            <a class="toc-link" href="#其他">
+                                <span class="toc-number">4.</span>
+                                <span class="toc-text">其他</span>
+                            </a>
+                            <ol class="toc-child">
+                                <li class="toc-item toc-level-3">
+                                    <a class="toc-link" href="#faker">
+                                        <span class="toc-number">4.0.1.</span>
+                                        <span class="toc-text">Faker</span>
+                                    </a>
+                                </li>
+                                <li class="toc-item toc-level-3">
+                                    <a class="toc-link" href="#svg-viewer">
+                                        <span class="toc-number">4.0.2.</span>
+                                        <span class="toc-text">SVG Viewer</span>
+                                    </a>
+                                </li>
+                                <li class="toc-item toc-level-3">
+                                    <a class="toc-link" href="#todo-highlight">
+                                        <span class="toc-number">4.0.3.</span>
+                                        <span class="toc-text">TODO Highlight</span>
+                                    </a>
+                                </li>
+                            </ol>
+                        </li>
+                    </ol>
+                </nav>
+            </div>
+        </aside>
+        <main class="main" role="main">
+            <div class="content">
+                <article id="post-visual-studio-code-personal-use-plug-in-colation" class="article article-type-post" itemscope itemtype="http://schema.org/BlogPosting">
+                    <div class="article-header">
+                        <h1 class="article-title" itemprop="name">Visual Studio Code个人使用插件整理</h1>
+                        <div class="article-meta">
+                            <span class="article-date">
+                                <i class="icon icon-calendar-check"></i>
+                                <a href="/2017/12/17/visual-studio-code-personal-use-plug-in-colation.html" class="article-date">
+                                    <time datetime="2017-12-17T10:32:51.000Z" itemprop="datePublished">2017-12-17</time>
+                                </a>
+                            </span>
+                            <span class="article-category">
+                                <i class="icon icon-folder"></i>
+                                <a class="article-category-link" href="/categories/开发工具/">开发工具</a>
+                            </span>
+                            <span class="article-tag">
+                                <i class="icon icon-tags"></i>
+                                <a class="article-tag-link" href="/tags/工具/">工具</a>
+                            </span>
+                            <span class="article-read hidden-xs">
+                                <i class="icon icon-eye-fill" aria-hidden="true"></i>
+                                <span id="busuanzi_container_page_pv">
+                                    <span id="busuanzi_value_page_pv">0</span>
+                                </span>
+                            </span>
+                            <span class="post-comment">
+                                <i class="icon icon-comment"></i>
+                                <a href="/2017/12/17/visual-studio-code-personal-use-plug-in-colation.html#comments" class="article-comment-link">评论</a>
+                            </span>
+                            <span class="post-wordcount hidden-xs" itemprop="wordCount">字数统计: 1,453(字)</span>
+                            <span class="post-readcount hidden-xs" itemprop="timeRequired">阅读时长: 5(分)</span>
+                        </div>
+                    </div>
+                    <div class="article-entry marked-body" itemprop="articleBody">
+                        {{ article.content|safe }}
+                    </div>
+                    <div class="article-footer">
+                        <blockquote class="mt-2x">
+                            <ul class="post-copyright list-unstyled">
+                                <li class="post-copyright-link hidden-xs">
+                                    <strong>本文链接：</strong>
+                                    <a href="https://blog.cofess.com/2017/12/17/visual-studio-code-personal-use-plug-in-colation.html" title="Visual Studio Code个人使用插件整理" target="_blank" rel="external">https://blog.cofess.com/2017/12/17/visual-studio-code-personal-use-plug-in-colation.html</a>
+                                </li>
+                                <li class="post-copyright-license">
+                                    <strong>版权声明： </strong>
+                                    本博客所有文章除特别声明外，均采用 <a href="http://creativecommons.org/licenses/by/4.0/deed.zh" target="_blank" rel="external">CC BY 4.0 CN协议</a>
+                                    许可协议。转载请注明出处！
+                                </li>
+                            </ul>
+                        </blockquote>
+                        <div class="panel panel-default panel-badger">
+                            <div class="panel-body">
+                                <figure class="media">
+                                    <div class="media-left">
+                                        <a href="https://github.com/cofess" target="_blank" class="img-burn thumb-sm visible-lg">
+                                            <img src="/images/avatar.jpg" class="img-rounded w-full" alt="">
+                                        </a>
+                                    </div>
+                                    <div class="media-body">
+                                        <h3 class="media-heading">
+                                            <a href="https://github.com/cofess" target="_blank">
+                                                <span class="text-dark">Cofess</span>
+                                                <small class="ml-1x">Web Developer &amp;Designer</small>
+                                            </a>
+                                        </h3>
+                                        <div>喜欢新事物，关注前端动态，对新的技术有追求； 喜欢产品，喜欢设计，喜欢 coding。</div>
+                                    </div>
+                                </figure>
+                            </div>
+                        </div>
+                    </div>
+                </article>
+                <section id="comments"></section>
+            </div>
+            <nav class="bar bar-footer clearfix" data-stick-bottom>
+                <div class="bar-inner">
+                    <ul class="pager pull-left">
+                        <li class="prev">
+<!--                            <a href="/2018/03/25/年后的状态，懒！.html" title="年后的状态，懒！">-->
+                            <a href="{{ last_article.url }}" title="{{ last_article.title }}">
+                                <i class="icon icon-angle-left" aria-hidden="true"></i>
+                                <span>&nbsp;&nbsp;上一篇</span>
+                            </a>
+                        </li>
+                        <li class="next">
+                            <a href="{{ next_article.url }}" title="{{ next_article.title }}">
+                                <span>下一篇&nbsp;&nbsp;</span>
+                                <i class="icon icon-angle-right" aria-hidden="true"></i>
+                            </a>
+                        </li>
+                        <li class="toggle-toc">
+                            <a class="toggle-btn collapsed" data-toggle="collapse" href="#collapseToc" aria-expanded="false" title="文章目录" role="button">
+                                <span>[&nbsp;</span>
+                                <span>文章目录</span>
+                                <i class="text-collapsed icon icon-anchor"></i>
+                                <i class="text-in icon icon-close"></i>
+                                <span>]</span>
+                            </a>
+                        </li>
+                    </ul>
+                    <button type="button" class="btn btn-fancy btn-donate pop-onhover bg-gradient-warning" data-toggle="modal" data-target="#donateModal">
+                        <span>赏</span>
+                    </button>
+                    <div class="bar-right">
+                        <div class="share-component" data-sites="weibo,qq,wechat,facebook,twitter" data-mobile-sites="weibo,qq,qzone"></div>
+                    </div>
+                </div>
+            </nav>
+            <div class="modal modal-center modal-small modal-xs-full fade" id="donateModal" tabindex="-1" role="dialog">
+                <div class="modal-dialog" role="document">
+                    <div class="modal-content donate">
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                        <div class="modal-body">
+                            <div class="donate-box">
+                                <div class="donate-head">
+                                    <p>感谢您的支持，我会继续努力的!</p>
+                                </div>
+                                <div class="tab-content">
+                                    <div role="tabpanel" class="tab-pane fade active in" id="alipay">
+                                        <div class="donate-payimg">
+                                            <img src="/images/donate/alipayimg.png" alt="扫码支持" title="扫一扫">
+                                        </div>
+                                        <p class="text-muted mv">扫码打赏，你说多少就多少</p>
+                                        <p class="text-grey">打开支付宝扫一扫，即可进行扫码打赏哦</p>
+                                    </div>
+                                    <div role="tabpanel" class="tab-pane fade" id="wechatpay">
+                                        <div class="donate-payimg">
+                                            <img src="/images/donate/wechatpayimg.png" alt="扫码支持" title="扫一扫">
+                                        </div>
+                                        <p class="text-muted mv">扫码打赏，你说多少就多少</p>
+                                        <p class="text-grey">打开微信扫一扫，即可进行扫码打赏哦</p>
+                                    </div>
+                                </div>
+                                <div class="donate-footer">
+                                    <ul class="nav nav-tabs nav-justified" role="tablist">
+                                        <li role="presentation" class="active">
+                                            <a href="#alipay" id="alipay-tab" role="tab" data-toggle="tab" aria-controls="alipay" aria-expanded="true">
+                                                <i class="icon icon-alipay"></i>
+                                                支付宝
+                                            </a>
+                                        </li>
+                                        <li role="presentation">
+                                            <a href="#wechatpay" role="tab" id="wechatpay-tab" data-toggle="tab" aria-controls="wechatpay" aria-expanded="false">
+                                                <i class="icon icon-wepay"></i>
+                                                微信支付
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </main>
+        <footer class="footer" itemscope itemtype="http://schema.org/WPFooter">
+            <ul class="social-links">
+                <li>
+                    <a href="https://github.com/cofess" target="_blank" title="Github" data-toggle="tooltip" data-placement="top">
+                        <i class="icon icon-github"></i>
+                    </a>
+                </li>
+                <li>
+                    <a href="http://weibo.com/cofess" target="_blank" title="Weibo" data-toggle="tooltip" data-placement="top">
+                        <i class="icon icon-weibo"></i>
+                    </a>
+                </li>
+                <li>
+                    <a href="https://twitter.com/iwebued" target="_blank" title="Twitter" data-toggle="tooltip" data-placement="top">
+                        <i class="icon icon-twitter"></i>
+                    </a>
+                </li>
+                <li>
+                    <a href="https://www.behance.net/cofess" target="_blank" title="Behance" data-toggle="tooltip" data-placement="top">
+                        <i class="icon icon-behance"></i>
+                    </a>
+                </li>
+                <li>
+                    <a href="/atom.xml" target="_blank" title="Rss" data-toggle="tooltip" data-placement="top">
+                        <i class="icon icon-rss"></i>
+                    </a>
+                </li>
+            </ul>
+            <div class="copyright">
+                <div class="publishby">
+                    Theme by <a href="https://github.com/cofess" target="_blank">cofess </a>
+                    base on <a href="https://github.com/cofess/hexo-theme-pure" target="_blank">pure</a>
+                    .
+                </div>
+            </div>
+        </footer>
+        <script src="/static/js/jquery.min.js"></script>
+        <script>
+            window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')
+        </script>
+        <script src="/static/js/plugin.min.js"></script>
+        <script src="/static/js/application.js"></script>
+        <script>
+            !function(T) {
+                var N = {
+                    TRANSLATION: {
+                        POSTS: "文章",
+                        PAGES: "页面",
+                        CATEGORIES: "分类",
+                        TAGS: "标签",
+                        UNTITLED: "(未命名)"
+                    },
+                    ROOT_URL: "/",
+                    CONTENT_URL: "/content.json"
+                };
+                T.INSIGHT_CONFIG = N
+            }(window)
+        </script>
+        <script src="/static/js/insight.js"></script>
+        <script async src="/static/js/busuanzi.pure.mini.js"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
+        <script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
+        <script src="//cdn.jsdelivr.net/npm/gitalk@1.4.0/dist/gitalk.min.js"></script>
+        <script src="/static/js/md5.min.js"></script>
+        <script type="text/javascript">
+            var gitalk = new Gitalk({
+              clientID: 'cdaec96879e22cb9a6b0',
+              clientSecret: 'e3b44aa41b5c9f937bea06fe7423a326ee453522',
+              repo: 'my_blog_comment',
+              owner: 'mingmingSZJGZ',
+              admin: ['mingmingSZJGZ'],
+              id: md5(location.pathname),      // Ensure uniqueness and length less than 50
+              distractionFreeMode: false  // Facebook-like distraction free mode
+            })
+            gitalk.render("comments")
+        </script>
+    </body>
+</html>
+<!-- rebuild by neat -->
diff --git "a/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/settings.py" "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/settings.py"
new file mode 100644
index 0000000000000000000000000000000000000000..757cfa3d5636d80af023cd036f591c73f2a39e18
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/settings.py"
@@ -0,0 +1,133 @@
+"""
+Django settings for myblog project.
+
+Generated by 'django-admin startproject' using Django 2.0.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/2.0/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/2.0/ref/settings/
+"""
+
+import os
+
+# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/2.0/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = 'tm4)mbtd$bwn!aq-n9&#)m!s5ef#(v06n+q2*%u(mxwe-v4b9b'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    'mdeditor',
+    'blog.apps.BlogConfig',
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+]
+
+MIDDLEWARE = [
+    'django.middleware.security.SecurityMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'myblog.urls'
+
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        'DIRS': [os.path.join(BASE_DIR, "templates")],
+        'APP_DIRS': True,
+        'OPTIONS': {
+            'context_processors': [
+                'django.template.context_processors.debug',
+                'django.template.context_processors.request',
+                'django.contrib.auth.context_processors.auth',
+                'django.contrib.messages.context_processors.messages',
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = 'myblog.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/2.0/ref/settings/#databases
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.mysql',
+        'NAME': 'myblog',
+        'USER': 'root',
+        'PASSWORD': 'xmt66237029',
+        'HOST': '127.0.0.1',
+        'PORT': '3306'
+    },
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/2.0/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/2.0/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_L10N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/2.0/howto/static-files/
+
+STATIC_URL = '/static/'
+STATICFILES_DIRS = [
+    os.path.join(BASE_DIR, "static"),
+]
+
+# Media
+MEDIA_URL = "/media/"
+MEDIA_ROOT = os.path.join(BASE_DIR, "media")
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/views.py" "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/views.py"
new file mode 100644
index 0000000000000000000000000000000000000000..6e0f7b7559544e4e454ef0b9fc8f128af0daf598
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson1/views.py"
@@ -0,0 +1,56 @@
+from django.shortcuts import render
+from django.views.generic import TemplateView
+from .models import Article
+# Create your views here.
+import math
+import markdown
+
+
+class IndexView(TemplateView):
+    template_name = "index.html"
+
+    def get(self, request, *args, **kwargs):
+        article_list = Article.objects.order_by("-create_time")
+        for article in article_list:
+            article.pub_date = article.create_time.strftime("%m-%d").replace("-", "月")
+            article.length = len(article.text)
+            article.read_time = math.ceil(len(article.text)/180) if article.text else 0
+            # 外键可以通过以下方式获取到集合
+            article.categories = article.category_set.values()
+            article.tags = article.tag_set.values()
+            # cate_list = Category.objects.filter(article_id=article.id)
+        context = {
+            "article_list": article_list,
+        }
+        return self.render_to_response(context)
+
+class DetailView(TemplateView):
+    template_name = "detail.html"
+
+    def get(self, request, *args, **kwargs):
+        article = Article.objects.get(url=request.path)
+        content = ""
+        for line in article.text.split("\n"):
+            content += line.strip("  ") if "```" in line else line
+            content += "\n"
+        article.content = markdown.markdown(content, extensions=[
+            'markdown.extensions.extra',  # 转换标题, 字体等
+            'markdown.extensions.codehilite',  # 添加高亮功能
+            'markdown.extensions.toc',  # 将表单渲染为html document类型
+        ])
+
+        raw_query_set = Article.objects.raw(f"select * from {Article._meta.db_table} where id < {article.id} order by id desc limit 1")
+        raw_query_set_last = Article.objects.raw(f"select * from {Article._meta.db_table} where id > {article.id} order by id limit 1")
+        try:
+            next_article = raw_query_set[0]
+            last_article = raw_query_set_last[0]
+            context = {
+                "next_article": next_article,
+                "last_article": last_article,
+                "article": article,
+            }
+        except IndexError:
+            context = {
+                "article": article,
+            }
+        return self.render_to_response(context)
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson2/.keep" "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson2/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson2/myblog.zip" "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson2/myblog.zip"
new file mode 100644
index 0000000000000000000000000000000000000000..565f1e4f3f98e540e02bad6cf17c358fe9bd0f67
Binary files /dev/null and "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson2/myblog.zip" differ
diff --git "a/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson3/.keep" "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson3/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson3/myblog.zip" "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson3/myblog.zip"
new file mode 100644
index 0000000000000000000000000000000000000000..b8336204d5291dc721130cb211a7dcaf6dccf67f
Binary files /dev/null and "b/\347\254\254\344\272\214\346\234\237\350\256\255\347\273\203\350\220\245/3\347\217\255/3\347\217\255_\350\214\227\350\214\227\346\230\257\345\217\252\345\201\207\351\270\275\345\255\220/week16/lesson3/myblog.zip" differ
