文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Halo博客的部署和使用

1 前言 Halo 是一个强大易用的开源建站工具，拥有丰富的主题模板和插件，帮助用户快速搭建属于自己的博客系统。...4 Halo 博客设置 效果预览（使用Dream for Halo 2.x主题，预览图仅供参考）： 4.1 基础设置 侧边栏“设置”中包含： 基本设置：站点标题、副标题、logo 等 文章设置：各页文章显示条数...SEO 设置：站点关键词、秒数等，用于提升网站在搜索引擎中的排名 用户设置：是否允许注册及新注册用户的所在权限组 评论设置：是否可以发布评论及评论发送的条件 主题路由设置：各页的路由设置及文章详情页访问规则...创建菜单（侧边栏“菜单”，选择在主菜单中新建）： 名称 链接地址 备注 首页 / 无 归档 /archives 同主题路由设置中归档页路由前缀相同 分类 /categories 同主题路由设置中分类页路由前缀相同...文章”页内可管理文章分类和标签 添加文章页可切换编辑器，文章设置中可针对调整此篇文章的某些设置 使用“对象存储”插件，可在侧边栏“附件”内改变存储策略 侧边栏“图库”为菜单“相册”，侧边栏“链接”为菜单

62310

React 折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏

,直接基于antd的基础上封装一下 实现的思路基本是一样的(哪怕是自己把组件都写了) ---- 实现思路 思路 用mobx来维护打开的菜单数据,数据用数组来维护 考虑追加,移除过程的去重 数据及行为的设计...结合路由进行响应 目标 点击tab展示页面内容,同时关联侧边栏的菜单 tab自身可以关闭,注意规避只有一个的时候不显示关闭按钮,高亮的 杜绝重复点击tab的时候(tab和路由匹配的情况),再次渲染组件...一键关闭除当前url以外的的所有tab 重定向的时候也会自动展开侧边栏(路由表存在匹配的情况) 可拓展的方向 有兴趣的自行拓展,具体idea如下 比如快速跳转到第一个或者最后一个的快捷菜单等 给侧边栏的子菜单都带上...icon,这样把icon同步到水平菜单就比较好看了,目前水平都是直接写死 加上水波纹动效,目前没有..就是MD风格点一下扩散那种 拖拽,这样可以摆出更符合自己使用习惯的水平菜单 固定额外不被消除的标签,...因为感觉意义不大,水平菜单的宽度不管是pad上还是pc上, 默认一行最起码可以打开五个tab, 一般人的注意力都集中在几个常见的页面上 假如你需要更多呢?

3.2K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    手把手教你用vuepress搭建自己的网站(2)

    这是因为vuepress默认打开的是docs 下的README.md文件, 由于你没有创建,所以找到的是vuepress 默认提供的404页面 文件的相对路径 页面路由地址 /README.md /...其中导航栏的链接分为三种:一级 nav,链接,二级下拉菜单,带标题的多级分类菜单 一级 nav,直接带路由即可 themeConfig: { nav: [ { text: '首页', link...如果想 nav 二级下拉菜单,如下配置,link的属性值带有链接,会直接是链接,若不是那就是路由,在vuepress中提供了一个items属性,配置二级导航如下所示 themeConfig:{ nav...随着你往后想要配置的 nav,slidebar,导航栏,侧边栏,以及插件的增多,如果没有对 config.js 进行分割 该文件的配置将会越来越长,越来越臃肿,到最后,连你自己都看不下去,无法忍受了的,...对于后期的代码维护,以及拓展是极其不友好的,所以在一开始,就考虑一下代码的拆分,更多的是方便自己,一劳永逸 不要觉得这个很麻烦,不抽离,越往后,越是灾难,到最后,自己可能在也不会去看了的 如果以上的讲解依然不清楚

    2.6K20

    Vue 轻量级后台管理系统基础模板

    项目地址 在线预览 更新日志 相关依赖 vue-router iview axios vuex 功能 登录页 一周七天自动切换不同的壁纸（建议自己配置） 标签栏 点击标签切换页面 刷新当前标签页 关闭其他标签.../关闭所有标签 注意： 组件的名称和路由的名称一定要一致，例如 Home.vue 组件名称 name: home，则在路由文件中也要给它设置为 name: home，否则页面内容不能缓存 // 在router.../views/Home.vue') } // 在Home.vue中 export default { name: 'home' } 侧边栏 伸展/收缩 页面宽度过小自动收缩 多级菜单（利用iView...jest 单元测试 如果不需要，请卸载相关依赖及删除根目录下的 tests 目录 页面标题 document.title 在 src/utils/index 下可设置默认的 title，在每个路由配置项上可设置对应的...其他不用关注 市面上有大量的vue后台管理系统模板 但是功能都太丰富了 而且有很多组件用不上 所以写了这么一个最基础的 只有必要功能的模板 UI库使用的是iView 有大量的组件可用 使用 下载 git

    1.3K40

    《vue3+ts+element-plus 后台管理系统系列三》之路由侧边栏

    本项目侧边栏和路由是绑定在一起的，所以你只有在 @/router/index.js 下面配置对应的路由，侧边栏就能动态的生成了。大大减轻了手动重复编辑侧边栏的工作量。...// 当设置 true 的时候该路由不会在侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1 hidden: true // (默认 false) //当设置 noRedirect...// 这在某些场景非常有用，比如：一个文章的列表页路由为：/article/list // 点击文章进入文章详情页，这时候路由为/article/1，但你想在侧边栏高亮文章列表的路由，就可以进行如下设置...只需要在文件夹内新建自己路由即可。 ? 不明白的可以查看 require.context API const asyncFiles = require.context('....isCollapse" //是否只保持一个子菜单的展开。

    4.5K10

    后台管理系统 – 页面布局设计

    vue-element-admin采用的是侧边菜单布局，侧边菜单 + 顶部导航 + 内容区域，这也是我个人最推崇的布局方式。...（3）混合菜单布局 其实和侧边菜单布局大同小异，还是属于侧边菜单布局的范畴。 只不过这样布局的话，面包屑导航就不适合和顶部放一行了，只能另起一行。...（顶部导航区域 + 内容区域）容器 appMain 内容区域容器 （2）侧边菜单区域默认撑满高度，宽度可交给antd组件自适应，也可以自己设死。...侧边栏的实现方式是难点，因为这里即涉及到如何和路由数据匹配，又涉及权限的筛选。...侧边栏最好是和路由配置共用一套数据，方便扩展和维护，这里得益于 react-router-waiter 已经封装好的路由管理方案（类vue-router），所以直接读取路由配置数据，动态生成菜单组件结构

    7.4K51

    Web前端开发推荐阅读书籍、学习课程下载

    前言 学校里没有前端的课程，那如何学习JavaScript，又如何使自己成为一个合格的前端工程师呢？ 除了在项目中学习和跟着有经验的同事学习，读书也是必不可少的。...布局介绍 ionic ion-tap选项卡以及高级路由 ionic动态组件等 20150601更新 新增以下视频教程及资料： 妙味2014远程课堂jQuery视频教程 Javascript视频教程大合集...下面列出的是一些电子书籍的清单，单纯的一个分享，推荐大家还是去买正版书籍，毕竟电子书可能不会像是纸质书籍那么珍重。...ionic 学习思路以及ionic 新建的项目分析 22 ionic css布局介绍 25 ionic css布局介绍 grid页面布局 26 ionic js指令布局介绍使用 27 ionic路由详解...28 ionic ion-tap选项卡以及高级路由 30 ionic侧边栏ion-side-menus 以及ion-tap结合侧边栏详解 31 ionic列表 ion-list 以及高性能的ng-repeat

    12.8K71

    Vue | vue-router基础

    pages 文件夹中,一般组件通常存放在components 文件夹中 通过切换,"隐藏"的路由组件,默认是被销毁的,需要的时候再去挂载 每个组件都有自己的$route 属性,里面存储着自己的路由信息...路由组件被激活时触发 deactivated 路由组件失活时触发 路由的配置项 hidden: true //当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面.../edit/1 alwaysShow: true // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面;只有一个时，会将那个子路由当做根路由显示在侧边栏...: ['a:a:a', 'b:b:b'] // 访问路由的菜单权限 meta : { noCache: true, // 如果设置为true，则不会被 缓存...// 当路由设置了该属性，则会高亮相对应的侧边栏。

    1.5K30

    总结一下最近学习的后台管理系统的前端权限设计

    本文以思路为主，不会写出全部代码 基础工作 首先还是后台管理系统的基础工作，登录，侧边栏，导航栏什么的，因为给的时间实在太紧，我就直接用的网上已经有的基础框架 vue-admin-template...菜单表设计 因为 vue-admin-template 框架中，侧边栏是根据路由生成的，所以我们只要用一个菜单表维护路由就行了，不需要单独再搞一个侧边栏管理，为了满足渲染路由所必须的参数，我们需要告诉后端我们都需要什么参数...:list hidden 是否渲染在侧边栏 有一些路由我们需要可以访问，又不想让它出现在侧边栏 *以上仅列出我们所必须的字段，像创建时间，创建人，排序等可以与后端协商按需求添加 角色分配 菜单表搞好之后...，我们就可以开始开发角色列表，角色列表无非就是增删查改，这里仅记录自己碰到的几个小知识点。...$router不是响应式的，所以手动将路由元注入路由对象 router.options.routes.push(...menuList); // 下面这个我也不知道为什么要加

    71750

    webpack+vue项目实战（二，开发管理系统主页面）

    需求有一个，页面上面需要放一个退出的登录按钮，我就写了一个顶部组件的文件。首先就是创建这个文件 ?...3.侧边栏组件 这个侧边栏就是这篇文章的重点，也是整个项目操作的重点。先在目录上创建这样一个的侧边栏的组件文件。 ? 下面图片是我们要实现的效果，那些排版切图的样式我不多说了，相信不会难倒大家 ?...（tag这个标识数据，是我自己起的，大家也可以随意起。...看到运行结果，侧边栏出来了。然后，下一步！ 3.给侧边栏写相关的一些操作 关于侧边栏的操作，比较简单，无非就是点击菜单，跳转路由，标志当前项以及菜单下面子菜单的显示与隐藏。...4.未完待续 今天就到这里了。主要就是一个主页面，主要是侧边栏的一个开发。这个侧边栏就是根据控制录用的变化。技术栈主要也就是vue和vue-router。原理就是根据路由的变化执行组件的切换。

    1.5K11

    D2Admin 8月更新: 高级数据持久化|标签页右键|模块化等

    API 全新的数据持久化 API 数据持久化现在不仅仅支持区分用户，还可以区分路由 路由快照功能 文档重构 菜单支持跳转到外部链接 页面过渡动画设置加入全局状态管理并支持用户私有持久化 $logAdd...和 $log 快速记录日志和打印日志，并提供演示页面 顶栏和侧边栏菜单支持 svg 图标 细节介绍 多标签页控制右键菜单 标签页右键菜单如下图红色框内所示，模拟了常见浏览器或者文件管理器标签页的功能：...我对比了 www.awesomes.cn vue专题 控制面板 上每个控制面板，最后发现支持右键菜单的竟然少之又少，大部分不支持多页，支持多页又支持页签右键的目前除了 D2Admin 只发现了一个。...D2Admin 数据持久化依赖浏览器的 LocalStorage，使用 lowdb API 加自己的取值包装实现了便捷的的操作和取值方法，通过不同的接口可以访问到持久化数据不同的内容，例如不同用户独有的存储区域...* sys 模块您在业务代码中不会访问 * database 中的存储结构您绝不会使用某一个 API 全部获得，每次您操作的只是某个节点下的一部分数据，D2Admin 通过不同 API 来简化您在上述数数据中快速定位到需要的数据节点

    1.1K30

    webpack+vue项目实战（三，配置功能操作页和组件的按需加载）

    1.前言 上篇文章（webpack+vue项目实战（二，开发管理系统主页面）），实现了，侧边栏的一个操作，点击侧边栏的一些操作，最重要的就是路由的切换。...我是按照自己的想法弄的，毕竟，后台的管理系统，不会有什么设计图，效果图的，能用就好，练习的小伙伴也可以发挥自己的想象。 开始动手了，首先我就挑一个‘回款管理’这个模块吧！...发现是不是一下的功夫，就把排版给搞定了(有些小细节还是得自己动手，这个小伙伴自己动手操作吧)！这是当然的，因为样式和组件的操作，element-ui都提供了，我们需要做的，就是套一下数据。...这个也是单页面应用的一个小模板或者模型了！如果想在项目上加其他页面，也是按照上面所说的方法！ 按照步骤处理就好！今天做好的功能操作页，比如‘回款管理’，‘开票管理’页面，是一写很简单的展示页面。...下篇文章或许会提到一些页面上的一些操作开发。也会提到怎么利用vue-resource来跟后台进行数据的交互操作，前端又应该怎么把数据展示在页面上。

    87120

    layuiAdmin pro v1.x 【单页版】开发者文档

    在 start/json/menu.js 文件中，我们放置了默认的侧边菜单数据，你可以去随意改动它。...如果你需要动态加载菜单，你需要将 views/layout.html 中的对应地址改成你的真实接口地址 侧边菜单最多可支持到三级。...需要注意的是以下几点： 当任意级菜单有子菜单，点击该菜单都只是收缩和展开操作，而并不会跳转，只有没有子菜单的菜单才被允许跳转。...我们假设一级菜单的 name 是：a，二级菜单的是：b，三级菜单的 name 是 c，那么： 三级菜单最终的路由地址就是：/a/b/c 如果二级菜单没有三级菜单，那么二级菜单就是最终路由...ID唯一性 如果你开启了标签页功能，请务必注意 ID 的冲突，尤其是在你自己绑定事件的情况。

    4K20

    Mirages主题帮助文档

    内容部分按需发挥 发布页面 建议了解的内容 侧边栏及导航条菜单项 侧边栏及导航条菜单项为你的「独立页面」，可以在管理 -> 独立页面进行隐藏、排序等操作。...插件下载地址 备用下载地址 侧边栏菜单怎么配置？ 侧边栏菜单的内容来源于你的独立页面，新增或删除独立页面后，侧边栏菜单会相应更改。 侧边栏菜单如何排序？...侧边栏菜单的内容来源于你的独立页面，所以你可以在 管理 -> 独立页面 对独立页面进行隐藏、排序等操作，侧边栏菜单会相应更改。 侧边栏头像怎么修改？...另外可以通过 自定义字段 blurBanner 覆盖某篇文章的全局设置 该功能的具体效果为banner在图片加载动画加载到高斯模糊阶段即停止，不会加载完整的 banner 图片。...4 ==> 页面打开时目录树【展示】在文章【右侧】，页面不会展示展开按钮，因此【不可通过】展开按钮展开或隐藏目录树 5 ==> 页面打开时目录树【展示】在文章【左侧】，页面不会展示展开按钮，因此【不可通过

    10.1K20

    BuildAdmin05：如何玩转Vue路由动态加载

    vue-router在BuildAdmin中主要实现了菜单栏和tabs标签页两大模块，而这两个模块是比较复杂的，所以对vue-router需要有一个很好的掌握。...动态路由 而动态路由是从后台API请求，然后通过调用vue-router的api（例如addRoute)，动态解析渲染到routes属性中，BuildAdmin中的侧边栏menu，就是通过动态路由实现的...然后调用createRouter来创建一个全局路由对象router，将路由信息（staticRoutes）绑定在router上。 2. 后台请求路由信息 侧边栏的菜单就是动态路由渲染。...我根据自己的需求，重构、重写了方法，然后与BuildAdmin的代码学习印证。...4. 更新路由全局状态 然后开发一个对其他模块开放的handleAdminRoute方法，用来执行addRouteAll来动态加载路由。

    79500

    还在用老掉牙的后台模板？来试试这款人类高质量后台模板（Admin Plus）

    我们只需要找到菜单权限管理，点击你想要隐藏侧边栏的页面，然后看到右边的隐藏侧边栏即可将当前页面隐藏侧边栏，这个功能对于一些需要大版面的页面是很实用的。...私人定制动态菜单 看到这里很多观众老爷可能会问了，我可不可以自己定制顶部或者是左侧的菜单栏呢？哎，你问到点上了，这是他的第二个亮点。...在Admin Plus 中的路由与菜单是独立分离的，也就意味着，即使添加了路由，没有添加菜单，顶栏或侧边栏也是不显示的。所以，当新增一个页面后（创建了路由），紧接着需要添加对应的菜单。...准入的权限是什么。 路由鉴权 路由鉴权简单来说就是用户如果没有这个权限，他会跳到一个没有权限的页面，一般是403页面。...菜单栏的鉴权分为两部分，一部分是顶部的菜单栏，一部分是侧边的菜单栏。在配置好权限了以后，不同身份的用户看到的是不同的菜单，只有拥有了对应的权限的用户才可以看到这个菜单的入口。

    2.1K20

    Vue3 中如何加载动态菜单？

    所以在发生页面的跳转的时候，我们应该去区分一下，是用户点击了页面上的菜单按钮之后发生了页面跳转还是用户点击了浏览器刷新按钮（或者按了 F5）发生了跳转。...vue 中的导航守卫就类似一个监控，它可以监控到所有的页面跳转，在页面跳转中，我们可以去判断一下 vuex 中的菜单数据是否还在，如果还在，就说明用户是点击了页面上的菜单按钮完成了跳转的，如果不在，就说明用户是点击了浏览器的刷新按钮或者是按了.../permission.js 文件中）去服务端加载路由信息，并将加载到的路由信息放入到 router 对象中（前提是这个路由对象不是一个 http 链接，就是普通的路由地址）。...sidebarRouters： 这个就是大家所熟知的侧边栏菜单了，具体展示是 constantRoutes+服务端返回的菜单，不过这些 constantRoutes 基本上 hidden 属性都是 false...，渲染的时候是不会被渲染出来的。

    2.2K10
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券