首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

VuePress搭建技术网站与个人博客

Hexo: 主题系统太过于静态以及过度地依赖纯字符串, 而不是基于Vue。同时,Hexo 的 Markdown 渲染的配置也不是最灵活的 ④....GitBook: 当文件很多时,每次编辑后的重新加载时间长得令人无法忍受 默认主题导航结构也比较有限制性 主题系统也不是 Vue 驱动的 GitBook 团队更专注于将其打造为一个商业产品而不是开源工具...这里使用的官方默认主题: 左上角的logo与title 右上角的全局搜索框与nav导航栏 左侧的sidebar导航栏(自动将md一级标题设置为导航文案) 右侧的markdown内容 注意:项目自带热更新...客户端增强(可选) 如果你想对自己的应用做一些优化,比如使用router做登录拦截、给vue实例挂载全局变量或注册其他组件等,可以在.vuepress下新建文件enhanceApp.js: export...这里我们选择方案① 2. github创建仓库 ① 登录 github ② 新建仓库一:username.github.io (必须为你的github账户的username,而不是昵称啥的) ③ 新建仓库二

1.6K10

Hexo -40- 加入 开往-友链接力

每当有人访问加入开往的网页时,点击“开往“会随机跳转到另一个加入开往的网页。之后,再次点击网页上的”开往“或后退网页,将继续随机跳转到另一个加入开往的网页。...引导页、个人主页、导航站等非博客网站也可以申请加入开往(在 Q&A 中有强调)。如果引导页有链接到博客子站,则需要博客符合上述的标准。...导航站视具体情况而定。 要求中的“网站已有较多内容”因为删库等非正常情况的存在一般情况下不会对已有成员进行复查。...主页展示 在 阿里 iconfont 挑了流行的开往图标 添加到导航栏,也可以添加到底部导航栏 链接指向 https://www.travellings.cn/go.html 提 Issue 申请加入...管理员们还是很勤快的,一两个小时之内就会有审核结果。 参考资料 https://github.com/travellings-link/travellings

54730
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    超好看的30款网站侧边栏设计

    第一部分:为什么需要网站侧边栏? 侧边栏其实就是一种比较经典的网站导航设计,它的形式通常为竖向的一列,展示在网站的右侧或者左侧,具体的位置当然是取决于整体的设计。...但一般来讲,由于视觉习惯和用户行为,侧边栏位于左侧更容易第一时间吸引用户注意力,因而也能很高效地给用户提供导航;而右侧的侧边栏则常被看做是二级导航,因而可以丰富网站的结构层次。...Quinntonharris Quinntonharris是一个非常美观的个人网站,以大图和文字讲述网站主人的生活事迹,侧边栏导航使用圆点,会有垂直翻页的幻灯片的感觉。...Mathieu stern Mathieu stern是一个记录摄影和电影的网站,它的侧边栏具有两个层次结构,可以更好地引导用户。 ? 15....Dylan perlot Dylan perlot展示了不计其数的时装摄影作品,它的侧边栏在左侧,多个导航下还具有下拉菜单,方便用户更好定位。 ? 19.

    12.7K10

    按钮位置如何设计?看这篇足够了

    设计界面时,页面中都会有操作按钮。 不同的使用场景,对应的按钮位置布局不同。按钮位置如果放错,会导致用户操作不畅,甚至操作失败。 本篇文章就讲讲这个知识点,让平时没注意的人彻底掌握按钮的位置逻辑。...图片 图片 2、导航栏布局 我们平时看到的导航栏布局有很多,如发朋友圈和发QQ动态。 图片 为什么要将「发表」按钮放在导航栏右侧?...以微信朋友圈举例,在发送动态时,核心操作是为照片配文字或继续添加照片。 其他操作例如选择所选位置、提醒谁看、谁可以看,同步到朋友圈,都是次要操作且不会调起键盘。...3、跟随内容布局 常见于表单字段填写时,如下图所示。 图片 那么能不能将操作按钮放在导航栏右侧呢?答案是不行!因为放在导航栏右侧的话,操作路径不顺畅。 放在表单下方是正常的从上往下操作流。...图片 6、布局总结: 1、填写内容为必填项、需要调起键盘且均集中在页面头部,则操作按钮放在导航栏右侧较合理。 2、填写内容在头部,且调起键盘不会挡住操作按钮,则按钮紧随内容较合理。

    1.4K30

    七个用户体验设计小秘诀,打造最舒服的互动流程

    你可以显示图片而不是文字,还是重复使用以前输入的数据,而不是要求用户输入更多内容,或者使用已有的信息来设置智能默认值? 设计中断 无论您在设计什么,随身携带移动设备。...虽然一些设计师认为这是浪费宝贵的空间,但它是移动设计的一个基本要素。Jan Tschichold说: 白色空间被认为是一个主动的元素,而不是被动的背景。 减少混乱 界面超载了太多的混乱信息。...标签栏 标签栏和导航栏非常适合具有相对较少导航选项的应用程序。该模式在iOS和Android上都采用。...进度指标有一个很好的选择:屏幕架构。这些容器本质上是页面的临时空白版本,逐渐加载信息。而不是显示一个加载指示器,使用屏幕架构来专注于实际进度,并创造对将来的预期。...当然,用户在睡觉时总是可以禁用通知,但这不是一个很好的解决方案。一个真正的解决方案将是发送通知,这对于用户来说最方便,除非是立即通知他们的关键。

    2.5K60

    毕业一年左右的 前端 妹子 面经总结

    ,其实还是个技术小白啦,近几年还是想在技术上能有一个很大的提升,而且不是说金三银四嘛(嘤嘤嘤,好像是真的),所以在试水了两家公司之后,开启了我一周左右的面经之路,大大小小的公司都有面,我就是奔着涨知识和积累经验去的...面试知识点 在面两个大公司和一个小公司的时候,尤其是一个传统行业的大型公司时,也有可能是我年限的问题,尤其注意基础,无论是笔试还是技术主管面试的时候都集中在这块,像原生JS、原生Ajax等,,(这些虽然我在工作中用的也不是很多...如何实现左边两栏一定比例,左栏高度随右栏高度自适应? JavaScript篇(重要) 变量提升遇到的一些简单code题 说一下对闭包的理解,以及你在什么场景下会用到闭包?...Ajax的原生写法 为什么会有同源策略?...前端路由有没有用过,你在项目中怎么实现路由的嵌套? nextTick和Vuex两个有没有用过,分为什么情况下用到? Vue的响应式原理你知道是怎么实现的吗?

    52120

    pandas 分类数据处理大全(附代码)

    比如,我们知道lightgbm相对于xgboost优化的一个点就是可以处理分类变量,而在构建模型时我们需要指定哪些列是分类变量,并将它们调整为category作为超参数传给模型。 一个简单的例子。...在这种情况下,速度提高了大约14倍(因为内部优化会让.str.upper()仅对分类的唯一类别值调用一次,然后根据结果构造一个seires,而不是对结果中的每个值都去调用一次)。 怎么理解?...这是因为使用str会直接让原本的category类型强制转换为object,所以内存占用又回去了,这是我为什么最开始说要格外小心。 解决方法就是:直接对category本身操作而不是对它的值操作。...而当我们讨论category数据类型时,该数据类型实际上是由该特定类别中存在的一组值来描述的,因此一个类别包含["cat", "dog", "mouse"]与类别包含["cheese", "milk",...本文介绍的4个点注意点: category列的变换操作:直接对category本身操作而不是对它的值操作。这样可以保留分类性质并提高性能。

    1.2K20

    干货!iOS 与 Android 的APP 设计差异

    Android设备底部有一个全局导航栏, 使用导航栏中的后退按钮是返回上一个界面或步骤的简便方法,它适用于所有Android应用。...这个特性就会影响到iOS应用的设计,应用中需要设计一个导航栏,并在左上角加上一个返回按钮。 iOS上的返回按钮 严格来说,iOS也有一个返回的全局操作,直接在界面上右滑即可返回上一级页面。...左侧就是抽屉导航;右侧是标签栏 在Material Design中还有一个组件叫做底部导航。这个组件对于安卓原生应用来说也非常重要。底部的菜单项很容易点击和操作。...Android 依照Material Design规范,一个元素在转换过程中分为传出,传入或常驻,不同的元素也会有不同的转换方式。 动画能够引导用户的注意力。...因此,最好是花些时间了解下两个平台不同的设计规范,而不是混合iOS和Android的组件模型,然后还得花很多力气在开发上。

    3.5K10

    iOS基础问答面试题连载(二)-附答案

    添加到UIWindow上,于是控制器的view就显示在屏幕上了 一个iOS程序之所以能显示到屏幕上,完全是因为它有UIWindow 6.手动创建窗口的步骤?...一个专门存放栈顶控制器View的View 一个导航条,导航条的高度为44,Y值为20 14.导航push做了哪些事情?...当调用push方法时, 会把要push的控制器添加到导航控制器管理的栈中,把之前导航控制器中栈顶控制器View给移除,把当前栈顶控制器添加上去. 15.导航pop做了哪些事情?...当调用pop方法时, 会把要pop的控制器从栈里移除,把之前导航控制器中栈顶控制器View给移除,把当前栈顶控制器添加上去. 16.如何设置导航条的内容?...当一个对象发生某一件事时,想要把自己的东西传给别人.或是通知别人做某事使用代理. 使用场景: 上下级之间,通常是它的上一级成为它的代理.

    1.4K90

    全屏、沉浸式、fitSystemWindow使用及原理分析:全方位控制“沉浸式”的实现

    可以这么理解:状态栏与导航栏拥有自己独立的窗口,而且这两个窗口的优先级较高,会悬浮在所有窗口之上,可以把系统自身的状态栏与导航栏看做全透明的,之所有会有背景颜色,是因为下层显示界面在被覆盖的区域添加了颜色...:是合成的目标Layer,不参与合成 从上表可以看出,虽然只展示了一个Activity,但是同时会有StatusBar、NavigationBar、XXXXActivity可以看出Activity是在状态栏与导航栏下面的...当然,如果设置了隐藏状态栏,或者导航栏,并且没有让布局随着隐藏而动态变化的话,就会看到被覆盖的padding,默认是白色,如下图,隐藏状态栏前后的对比: ? 没隐藏状态栏 ?...隐藏了状态栏 以上是DecorView对状态栏的添加机制,总结出来就是一句话:只要状态栏/导航栏不设置隐藏,设置颜色就会有效。...的Content子View是一个LinearLayout,可以看出它并不是全屏,而是底部有一个Margin,正好对应导航栏的高度,顶部有个padding,这个其实是由fitSystemWindow决定的

    5.8K40

    Android Studio 每日小技巧

    toolsnamespace 2.Extract Resource 比如你在布局文件或者代码文件中直接写了某个String字符串或者某个dimen数值,而不是引用资源文件,那难道还要我再去打开相应的String.xml...(这里会有个bug,开启后,比如你的变量名是几个单词,比如是isSuccess,这时候你双击想选中这个变量就发现不能全部选中,就变成选中Success了。) camelhumps !...实际上只需要 Mac:按住option,然后鼠标点击要留下来的文件的关闭按钮,然后其他的就都关闭了 Win:按住alt. closeothers 6.The Navigation Bar 导航栏是在IDE...这表明你的路径添加到当前文件,但你也可以用它来导航和/或采取对文件和文件夹的操作。...您可以导航到父母的子文件夹或找到兄弟类 您可以轻松地创建使用代码生成快捷方式(CMD + N / ALT +插入)新文件 事实上,你可以在项目视图通过右键点击做任何事情 你可以隐藏这个导航栏。

    11910

    IOS开发系列——启动页专题【整理,部分原创】

    1.3 启动时显示状态栏 • 在-info.plist文件中加入选项 "Status bar is initiallyhidden",值为 YES 在 AppDelegate.m...*)launchOptions方法内加入代码: [[UIApplication sharedApplication] setStatusBarHidden:NO]; 【注意】 如果你的程序同时使用了导航栏作为根视图控制器...UIApplication sharedApplication] setStatusBarHidden:NO]放在 [self.window makeKeyAndVisible];之前,否则会出现状态栏与导航栏重叠的情况...可能是因为调用 makeKeyAndVisible时会去判断当前程序是否显示状态栏,以此来布导航栏的位置。...4.1 UIScrollview+UIImageView方案 我们在第一次打开App的时候,通常不是直接进入App主界面,而是会有一个能左右滑动、介绍App功能的界面。

    1.8K10

    Activity加载view6.0源码分析---setContentView

    在这个activity界面中我把导航栏给隐藏了,所以不存在导航栏,根据这张图的话大致可以看到一个activity的布局,再结合对 setContentView的研究,可以总结出activity的布局图如下...但不论是导航栏和状态栏,从这个id也可以看出,PhoneWindow只是加载他们的background,即相当于只加载一个view的占位,先告诉应用窗口,系统窗口要求将状态栏和导航栏布局在这里,你不要占用...导航栏:navigationbar,对应的id为navigationBarBackground,在PhoneWindow中会加载,当window属性发生改变时会刷新状态栏 标题栏:titlebar,对于导航栏...当然因为在3.0和4.0以及5.0对于menukey的支持不同,所以会有一个与版本相关 的 一个判断。至于这个版本之间有什么不同可以参考总结说明中列出来的文件。...,会将应用窗口添加到WindowManager中进行统一管理,以及绑定DecorView 对于状态栏和导航栏,是在每次window属性发生变化时会去更新,但是只是设置了一个背景色,只是占位用,没有加载这些

    84480

    2022年面向前端开发人员的9个最佳UI组件库框架

    在本文中,我们将探索在构建下一个项目时使用UI组件库或CSS框架的主要好处,然后我们将介绍一些目前市场上免费选项的绝佳选择! 为什么要使用UI组件库?...例如,如果你想更改应用程序中所有按钮的配色方案或字体大小,只需要更改代码中的一个变量,而不必为每个按钮手动更改。 更快的原型:你可以在开始实际项目之前使用现成的组件创建几个功能正常的原型。...如果你的客户或老板喜欢他们所看到的,但希望进行一些小的更改,这可以通过实时进行调整来快速完成,而不是每次出错时都必须从头开始(就像根本没有使用原型一样)。...如果你是刚刚起步的开发人员,可能正在寻找一个库,为你提供从头开始构建整个用户界面所需的一切。在这种情况下,重要的是你的组件内置了所有样式和交互,这样你就可以专注于编写代码,而不是担心自己编写任何样式。...AntDesign库包括广泛的UI组件,包括按钮、旋转木马、卡片、复选框、对话框、输入、列表、菜单和导航栏。

    16.9K73

    【总结】移动应用界面设计的尺寸设置及规范

    根据单位换算方法,可总结出: 当运行在mdpi下时,1dp=1px :也就是说设计师在PS里定义一个item高48px,开发就会定义该item高48dp ; 当运行在hdpi模式下时,1dp=1.5px...:也就是说设计师在PS里定义一个item高72px,开发就会定义该item高48dp ; 当运行在xhdpi模式下时,1dp=2px :也就是说设计师在PS里定义一个item高96px,开发就会定义该...在android规范中对于导航栏、工具栏等的尺寸没有明确的规定。...d、通知图标 如果app有通知,要提供一个有新通知时显示在状态栏的通知图标。整体大小为24 x 24 dp ,图形实际区域为 22 x 22 dp 。 ?...– 导航控制器中的文字使用和大号的正文样式文字大小(明确来说,是 34 点)。 – 文本通常使用常规体和中等大小,而不是用细体和粗体。 百度用户体验做过的一个小调查: 单位:像素px ?

    3.6K40

    SEO人员,如何控制网站流量走向呢?

    我们做SEO的目的就是从搜索引擎中获得流量并进行转化,而我们做SEO是通过大量关键词获取排名而引流,但我们通过百度流量统计中可以看出一些页面的点击量比较高但其并非是我们要转化的页面,而高转化率的页面获取流量却不多...一.利用内链引导 一般来说我们会想到站内控制流量走向需要靠内链的引导所以我们一般会按如下方式进行流量控制。...2.侧边栏推荐 侧边栏我们也要利用上,可以设置固定的推荐来设置转化率高的页面,一般的cms网站都会有此功能。...2.设置导航链接 转化率高页面我们也可以在导航栏单独设置其展示的栏目,我们知道一般中小网站首页权重都是比较高的,我们在首页设置其链接不仅可以提高这个页面的权重,还可以有效的利用首页来引流。...3.tag标签 除了导航栏链接我们还要关注tag标签所起到的作用,不少网站并不会使用tag标签,因为tag标签使用不好,不会给网站带来好处反而会出现大量重复页面而对网站的整体质量产生影响。

    78910

    新一代响应式设计:适应多设备的最佳解决方案

    在移动设备上,导航栏是一个侧边菜单,而在桌面设备上,导航栏是一个顶部菜单。 查看移动和桌面导航栏 移动导航栏 PC导航栏 那时我明白了,在这种情况下,“移动优先”并不合适!你问为什么?...新“基本优先”方法,以及为什么放弃了“移动优先”! 我意识到“移动优先”是一个好主意,但它仍然不是最好的,因为就像我之前说的,有时移动设备与桌面设备非常不同。...网络上的常见做法是使用仅以最小宽度为起点而没有最大宽度的断点(称之为“开放式断点”),这是一个非常大的问题!你问为什么?因为你几乎无法控制上层断点会受到什么影响!...以下是《卫报》网站的一个例子,展示了为什么开放的断点是不好的! 浏览器中有一个检查元素的小组件,即 logo。看看它有多少覆盖!当我看到这么多覆盖时,我就知道代码有问题了!...总结 从这篇文章中需要了解的重点是什么: 以小组件为单位工作 在单独的文件中定义SASS变量中的常见闭合断点 在每个需要的组件中使用SASS变量的断点 工作和思考时要“基本优先”!

    31230

    iOS开发常用之网络

    它使用基于ViewController的容器特性(而不是滚动视图)来管理各个子页面,以支持无限分页,源码推荐说明。...RMParallax - RMParallax是一个应用程序启动页引导开源项目,除了细微的翻页视差效果,描述文本的过渡也非常美观(版本新特性,导航页,引导页)。...ADo_GuideView - 转动的用户引导页(模仿网易bobo)因为没有从应用程序包里抓到@ 3x的图片,建议在iPhone5模拟器运行,保证效果〜(版本新特性,导航页,引导页)。...支持block回调版本新特性,导航页,引导页)。 MZGuidePages - 自己写的通用导航页,可以直接引入工程使用,请参考案例(版本新特性,导航页,引导页)。...(版本新特性,导航页,引导页)。 ABCIntroView - ABCIntroView是一个易于使用的入门类,让你到达主屏幕之前介绍你的应用程序(版本新特性,导航页,引导页)。

    23.7K10

    带你认识 flask web 表单

    事实上,我将会对所有的模板继承基础模板,以保持顶部导航栏风格统一。 这个模板需要一个form参数的传入到渲染模板的函数中,form来自于LoginForm类的实例化,不过我现在还没有编写它。...表单的action属性告诉浏览器在提交用户在表单中输入的信息时应该请求的URL。当action设置为空字符串时,表单将被提交给当前地址栏中的URL,即当前页面。...在基础模板templates/base.html的导航栏上添加登录的链接,以便访问: Microblog: Home 在浏览器的地址栏中输入http://localhost:5000/,然后点击顶部导航栏中的“Login”链接来查看新的登录表单。是不是非常炫酷? ?...你可能会问,为什么使用函数名称而不是URL?事实是,URL比起视图函数名称变更的可能性更高。

    2.3K20
    领券