type
status
date
slug
summary
tags
category
icon
password
今天开始使用Notion来写自己的站点。第一篇文章献给NotionNext，记录NotionNext建站中的点滴。
一、站点部署
1.根据官方的站点要求，以下地址进行基础配置：
2.同时采用油管的具体说明，包括域名购买，安全域名配置，实现数据站点的保护，具体查看：
二、站点配置
1.在站点中更新缓存
最快的方式是：在github中，对readme文件进行修改，提交，系统会自动更新和重新部署。这个更新，适合于网站重要更新，如子菜单等。
2.更新站点的图标，浏览器左上角图标
在 github中，要修改站点在浏览器中的图标，替换
/public 文件夹里的 favicon.ico 文件即可。—但是，目前我的站点已经修改，就是不起作业，乍回事？？？ —起效了，因为有缓存，换个浏览器就可以看到了。
3.添加文章
Notion中支持添加 Post和 Page两种类型文章，其中 Post 类型的文章将被显示在博客列表中。我这里主要是post类型，显示在博客中即可。
4.文章中的图片
只要在文章中，上方的大图片进行选择和上传即可，这样这个图片就显示在文章中和首页的预览图片中。
也可以采用内置的link图片，而且是随机图片，网址为：https://source.unsplash.com/random ，设置如下图所示:（但是，有时候图片无法显示）
- 图库:这里建议可以将常用的图片，放在github中，或者放在gitee中，public进行共享，这样就可以使用这些图片。
5.分类名映射
6.网站公告
添加一个Type（类型）为Notice的页面即可，此页面是唯一的，网站只能有一个公告。
到配置文件中进行修改，不用删除，将状态设置为invisible即可。
三、站点配置2
1.二级菜单
在您的
blog.config.js中，开启完全自定义菜单:CUSTOM_MENU: process.env.NEXT_PUBLIC_CUSTOM_MENU || true, // 支持Menu 类型添加子菜单-SubMenu
子菜单绑定方法：在列表中，
SubMenu紧跟在Menu后面即可做为子菜单。
子菜单3点注意：
- ⚠️
Menu后面一旦挂载了SubMenu，则此Menu就无法点击跳转，只能作为展开菜单使用。⚠️
- 只有普通菜单
Menu后能挂子菜单SubMenu；Menu不能挂Menu、SubMenu不能挂SubMenu；
SubMenu若没有紧跟在一个Menu后面，则成为孤儿菜单，不会显示。
notion中添加Menu类型数据，将仅作为跳转功能使用，menu的slug字段将指定跳转的路径，而menu这条数据的页面内容没有任何实际作用。
2.给菜单添加icon图标
免费的icon库地址：https://fontawesome.com/search?o=r&m=free
下方的代码框中就是你要的神秘代码了
例如
fa-solid fa-user 这串代码粘贴到您的notion中的icon字段，即可显示出这个用户的图标，如下图：
3.添加及生成二级分类
- 如上所示，添加相应的子菜单，如在视频分享中的移动开发；如下图所示
- 添加文章，在文章category中选择（或新建）移动开发，如下图所示：
回到上面的二级分类中，将移动开发的slug设置为/category/移动开发即可，如下图所示
这样，可以在首页中看到了移动开发的分类，点击这个分类，就可以看到二级分类的页面了，里面也有相应的文章，如下图所示:
三、站点配置三
1.去掉最上端的BannerItem内容。
最新：这个内容去除，可以在一下路径：themes/magzine/config.js中进行配置：
MAGZINE_HOME_BANNER_ENABLE: false, // 首屏右上角的宣传位 改为false即可
原本在首页的嘴上端，三篇最新文章的右上角有一个广告（以后可以是自己的广告内容），要去掉，可以到github中的模板中进行注释即可，内容在：
最后效果如下：
至此，网站的主体设计基本完成，可以愉快的写文章和分享文章啦。。。。 👏👏👏
Loading...
