feat: 完善了示例代码

Author: eveningwater

codes/css/flex-center.md

@@ -24,7 +24,7 @@
 
 > 应用场景
 
-来看一个模拟实现的[官网的例子](codes/css/html/flex-center.html)。
+来看一个模拟实现的<a href="codes/css/html/flex-center.html" target="_blank" rel="noopener noreferrer">官网的例子</a>。
 
 <div class="code-editor" data-url="codes/css/html/flex-center.html" data-language="html"></div>
 

codes/css/ingenious-outline.md

@@ -34,7 +34,7 @@
 
 > 应用场景
 
-以下是一个实现的网站[示例](codes/css/html/ingenious-outline.html):
+以下是一个实现的网站<a href="codes/css/html/ingenious-outline.html" target="_blank" rel="noopener noreferrer">示例</a>:
 
 <div class="code-editor" data-url="codes/css/html/ingenious-outline.html" data-language="html"></div>
 

codes/javascript/capitalizeEveryWord.md

@@ -25,6 +25,8 @@ capitalizeEveryWord('hello world!'); // 'Hello World!'
 
 > 应用场景
 
+以下是基于上述代码实现的一个单词字母大写转换器的<a href="codes/javascript/html/capitalizeEveryWord.html" target="_blank" rel="noopener noreferrer">示例</a>:
+
 <div class="code-editor" data-url="codes/javascript/html/capitalizeEveryWord.html" data-language="html"></div>
 
 结果如下:

codes/javascript/cartesianProduct.md

@@ -61,7 +61,7 @@ cartesianProduct(["x", "y"], [1, 2]);
 
 > 应用场景
 
-以下是一个基于笛卡尔积而实现的实战[示例](codes/javascript/html/cartesianProduct.html):
+以下是一个基于笛卡尔积而实现的实战<a href="codes/javascript/html/cartesianProduct.html" target="_blank" rel="noopener noreferrer">示例</a>:
 
 <div class="code-editor" data-url="codes/javascript/html/cartesianProduct.html" data-language="html"></div>
 

js/index.js

@@ -74,7 +74,7 @@ window.$docsify = {
   search: {
     maxAge: 86400000, // 过期时间，单位毫秒，默认一天
     paths: 'auto', // or 'auto'
-    placeholder: '请输入需要搜索的内容',
+    placeholder: '请输入需要搜索的代码段',
     noData: 'No Results!',
     // 搜索标题的最大程级, 1 - 6
     depth: 6
@@ -84,5 +84,9 @@ window.$docsify = {
     fontsize: '0.9em',
     color: 'rgb(90,90,90)',
     language: 'chinese'
+  },
+  externalLinks: {
+    target: '_blank',
+    rel: 'noopener noreferrer'
   }
 };