Lazy loaded image
技术分享
Blog视效升级
Words 417Read Time 2 min
2025-7-21
2025-7-22
type
summary
status
category
tags
slug
date
password
icon
CONTENT
 

博客升级

方案选择

Notion + NotionNext + Vecel + Cloudflare

数据库:Notion

  1. 以多维表格作数据库,实现编写,发布一体化:
    1. 减少中间步骤以节省发布时间成本
    2. 降低对记录积极性的消耗

壳子:NotionNext

源代码托管于GItHub
ref
notion image

服务器:Vercel

项目托管
ref: usage of free plan
notion image

CDN加速:CloudFlare

  1. Vercel的服务器国内屏蔽了,解决:
    1. CloudFlare加速:Vercel绑定自定义域名,在CloudFlare作DNS解析
    2. Vercel 官方提供了单独的 IP 和 CNAME 地址给大家,对于国内的用户来说,配置一下单独的解析,依然可以享受 Vercel 提供的服务。 将上述步骤中用到的 ip和 cname地址替换成以下内容即可: A记录地址:76.223.126.88 或 76.76.21.98 等 CNAME 记录地址:cname-china.vercel-dns.com
 

成品

 
 
 
 

 

数据库配置

个性化

源代码,GitHub上修改
  1. 主题
  1. 该主题下的index首页外链等
    1. 主题选择
    2. blog页面:heo 或 fukasawa
    3. resume展示页面:Proxio
    4. 图片集页面:Plog
      1. 用于摄影作品等展示
    5. 散文杂文:Game主题
  1. 三级域名分站,如:blog,art,essay,paper
    1. ref
      notion image
  1. 背景特效等特效文件配置不好找,借助Trae找到了;AI IDE的一大用处,辅助阅读代码库
    1. ref
      notion image
      notion image
      notion image

Config

环境变量或Notion数据库中的Config配置表修改覆盖
  1. 基础信息
  1. 动画特效
    1. 在animation.config.js文件中
    2. 在notion的数据库config文件中修改变量
 

数据库转移

 
 
 
 
 
 

 
 
 
上一篇
Article1
下一篇
提示词优化器