IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 爱智边缘计算设备spirit 1 居然还可以这么玩 -> 正文阅读

[JavaScript知识库]爱智边缘计算设备spirit 1 居然还可以这么玩

工作之后,经朋友推荐,用了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_modules' >> .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

这不安装上了么,接下来看看访问速度怎么样(录屏实测)

在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-12-02 16:39:54  更:2021-12-02 16:41:11 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 6:41:39-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码