vitepress如何使用代码块容器

我问大家一个问题啊，就你们在写这个路由的时候，有没有感觉这是个体力活呀？而且呢，甚至会感觉到这一块是重复代码，有没有这种感觉？如果说你有的话，说明你的感觉非常的灵敏，你的感觉是对的，这一块之所以感觉到是体力活，就是因为他在重复啊， 但是你仔细观察呢，但是感觉不出来哪在重复，你看每个字是不一样的呀，那我告诉你哪在重复啊？他在跟谁重复呢？看好了，他在跟我们的目录结构在重复。 我来看一下啊，你观察一下这里的目录结构，你看一下这个目录结构里边是不是就已经暗含了路由配置了？比方说这个， 你从这个目录结构里边是不是能看出这是个首页啊？是不是访问的路径就应该是它呀？它的路由名字就应该是它，那它导入的主键就不用说了，对吧？就是个主键。然后呢，你再看一下这个， 从这个目录里边是不是可以看出他的访问路径就应该是他，他的名字就应该是他，他的主键路径呢？就不用说了。对啊，这就是你感觉到这是体力活在重复的原因里面，我在见目录的时候已经写过一次了，结果呢，我在配置的时候又要写一遍，这不仅是浪费了很多的时间，同时呢也容易造成失误，因为你再重复重复就一定会带来失误的风险。比方说你这里单词写错了， 那你看这个玩意跟这个目录结构不匹配了，是不是就带来一些维护上的困难？说最好是什么呢？最好就是我能根据这个目录结构自动的生成这个路由配置不就完了吗？不需要每一次都去手写，那后边的话，我只需要去维护这个目录结构就可以了。哎，这不是异想天开哈，这在我们软件开发里边是一种开发模式，叫做约定大于 配置。什么叫约定大于配置呢？就是我们在开发一个项目的时候，往往公司啊，或者是咱们的社区啊，都会有一些规范，对吧？你应该怎么做？你不应该怎么做？那么这些约定呢，其实里边就已经暗含了一些配置了。 比如说我们刚才的目录结构，你的公司规定你的每一个主页面的首页的话，都应该写成一个主键，名字叫 index view， 你 的目录应该是什么样子，应该怎么来放置这些东西，是吧？他会有一些约定在里边，那么这些约定呢，其实已经暗含了不少配置了，那你就不需要去配置了， 其他配置的话就重复了。你看那个 react 里边一个框架叫做 umi 值，对不对？再看那个 uni， 是 不是它里边都大量的使用到了约定大于配置这个开放模式？但是呢，很遗憾，在 vivo 里边呢，它是没有官方提供这个东西的， 那没有提供怎么办？那我们就自己手写呗，我们的目标就是要根据目录结构生成这个路由配置，所以这个路由配置呢，我们不需要手写了，我们需要自动生成。那在生成之前呢，我们首先要观察一件事，就是你左边的目录结构啊，它的信息提供完整，那我们就一条一条对呗？ 首先我通过这个目录结构能不能看出这个 pass， 这是可以看出来的，是吧？然后呢，我能不能定义好这个名字，哎，这也是可以定义的，能不能找到这个主键呢？当然可以找到主键，对吧？但是呢，你会观察会发现是不是目录结构里边少了这么一个东西，这个东西在目录结构里边是没有提供这个信息的，他信息缺失了，他信息不完整，你是不是把信息给他补上啊？ 那怎么来补这个信息呢？哎，我们可以学习一下微信小程序的做法，就在每一个页面主键旁边呢，写到这里来，是吧，把这个信息导出 是不是可以了？那么同理啊，像其他的页面呢，也是要配上一个配置。 ps 啊，这是联系我们啊，这个玩意呢是菜单顺序啊，视察其实无所谓啊，都是一些自定义的信息啊，这是呢，关于，好， 那你现在再看一下现在的信息是不是完整了？好，信息提供完整了过后呢，我们接下来就要研究怎么来生成这个路由配置，它要自动生成。好。这里呢，又要想一个问题了，我们现在看到的目录结构，它是在编意时态还是运行时态？这个好回答吧， 他肯定是在编意时代，这是我们的原码结构啊，而运行的时候是打包的结构，对吧？打包出来哪有这些目录啊？所以说现在我们要读到这些目录的结构的话，他必须要在编意时代去读去， 不能在运行时代读啊，运行时代没有这个东西啊，打包出来就是一个这个玩意了，哪有这些目录结构啊，是不是？好，那么接下来就要回顾你学过的知识了，特别是工程化的知识。 什么东西可以让我们在翻译时态读到这个目录结构呢？什么东西呢？那就看你用的是什么样的构建工具了。如果说你用的是位子的话，那么应该使用什么？ import， meta 点 club。 如果说你用的是 wepack 的 话，那你应该使用的是 require， context， 两者的功能都是一样的，都是为了在翻译时态下就打包的过程中去读到相应的目录信息，就是我们的源码的目录结构 啊。由于我们这里工程呢用的是位置啊，所以说我们就用这个东西来做，那么这个东西怎么来做呢？它传入一个参数啊，就是你要给一个 part， 你 要读什么样的文件或者是目录，就是你要读什么样的文件，而我要读什么样的文件呢？我要读到是 views 下面的，不管你套的有多深，所有的配几点介词。我要读的是这个 啊，咱们来看一下啊，看他会读到什么东西。咱们保存到一个变量里边，配置下边。为了避免报错啊，先来一个空输入吧，好保存，你看一下打印，打印出来呢，它是一个对象，这个对象的属性名是啥？是不就是每一个配置点 g s 的 模块路径啊， 对不对？路径我们拿到了，属性值是啥呢？是一个导入函数啊，它是个函数，调这个函数呢，会导入相应的这个模块，没问题吧？那如果说我希望这个属性值直接就是这个模块， 不要给我套一个函数，那行不行呢？可以，那就需要给他第二个参数，一个配置，把一根给它设为 to 好 保存，你看一下。哦，这写错了啊，一根好看一下。 现在呢？属性名还是模块路径？属性值呢？就变成了这个模块本身了，它就不是一个函数，调用过后再得到模块了啊，它就是个模块本身，你看模块里边是不是一个默认导出，对吧？默认导出里边是不是就是我们的结果？ 我要把信息拿全，拿全了过后再说，是这样的事。好，如果说你觉得这样还不方便的话，我想直接拿到这个默认导出，那怎么办呢？也可以啊，再加一个配置，就是 import， 告诉他直接导入哪个属性，对吧？ default， 这个属性好保存，你再看一下，那现在还是一样啊，属性名，模块路径就配几点介示的路径，然后属性值是不是这个模块的默认导出 是个对象。好，现在信息是不全了，路径信息还有这些额外的信息全部都全了，接下来就是考验你的开发能力的，你要用这东西组装出一个路由配置，你可能会觉得这东西啊，在工作当中遇不到，但是我告诉你啊，同学， 正是因为他遇不到，所以你要花心思去研究。如果说你只学习你工作当中遇到的东西的话，那你就永远逃不出你的岗位了，你跟你现在的岗位的契合度会越来越高，高到离谱， 这种契合度对你提升薪资没有一点帮助，甚至还有负面作用。如果说你对现在的工作并不满意，要往更高层次去追求，那你学习的方向一定是脱离你目前工作的环境的。比如说你是一个小公司，就那么两三个人搞开发，在你这个团队里边很多问题是遇不到的。 学习两三个人团队的东西，那你只能永远去搞两三个人团队，你要学习什么？你要去大团队里边用的东西，我跟你讲的这个东西是啥？它是属于基建的一部分，你有了这些知识，你才有可能能够打破你目前工作的牢笼，但这一点点呢，还是远远不够的，更多的核心知识在我们的大师课里边，大师课是完全免费的啊，来领就完事了。 大师课的作用就是专门针对目前同学们的问题，把那些注意重要，最核心，最能够直接影响你薪资高低和职业发展的知识，也是同学们最缺失的知识。 通过几天的时间给你补齐，把这些坑给你填上，你的路才会平，不然的话你往前走，到处都是阻碍在前头，这个赛道里边就是满打满算也就一百万号人，目前呢，已经有十多万人临过我们的大师课了，咱们的课程也真真切切的帮助到很多同学完成的就业掌心 对你也有作用，而你要做的，第一来免费领取，第二花几天的时间认认真真的把看完。如果说你不把这个课程当回事看一点就扔到收藏家里面去吃灰，那我劝你别来浪费好东西啊。而且这个课呢，目前可以免费领啊，怎么领？在咱们账号主页，点击头像进入账号主页，根据提示领取，完事了 好说回来啊，现在咱们拿到的这些信息过后，那么接下来就组装了，对吧？那你看这里边每一个建字队是不是要生成一个路由配置？那么就拿到这个建字队呗。 object interest， 拿到每一个建字队啊，保存打印出来啊，你看一个建字队对吧？就是一个路由配置，一个建字队就是路由配置好，那么基于这个树组呢？我们来一个 map， 是 不是 map 就 可以解构出来？每一个的第一项是啥？是不是路径？第二呢，是一些额外信息是吧？也没他属性 pass 和没他解构出来啊。好，咱们在这里打印一下 pass。 mate 保存一点点来啊，看一下是不是 passmatematemate 就 出来了。而每一个 map 里边，我要返回啥是不要返回的，就是一个路由配置啊，我们把这里的路由配置呢复制一份粘贴过来，一点点搞定呗。这 mate 我 们直接用上面的 mate 是 吧？直接搞定了， 好看一下啊，保存，那你看第一个路由配置是不是 mate， 第一个路由配置，这个 mate 是 不是？然后第三个路由配置，它的 mate 是 不是都搞定了啊？ mate 搞定了，那么上面的东西呢？一点点来呗。首先是个 pass， pass 的 话，我们目前呢是这个，我要把它换成啥？ 比方说首页的话是不是一个斜杠？那么关于我们呢，应该是一个这部分，对吧？ about 联系我们呢，应该是这一部分。 contact 是 不是首页的话就是一个斜杠？那因此我是不是把这个东西去掉就完事了？然后把这个什么 page 点介词去掉是不是完事了？所以说我们这里的做法很简单啊，咱们把这个 pass 呢重新复制一下 replace， 去掉什么 views， 然后再去掉什么 page 介词好，保存，你看一下。好，你看 about contact。 斜杠好，保存，你看一下 about contact 是不是 pass 就 已经搞定了，对吧？ pass 就 直接拿过来了？好，既然是 name， 那 么这个 name 呢，是不是可以基于这个 pass 来生成？比方说这个 pass 呢，是斜杠 a， b， c， 那 么 name 生成出来应该是啥？ a 杠 b 杠 c 是 不是？那这东西好说吧，怎么弄？是不是按斜杠分割，再用横杠连接不就完了吗？所以说来一个啊， name 代表啥呢？ pass 按照斜杠分割， 然后呢，就以按照横杠连接好，打印一下这个 name 啊，保存看一下，打印出来是这个样子，那前面多了个横杠，为啥呢？因为分割出来了，前面有个空的字母串啊，所以说来个 filter 过滤一下就常见操作了啊，把这空的字母串过滤掉，保存，你看一下是不是 about contact， 然后首页这一块又是空了，对吧？那么还是用一个货运算，如果是空的话，我就给它默认一个名字啊， index 好 了。这样子呢， name 它是不是也出来了？好， name 出来过后呢，是不是又可以发到这来，对不对？好，接下来就算一下这个东西了，这个玩意是个啥呢？是个模块导入， 大家说这个玩意很简单啊，你看哈，我们之前呢，不是拿到了这么一个 pass 吗？对不对？我只要把这个 pass 的 配置点 gs 换成啥，换成了个 index 点 of you 就 可以了， 能这样做吗？咱们来试一试呗。好，来吧，我们把它换个名字啊， components pass 等于啥呢？等于 pass， 把配置点 gs 呢？换成什么？换成 index 点 of you。 好， 咱们把这个路径呢写到这个位置，看行不行呢，保存好，看一下效果啊，这边生成出来的是这个样子， 好，写好之后呢，咱们把个路由放进去啊，放到这来。好，咱来试一下啊，看一下页面效果保存，你看一下。哎，好像是可以，是吧，你看都生成出来了，你看路由都出来了，但是真的可以吗？我们目前呢是在开发环境里边，咱们试一下在生产环境里面呢，打包一下 npm raw build， 然后呢 m p m 是 wrong review， 好 运行，看一下，你会发现在生产环境出问题了，为什么在生产环境出问题了呢？是因为你目前写的这个路径啊，在生产环境里根本就不存在，哪有这个路径啊？没有这些路径啊，打包过后呢，是不存在的，因为这是 v t 啊，在开发环境呢，它不会出问题，因为它有 yes build 的 存在 啊，这是一个工程化的知识啊，所以这里不能去使用那种动态路径，不然的话生产环境会出问题的。那怎么办呢？那是不是道理一样的，我同样在翻译环境里面，再次去使用这个 glob， 去拿到所有的主件，不就完事了吗？对吧？不用配置了。 components 打印一下啊，这是页面主件保存啊，看一下这边打印的结果啊，你看 这是逐渐的开发环境里边的路径，然后它对应到它的导入函数，对不对？而这个东西它是可以同时应用到生产环境和开发环境的啊，比方说我们这里再换到那个，呃，生产环境重新打包，然后呢 round preview 好 看一下啊，好，你看生产环境是不是变了，因此呢，我们要做的事情，现在明白了吧，我们就是要 用这边这个路径，在这里面去找到那个函数，是不是导入函数啊？就是 components 等于啥呢？等于 components 把这个路径传进去，就可以找到这个导入函数，这个导入函数直接放过来，那就完事了。好，保存，看一下，点击点击，你看开发环境没问题吧？然后呢，再看生产环境啊， nm raw build， npm raw preview， 好 看，生产环境也不会有问题，开发环境和生产环境都没问题了，而且这样做了过后有好处在什么呢？以后我们维护起来非常方便。你看这代码呢，其实我写的不多啊，我简单的写一下， 如果说你要正儿八经在公司里边去使用这个东西的话，你还要做更多的考虑啊，一些细节地方你还要去打磨打磨，这方向肯定是个方向，就说这样做完了过后啊，这代码就不用再动了。之后呢，我们只需要去维护我们的目录就可以了，比方说现在要去新增一个页面，看多简单，新增一个 product 页面，我加个目录就完事了。然后呢，这是产品页啊，配一点页，随便 啊，加一个菜单啊。然后是产品好，完了，我不用去动路由了，路由不变，看一下自动会多来一个产品，路由那些东西都会给你设置好，这就是约定大于配置的好处。

哎，你好，嗯，学历本科。呃，哪个城市？上海工作几年？工作三年了。薪资多少？嗯，薪资十六。 好，啥问题？呃三个问题。第一个就是浏览器插件，它不是有那个，就是右上角图标那个。嗯，说那个 index html， 还有它浏览器后台也有一个页面那个 html。 嗯还有一个就是就是插件市场里边有一个展示类的网页是吧？ 对，没有一个，就是他不是可以在后台运行一个 g s 代码，那个不是也可以写那个就是写 v u e 吗？然后这三个我用的是 v u e， 他 去实现的页面 就是我想在 v t 里面一次性把这三个打，等下。我汗都给我吓出来了知道吗？你还在讲我脑袋哇哇的 啊。应该没啥事，没多少人再说一遍刚才问的问题是啥？就浏览器他三个地方吗？三个地方？嗯，我想用 vt 一 次性把这三个地方打包成一个单独的三个，那个就多页应用吧是吧？对对对啊，他这个怎么去实现啊？我看那个 mate 他 打包工具他好像肯定有肯定有肯定有肯定有。呃，他是在查，我看一下啊，太专心了。呃这应该是属于啥呢？属于这个配置共享选项吧。 本页目录我看一下啊地方啊？不是，是我看的是那个直接就 rol l 那 个什么就他底层不是用的一个肉肉层是吧？ 不对啊，不是那个。嗯， rol l u r o l l u 是 什么玩意？ r o l l 有 rola 是 吧？你说的是 rola 是 吧？对对对对啊啊啊，他用的那个，哦对，他用的那个里边的一个插件啊，我看本身有没有这样的配置啊，我看他本身有没有这样子的饭。不是的饭啊。呃， 不是，我找一找啊。哎呀，直接问 ai 不 完事了吗？我问了 ai 问了好久。他来我来帮你问。呃，使用 win 如何配置多夜应用？哦，它里边它自身不包含这个配置啊，它要使用 rolappa op 型呃音或者都不完事了吗？ 但是我实现了之后，他给我把那个 gs 打包到统一的 gs 上面了。就是你要把这些 gs 分 开是吧？对，他好像分不开是吗？肯定可以分开啊。来吧，继续接着问吧。如何把不同页的 gs 分 开打包？ 它还在生成，还是要给予那个？那不得了吗？啊？那不得了吗？这能实现吗？那肯定能实现啊。那罗拉普它本身打包的时候它可以做配置的。之前我们讲了个 model ripper 的 时候也讲过那个罗拉普的配置， 它可以设置多个入口，也可以设置多个输出方式，就多对多入口和输出是多对多的一个关系。它这里是用函数实现的， 就是它可以把一个文件夹下的 gs 打包成一。呃，就是指定地方的一个 gs， 这样可以就是可以使用函数实现的。没问题，需要用函数实现。嗯， 明白了，袁老师。嗯嗯，你看吧，它这里这个已经写的很明白了， input 的 时候来自于，而它这里还不是一个函数， 他这里是给他配置一个宿主。这个宿主里面包含的是啥呢？我看看啊。这个，他把这个东西全部拿到，然后来一个 map 为一个函数， 他怎么有一个回调函数？呃，他得配置一个函数宿主这里得配置一个函数宿主。 然后你这个东西直接配置函数，其实也可以配置一个函数数值，然后函数数值里面每一个函数他就是一个打包的入口，你看他返回两个东西，一个是路径，一个是路径。我看看。等一下啊， 返回的是什么玩意？这是？哦，一个是文件名打包的文件名，一个是这个文件的路径，在哪里输出也是一样，因为这是页面吗？对吧？嗯，然后这边输出的话，一入口是 gs 啊，是个 gs， 然后就是入口 g s 啊，这个东西感觉都可以不用配置的，但是你如果说依赖一些第三方库的话，可以把单独抽离出去，因为不同的医院可能会依赖同样的第三方库吗？你可以把一个创口的抽离出去， 在入口的话你可以单独打包。都看的很清楚。好像明白了耶。嗯嗯嗯，就是这样子，你看入口 atm， 然后输出的话是基于 gs 区输出。没毛病啊，这个信息量都全了，明白了，嗯，那我回去抄一下试试。哎，去试试吧。啊， 好，还有啥问题？我靠，我忘了，袁老师，我一会想起来连线。嗯，好，嗯，拜拜。行，好，谢谢袁老师。不客气啊。

哈喽，大家好，咱们这节课讲一个新的课程，就是说如何去快速搭建他自己的一个博客，或者是搭建自己的技术文档。是咱们介绍一个新的工具，叫 wet press， 是 wet wait price 来生成自己的博客或者是技术文档。什么是 wait wait price 呢？ wait price 是一个静态的蘸点生成器， 就比如说像这样的为他一个网站，他这个首页是吧，他本身这个网站，他是一个静态的，他是前面的资源。然后如何去快速的生成一个这样的网站呢？并且还是像这样的技术博客，我们就可以借助 wait price。 除了 wait price， 它还有其他的，比如说 few price 只不过是 wait 它的官方团队，然后在这块儿是有介绍的，比如说它是 它是维护两套系统，是比较繁琐的，所以最后是主要去维护 wait price。 所以咱们现在用 wait price 的优点就是在于它快速，以内容为中心。 然后 red press 特点的话，它大概是四个，一个是 s s j， s s j 就是咱们常说的静态占点升升器，它可以去马上的就生成一个静态，静态的占点，它 主要是 html 格，也也就是说它可以转化成 html 格式，部署到所有的应用端。然后还有就是构建快速以内容为中心的占点，就是无需 比如你做一些以内容为资源的博客了，或者是说技术文档啊，档案营销网站都可以用。咱们这个 vid price 三的话，他是支持马克当语法的，他就是用你的语法高量或者是扣的。 还有他的图片插入，包括他的一些标题啦，还有一些文本，他都有不同的样式。四的话，他是可以构建出来咱们静态的 tamer 页面，然后放在任何的地方，嗯，任何 的服务器上，然后就可以快速的去运行起来。然后他主要的是他这个 vitaprase， 主要的还可以去他是他这块儿的麦克当语法，可能说他这 voe 增强 马的语法，意思就是说它的马克的语法里面是可以包含 v 代码的， 这样的话就是说让我们就是用起来更爽， 嗯，用起来 是吧。然后还有就是说他兼容了 v e 的语法，主要是因 因为它 voe 的话， voe 它的模板语法儿，它的变异语法儿和和咱们 html 它是互相兼容的。 然后他的使用场景咱们也提到了，他有两个，一个是技术文档，一个是博客档案，还有营销网站，比如说他的 voe 的这个 voe 的这个博客， 咱们打开唯一的博客，他这个页面就是用咱们的未的 plus 进行构建。 然后他的开发体验的话，就是说为了去，因为是为了驱动吧，他肯定是体验就开发的时候开发比较快， 只要快就响应快， 响应快，然后主要是热刷新嘛，热刷新然后马上响，立即响应， 也就是响应快。然后马克当语法的话，就是方便咱们的开发威力增强的。马克当语法咱们也是说了，就是里面可以用 vo 三的语法进行去写咱们的 有三的语法，去 composition api， 然后进行去开发咱们的文档。 v e plus 又是什么？咱们也刚才也说了， v p s 也是他们 的产品吧，就说之前更早的话是 vivo price， 但是说后来的话出现出现了 vid price， 但是维护两套的成本 是比较大的，所以它官方主要现在是主要在 wait price 上进行维护了。然后之前的 view price 是 view 二加 y y pac， 现在呢是 wait wait 的马特档语法的 voe 增强。 然后介绍了什么是什么是 mate price。 嗯，那我们紧接而来说如何去快速开始，然后去马上的去搭建咱们的这个博客， 回到自己的项目中，然后去比如说去创建一个叫 vid vlog， 这是作为咱们的一个技术博客，咱们可以来到这个文档，然后 我可以创业文件夹就叫我们到 d o c， 没有和 d r d o c， 然后这时候我们打开自己的文件，这时候的话我们可以来到 d o c 文件， 我们在这去 p n p m e 腻的，大家没有装 p n p m 的话，可以用 n p m e 腻它也是可以的。这时候的话我可以直接去用 p n p m 呃 add 一个 wait price， 然后这时候再使用 p n p m， 然后 with plus 以腻它 一下。初始化一下咱们的这个咱们的 vita vitpress 配置。这时候他是问了一个问题，是否在当前文件家进行初始化，咱们肯定确定。然后咱们网站的名字，比如说咱们网站名字是 my， 可以说是，比如说买 vlog 是吧， 然后网站的描述，这样也可以写 this is test。 比如说这是一个咱们测试测试博客， 那我可以做他的一个主题，默认的话咱们可以使用默认主题是吧，这是默认主题在和他的一个自定义的一个样式，这个是一个自定义的一个主题，咱们可以选默认主 题，这时候是否用 ts 来处置画自己的文件呢？咱们现在选否啊。然后还有说是添加 wait press npm script， 这个是什么呢？就是说他可以创建一些快捷指令，比如说 red press 的一个打包，还有一些运行了，还有一些打包的 pro， 这也选 yes。 这时候来到咱们的项目， 然后你可以在 doc 文件夹子里就可以发现这些文件他是怎么运行的。就是继续运行咱们的 pnpm run doc dev， 这时候他就可以打开这个网站了。打开这个网站之后你会发现这时候他是有个导航栏， 还有两导航栏，然后这中间是一个他的一个，相当于一个视力吧。然后这还有三个选项，这个就是他的一个默认主题，他还可以切换他的高亮和他的两个主题吗？ 然后这是两个 table table， 这是它的两个基础文档，我们如何去来修改它呢？比如说买 blog， 这个是如何进行修改的？ 回到咱们的项目中，然后他在这块会生成一个隐藏文件，就是点位，点位特的 prs withprs。 这是一个 cat 文件，这 cat 文件的话，它是缓存文件，当你运行的时候，它会生成这 cat 文件。然后 当你打包的时候，它会生成一个 diss 的文件，这是它的一个默认配置，是一个 diss 的文件，里面会有一些 ac 面，咱们可以演示一下它打包是如何进行的。 它是 build 丢了之后你会发现它生成一个 diss 的文件。然后除了这个的话，咱们还可以去 嗯 pmpm 去 preview 一下， 这的话是咱们原来他的打包文件的样子， 然后这个配置就是咱们刚才说的那个爱的那个 with press squarep， 他还会在这去添加咱们的这三个选项，可以把第一个给删掉。在这时候的话，为了防止咱们发布出去，可以把他的 perwat 改成处。 这咱们的一个项目刚才说到了如何去改他的导航栏的一些配置，导航栏配置也是这在这块 这个属于嗯 wait press 的一个配置。这是这个是标题，标题的话它是表示这个网站的标题可以不进行修改，这个也可以不修改它 导航栏的。它的导航栏这一块就是 nuv 里面的配置。在这比如说我们可以把它改成 home。 二， 再用 p n p m 进行进行运行一下就丢 c s 去 dev。 然后我们刷新这个页面，你会发现他这块已经被修改了。 然后一样的，比如说我们修改这一块的话，它的 title 也是可以发现他这块也是可以修改的。有这些的配置都是可以修改的。这时候你会发现他有两个 link， 这两个 link 对应的就是他 跟目录。我们方便自己的开发的话，在这个目录下，我们可以把它给把它给放在盖子，盖子时文件文件夹那个， 比如说把它全切粘过来，然后这时候我们的 然后这时候我们的目录就得去变一下，就 gets， 然后他前面都得改成 gas。 这块也是一样的。 然后回到咱们的项目中去刷新一下，你会发现他四零四是因为咱们加了个盖子， thanks。 进行运行一下 就发现现在他是没有问题的，他是 get 的是， 然后这是一个咱们简单的一个修改吧，然后你如果想改它里面的内容，比如说在这个势力中， 然后我们去可以在 get 首面家去创建一个咱们的比如说哈喽 word 点 m d 文件。这时候你会它 是因为这个变音器，我这个变音器他是提示我需要去装一个解析解析麻将语法的一个东西。 remark， 比如这个 hello word， 我可以把给他写一个文文档，就假如这就是扣的，扣的，我可以用 m d， 嗯，裤子的话，我这块可以用 javascript， 然后进行编写它的代码，比如 cons 的零是一个一。 然后这时候我们需要把它给链接上去，把它放在这个导航这块 example， 这可以把它加一个， 然后回到咱们这块再运行一下。呃，咱们丢 c， 然后 p m p m run 他们到， 然后运行运行，你会发现出一个 hello word， 这时候可以看到咱们代码。 这个是简单的咱们的一个 waiter price 的一个使用。

低于 v v 三加 vid， 四加 p， 两加 aim 的 plus， 从零到一的微博项目搭建，现在视频已经录制差不多了。 嗯，比如像项目的如何创建代码的格式化，如何配置 eslint 规范，以及比如说像威特的一个项目配置。嗯，上市的一个集成 vo， 一路由集成全局混入全局过滤器以及 animal plus 的集成，批量的集成以及批量如何持续化存储 api 的封装，全局组件以及 vsq 的用户代码片段如配置。嗯，基本上现在还差个几集，然后我们这个视频就已经完结了。嗯，项目的一个文档的一个笔记地址以及项目的原码都已经复出来了。 嗯，感兴趣的小朋友们可以下来去学习一下。这个视频适合于后端开发，去快速去学习掌握。前端开发，嗯，这个是 视频的内容都比较短，几分钟就搞定一个小知识点，这个是对于我们后端来说是比较快速入门的一个知识点， 嗯，就不会讲的比较啰嗦，主打的就是一个功能的一个快速实现，希望有需要的小伙伴们去快速的去掌握这么一个微步前端开发，做一个全站工作师，方便大家去接视或等等之类的。嗯，加油！

网站搭建是指通过技术手段创建一个可供用户访问的互联网站点。随着互联网技术的发展， 现在搭建网站已经变得相对简单，即使是初学者也可以通过一些工具和平台快速完成。搭建网站通常需要几个基本步骤，首先是确定网站的目的和内容， 其次是选择合适的域名和主机服务，这 是网站能够正常访问的基础。然后是网站的设计和开发，可以选择使用现成的网站建设平台，如 wordpress、 wix 等，也可以自行编辑 html、 css 和 javascript 代码。最后是网站的测试和上线， 确保所有功能正常运行后即可发布。对于个人用户或小型企业来说，使用网站建设平台是最便捷的选择。这些平台提供了丰富的模板和插件， 用户无需掌握复杂的编程知识就能创建出专业的网站。而对于需要定制化功能的大型企业，则可能需要专业的开发团队来完成。无论采用哪种方式， 网站搭建完成后都需要定期维护和更新内容，以保持网站的活跃度和安全性。同时，优化网站的 seo 设置也能帮助提高在搜索引擎中的排名，吸引更多访问者。

lines 登录密码忘记了？不用一个一个试教你保留数据，修改密码，普通用户和 root 用户操作一样，记住你的用户名，一定要记完整。点击右下角的按钮，按住键盘上的右键， 搓一下重启。 当你看到这个界面就可以松开 e 键了。注意看左上角，把 setprams 前面的 e 全删掉。 往下看，找到 lines 开头的这一项，输入空格，再输入这段代码， 赶紧暂停视频抄代码。输入完成后看下面提示， press ctrl x or f 十二 to boot 所以 按下键盘上的 ctrl 加 x 键， 直到进入这个界面，输入这串代码。 enter 回车，输入一点代码空格后，输入忘记密码的用户名， enter 回车后按提示输入新密码。 unix 系统在输入密码时一般不会显示，输入完后重启电脑， 你就会发现密码没有了啊。 好了，本期视频就到这里，过程中有疑问请在评论区留言。

像这些简洁美观又相似的网站，你是不是也好奇他们是怎么搭建的？神奇的开源项目第十二期，本期推荐的是， 有了它，不用去学 html 和 css， 只要会写 markdown 就 行，分分钟就能搞定技术文档、个人博客，甚至公司官网。 它安装起来也特别简单，你只要在终端执行安装命令，接着输入初步化命令，再跟着提示操作，五秒就能跑起来了。当然了，从部署到使用，它都提供了特别详细的操作文档。我是 cody 阿星，感谢观看！