spirit怎么玩
发布网友
发布时间:2023-06-09 05:43
我来回答
共1个回答
热心网友
时间:2024-11-17 14:13
工作之后,经朋友推荐,用了vuepress来做笔记,然后将其部署在云服务器上。虽然vuepress比较轻量,但是它总需要占用我的服务器资源。
那现在,有了spirit 1之后,我就完全可以解放我的服务器,将我的笔记部署在spirit 1上了.
话不多说,赶紧行动吧!
打开我的vuepress笔记项目,执行构建,得到项目文件,如下图所示:
1
当然,如果你也想尝试一下如何在spirit 1上部署vuepress,那么你可以尝试从头开始构建一个vuepress项目,具体如下:
mkdir vuepress-starter
cd vuepress-starter
git init
npm init
npm install -D vuepress@next
在package.json中添加
{
"scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
}
}
将默认的临时目录和缓存目录添加到 .gitignore 文件中
echo 'node_moles' >> .gitignore
echo '.temp' >> .gitignore
echo '.cache' >> .gitignore
创建你的第一篇文档
mkdir docs
echo '# Hello BigDataToAI' > docs/README.md
执行构建
npm run docs:build
那么你便可以在docs/.vuepress/dist目录下看到构建的项目。
创建空的eager项目
首先,新建一个空的js项目。
2
3
4
将public中的index.html删除,然后将vuepress构建好的dist中的内容拷贝到public目录下,如下图所示:
5
在部署上述项目之前,我们还可以做一些调整,比如说图标,应用名称等。
我们来设置一下图标,找一些正方形的图片,然后用https://www.iloveimg.com/zh-cn/resize-image#resize-options,pixels提供的调整图像大小的方法,将原始文件调整为160x160
7
然后将项目中assets中的原始big.png和small.png删除,将你的照片复制进去(复制两份),并重命名为big.png,以及small.png
修改完之后,即可对项目进行部署:
8
9
安装完成之后,打开管理页面查看:
10
这不安装上了么,接下来看看访问速度怎么样(录屏实测)
在这里插入图片描述