🗒️学习与实践2-个人网站进阶版
2025-7-10
| 2025-10-13
字数 1157阅读时长 3 分钟
type
status
date
slug
summary
tags
category
icon
password
notion image
 
本篇图文是上一篇教程的进阶篇,需要一年一百元以内的成本搭建一个成熟的网站.
 

前提准备:

  1. 零计算机基础需求,无需写代码的能力
  1. 低经济成本
  1. 前后需要总时长二十分钟左右
  1. 需要一到两天等待时间成本
 

你将获得:

一个借用github开源代码搭建的博客模版:
  1. 相比从零开始, 拥有更多个性化模块
  1. 网站打开更加迅速
  1. 无需翻墙操作

具体步骤:

💡
域名,即网域,是由一串用点分隔的名字组成的互联网上某一台计算机或计算机组的名称,用于在数据传输时对计算机的定位标识,以百度为例子:www.baidu.com是域名,https://www.baidu.com/是包含了域名的完整网址。
p.s:本文以腾讯云为例, 现实中也可以购买阿里云华为云等类似产品.

Step1:注册域名

  1. 登陆腾讯云https://cloud.tencent.com完成注册
  1. 完成实名认证,预估审核时间1~2天
    1. 微信认证
    2. 身份证实名认证
  1. 在腾讯云首页搜索栏输入域名注册,进入https://cloud.tencent.com/product/domain页面
    1. P.s:新用户首次购买域名会有巨额优惠,此外也可以在https://buy.cloud.tencent.com/mi/reserve购买现成的域名
      notion image
  1. 选择一个后缀, 定义你想要的域名, 然后点击查询域名
    1. 如果显示该域名已经被注册, 则重新编辑更换或者进入域名交易流程(此教程不涉及)
    2. 如果域名未被注册, 则会显示价格
    3. P.s: 所有域名后缀中, “.com”价格是最贵的, 毕竟在中国网络最有公信力, 其他的则会便宜很多, 这里推荐一个价格折中的“.com.cn”,在2025.7.10首年只需要33元.
      notion image
  1. 选择好域名后加入购物车, 如果未完成第二步的实名认证, 这里会提示你实名认证后才能注册.
  1. 注册并完成审核后,恭喜你,你已经拥有了一个属于自己的网址.
 

Step2:拷贝模版

  1. 接下来使用github上的notion模版
    1. 注册一个notion账户
    2. 注册一个github账户
    3. P.s:也可以不使用模版, 自己从零搭建notion页面.
  1. 在浏览器输入mulberry-table-1ab.notion.site/6bff0ff4f0ee4e88866963af3df06459?v=7adb45c325184cdb788d2a46151d693进入notion模版页面, 点击右上角复制模版,粘贴到你自己的notion页面
    1. notion image
  1. 登陆github,输入notionnext,第一个就是notion博客的开源模版
    1. notion image
  1. 点击右上角fork选项部署项目的复制版本→create fork
    1. notion image
  1. 打开本地项目中(你的用户名/notionnext)blog.config.js文件
    1. notion image
  1. 打开notion,进入刚才第二步复制的页面, 点击右上角share→publish→publish→该网页的链接→在浏览器输入链接→复制网址中”site/”到“?”之间的部分,以图中为例,图中需要复制“214a3c83b7c3800eaebceecc614749ea”.
    1. notion image
  1. 回到blog.config.js页面,点击右上角编辑代码,修改里面的魔模版信息替换为你的个人信息,比如“AUTHOR”等.完成后点击Commit changes.
    1. notion image

Step3:托管项目

  1. 登陆并登陆https://vercel.com/
  1. Overview→Add New→project→选择刚才的NotionNext项目→import
    1. notion image
  1. Environment Variables→Key填写“NOTION_PAGE_ID”,Value里面填写“step2第六步复制的地址”→Deploy
    1. notion image
      P.s:step2第六步复制的地址- 打开notion,进入刚才第二步复制的页面, 点击右上角share→publish→publish→该网页的链接→在浏览器输入链接→复制网址中”site/”到“?”之间的部分,以图中为例,图中需要复制“214a3c83b7c3800eaebceecc614749ea”.

      Step4:绑定腾讯云购买的域名

    2. Vercel主界面→刚生成的项目→Domains→Add Domain
      1. notion image
    3. 添加两条域名记录,Save
      1. ”腾讯云购买的域名”
      2. “www”+”腾讯云购买的域名”
      3. P.s:我购买的域名是lengyankanshijie.com.cn,所以这里分别添加lengyankanshijie.com.cn和www.lengyankanshijie.com.cn
        notion image
    4. 腾讯云DNS解析配置:https://console.cloud.tencent.com/domain/all-domain/all ->点击解析
      1. notion image
    5. 添加两条记录:添加记录→保存
      1. 第一条:类型→”A记录”,主机记录→”@”,记录值→”76.76.21.21”
      2. 第二条:类型→”CNAME记录”,主机记录→”www”,记录值→”cname-china.vercel-dns.com
        1. notion image
    6. 等候数分钟,当vercel这里的记录变为valid configuration时即绑定成功
notion image
此时你已经可以通过腾讯云域名访问你的博客了.在notion修改模版的内容即可完成博客的自定义与更新, notion本地有教程,简单摸索即可.
 
2025.07.10深圳市罗湖区
 
  • 学习
  • 技术
  • 实践
  • 学习与实践3-本地ai大模型部署学习与实践1-二十分钟零成本建立个人网站!Notion+Digital+Cloudflare
    Loading...