简体中文 · English
npm install -g wrangler
npm install honoRedirect to the Cloudflare web authorization page.
npx wrangler loginThe database name should be
visit-track, consistent with the name inpackage.json.
npx wrangler d1 create visit-trackAfter successful creation, it will display:
✅ Successfully created DB visit-track
[[d1_databases]]
binding = "DB" # available in your Worker on env.DB
database_name = "visit-track"
database_id = "<unique-ID-for-your-database>"
Write the unique-ID-for-your-database returned from the previous step into wrangler.toml.
name = "visit-track"
main = "src/index.ts"
compatibility_date = "2025-05-16"
[[d1_databases]]
binding = "DB" # available in your Worker on env.DB
database_name = "visit-track"
database_id = "<unique-ID-for-your-database>"npm run initSqlnpm run deployAfter successful deployment, it will display:
> [email protected] deploy
> wrangler deploy
Proxy environment variables detected. We'll use your proxy for fetch requests.
⛅️ wrangler 3.18.0
-------------------
Your worker has access to the following bindings:
- D1 Databases:
- DB: visit-track (<unique-ID-for-your-database>)
Total Upload: 50.28 KiB / gzip: 12.23 KiB
Uploaded visit-track (1.29 sec)
Published visit-track (4.03 sec)
https://visit-track.xxxxx.workers.dev
Current Deployment ID: xxxxxxxxxxxxxxxxxxxxxxxxxxxx
data-base-urldefault value:https://visit-track.yoyou.orgdata-page-pv-iddefault value:page_pvdata-page-uv-iddefault value:page_uv
Add the following <script>...</script> segment in the <head> section of your HTML.
- Using the online JS file:
With the defer attribute, the browser will execute these scripts after all content is loaded.
<script defer src="//visit-track.yoyou.org/js/index.min.js"></script>Or use the CDN version:
<script defer src="https://cdn.jsdelivr.net/gh/cherry-min/visit-track@main/public/js/index.min.js"></script>- Using a local JS file:
<script src="/front/dist/index.min.js"></script>- If you have deployed your own Cloudflare service, use your service address:
Change
your-urlto your worker address, likehttps://visit-track.workers.dev, and ensure there is no trailing/.
<script defer src="//visit-track.yoyou.org/js/index.min.js" data-base-url="your-url"></script>- Add tags with the ID
page_pvorpage_uvto showPage Views (pv)orUnique Visitors (uv)respectively.
Page Views on this page:<span id="page_pv"></span>
Unique Visitors on this page:<span id="page_uv"></span>- You can edit the script parameters to adjust the tag IDs.
<script
defer
src="//visit-track.yoyou.org/js/index.min.js"
data-base-url="your-url"
data-page-pv-id="page_pv"
data-page-uv-id="page_uv"
></script>