【精华】搭建个人Web服务器_NGHG

项目名称：搭建个人Web服务器_NGHG

1 搭建模式：

• NGHG，即Node.js + Git + Hexo + Github

2 搭建步骤

• 【第一步】安装Node.js

  下载网址：https://nodejs.org/en/

结果验证：

# 查看node版本
node -v
# 查看npm版本
npm -v

• 【第二步】安装Git

  下载网址：https://git-scm.com/downloads

结果验证：

• 【第三步】安装Hexo

  • 新建文件夹MyBlog （名字可自行设置，本文件夹主要存放系统文件及后续要上传的资源）

  • 打开文件夹，右键Git Bash Here

• 依次执行下面指令

  npm install -g hexo
  
  # 2.安装所需附加组件
  npm install
  
  # 3.初始化hexo框架
  hexo init
  
  # 4.编译生成静态页面
  hexo g
  
  # 5.启动本地服务
  hexo s
  
  此时就可以通过http://localhost:4000 访问web页面了
  

• 界面
  
  
  
  
  

• 【第四步】关联GitHub

  • 1.1 GitHub创建仓库

• 打开Git bash，输入如下指令，连接GitHub。

  # 用户名连接 修改为你自己的GitHub用户名
  git config --global user.name "yourname"
  
  # 邮箱连接 修改为你自己的GitHub绑定邮箱
  git config --global user.email "youremail"
  

>  git config --list      # 查看绑定详情

• 配置SSHkey添加到GitHub

  ssh-keygen -t rsa -C "你的邮箱"
  # 回车即可
  

• 回到GitHub中，点击settings—>SSH and GPG keys—>New SSH key。

• 回到git bash输入如下命令，得到我们的key。

  cat ~/.ssh/id_rsa.pub
  

• 将我们复制的key放入中间部分，标题随意，完成后点击Add SSH key。

• 结果验证

  ssh -T git@github.com
  

• 上传到Github所建仓库，修改文件属性。

    type: git
    repository: git@github.com:LeeZhao415/LeeZhao415.github.io.git
    branch: master
  

• 安装hexo-deployer-git，便于展示内容。

  npm install hexo-deployer-git --save
  

• 执行下列指令

  hexo clean  # 清理数据库
  
  hexo g  # 生成内容
  
  hexo s  # 打开服务器
  
  hexo d  # 展示内容
  

  • 结果验证

• 测试访问

  在浏览器中输入 http://leezhao415.github.io 访问

3 创建博客

hexo n "博客的文件名"

执行下列代码后，打开 http://leezhao415.github.io即可

hexo clean  # 清理数据库

hexo g  # 生成内容

hexo s  # 打开服务器

hexo d  # 展示内容

4 常见问题

打开链接是提示如下：

原因：
Hexo无法解析模板文件

解决方案：
使用以下的命令

npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save

.(img-4824CXd5-1619097747694)]

原因：
Hexo无法解析模板文件

解决方案：
使用以下的命令

npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save