(); //str[i] = sc.nextLine(); } sc.close(); } } 1. next 使用举例: 输入 1: 2 abc cba 结果 1: str[0] = “abc” str...[1] = “cba” 原因:next() 方法在遇到有效字符前所遇到的空格、tab 键、enter 键都不能当作结束符。...不是预期的 “abc cba” 和 “efg gfe” 2. nextLine 使用举例: 输入 1: 2 abc cba 结果 1: str[0] = “” str[1] = “abc” 原因:以回车...回车符 “\r” 它被丢弃在缓冲区中,现在缓冲区中,只有一个 \r ,于是 下一次 nextLine 扫描的时候就又扫描到了 \r,返回它之前的内容,也是啥都没有 “” ,然后再把 \r 去掉, 对于...这个扫描器在扫描过程中判断停止的依据就是“结束符”,空格,回车,tab 都算做是结束符 而坑点在于 next 系列的,也就是下面这些函数:next nextInt nextDouble nextFloat
本文中,我们举例来说明如何使用JClouds API 获取和发布云服务器。...JClouds API 可以和大量云服务提供商(包括Amazon EC2和Rackspace)协同工作并且允许使用Java代码执行大量操作。...在它的在构造函数中,设置好接口信息,如用户名、API秘钥等信息,最后将这个类实例化。...; } 发布服务器组中的服务器 我们可以一次发布一个或一组服务器。...阻塞过程中,控制面板会像图中所示: 图片.png 最后,调用服务器发布功能进行发布。
) 阅读: 10 分钟 大家好,在《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(上)》一篇文章里,我们一起了解了什么是 Next.js,并手工创建了一个简单的...庆幸的是,Next.js 允许我们使用 Markdown 作为文章的数据源,基于文件名生成动态路由,并且实现文件内容的 HTML 静态化。...接下来我们在 Pages 目录下创建这个特殊的文件 pages/articles/[id].js, Next.js 使用id作为路由的参数,生成 /articles/article-01 的页面路由。...特有的异步方法 getStaticProps({ params }),在项目构建时调用这个函数(Static Generation),通过 id 参数调用 lib/posts-md.js 文件中 getFileData...Next.js 可以使用 Sass, Less, PostCSS, Styled JSX, CSS modules、plain old CSS等多种方式为站点添加样式,这里我们使用 Sass 为站点添加样式
大家好,在《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(上)》一篇文章里,我们一起了解了什么是 Next.js,并手工创建了一个简单的 Next.js 项目,学会了如何基于模板创建简单的页面...庆幸的是,Next.js 允许我们使用 Markdown 作为文章的数据源,基于文件名生成动态路由,并且实现文件内容的 HTML 静态化。...接下来我们在 Pages 目录下创建这个特殊的文件 pages/articles/[id].js, Next.js 使用id作为路由的参数,生成 /articles/article-01 的页面路由。...特有的异步方法 getStaticProps({ params }),在项目构建时调用这个函数(Static Generation),通过 id 参数调用 lib/posts-md.js 文件中 getFileData...Next.js 可以使用 Sass, Less, PostCSS, Styled JSX, CSS modules、plain old CSS等多种方式为站点添加样式,这里我们使用 Sass 为站点添加样式
每一项可以是字符串或者一对子/父子列表项。 alias: (可选)Chart 要使用的别名。当您要多次添加同一个 Chart 时,它会很有用。...Helm Chart 模板采用 Go 模板语言编写并存储在 Chart 的 templates 文件夹。...2、创建一个包含必要值的 YAML 文件,通过在命令行使用 helm install 命令来使用该文件。...除此之外,Helm V2 使用 ConfigMaps 存储应用的信息。在 Helm V3 中,改为 Secrets (secret 类型为 helm.sh/release )作为默认存储器。...Helm V2 必须要经过一系列操作才能获取(和应用)配置。这些配置加密、打包存储在某一个 keys 或 ConfigMap 中。
Docker 搭建你的Wiki(TiddlyWiki) 前面介绍了三款不同的 RSS 系统的快速搭建使用,接下来我将演示几种不同的 Wiki 系统,同样是借助 Docker 和 Traefik 进行快速搭建...最新版(5.x)软件支持两种运行模式: HTML 单页面(SPA 应用) Node.js (Web 应用) 单页面模式几乎不需要任何编程能力,只需要双击页面文件即可立刻开始使用,存储云盘或U盘中可以做到随身携带...目前提供客户端(基于NW.js)/ 各种奇怪的运行方式(比如跑在手机里)。 下面是软件的官方站点,以及对应的中文汉化版本。汉化版本软件版本比较低,不过常见功能使用没有太大变化。...官方演示站点 简体中文站点 繁体中文站点 本文将使用 Node.js 模式进行 Wiki 站点的建设,一来性能更好,二来可以让整个应用变为同构类型,二次开发效率也更高,三来,单文件版本应该不需要一篇实践文档...--init server networks: traefik: external: true 不过如果直接使用这样的配置和容器镜像,使用起来会有一些小麻烦,我们需要执行“两次” docker-compose
Moment.js 来解析和显示时间。...My Gallery" 在执行这行指令时,Hexo 会尝试在 scaffolds 文件夹中寻找 xxx.md,并根据其内容建立文章 在模板中可以使用的变量 变量 描述 layout...Open Graph 的关键词(不推荐使用) 分类和标签概念 只有文章支持分类和标签,可以在 Front-matter 中设置。...在其他系统中,分类和标签听起来很接近,但是在 Hexo 中两者有着明显的差别:分类具有顺序性和层次性,也就是说 Foo, Bar 不等于 Bar, Foo;而标签没有顺序和层次。..._config.yml 中指定的远端仓库和分支中,并且完全覆盖该分支下的已有内容 (注意使用git管理分支问题,区分部署目录和写作分支概念,推荐将站点目录和pages分别存放在两个不同的 Git
(所以称之为“主站”和“分站”,但其实这个结构用“父站”和“子站”形容更贴切。...所以开始干活吧↓↓↓↓ 本篇教程所使用的两个主题为Butterfly和Next 设有站点引导页面,结构如下: blog-LeadPage ├─butterfly └─nex 正文...,在该文件夹中修改index.html用作博客的引导页,后续在该文件夹中搭建网站结构。...5.在/var/www/blog-LeadPage中创建两个目录:hexo_butterfly、hexo_next。.../ Inject butterfly主题在修改了root路径后需要注意,在主题配置文件_config.butterfly.yml中的Inject部分,需要在引入本地css和js代码的路径前添加root路径
Next 是 iissnan 在 GitHub 上开源的一个 Hexo 主题,主打简洁,但是功能齐全,使用者众多。...为了描述方便,在以下说明中,将前者称为 “站点配置文件”, 后者称为 “主题配置文件”。...themes/next 之后我们就可以在 Daotin.github.io\themes 下看到 next 主题文件夹: 6、使用Next主题 首先,复制一份打开本地博客目录下的 *...你的博客文件需要存放到 **Daotin.github.io/source/_posts 文件夹**中,在该文件夹下面你可以按照你的博客分类建立一系列的文件夹来管理博客原文件。...操作步骤: 1、用 Markdown 写文章 不管你用什么编辑 Markdown 文件,最后生成的 md 文件放到 Daotin.github.io/source/_posts 文件夹或其子文件夹中即可
在目前的版本中,Traefik 官方已经内置了各种不同功能类型的中间件,其中有的可以修改请求,头信息,有的负责重定向以及其他可添加身份验证等等,而且中间件还可以通过链式组合的方式来适应各种情况。...因此,自从 Traefik 2.X 版本发布以来受到了很大的关注,特别是提供的中间件机制非常深受广大技术人员的欢迎,但是目前对于用户来说能使用的也只有官方提供的中间件,这对于某些特殊场景可能就无法满足。...于是,我们将目标聚焦在自定义中间件上,因为目前官方没有提供合理的解决方案将我们所定义的中间件集成到 Traefik 中,所以只能直接对 Traefik 组件基于实际的业务需求进行 2 次开发,下面我们以一个简单的示例来说明下如何自定义一个...环境版本:traefik-v2.2.8 场景描述: 以添加“验证 Token” 功能为例,简要解析其插件使用方法。...针对自定义插件的功能实现,主要涉及以下代码修改或调整: 1、在 pkg/middleware/auth 文件夹中自定义插件主逻辑文件 在本案例中,我们新建一个名为 “token_auth
,使用 React 和 Next.js 做一个简单的博客网站(上)》和 《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(中)》这两篇文章里,我们一起完成了一个基于 MakeDown...在《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(中)》这篇文章里,我们使用了getStaticProps() 这个方法在项目编译时(build)处理生成 MD 动态路由相关的逻辑....next 文件夹,你可以将此文件夹所有的文件内容拷贝到 Node.js 10 以上的服务器上进行部署。...你可以在此文件夹里运行 npm run start,在测试环境下去测试生产环境的站点。...,使用 React 和 Next.js 做一个简单的博客网站(中)》 结束语 到这里,本案例就介绍完了,本案例的完整源码,你可以点击阅读原文下载本案例的完整源码。
,我们将讲解如何自建并设置 Umami,然后将其和 Next.js 项目集成起来。...如果还没有,请注册一个,因为我们要使用它来发布我们自建的 Umami。 确保你有了 Github 账号后,你需要在 Vercel 和 Supabase 上注册账号(如果没有)。...根据你个人爱好和实际需求来选择组织和输入项目名称。 根据你个人喜好,填写下面的表单。此外,在地区表字段中,选择离你最近的区域。...添加站点后,你可以复制跟踪代码 Tracking Code。很方便将其粘贴到你的项目上。 最后一步,去到你的站点项目文件夹。...在我这个案例中,我使用的是 Next.js 构建项目,所以我将粘贴代码到 _document.tsx 文件中。 恭喜你!
1.了解Hexo Hexo是高效的静态站点生成框架,她基于Node.js。...接下来我们使用控制台命令在本地一个合适的位置创建博客站点文件夹如下: hexo init myHexoBlog //myHexoBlog是项目名 ?...三、发布博客 激动人心的时候到了,终于可以发布自己的第一篇博客了。来尝试一下以下的步骤: 在本地博客文件夹根目录输入: hexo new "我个人博客的第一篇博客,哈哈哈..."...这里以使用github上的next主题为例: 1.创建next文件夹 切换到本地博客根目录下,在主题文件thems下创建一个新文件夹next存放即将下载的next主题 mkdir themes/next...1.站点配置: 在本地的博客根目录下找到_config.yml,用编辑器打开,如下: ? 这里可以修改博客网站的标题、描述,语言等属性,上面更换主题也是在这个文件中修改的。大家可以在这里稍作设置。
安装环境 安装Node.js 安装Git 安装Hexo 安装Node.js Hexo是一个基于Node.js的快速、简洁且高效的静态站点生成框架,想要安装Hexo,需要先安装Node.js,官网的安装包有两种...下载链接 如果Git和Node.js的环境变量都配置好了,可以通过在cmd中确认安装结果。...post 和 draft 的区别在于前者会被发布到博客,而后者不会被发布。...NexT 主题clone到themes文件夹下的NexT文件夹里。...在站点配置文件中,找到: 1 2 3 4 # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes
静态站点生成(SSG):Next.js支持静态站点生成,允许你在构建时预渲染整个页面。这种方式使页面加载时间极快,非常适合内容不经常变化的场景。...通过简单地在代码库中添加文件和文件夹,你可以定义用户可以在浏览器中访问的URL路径。下面是几个关于Next.js路由的学习场景,让我们更深入地了解如何在Next.js应用中实现和管理路由。...私有文件夹 在Next.js中使用私有文件夹是管理项目文件结构的一个高效方式,尤其适合于那些想要将UI逻辑与路由逻辑分离、维护项目内部文件组织一致性、在代码编辑器中排序和分组文件、以及避免未来Next.js...通过简单地在文件夹名称前加上下划线_,你可以轻松地创建私有文件夹,这些文件夹及其所有子文件夹都会被Next.js的路由系统自动忽略。...使用路由分组解决问题 Next.js提供了一种简便的方法来实现这一点:路由分组。通过在文件夹名周围添加括号,你可以告诉Next.js这个文件夹是用于逻辑分组的,并且不应该影响到URL的结构。
为GitHub页面配置一个发布源。 您可以配置GitHub页面,以便将您的站点的源文件从主分支中发布,或者在您的主分支上的一个/docs文件夹中发布项目页面和其他满足特定标准的页面。...发布站点源文件的默认设置取决于站点类型和站点存储库中的分支。 如果您的站点存储库没有主或ghpage分支,那么您的GitHub页面发布源被设置为None,而您的站点没有发布。...click-save-next-to-source-selectionClick保存。 从您的主分支的一个/docs文件夹中发布您的GitHub页面站点。...在GitHub上,导航到您的GitHub页面站点的存储库。 在名为/docs的主分支上创建存储库根目录中的文件夹。 存储库设置在您的存储库名称下,单击“设置”。...对于使用Jekyll的GitHub Pages网站,您的HTML文件很可能会存储在_layouts文件夹中。一般来说,CSS是在HTML文件的一部分中找到的。
简介 Hexo 是一个快速、简洁且高效的静态站点生成框架,它基于 Node.js 。 它有以下特点: 超快速度 Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。...D:\blog ),在指定文件夹中执行下列命令, Hexo 将会在指定文件夹中新建所需要的文件。...(下划线)的文件 / 文件夹和隐藏的文件将会被忽略。...Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件夹会被拷贝过去。...这个时候,我们在浏览器中访问 http://localhost:4000/ ,就可以看到基于 Hexo 的默认主题的原型: 安装 NexT 主题 下载 NexT 主题 依旧是在当前目录下,使用 Git
; 站点的主题使用了NexT主题,相比于原生主题更加简洁大方; 为了便于多人共同编辑、维护站点,专门建立了Github Orgnization:vqa-lib,在vqa-lib中包含三个代码库: vqa-lib.github.io...第五步:将Hexo本地内容部署到github上,安装next主题子模块 在Hexo中,有三类资源:源文件(文章数据)、主题资源和配置文件,分别对应Hexo初始化目录中 …/source 、…/themes...当然你可以选择将这些核心内容拷贝来拷贝去,但是大家都知道,Hexo的博客站点文件是维护在Github上的,在发布新文章,修改或删除已有文章之后,hexo都是调用Git将更新后的站点文件上传至Github...接下来,不论是在新设备还是旧设备中,写博客之前更新一下源文件,然后在更新后的基础上写文章,待发布完成之后,将新添加的内容上传到Github。如此往复,就可以轻松而且准确地在两台设备上更新博客了。...为了描述方便,在以下说明中,将前者称为站点配置文件,后者称为主题配置文件。现在打开 站点配置文件,找到 theme 字段,并将其值更改为 next。
不限网站数量 Umami 通过一次安装就可以跟踪无限数量的网站,甚至还可以跟踪子域名和单个的 URL。...,具体例子是: mysql -u root -p umami < sql/schema.mysql.sql 你也可以在 phpmyadmin 中手动导入到空数据库中。...进入 Nginx 容器 docker exec -it nginx bash 在 /etc/nginx/conf.d 文件夹中创建配置文件 test.conf server_name 填自己的域名...https 登录 umami 配置 umami 初始登录账号密码为 admin 和 umami,登录后可以在设置中修改 在设置中点击添加站点,配置名称和域名,想要秀一下的勾选共享链接 如此我们的站点监控端就算顺利完成了...,点击该站点监控,可以发现访问人数并不会增加,这是因为我们需要在我们监控的站点中插入反馈信息的代码 点击获取跟踪代码 复制跟踪代码,将这部分代码放到我们需要监控网站的 html 代码中即可监控该站点
领取专属 10元无门槛券
手把手带您无忧上云