站点部署

添码座原创大约 4 分钟

安装Nodejs

可以通过官网的方式，在Linux上执行如下命令。

> curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | sudo bash -
> nvm install 20

如果使用node -v命令出现如下错误。

node: /lib64/libm.so.6: version `GLIBC_2.27' not found (required by node)
node: /lib64/libstdc++.so.6: version `GLIBCXX_3.4.20' not found (required by node)
node: /lib64/libstdc++.so.6: version `CXXABI_1.3.9' not found (required by node)
node: /lib64/libstdc++.so.6: version `GLIBCXX_3.4.21' not found (required by node)
node: /lib64/libc.so.6: version `GLIBC_2.28' not found (required by node)
node: /lib64/libc.so.6: version `GLIBC_2.25' not found (required by node)

可以下载node-v20.18.0-linux-x64-glibc-217.tar.gz，然后将它设为环境变量

> cd /home/work
> wget https://unofficial-builds.nodejs.org/download/release/v20.18.0/node-v20.18.0-linux-x64-glibc-217.tar.gz
> tar -zxvf node-v20.18.0-linux-x64-glibc-217.tar.gz
> mv node-v20.18.0-linux-x64-glibc-217 node-v20
> vi /etc/profile

export NODE_HOME=/home/work/node-v20
export PATH=.:$NODE_HOME/bin:$PATH

> source /etc/profile

# 现在重新查看版本号就正常了
>  node -v
v20.18.0

npm -v
10.8.2

# 配置阿里云镜像仓库
> npm config set registry=https://registry.npmmirror.com

如果是Windows或MacOS操作系统则可以下载后直接安装。

Windows：https://nodejs.org/dist/v20.18.0/node-v20.18.0-x64.msi
MacOS：https://nodejs.org/dist/v20.18.0/node-v20.18.0.pkg

部署环境

打开命令行，执行如下命令。

> cd /home/work
> npm init vuepress-theme-hope@latest tianmazuo

之后的过程如下所示。

安装所需插件。

> cd /home/work/tianmazuo
> npm install @vuepress/plugin-search
> npm install @vuepress/plugin-feed --legacy-peer-deps
> npm install vidstack@1 artplayer dashjs hls.js mpegts.js
> npm install vuepress-plugin-last-updated vuepress-plugin-contributors --legacy-peer-deps
> npm install vuepress-plugin-sitemap
> npm install markdown-it-katex
> npm install mathjax-full
> npm install markdown-it-mathjax3
> npm install @vuepress/plugin-watermark@next --force

启动博客。

> cd /home/work/tianmazuo

# 以调试模式启动
> npm run docs:dev

# 编译打包
> npm run docs:build

安装部署Nginx

# 下载nginx
> wget https://nginx.org/download/nginx-1.26.2.tar.gz
> mv nginx-1.26.2.tar.gz /usr/local/nginx-1.26.2.tar.gz
> cd /usr/local
> mkdir /usr/local/nginx
> tar zxvf nginx-1.26.2.tar.gz

# 安装nginx依赖
> yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel

# 编译安装
> cd /usr/local/nginx-1.26.2
> sudo ./configure --with-http_ssl_module --prefix=/usr/local/nginx
> sudo make && make install

# 启动、停止与重启服务
> /usr/local/nginx/sbin/nginx
> /usr/local/nginx/sbin/nginx -s reload
> /usr/local/nginx/sbin/nginx -s stop
> /usr/local/nginx/sbin/nginx -s quit
> /usr/local/nginx/sbin/nginx -t

错误处理

这里列出了常见问题的排查处理：https://theme-hope.vuejs.press/zh/faq/。

我遇到的是javascript heap out of memory，这是一个使用Vite或Webpack时常见的错误。

不同操作系统下的不同处理方式。

Windows：执行set NODE_OPTIONS --max_old_space_size=xxxx命令。
Linux或MacOS：执行export NODE_OPTIONS=--max_old_space_size=xxxx命令。

其中，xxxx根据内存资源使用情况设置。

官方提示说也可以设置环境变量，但是没有给出具体怎么设置，这里补上。

如果不行，换一个资源更多的环境，例如，8核32GB，我就是这么搞定的，所以这其实不是一个技术问题。

SEO

度娘

在百度搜索资源平台中添加网站，然后按要求一步步做就好。

验证完毕之后，单击普通收录，可以选择API提交、sitemap或手动提交。

API提交：将要提交的链接按照每行一条的格式写入一个文本文件中，命名此文件为urls.txt，然后进入该文件所在目录，执行如下命令。

> curl -H 'Content-Type:text/plain' --data-binary @urls.txt "http://data.zz.baidu.com/urls?site=https://www.tianmazuo.com&token=xxxx"

sitemap：输入https://www.tianmazuo.com/sitemap.xml即可。
手动提交：就是将链接手动输入到内容框里去。

比较恶心的是每日的限额。

谷歌

除了度娘，可以把站点添加到谷歌。

选择一种域名或网址验证方式后，同样是下载验证文件验证即可。

然后单击网址检查，输入要检查的网址，这里是https://www.tianmazuo.com/。

显示出结果后单击请求编入索引，谷歌会测试实际网址可否编入索引。

最后在站点地图页面中提交站点地图地址https://www.tianmazuo.com/sitemap.xml。

一般网页被编入索引后，需要一天的时间完成同步。

成功后就可以在谷歌搜索栏使用site:域名来确认站点是否已被收录。

其他诸如360、Bing和搜狗都大同小异。

感谢支持

更多内容，请移步《超级个体》。