抖音视频地址 https://www.douyin.com/video/7160892403325439271
程序员李钟意 Github pages 代码块收起 region
代码折叠小技巧 适用任何编程语言
代码块收起 region
使用方法
适用于绝大部分编程语言(html,js,css,jsx,ts,java,python ...)
语法: 在代码注释内部-要开始的地方 加#region 结束的地方加#endregion
<!-- 注释代码 #region -->
// code...
// code...
<!-- 注释代码 #endregion -->
在 html 中
<style>
/* #region 全局样式 */
html,
body {
margin: 0;
padding: 0;
}
body {
font-size: 16px;
}
/* #endregion */
</style>
<script>
window.$docsify = {
// name: '抖音@程序员李钟意', // 左上角的名称
repo: "https://github.com/xieerduos/xieerduos.github.io", // 右上角的 github 猫
loadSidebar: true, // 定制侧边栏 _sidebar.md生效
// alias: {
// '/.*/_sidebar.md': '/_sidebar.md' // 嵌套的侧边栏
// },
subMaxLevel: 4, // 显示目录级
// #region 全文检索
search: {
maxAge: 86400000, // 过期时间,单位毫秒,默认一天
paths: "auto", // or 'auto'
placeholder: "输入关键字搜索",
placeholder: {
"/en/": "Type to search",
"/": "输入关键字搜索",
},
noData: {
"/en/": "No Results",
"/": "找不到结果",
},
// 搜索标题的最大层级, 1 - 6
depth: 6,
hideOtherSidebarContent: true, // 是否隐藏其他侧边栏内容
// 避免搜索索引冲突
// 同一域下的多个网站之间
namespace: "website-1",
// 使用不同的索引作为路径前缀(namespaces)
// 注意:仅适用于 paths: 'auto' 模式
// 初始化索引时,我们从侧边栏查找第一个路径
// 如果它与列表中的前缀匹配,我们将切换到相应的索引
pathNamespaces: ["/en"],
// 您可以提供一个正则表达式来匹配前缀。在这种情况下,
// 匹配到的字符串将被用来识别索引
pathNamespaces: /^(\/(en))?(\/(v1|v2))?/,
},
// 统计字数 (显示在每一个文章的有上角)
count: {
countable: true,
fontsize: "0.9em",
color: "rgb(90,90,90)",
language: "chinese",
},
// #endregion
};
</script>
index.js 演示 #region 代码块收起
// 演示 #region 代码块收起
// #region emmmm...
main();
function main() {
sayHelloWorld();
console.log("hello world");
console.log("hello world");
// code...
// #region for循环遍历数组
console.log("hello world");
console.log("hello world");
console.log("hello world");
// code...
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
// #endregion for循环遍历数组
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
// #region Vue 代码
console.log("hello world");
console.log("hello world");
console.log("hello world");
// code...
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
// #endregion Vue 代码
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
}
function sayHelloWorld() {
console.log("hello world");
console.log("hello world");
// code...
// #region React代码
console.log("hello world");
console.log("hello world");
console.log("hello world");
// code...
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
// #endregion React代码
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
// #region Nodejs代码
console.log("hello world");
console.log("hello world");
console.log("hello world");
// code...
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
// #endregion Nodejs代码
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
console.log("hello world");
}
// code ...
// #endregion emmmm...