本文最后更新于602 天前,其中的信息可能已经过时,如有错误请发送邮件到echobydq@gmail.com
前言
最近有不少小伙伴询问我个人主页是如何搭建的,于是便写了这个文章教程,效果如下
[Echo's 个人主页 (liveout.cn)](https://liveout.cn/index/
项目地址
https://github.com/Tomotoes/HomePage
教程
1. 安装 node.js
首先,node.js 是啥子呢?这里简单解释下
Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。
科普地址:Node.js 教程 | 菜鸟教程 (runoob.com)
ubuntu
安装命令如下
sudo apt-get install -y nodejs
centos
安装命令如下
yum install -y nodejs
查看安装是否成功
node -v
//如果成功
v10.19.0
2. 安装 git
git 又是啥子呢?
Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。
科普地址:Git 教程 | 菜鸟教程 (runoob.com)
ubuntu
安装命令如下
sudo apt-get install git
centos
安装命令如下
yum -y install git-core
查看安装是否成功
git --version
//如果成功
git version 1.8.1.2
3. 部署项目
既然相关工具已经下载完成,下面就开始搭建吧!
首先通过 git 拉取项目仓库 (个人建议切换到opt目录)
//切换到opt目录
cd /opt
//拉取仓库
git clone https://github.com/Tomotoes/HomePage.git
拉取完成后进入项目目录
//进入项目目录 HomePage
cd HomePage
//npm 安装 Node.js 模块
npm install
npm run dev
进入目录后需要修改 相关配置
,如 config.json
更多详细配置修改参考此文档:https://github.com/Tomotoes/HomePage/blob/master/README.zh_CN.md
修改完相关配置信息后执行以下命令
//生成项目文件到 dist 目录
npm run build
然后,你可以将dist
目录部署到你喜欢的服务器托管商。
如果想通过菜单访问,可以讲dist文件放到博客根目录下面,菜单链接设置如下
https://域名/dist
这里的dist就是主页文件,你可以自己更改其名字,如index
通过 https://域名/index
进行访问
结语
此教程可能存在相关错误,如有遇到,可进行留言。
up 为什么我的命令 每一次到npm install就会报错 ̄﹃ ̄
可能缺少依赖,或者npm文件夹错了。网上搜下,应该有对应解决方法的~
是把这些代码打包放到脚本里面吗
生成的dist静态文件放在网站文件里访问
是在宝塔终端里面操作吗?
都行,按照命令来
话说你用又拍云一个月加速要花多少钱啊?(☆ω☆)
这个是免费的,哈哈。加入又拍云联盟,在博客底部挂又拍云链接,每年会给你金额券,应该够用了