Cloudflare Pages是Cloudflare新推出的一项静态内容托管平台，类似于Netlify。目前支持从Github仓库中拉取内容。...测试申请 目前Cloudflare Pages处于测试阶段，可以在 pages.cloudflare.com 中申请Cloudflare Pages的试用资格。...YARN_VERSION image.png 部署Hexo于Cloudflare Pages 类似于Netlify,绑定Github导入项目即可自动构建 应用创建后会自动生成类似*.pages.dev...绑定域名后将其指向任意Cloudflare CDN地址均可正常使用 构建失败？...在使用包含&&的连续命令时可能会出现以下错误 /bin/sh: 1: hexo: not found 可通过package.json打包命令 //package.json "scripts": {
安装 Shiki 进入到 Hugo 博客的项目目录，安装： shiki @shikijs/rehype rehype-cli 前提是需要安装 Node.js 和 Yarn 。...选择 Yarn 是它的 GitHub Actions 缓存友好。...important; /* 可选，用于定义字体样式 */ /* font-style: var(--shiki-dark-font-style) !...- name: Keep going # 后续流程 为了预防 Shiki 报错而中断 Hugo 部署流程，可以加入 || true，即使出错也会继续执行部署流程。...常见的报错是以前的博文可能使用了不支持的代码名称。 在 Cloudflare Pages 暂时还不能配置内存限制，可以使用 cloudflare/wrangler-action 这个Actions。
边缘部署：可以在任何地方部署，甚至像 Deno 或 Cloudflare 这样的全球边缘运行时。 可定制：Tailwind, MDX 和 100 多个其他集成可供选择。...不依赖特定 UI：支持 React, Preact, Svelte, Vue, Solid, Lit 等等。 有关 Astro 功能的详细信息，请查阅为什么选择 Astro的详细说明。...创建项目 这里以 yarn 为例： # 使用 yarn 创建新项目 yarn create astro 注意这样只是创建一个默认的 Astro 项目，如果需要安装模板，创建时要加一个 --template... id: deployment uses: actions/deploy-pages@v1 官方提供的配置会检测你首选的包管理器（npm、yarn 或 pnpm）。...Astro部署到GitHub Pages失败、Astro部署、Astro React部署到GitHub Pages、Astro自动部署到、Astro自动部署到GitHub Pages、Astro如何部署到
边缘就绪: 在任何地方部署，甚至像 Deno 或 Cloudflare 这样的全球边缘运行时。 可定制: Tailwind, MDX 和 100 多个其他集成可供选择。...安装 安装Astro # npm npm create astro@latest # pnpm pnpm create astro@latest # yarn yarn create astro 通过...create astro 将为你的项目创建一个新的空目录，并安装项目依赖项。...- **边缘就绪: **在任何地方部署，甚至像 Deno 或 Cloudflare 这样的全球边缘运行时。 - **可定制: **Tailwind, MDX 和 100 多个其他集成可供选择。...## 安装 ```bash # npm npm create astro@latest # pnpm pnpm create astro@latest # yarn yarn create astro
创建Nuxt.js项目首先，确保你已经安装了Node.js和yarn或npm。...# 用于存放未编译的静态资源，如CSS、图片、字体├── components/ # 自定义Vue组件├── layouts/ # 应用的布局文件，定义页面的通用结构...package.json：项目依赖和脚本配置。yarn.lock或npm.lock：记录项目依赖的精确版本，确保不同环境下的依赖一致性。...Tree Shaking：确保你的依赖库支持Tree Shaking，以剔除未使用的代码。...部署： 生成的静态文件可以部署到任何静态文件托管服务，如 Netlify、Vercel、GitHub Pages 或 AWS S3。
一个这样的问题是在WordPress编辑器中显示“发布失败”的消息： 图片 区块编辑器中的发布失败错误 单击蓝色的“发布” 按钮后可能会出现此消息，以尝试使您的内容生效。...“发布失败”错误有几种不同的原因，但其中一个特别与区块编辑器有关。新的WordPress编辑界面依赖REST API来创建、保存和发布文章。...如果这是导致您网站上出现错误的原因，您需要让REST API再次工作以修复它。...站点运行状况工具还将显示产生“意外结果”的特定错误。这可能是“ 401未授权”响应、操作超时、“403 Cookie Nonce Is Invalid”消息或其他错误。...一些常见的解决方案包括： 检查Cloudflare是否拦截了REST API 。 如果您是Cloudflare用户，您的防火墙可能会无意中阻止合法请求。
response_type=code&client_id=yemeng666&redirect_uri=yemeng999 我们点击链接，同意授权 授权成功后会自动跳转到localhost地址，无需担心...启动部署 # deploy wrangler deploy 这个可以自行选择，Y/n均可。 然后我们前往cloudflare的Workers & Pages查看具体信息。...D1数据库 5.前端Cloudflare pages搭建 在开始之前，我们先在CF里面完成域名设置。...npm install pnpm -g 安装依赖： cd ~ && cd cloudflare_temp_email && cd frontend pnpm install 依赖安装完毕以后，我们复制环境变量...6.使用 我们访问上面出现的网址，即可进入使用页面。推荐使用chrome浏览器。 点击Get New Email即可获得随机邮箱。 然后我们就可以收到邮件了！ 自定义访问域名
再加上「得意黑」字体当时刚发布，很适合做标题，我就利用 @vercel/og 糊了一个 Next.js 的应用，部署到 Vercel，调用方式为：https://og.eallion.com/api/og...Pages 也有官方插件，但是我没有研究过： https://github.com/cloudflare/pages-plugins/tree/main/packages/vercel-og 教程 1...本地调试 Fork GitHub 仓库：https://github.com/eallion/vercel.og Fork 后克隆自己的仓库到本地，安装依赖： 1 2 3 4 git clone https...自定义修改 pages/api/og.tsx 如下几个地方： 字体路径：pages/api/og.tsx#L11 默认 Title：pages/api/og.tsx#L21 没有传值时的缺省值 背景图：...pages/api/og.tsx#L53 大标题：pages/api/og.tsx#L81 Author：pages/api/og.tsx#L108 字体：pages/api/og.tsx#L116-L120
这是一个运行在cloudflare workers 上的博客程序,使用 cloudflare KV作为数据库,无其他依赖. 兼容静态博客的速度,以及动态博客的灵活性,方便搭建不折腾.很稳定。...short是一个使用 Cloudflare Pages 创建的 URL 缩短器。...【linklet】 github地址如下：https://github.com/harrisonwang/linklet 一个使用 Cloudflare Pages 创建的 URL 缩短器 。...Worker 部署的链接缩短器，无需服务器轻松部署，可绑定自定义域名。...支持对未授权用户、访客用户及管理员用户设置不同的主页。 支持配置正则表达式规则。 今天的分享就到此结束了。创作不易，如果您觉得这篇文章对你有帮助，不妨给我点个赞，这将是我继续分享优质内容的动力。
Fork" 按钮等待 Fork 完成后，项目就会出现在你的仓库列表中第二步：配置 Cloudflare PagesCloudflare Pages 将为我们提供免费的静态网站托管服务。...to Git"，授权并选择你刚才 Fork 的项目在部署配置中：设置项目名称（这将成为你的默认域名的一部分）构建命令设置为：npm run build构建输出目录设置为：.output/public...提示：选择合适的项目名称很重要，因为它会成为你的默认域名的一部分（格式为：your-project.pages.dev）点击部署，后会发现访问页面报错，是因为这个服务使用了 supabase 授权登录，...secret 填入 Supabase Github 设置的位置,此时 github 登录配置完成 第五步：环境变量配置在 Cloudflare Pages 中设置必要的环境变量：进入你的 Pages...清除浏览器缓存检查 Cloudflare Pages 构建日志结语Path Meme 的设计理念是简单、优雅且易于维护，自己掌握自己的数据。
环境依赖： nodejs(>12.0) git(部署时需要用到) 2. 安装hexo-cli 安装hexo命令工具到全局环境，安装后可以在shell窗口运行hexo命令。...# 进入文件夹 npm install # 安装依赖 文件夹的目录： ├── _config.yml # 配置信息 ├── package.json ├── scaffolds...设置Pages 新建仓库 部署 npm run deploy 注意： 新建仓库时仓库名需要和用户名保持一致不然可能会发布失败（发布之后可以修改）； root会影响资源加载路径； 该部分推送可以使用...ssh（公钥推送）和https协议推送，shh需要配置公钥，https首次推送时需要提供github/gitee账号密码； 4. gitee配置 新建仓库 新建仓库 设置Pages 新建仓库 部署...Markdown 和 HTML 文件会被解析并放到 public 文件夹，而其他文件(图片、字体等其他资源)会被拷贝过去。
默认高版本nginx（比如1.12）已经默认安装该模块，下面介绍下使用该模块实现多个站点之间的统一权限控制。........'); this.ctx.body = { msg: '授权失败', code: 10001 } } 这里的auth授权接口我们直接返回200，login...是上述auth项目下配置的路由，用于授权失败后302至登录页面用的。...// 失败后的登录页面 async login() { console.log('失败了........'); this.ctx.body = { msg: '授权失败'...以上就是关于nginx-auth-request-module模块的基本操作及配置，多个项目下部署统一的权限接口时还是相当有用的。
在Vue 3项目中，Axios是一个流行的选择，用于与后端API进行交互。安装Axios首先，你需要在Vue 3项目中安装Axios。...你可以使用npm或yarn来安装它：npm install axios # 或者 yarn add axios配置Axios实例在Vue 3项目中，通常会在一个单独的文件中创建一个Axios实例，并配置一些全局设置...) { // 处理未授权错误，比如重定向到登录页面 } return Promise.reject(error); }); export default instance;...在上面的示例中，我们已经在响应拦截器中处理了一个401未授权错误。你可以根据需要添加更多的错误处理逻辑。...结语通过本文的介绍，你应该已经了解了如何在Vue 3项目中安装、配置和使用Axios来处理HTTP请求。Axios提供了易于使用的API和强大的功能，使其成为与后端API进行交互的流行选择。
参考二: 部署GitHub Pages 参考三: Github Actions ---- 1. 基本概念说明 2..../setup-node@v1 with: node-version: 12.16.3 # 安装依赖 - name: Yarn install...: node-version: 12.18.3 # 安装依赖 - name: 3....安装依赖 run: npm install yarn && yarn install # 编译项目 - name: 4....BRANCH: gh-pages # 待部署文件夹 FOLDER: dist # 自动删除已部署的文件
上述链接是前端项目，后端的相关内容请参考 README 中的超链接地址。以下是具体的部署说明： 后端部署 由于前端需要依赖后端 API，首先介绍后端的部署方式。...作者提供了两种部署方式，推荐选择第一种方式。尽管第二种方式看似更简单，但实际上和第一种差异不大。第一种方式部署过程更加清晰直观，且在出现问题时便于调试 (Debug)。...Mini-Cover 部署方式：Vercel、Cloudflare Pages、Zeabur…… 引用站外地址，不保证站点的可用性和安全性 Mini-Cover github.com@JLinMr 这个项目是朋友...用户仅需通过平台进行快速配置即可上线： Vercel: 推荐的主流选择，一键部署便捷高效； Cloudflare Pages 和 Zeabur: 也可以支持该项目的快速部署，适合不同需求的用户。...图标制作 appicon-forge 部署方式：Vercel、Cloudflare Pages、Zeabur…… 引用站外地址，不保证站点的可用性和安全性 appicon-forge github.com
简介 对于使用过hexo博客的人应该都有一个痛点吧，因依赖于github pages服务，国内的响应总是有那么不少的地区很慢甚至无法访问，最近发现腾讯云有了个新的服务是“云开发”可以部署静态网站。...---- 【前期文章】 【玩转腾讯云】一.半小时轻松搭建属于自己的Discuz论坛 【玩转腾讯云】二.基于CVM服务器轻松部署PostgreSQL数据库 【玩转腾讯云】三.云端轻松构建部署WordPress...① 在产品控制面板中找到云开发CloudBase——立即使用，进入云开发授权开通页面 image.png ② 授权相关权限并开通服务 image.png ③在角色管理中，我们点击“同意授权” image.png...其实云开发有相对应的cli工具，简单理解就是命令行工具，相对来说功能更强大 image.png 三.安装配置云开发CLI工具 3.1 使用npm/yarn安装方式安装CLI工具 执行如下命令进行安装云开发...CLI工具，下面提供了两种安装方法，可根据自身的实际情况而安装 #方法一 使用npm安装： npm i -g @cloudbase/cli #方法二 yarn安装： yarn global add @
，也就达到了这篇文章的目的 安装依赖 本文中使用的是Vue CLI3.0,安装依赖使用vue add命令进行 axios安装 vue add axios # yarn | npm安装...文件中添加了axios的依赖信息以及版本号（yarn | npm安装时会自动做这一步） main.js中导入了axios的配置文件,方便全局使用axios 使用插件 this.axios....如果使用yarn方式安装，请手动创建plugins文件夹以及对应的js文件。...> { // 状态码判断 switch (status) { // 401: 未登录状态，跳转登录页 case 401: // 跳转登录页 break;...,如果需要刷新token，在这里通过旧的token跟服务器换新token，将新的token设置的vuex中 if(response.data.code===401){ localStorage.removeItem
为了避免非同源请求的失败，我们需要采取跨域资源共享 CORS 来解决这个问题。...安装 koa2-cors yarn add koa2-cors yarn add -D @types/koa2-cors 配置跨域认证 // src/app.ts import KoaCors from...以上三个选项是主要的跨域请求配置，我们在这里全部设置为*号，表示允许所有的参数及域名，防止开发过程中出现一些异常错误，但是在实际部署中，我们可以根据实际情况配置具体的数据。...安装 yarn add bcryptjs yarn add -D @types/bcryptjs 加密注册密码 对于密码的处理，我们以中间件的形势进行处理，不修改现有注册逻辑，而且也熟悉一下单路由中间件的使用...authorization) { ctx.throw(401, '未登录'); } const token = authorization.split(' ')[1]; const
，与作者沟通后，得知 Dlink 的 RoadMap 正为所需求的数据平台，于是部署研究后，效果不错，准备节后上线生产，期间踩了一些坑，整理了一篇文章来分享，时间关系，后续还会分享其他的内容。...二、部署 一.解压到指定目录 Dlink 不依赖任何外部的 Hadoop 或者 Flink 环境，可以单独部署在 flink、 hadoop 和 K8S 集群之外，完全解耦，支持同时连接多个不同的集群实例进行运维...这里假设你已经安装了mysql 首先需要创建Dlink的后端数据库，这里以配置文件中默认库创建 #登录mysql mysql -uroot -proot@123 #授权并创建数据库 mysql> grant...Dlink当前版本的yarn的perjob与application执行模式依赖Flink-shade-hadoop去启动，需要额外添加Flink-shade-hadoop 包。...信息填写完成后，点击"测试"按钮，看集群是否配置成功，如果配置成功，会出现测试链接成功，否则出现"请求失败",最后点击"完成"。
背景 昨天尝试了Cloudflare的pages功能，它可以识别一个vue工程文件，然后自动build，最后自动部署给你一个域名来访问，智能地令人害怕。...直接部署到了github pages上。...在实现了vue项目的自动部署后，我便想着把博客也给自动部署了。 过程 首先我同样在 商店里搜索 关键词 hexo，选取了其中最高star的acion进行了尝试，但是失败了。...uses: actions/setup-node@v2 with: node-version: "14" - name: NPM INSTALL #安装依赖...利用 actions/setup-node@v2 在虚机里配置 node 14的环境。 利用npm全局安装hexo脚手架，然后 npm install安装博客的依赖。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
