前言

最近有不少小伙伴询问我个人主页是如何搭建的，于是便写了这个文章教程，效果如下

[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进行访问

 

结语

此教程可能存在相关错误，如有遇到，可进行留言。

 

标签: 前后端

已有 8 条评论

  1. 王云子 王云子

    话说你用又拍云一个月加速要花多少钱啊？(☆ω☆)

    回复
    1. Echo Echo

      这个是免费的，哈哈。加入又拍云联盟，在博客底部挂又拍云链接，每年会给你金额券，应该够用了

      回复
  2. qi qi

    是把这些代码打包放到脚本里面吗

    回复
    1. Echo Echo

      生成的dist静态文件放在网站文件里访问

      回复
      1. qi qi

        是在宝塔终端里面操作吗？

        回复
        1. Echo Echo

          都行，按照命令来

          回复
  3. star star

    up 为什么我的命令 每一次到npm install就会报错￣﹃￣

    回复
    1. Echo Echo

      可能缺少依赖，或者npm文件夹错了。网上搜下，应该有对应解决方法的～

      回复

添加新评论