模板说明

示例文章

加锁文章 - 密码123456

EMPTY-ARTICLE

绑定成功测试

空白文章

空白文章，标题注意不应该过长，否则影响显示效果，这是一个示范

友链

Github

友链副本

作品集

<- 点击标题OPEN按钮打开说明；请检查您的NOTION_PAGE_ID是否成功配置，否则会显示我的默认数据库内容。

这是示例的文章摘要，摘要内容可被用做搜索，预览。文章列表默认展示概要；若要在列表直接展示文章内容，可在blog.config.js中配置。

本文需要输入密码才可访问，密码: 123456

仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容。

如果您的Notion数据库已经修改了内容，发现网站内容还是旧的，说明绑定NotionPageID失败了，请重新检查Vercel后台是否正确配置好ID，并尝试重新部署。

仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容

仅供列表展示、文章无内容;
这里写文章的前言：
一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么？并简述你给出的答案。

仅供列表展示、文章无内容、文章描述摘要过长时会被截断，仅显示前面几行内容，根据主题决定。这是一个示范

无slug\category\tag\tittle空白文章；此文章的路径为notion页面id

知行合一

技术分享

心情随笔

友情链接

建站教程

NotionNext介绍

SubMenu是子菜单，挂在上一个Menu中

NotionNext操作说明

这是一个外部链接，由slug决定跳转的网址

写作是最值得投资的技能

菜单slug留空或填#即可，用于下面的子菜单

往期整理

历史归档

文章分类

文章标签

关于我

English

文字

建站

开发

工具

金钱

公告

<div style="padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; font-family: sans-serif;">
  <h3>ROI 预估计算器</h3>
  <label>每月节省时间 (小时):</label>
  <input type="number" id="hours" value="10" style="margin-bottom: 15px; width: 100%; padding: 8px;" />
  
  <label>员工时薪 ($):</label>
  <input type="number" id="rate" value="50" style="margin-bottom: 15px; width: 100%; padding: 8px;" />
  
  <button onclick="calculate()" style="background: #000; color: #fff; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer;">
    计算每月节省
  </button>
  
  <p id="result" style="margin-top: 20px; font-size: 18px; font-weight: bold;"></p>
</div>

<script>
  function calculate() {
    var hours = document.getElementById('hours').value;
    var rate = document.getElementById('rate').value;
    var total = hours * rate * 4; // 假设一个月4周
    document.getElementById('result').innerText = "每月节省成本: $" + total;
  }
</script>


NotionNext

交流频道

加入我们的社群讨论分享