建站教程-用Notion部署你的个人博客-基于Nobelium+Vercel的详细配置
URL
date
Sep 1, 2024
slug
建站教程
status
Published
tags
Website
Nobelium
Notion
Vercel
summary
本站的建站参考
type
Post
一、建站步骤：
这一步看完就差不多可以用了，如果像我一样还想折腾一下，继续往下看。
（我知道你会往下看的）
二、基于Notion的这个平台的基本用法、评论留言区配置。
这个网站介绍了基本用法，例如：
可直接在Notion Table进行写作
Title: 文章标题，点击Open即可打开编辑
summary: 副标题或总结，博客里会出现在标题下方
Slug: 链接后缀，不填就是默认的notion的随机字符串，可读性不好，建议填写
tags: 自定义的标签，将用于网站搜索
status：
Published会自动同步到博客，其他标签会在博客中隐藏（但在Notion page中依然是可见）type: 直接选择post即可。
添加评论区，评论留言：
先在
blog.config.js 第41行上填写 provider 字段，写上cusdis 。选择第三方评论系统Cusdis，优点：不需要注册任何账号就可以评论。
- 在Cusdis注册账号，
New Site-> Site name填入添加Vercel给你的访问域名或者你的自定义域名→点击Embeded Code
- 复制
data-app-id，并填写到blog.config.js对应的位置，第54行，然后commit保存，等待几秒钟后Vercel自动更新。如果使用Cusdis官方提供的服务器，这样就搞定了，你的博客上就有留言区了。登录Cusdis的dashboard就能查看留言了。
- 想要有留言后会自动发送至邮箱，需要在
User->Settings这里设置邮箱并开启。
- 想要有留言就自动发送至你的Telegram，那就这里设置：
三、关于作者头像如何设置
参考这篇文章，可以更改作者头像，但是她没有说清楚具体操作，下面是具体操作。 👇🏻👇🏻👇🏻👇🏻
在
blog.config.js里面设置如下：
四、关于如何一键设置Google site verification code
该站点可一键设置一键设置Google site verification来使用Google Search Console（谷歌搜索控制台），它是一个免费的工具，提供了一系列功能，帮助网站管理员、SEO专家、和开发者了解和优化他们网站在Google搜索中的表现。以下是Google Search Console对网站的主要帮助：
➡️ 监控网站在Google搜索结果中的表现关键字分析：查看哪些搜索查询带来了流量，以及用户通过哪些关键词访问了你的网站。• 点击率和展示次数：了解你的网站在Google搜索中的展示次数、点击次数以及点击率（CTR）。• 平均排名：查看你的网站在特定关键字下的平均排名位置。…(帮助很多)
要申请Google Site Verification Code并验证你的网站，通常你需要通过Google Search Console（谷歌搜索控制台）来进行。以下是具体的步骤：
1. 创建Google账户
首先，如果你还没有Google账户，需要先创建一个。
2. 进入Google Search Console
打开 Google Search Console 网站，并使用你的Google账户登录。
3. 添加你的网站
登录后，在Google Search Console首页点击“开始使用”，然后会要求你添加一个新的网站属性。
- 你可以选择输入完整的网址（URL前缀）或输入整个域名（域名属性）。
- URL前缀：输入你的网站完整URL（例如
https://blog-for-books.vercel.app），这种方式支持使用多种验证方法。 - 域名属性：仅输入域名（例如
hilong.space），这种方式通常需要通过DNS记录进行验证（例如这个域名是在namecheap买的）。
4. 选择验证方法：
添加网站后，你会被要求选择一种验证方法。常见的方法有：
我们用到的：HTML tag标签：将谷歌提供的tag标签添加到
blog.config.js里面第24行，把箭头所指的引号里面的内容复制出来，注意这个内容比较长，点击COPY，贴在记事本，然后再复制。粘贴到第24行googleSiteVerification那里后commit保存，等待Vercel自己刷新部署。然后点击下图的VERIFY，成功。
其他方法（都可行，可自己尝试）：
- Google Analytics或Google Tag Manager：如果你已经在网站上安装了这些工具，可以使用它们进行验证。
- DNS记录：通过在你的域名提供商处添加谷歌提供的TXT记录来验证。
5. 完成验证
根据你选择的验证方法，完成相关操作后，回到Google Search Console并点击“验证”按钮。
- 如果你使用HTML文件或tag标签验证，谷歌会立即验证。
- 如果你使用DNS验证，可能需要等待几分钟到数小时，具体取决于你的DNS提供商。
6. 验证成功
一旦验证成功，你将能够访问Google Search Console的功能来监控和管理你的网站在谷歌搜索中的表现。通过这些步骤，你就可以获得Google Site Verification Code并成功验证你的网站。
五、一键设置 Google Analytics来查看博客访问数据
👉🏻 Google Analytics 是一个强大的分析工具，可以帮助网站管理员、营销人员和企业主深入了解他们的用户行为和网站表现。以下是 Google Analytics 提供的主要帮助和功能：1. 了解用户行为• 用户流量分析：你可以查看网站的访问量、页面浏览量、用户会话时长、跳出率等指标，了解用户如何与网站互动。• 用户行为路径：分析用户在网站上的行为路径，了解他们如何从一个页面导航到另一个页面，有助于优化用户体验。• 新老访客分析：区分新访客和回访者，了解他们的行为差异，并针对不同用户群体制定相应的策略。2. 受众分析• 用户人口统计：分析用户的年龄、性别、兴趣等信息，帮助你了解受众的特征并进行精准营销。• 地理位置：了解用户的地理位置，帮助你在不同地区进行定向广告投放和内容优化。• 设备分析：查看用户使用的设备类型（如移动设备、平板电脑、桌面电脑），帮助你优化网站的响应式设计。
具体步骤：
1. 创建Google账号
如果你还没有Google账号，首先需要创建一个。你可以使用现有的Google账号进行登录。
2. 访问Google Analytics
访问 Google Analytics 网站，并使用你的Google账号登录。
3. 创建Google Analytics账户
登录后，如果这是你第一次使用Google Analytics，你会被要求创建一个新的Analytics账户。
- 点击“Start measuring”开始创建账户。
- 输入账户名称，通常为你公司或组织的名称。
- 设置数据共享选项，选择你希望与Google共享的数据。
4. 设置属性（Property）
接下来，你需要为你的网站或应用创建一个属性（Property）。每个属性代表你希望跟踪的一个网站或应用。
- 输入属性名称，通常为你的网站或应用的名称。
- 选择报告时区和货币设置。这些设置会影响你在Google Analytics中看到的数据格式和时间段。
5. 选择平台类型
根据你要跟踪的是网站还是应用，选择相应的选项。
- Web：如果你要为网站设置Analytics，选择此选项。
App + Web：如果你要同时为网站和应用设置跟踪，选择此选项。
App：如果你要为移动应用设置跟踪，选择此选项。
6. 配置数据流
- 网站跟踪：如果你选择了Web或App + Web，系统会要求你输入网站的URL，并为数据流命名。完成这些步骤后，点击“Create Stream”。
7. 获取跟踪代码（Tracking Code）
一旦你完成数据流设置，Google Analytics将生成一个唯一的跟踪代码（Tracking ID），格式通常为
G-XXXXXXXXXX。- 对于 网站：你会看到一个
<script>代码段，这是你需要添加到你网站的每一个网页的<head>标签中。例如：
8. 部署和测试
- 将上述引号中
G-XXXXXXXXXX复制粘贴到在blog.config.js里面的第36行那里，并且在第29行那里填入ga。
完成部署后，你可以返回Google Analytics，并在“实时”报告中检查是否成功收集到数据，以确保跟踪代码正常工作。
9. 监控和优化
一旦设置完毕，你可以通过Google Analytics仪表盘开始监控网站或应用的流量和用户行为，并根据数据优化你的内容和用户体验。
通过以上步骤，你就能够成功为网站或应用设置Google Analytics并获取必要的跟踪代码，从而开始收集用户行为数据。
六、如何自定义新的导航连接
想继续折腾的，看：
