用 Cloudflare 免费轻松部署个人密码库(NodeWarden)2
开始前要准备什么
- 一个可以正常登录的 Cloudflare 账号。
- 一个可以正常登录的 Github 账号。
- Fork NodeWarden 开源项目。
本期会用到的项目与网址
❤️分割线标题❤️
节点标题
橙色火卡片
〔橙色火〕模块整体代码
<!-- 橙色火卡片模块 -->
<section class="article-section">
<!-- title -->
<h2 class="title-gradient-tag">节点标题</h2>
<!-- Content -->
<div class="article-remind-dots-card">
<p>内容区域</p>
</div>
</section>
节点标题
提醒点卡片
〔提醒点卡片〕模块整体代码
<!-- 提醒点卡片模块 -->
<section class="article-section">
<!-- title -->
<h2 class="number-title">节点标题</h2>
<!-- Content -->
<div class="article-remind-dots-card">
<p>内容区域</p>
</div>
</section>
节点标题
星星卡片
〔星星卡片〕模块整体代码
<!-- 星星卡片模块 -->
<section class="article-section">
<!-- title -->
<h2 class="title-love-tag"><span>节点标题</span></h2>
<!-- Content -->
<div class="article-star-card">
<p>内容区域</p>
</div>
</section>
节点标题
引号主题卡片
〔引号主题卡片〕模块整体代码
<!-- 引号主题卡片模块 -->
<section class="article-section">
<!-- title -->
<h2>节点标题</h2>
<!-- Content -->
<div class="article-quote-card">
<p>内容区域</p>
</div>
</section>
节点标题
分段代码
-
带自定义序号的UL
<ol class="steps"> <li> <h3>一级标题</h3> <p>一级内容</p> </li> <li> <h3>一级标题</h3> <ol> <li>二级内容</li> </ol> </li> </ol>主要区别就在,是否在 ol 或 ul 中添加 <ol class="steps">,加了会显示成自定义序号,未加则是最原始的样式。
-
图片代码
<figure class="article-figure"> <img src="url" alt="" loading="lazy"> <figcaption>文字说明</figcaption> </figure>里面的 <figcaption>文字说明</figcaption>,如不需要可以删除。
在 GitHub 创建一个新仓库
-
注册登录 GitHub 账号
打开 Github 官网,注册或登录自己的账户。
-
Fork “NodeWarden” 开源项目
- 点击前往 NodeWarden 的官方仓库。
- 点击页面右上角的 Fork 按钮,将该项目完整复制到你自己的 GitHub 账号下。
-
修改 wrangler.toml 配置文件
- 把 wrangler.toml 重新命名为其他名称。
- 把 wrangler.kv.toml 更名为 wrangler.toml。
进行部署
-
注册登录 Cloudflare 账号
打开 Cloudflare 官网,注册或登录自己的账户。
-
部署到 Cloudflare 中
- 找到 Cloudflare Workers 并打开。
- Continue with GitHub(连接 Github 账号)。
- 选择你 Fork 后的 NodeWarden 项目。
- 点下一步,进行部署。
根据需求填写图片的文字说明 - 部署完成后,打开生成的链接。
-
再次修改 wrangler.toml 配置文件
确保里面只有 KV 配置,没有 R2 相关内容。
- 在 kv_namespaces 中增加 KV空间ID。
[[kv_namespaces]] binding = "ATTACHMENTS_KV" id = "你的KV命名空间ID" preview_id = "你的KV空间ID"打开 CloudFlare主页,点击左侧的 “存储和数据库”,然后点击 “Workers KV”,找到 “xxx-attachments-kv” 复制ID。
- 在 d1_databases 中增加 D1数据库ID。
[[d1_databases]] binding = "DB" database_name = "nodewarden-db" database_id = "这里填你的D1数据库ID"进入 D1 SQL Database(D1 SQL 数据库),找到你的数据库,点击去就可以找到你的 D1数据库UUID。
<!-- 放在 <head> 里 --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
- 在 kv_namespaces 中增加 KV空间ID。
-
部署完成
到此部署完成,绑定自定义域名即可访问。
基本配置
打开自定义域名,首次打开时,需进行基础配置
-
配置 JWT_SECRET
进入 Cloudflare 控制台 -> Workers 和 Pages -> 你的项目 -> 设置 -> 变量和机密 -> 添加。
- 类型:秘钥
- 变量名称:JWT_SECRET
- 值:在基本配置页面里可以获取的到
-
创建账号&主密码
按照界面中指示来即可。
主密码一定要记住,非常重要。
到 Bitwarden 中使用
-
在 Bitwarden 项中,选择自托管
指定您的本地托管 Bitwarden 安装的基础 URL。例如:https://xxx.domain.com
注意,域名后面不要带 / 斜杠
─── • / END / • ───
无语😑你标题能不能取的严谨一点,我一下子就发给我好朋友了,以为我在表白,然后就回了句好,搞得两个人现在很尴尬
你标题能不能也带上情侣两个字
啊啊啊啊sorry
浏阳河婚庆公园是薛之谦迟迟mv取景地,很漂亮
好美~
天气还是热,适合秋高气爽的时候去。
长沙真有情侣的爱心,太好了
❤️哈哈