小白如何10分钟搭建一个企业官网-（二）安装篇

创建你的代码仓库

进入Github首页右上角 + -> New repository创建新的仓库

生成编程环境

引用站外地址

Gitpod

在线IDE开发环境

进入 Gitpod，生成工作空间

选择刚刚的代码仓库点击 continue

Autostart with these options for this repository.的选项的意思是，是不是这个代码仓库每次都用之前的这个配置进入编程环境

安装hexo

在所有准备工作完成后开始安装hexo

#安装hexo
npm install -g hexo-cli
#返回上层目录
cd ../
# 初始化文件夹 例如 hexo init web
hexo init <folder>
# 进入文件夹 例如 cd web/ (web是你文件夹的名称，这里只是一个例子,或者你直接跟我名字一样也可以，只是一个临时目录)
cd <folder>
# 安装依赖
npm install

到目前位置所有的文件已经齐全但是你会发现代码编译器内没有出现一个文件

这是因为刚刚所有的操作都在web文件夹内

#把文件夹下面的文件都拷贝下去
cp -r <源目录路径>/* <目标目录路径>
# 我这边例子为 其中 hexo-main 是你自己仓库取的名字
cp -r /workspace/web/* /workspace/hexo-main/

这样文件就过来了

有些文件是不需要提交到Github的，所以我们创建一个.gitignore文件

文件内容是

.DS_Store
Thumbs.db
db.json
*.log
node_modules/
public/
.deploy*/
_multiconfig.yml

这样左边需要提交的文件一下就变少了

使用主题

因为是企业网站，所以需要使用企业的开源主题

我们以Acorn主题为例子

# 依次执行下面命令
# 切换目录 hexo-main是你的仓库名称
cd /workspace/hexo-main/
# 下载主题
git clone https://github.com/zhwangart/hexo-theme-acorn.git themes/acorn
# 删除主题本身的 Git 信息
rm -rf themes/acorn/.git
# 添加主题目录到 Git 管理
git add themes/acorn/