番茄主页部署教程
本文最后更新于378 天前,其中的信息可能已经过时,如有错误请发送邮件到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进行访问

 

结语

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

 

觉得有帮助可以投喂下博主哦~感谢!
作者:Echo
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0协议
转载请注明文章地址及作者哦~

评论

  1. qi
    11 月前
    2023-6-14 14:43:26

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

    来自江苏
    • Avatar photo
      博主
      qi
      11 月前
      2023-6-14 18:37:21

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

      来自江苏
      • qi
        Echo
        10 月前
        2023-6-15 0:02:30

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

        来自中国
        • Avatar photo
          博主
          qi
          10 月前
          2023-6-15 13:55:26

          都行,按照命令来

          来自江苏
  2. 王云子
    1 年前
    2023-4-12 9:55:42

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

    来自浙江
    • Avatar photo
      博主
      王云子
      已编辑
      1 年前
      2023-4-12 11:13:15

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

      来自江苏

发送评论(请正确填写邮箱地址,否则将会当成垃圾评论处理) 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇