宝塔安装notionext-还没搞明白

安装PM2

应用商店搜索 PM2 Manager 5.1 点击安装

安装git

进入终端切换root，安装git

安装notionext主程序

进入想要安装的文件目录,这里我安装到root里

 

centos7安装

yarn

安装nvm

必须安装v16.13.0版本的nodejs

借助git下载nvm

若无法访问上述github,可用国内gitee地址代替

使用nvm安装Nodejs

可以直接安装出问题再使用以下方法

安装命令

进入.nvm文件夹，新建.bash_profile：

在里面 copy 如下内容：

关闭文件，然后执行这个文件：

执行完毕，我们再看看是否安装成功：

输出：

安装成功。

安装PM2

编译启动项目 ,根据网络情况可能耗时几分钟

这一步会很久,耐心等待很可能会断开，所以保持良好网络ssh要不能断开

启动程序

pm2模式运行，进入程序目录执行以下命令my-blog可以自定义

VPS本地服务器 | NotionNext文档

在你的云服务器上手动部署NotionNext

https://docs.tangly1024.com/article/deploy-notion-next-on-vps

VPS部署记录

更改notion_page_id

目前.env.local有些配置并不生效,需要参考以前的配置进行修改详见

实例

程序命令

PM2日常命令

网站设置

字段名解释

生效字段	默认值	说明
password	password	文章密码
type	type	文章类型
type	Post	当type文章类型与此值相同时，为博文。
type	Page	当type文章类型与此值相同时，为单页。
type	Notice	当type文章类型与此值相同时，为公告。
title	title	文章标题
status	页面状态	页面状态
status	Published	当status状态值与此相同时为发布，可以为中文
status	Invisible	当status状态值与此相同时为隐藏发布，可以为中文 ， 除此之外其他页面状态不会显示在博客上。
summary	页面摘要	页面摘要
slug	slug	访问时的网页路径,可自定义
category	category	分类
date	date	日期
tags	tags	标签
icon	icon	页面左侧图标

代码字段解释

blog.config.js

blog.config.js配置文件里的大部分默认的配置是应用于vercel环境变量的写法 process.env.XX是Vercel的环境变量，配置方式见：https://docs.tangly1024.com/zh/features/personality

浏览器书签页图标

替换下路目录的favicon.ico文件

右上角个人信息设置

社交栏目修改-新版本好像自带了(已废弃)

修改主题代码

增加youtu图片添加代码

参考源码

tw.andys.pro/SocialButton.js at 9b8c30b7d473ae3ca8e45f25969b9368a3f86ffb · txs/tw.andys.pro

歡迎來到我的 Blog! Contribute to txs/tw.andys.pro development by creating an account on GitHub.

https://github.com/txs/tw.andys.pro/blob/9b8c30b7d473ae3ca8e45f25969b9368a3f86ffb/themes/apple_ios_hexo/components/SocialButton.js#L13-L22

菜单栏设置

 

NotionNext二级菜单使用说明 | TANGLY’s BLOG

NotionNext 3.13.0上线，支持更灵活的菜单配置

https://tangly1024.com/article/notion-next-secondary-menu

二级菜单设置

更改blog.config.js文件CUSTOM_MENU值

💡

当该值为true时，原先读取Page生成菜单的功能将被自定义菜单覆盖。

添加普通菜单-Menu

在notion中添加一个类型为Menu的页面：并包含以下字段

字段名	说明	示例
type	类型	Menu
title	显示在菜单栏的标题	首页
status	状态	Published
slug	菜单链接	/
icon	菜单图标，FontAwesome类名	fas fa-home

示例配置

添加子菜单-SubMenu

子菜单绑定方法：在列表中，SubMenu紧跟在Menu后面即可做为子菜单。

图片示例，这三个菜单构成一组一级菜单和二级菜单

子菜单3点注意：

1. 只有普通菜单Menu 后能挂子菜单SubMenu；Menu不能挂Menu、SubMenu不能挂SubMenu；

2. SubMenu若没有紧跟在一个Menu后面，则成为孤儿菜单，不会显示。

3. Menu后面一旦挂载了SubMenu，则此Menu就无法点击跳转，只能作为展开菜单使用。

icon,菜单栏图标设置

引用以下网站的图标,需要什么用英文搜索

Find the Perfect Icon for Your Project | Font Awesome

Search all the icons and match your project with a look and feel that's just right, including the all-new Sharp Solid Icons, now available in Font Awesome 6.

https://fontawesome.com/search?q=tool&o=r

书写格式,直接复制里面的代码

效果

BUG修复

[PM2][WARN] Current process list is not synchronized with saved list.

参考

Not in sync?

Github

Not in sync?

Updated

Oct 2, 2023

技巧收集

1. 我在加载js文件的script标签中添加了defer属性，感觉打开速度变快了，不知道是不是心理作用。chatgpt说加上这个属性可以先加载网页后加载js，提高打开速度。