用 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 创建一个新仓库

  1. 注册登录 GitHub 账号

    打开 Github 官网,注册或登录自己的账户。

  2. Fork “NodeWarden” 开源项目

    1. 点击前往 NodeWarden 的官方仓库。
    2. 点击页面右上角的 Fork 按钮,将该项目完整复制到你自己的 GitHub 账号下。
  3. 修改 wrangler.toml 配置文件

    1. 把 wrangler.toml 重新命名为其他名称。
    2. 把 wrangler.kv.toml 更名为 wrangler.toml。

进行部署

  1. 注册登录 Cloudflare 账号

    打开 Cloudflare 官网,注册或登录自己的账户。

  2. 部署到 Cloudflare 中

    1. 找到 Cloudflare Workers 并打开。
    2. Continue with GitHub(连接 Github 账号)。
    3. 选择你 Fork 后的 NodeWarden 项目。
    4. 点下一步,进行部署。
      根据需求填写图片的文字说明
    5. 部署完成后,打开生成的链接。
  3. 再次修改 wrangler.toml 配置文件

    确保里面只有 KV 配置,没有 R2 相关内容。

    1. 在 kv_namespaces 中增加 KV空间ID。
      [[kv_namespaces]]
      binding = "ATTACHMENTS_KV" 
      id = "你的KV命名空间ID" 
      preview_id = "你的KV空间ID"
      

      打开 CloudFlare主页,点击左侧的 “存储和数据库”,然后点击 “Workers KV”,找到 “xxx-attachments-kv” 复制ID。

    2. 在 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>
      
  4. 部署完成

    到此部署完成,绑定自定义域名即可访问。

基本配置

打开自定义域名,首次打开时,需进行基础配置

  1. 配置 JWT_SECRET

    进入 Cloudflare 控制台 -> Workers 和 Pages -> 你的项目 -> 设置 -> 变量和机密 -> 添加。

    • 类型:秘钥
    • 变量名称:JWT_SECRET
    • 值:在基本配置页面里可以获取的到
  2. 创建账号&主密码

    按照界面中指示来即可。

    主密码一定要记住,非常重要。

到 Bitwarden 中使用

  1. 在 Bitwarden 项中,选择自托管

    指定您的本地托管 Bitwarden 安装的基础 URL。例如:https://xxx.domain.com

    注意,域名后面不要带 / 斜杠

─── • / END / • ───

评论 (2)

头像
正在回复 阿克苏 的评论 [取消回复]
  • 头像
    啥菜要放葱 2026/2/25
    回复

    无语😑你标题能不能取的严谨一点,我一下子就发给我好朋友了,以为我在表白,然后就回了句好,搞得两个人现在很尴尬

    • 头像
      啥菜要放葱 2026/2/26
      回复

      你标题能不能也带上情侣两个字

    • 头像
      长沙本地宝 2026/2/26
      回复

      啊啊啊啊sorry

  • 头像
    背过手 2026/2/25
    回复

    浏阳河婚庆公园是薛之谦迟迟mv取景地,很漂亮

    • 头像
      长沙本地宝 2026/2/26
      回复

      好美~

  • 头像
    AA-徐先生8 2026/2/25
    回复

    天气还是热,适合秋高气爽的时候去。

  • 头像
    友爱 湖南 2026/2/25
    回复

    长沙真有情侣的爱心,太好了

    • 头像
      长沙本地宝 2026/2/26
      回复

      ❤️哈哈

文章·目录

详情
用 Cloudflare 免费轻松部署个人密码库(NodeWarden) Apple系统很多软件都要付费下载,都是所谓的“苹果税” 【长沙招聘会】长沙八月有59场招聘会!(附具体安排) 【长沙医院招聘】长沙3家医院最新招聘信息!含医师/护士/检验/康复等岗位 【事业编招聘】长沙工业学院招聘中!岗位表→ 【辅警招聘】高中/大专可报名!湖南临澧县公安局招聘辅警! 【国企招聘】湖南省演艺集团、机械院等3家国企最新招聘汇总!附报名方式→ 【长沙招聘会】长沙八月有59场招聘会!(附具体安排) 【长沙医院招聘】长沙3家医院最新招聘信息!含医师/护士/检验/康复等岗位 【事业编招聘】长沙工业学院招聘中!岗位表→
Logo