1.随机数长度控制,定义一个长度变量(length),生成可控长度的随机数: Math.random().toString(36).substr(3,length) 2.引入时间戳: Date.now(
前言: numpy是以矩阵为基础的数学计算模块,其基础为多维数组为ndarray 官方文档:(https://docs.scipy.org/doc/numpy/user/index.html) 何为...一种由相同类型的元素组成的固定的多维数组。...(注意黑体字) ndarry创建 代码如下 import numpy as np np.array([[1,2,3],[4,5,6]]) np.zeros((4,5)) np.ones((2,3,4...)) np.random.randint(1,20,size=(4,5)) np.arange(1,9,2) #生成等差数列 np.linspace(1,10,4) 生成正态分布 np.random.rand...: 我的机器学习pandas篇 我的机器学习matplotlib篇 我的机器学习微积分篇
尽管这是某些类型应用程序(特别是需要登录的应用程序)的有效模式,但 React 的广泛使用下,很多开发人员希望从服务器预渲染内容。预渲染是指提前生成 HTML,而不是在用户设备上运行生成。...你可以将页面的 JavaScript 下载一次,将资源缓存在设备上(文件名中有给定版本的唯一 hash),然后快速在页面之间导航(给用户提供 SPA 的感觉)。...框架可以让你能够在每个路由上做出此决策,而无需一股脑把整个应用程序变成静态站点或服务器渲染。 过度讨论是有害的 选择 React 只是众多前端架构选择中的一个决策。...(例如使用 Docker、Node.js 或静态文件) 我们应该如何为代码设置样式?(例如 CSS 模块、Tailwind CSS 等) 我们应该如何处理身份验证?...顺便说一下,Next.js现在已经超过了 CRA。 ²:或者你可以使用 ChatGPT(它这网站使用 Next.js 构建,讽刺吧)完全使用 AI生成一个 React 网站。
原理 我们知道,Google Analytics是通过Client ID识别用户的,而Client-ID 是随机生成的独一无二的字符串,生成后的 ID 存储在浏览器的 Cookie 中,这样用户再次访问同一网站时即可被识别...GTM上 每个站点对应一个GTM容器,每个站点在GTM都做同样配置,将不同站点的数据向同一个GA-view发送,Tag中的allowLinker和cookieDomain是解决不同站点同一用户的识别问题...,用户在跨站的时候将用户唯一标示clientid传递到另一个站点公用,从而解决跨站用户唯一性的问题。...设置过程 将跨站用的Tracking ID用一个常量变量存储,命名为“跨站跟踪专用TrackingID”: 创建一个常量变量,命名为“跨站专用Cookie”,作如下设置: 创建一个谷歌分析设置变量命名为...,分为普通全局版和混合全局版,带它们的代码结构是一直的,设置也是一样的,如: 普通全局版 普通全局版使用的Tracking ID,未修改的跟踪代码是: <!
提供更好的阅读体验,如可以自由跳转,添加评论等。 此外,将生成电子书形式的静态站点,可以托管到其他平台,达到了备份的效果。...Nuxt 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染(SSR)应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等优势。...Hexo 是一个基于 Node.js 的静态站点生成器,它可以将博客生成为电子书形式的静态站点。Hexo 支持多种主题和插件,同时也提供了友好的命令行工具和文档。Hexo 速度快,使用也非常方便。...支持多种扩展功能,如搜索、站点导航、代码高亮等。 可以与Git等版本控制系统集成,方便协作和管理文档。 部署简单,可以将生成的HTML静态页面部署到任何Web服务器上。...无论您选择哪个工具,都可以使用博客生成静态站点地工具轻松地创建自己的博客,与其他人分享您的想法和知识。
解决方案 当浏览器发送request请求到服务器,服务器除了返回请求的response之外,还给请求分配一个唯一标识ID和response一并返回给浏览器 服务器在本地创建一个map结构,专门以key-value...存储这个ID标识和浏览器的关系 当浏览器第一次请求后已经分配一个ID,当第二次访问时会自动带上这个标识ID,服务会获取这个标识ID去map里面找上一次request的信息状态且做对应的更新操作;服务端生成这个全局的唯一标识...,传递给客户端用于标记这次请求就是Cookie;服务器创建的那个map结构就是Session cookies由服务端生成,用于标记客户端的唯一标识,在每次网络请求中,都会被传送 Session服务端自己维护的一个...map数据结构,记录key-Object上下文内容状态 核心:它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态。...:表示这个cookie不能被客户端使用js读取到,是不公开的cookie(Chrom调试器的console中输入document.cookie将得不到标记为HttpOnly的字段) -Secure:标记为
在平面几何中坐标(x,y)可以标识平面中唯一的一点。...、私服:是一种特殊的远程仓库,它是架设在局域网内的仓库 2.5、生命周期 2.5.1、何为生命周期? ...Default Lifecycle 构建的核心部分,编译,测试,打包,部署等等。 Site Lifecycle 生成项目报告,站点,发布站点。 ...Site生命周期pre-site 执行一些需要在生成站点文档之前完成的工作 site 生成项目的站点文档 post-site 执行一些需要在生成站点文档之后完成的工作,并且为部署做准备 site-deploy...将生成的站点文档部署到特定的服务器上 这里经常用到的是site阶段和site-deploy阶段,用以生成和发布Maven站点,这可是Maven相当强大的功能,Manager比较喜欢,文档及统计数据自动生成
何为部署? 之前我们在本地使用hexo s启动服务,然后浏览器访问http://localhost:4000即可访问到博客,但是博客搭建好之后总不能只有我们自己可以用,所以需要部署Hexo站点。...何为部署? 就是把 Hexo 生成的 HTML 页面放到一个具有公网ip的服务器上,这样大家都可以访问到博客站点了。...Github部署 创建空的仓库 ? 创建之后仓库应该是这样的,复制仓库的 HTTPS 地址: ?...: 创建空的仓库 ?...然后重新生成页面,并部署: hexo clean hexo g hexo d 等待部署完成后,在Github设置自定义域名: ? ? 这样就可以了,访问自己的域名: ?
Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。...components组件文件夹 建议所有的组件都写到这个目录,虽然也可以写到pages里面目录下,但是不利于后面生成站点地图文件sitemap.xml。...否则还需要特殊处理,因为站点地图会根据路由自动生成,路由又是根据pages下所有文件/文件夹自动生成的。 所有组件最好不要写到pages目录下。...assets 用于组织未编译的静态资源如 LESS、SASS 或 JavaScript static 用于存放应用的静态文件,此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。...Nuxt.js 框架集成了 Vuex 状态树 的相关功能配置,在 store 目录下创建一个 index.js 文件可激活这些配置。
NginxConfig简介 NginxConfig号称你唯一需要的Nginx配置工具,可以使用可视化界面来生成Nginx配置,功能非常强大,在Github上已有15K+Star!...安装Node.js 由于NginxConfig是一个基于Vue的前端项目,我们首先得安装Node.js。...,至此Node.js安装完成。...继续添加一个站点,修改服务配置,只需修改站点名称即可; 然后启用反向代理并设置,反向代理到线上API; 路由功能暂时不用可以关闭。...://api.macrozheng.com/swagger-ui.html 总结 体验了一把NginxConfig的配置生成功能,这种不用手写配置,直接通过可视化界面来生成配置的方式确实很好用。
1.了解Hexo Hexo是高效的静态站点生成框架,她基于Node.js。...image.png 2.创建本地博客站点 上述的步骤相当于我们使用Github page,创建了一个默认的博客页,并且得到了一个可外部访问的域名。但是这个博客页很Low。...我们的目的是创建自己个性化的博客网站,所以我们使用Hexo在本地先创建一个本地博客站点,优化后再把它部署到github上。...接下来我们使用控制台命令在本地一个合适的位置创建博客站点文件夹如下: hexo init myHexoBlog //myHexoBlog是项目名 ?...hexo g //生成网页 hexo d //部署到远端(github) 查看我们本地的博客文件夹,将会看到我们创建一个条新的博客文章: ?
但是这个站点,因为自定义了“年月日”格式的归档,以及使用的是老版本的模板查找逻辑,生成页面链接也不完全兼容,所以直接升级是不行的。...,但是我个人一来更新频率没有那么高,二来我希望订阅源唯一可控,所以这些多余的内容我是要干掉的。...第二个问题是官方 RSS 输出内容不支持自定义路径,你的订阅地址就只能是下面这样: 网站地址/index.xml 使用老版本的 RSS 方案,创建一个 /feed ,然后放置自定义的 RSS 模板,你会发现生成内容.../知识点滴 /知识点滴/index.html /知识点滴/page/2.html /知识点滴/容器化 /知识点滴/容器化/index.html /知识点滴/容器化/page/2.html 而新版本会生成唯一的分类...很可惜在 v0.50.3 版本之后,官方废弃了 hugo benchmark 这个命令,所以我们不能够和以往一样输出性能报告,不过直接使用站点生成时间来进行对比,也是一样的(站点实际构建时间)。
进入博客站点目录,用文本编辑器打开_config.yml,这个_config.yml是博客的配置文件,在以后的博客修改,如个性化修改,博客SEO优化等都会使用到,修改如下图的几个地方: title: 你的博客名...一些站点配置文件的其他地方的修改: 语言选择:如果为中文用户,则在language:后添加值zh-CN,如果不修改,默认为英语; 网址修改:url:的值为你的网址名,如http://xxxx.github.io...配置选项 默认值 描述 title Markdown 的文件标题 文章标题,强烈建议填写此选项 date 文件创建时的日期时间 发布时间,强烈建议填写此选项,且最好保证全局唯一 author 根 _config.yml...date 的值尽量保证每篇文章是唯一的,因为本主题中 Gitalk 和 Gitment 识别 id 是通过 date 的值来作为唯一标识的。...当站点配置文件的builtin的值为true时,生成页面的功能会嵌入到**hexo g**和**hexo s**中,在进行部署生成操作,会自动生成相应的页面。
id 或者 百度统计 id 登录 百度统计, 定位到站点的代码获取页面 复制 hm.js?...后面那串统计脚本 id,如: ? 编辑 主题配置文件, 修改字段 baidu_analytics 字段,值设置成你的百度统计脚本 id。...创建应用 我们新建一个应用来专门进行博客的访问统计的数据操作。首先,打开控制台,然后创建应用,如下图所示: ?...app_id: joaeuuc4hsqudUUwx4gIvGF6-gzGzoHsz app_key: E9UJsJpw1omCHuS22PdSpKoh 这个时候重新生成部署Hexo博客,应该就可以正常使用文章阅读量统计的功能了...需要特别说明的是:记录文章访问量的唯一标识符是文章的发布日期以及文章的标题,因此请确保这两个数值组合的唯一性,如果你更改了这两个数值,会造成文章阅读数值的清零重计。 ?
如果新页面需要数据,asyncData 或 fetch 方法会在客户端运行,获取新的数据并更新视图。SSG(静态站点生成):在开发之外,可以使用 nuxt generate 命令生成静态HTML文件。...动态路由Nuxt.js支持动态路由,这对于处理如博客文章、用户资料等具有动态ID的内容非常有用。在pages/目录下创建一个动态路由文件,如id.vue:<!...} // 仅在客户端运行 ]};然后在plugins/目录下创建相应的文件,如vuetify.js:// plugins/vuetify.jsimport Vue from 'vue';import...静态站点生成(SSG):使用nuxt generate命令生成静态HTML文件,适用于内容不频繁变动的站点,提高加载速度和SEO友好性。...静态站点生成(SSG)Nuxt.js 的静态站点生成(Static Site Generation, SSG)是通过 nuxt generate 命令实现的。
自签名证书提供了相同类型的加密,但没有域名验证公告。关于自签名证书,你可以参考为Apache创建自签名SSL证书和如何为Nginx创建自签名SSL证书这两篇文章。...第一步 - 为WordPress创建MySQL数据库和用户 我们将采取的第一步是准备工作。WordPress使用MySQL来管理和存储站点和用户信息。...当我们打开文件时,我们的第一个业务订单是调整一些密钥以为我们的安装提供一些安全性。WordPress为这些值提供了一个安全的生成器,因此您不必尝试自己提供好的值。...要从WordPress密钥生成器中获取安全值,请输入: curl -s https://api.wordpress.org/secret-key/1.1/salt/ 您将获得看起来像这样的唯一值: 警告...:每次请求唯一值非常重要。
Next.js 是一个基于 Node.js 和 React 的现代化的 web 开发框架,它提供了服务端渲染(SSR)、静态站点生成(SSG)以及基于客户端的路由处理等功能。...下面是一个简化的视图,展示了 Next.js 页面路由的工作流程: 用户请求一个页面,如 /about。...如果找到文件,Next.js 会使用 React 来渲染对应的组件,并生成 HTML。 生成的 HTML 通过 HTTP 响应发送给客户端。 客户端接收到 HTML,并在浏览器中渲染页面。...整个过程如下: 文件系统作为路由:Next.js 的 API 路由使用与页面路由相同的文件系统路由机制。你在 pages/api 目录下创建的文件会自动映射为 API 路由。...但是本质上原理还是一致的,只不过,文件的组织结构有了些许的变化罢了,所以不用太过于去纠结,Next.js目前这两种方式都是支持的,但是他建议你使用 App Router的方式,而且最新的版本默认创建的模板就是
Creator of Walrus's Blog url: https://walrus.net.cn image_url: img/walrus.jpgundefined Docusaurus是一种静态站点生成器...它构建了一个具有快速客户端导航的单页应用程序,充分利用React的强大功能使你的站点具有交互性。它提供了开箱即用的文档功能,但可以用来创建任何类型的网站(个人网站、产品、博客、营销登陆页面等)。 <!...npx create-docusaurus@latest website-demo classic 上述命令执行完成后,website-demo/目录下会看到下面被生成的文件: ├── babel.config.js...,其中config.title指的是你的站点名称,config.url是你的站点发布后的地址,其他字段按需要修改。.../src/pages/index.js文件删除。 这时再切换到上一步打开的浏览器窗口,可以看到默认显示的只是一个博客列表,如下图所示: [02.png] 第三步:创建一篇博客文章 博客文件位于.
本文将深入探讨静态站点构建的关键概念,为您提供一份全面的指南,并提供带有实际代码示例的技巧,以帮助您创建卓越的静态网站。 第一部分:静态站点基础 1.1 什么是静态站点?...解释静态站点的概念和优势,包括性能、安全性和扩展性。 1.2 静态站点生成器 介绍静态站点生成器,如Jekyll、Hugo和Gatsby,以及它们的工作原理。...介绍如何创建和使用模板来定义网站的外观和布局。...部署到静态托管服务 讲解如何将静态站点部署到托管服务,如Netlify、Vercel和GitHub Pages。...# 示例代码:定期更新站点内容 #!/bin/bash git pull origin main 通过这篇文章,您将深入了解静态站点构建的核心概念和实际应用,使您能够创建快速、安全、可扩展的静态网站。
Gatsby.js (可以说)是目前最好的开源静态站点生成器,所以让我们来看看它。 Gatsby.js是一个基于response .js的用于生成静态网站的开源框架。...Gatsby.js是一个web应用程序生成器。该框架使用一些web资源,如HTML、CSS和JavaScript,通过各种api加载数据,然后将所有这些资源加载到带有预抓取资源的站点中。...基本上,Gatsby.js将帮你创建一个有完整的骨架的网站,你可以调整和重新配置,而不是从头开始构建整个东西。...然后需要将其添加到gatsby-config.js中,并从谷歌驱动器文件夹中获得唯一的ID。...创建页面的两个大步骤是: 1)为本地文件系统中的每个标记文件创建slugs(或唯一的url) 2)使用页面模板使用slugs和通过GraphQL获取的其他信息创建实际的web页面。
领取专属 10元无门槛券
手把手带您无忧上云