搭建hexo步骤

一、node.js 和 git 环境的搭建

node -v 和 npm -v

git 安装

二、安装hexo

1. 在本地文件中创建一个Blog文件夹，框架和发布的网页都在此

2. 管理员cmd：

   • 进入Blog文件夹
   • npm install -g hexo-cli ----安装hexo hexo-cli是完整版
     • 初--用npm install -g hexo-cli
     • 熟悉后用----npm install hexo
   • 以上则 hexo安装 完毕

3. 在Blog文件夹 初始化 hexo

   • hexo init <目标文件名：如Blog>
   • cd Blog
   • npm install

   2. 完成后：

      • 文件目录如下 在Blog中

      .
      ├── _config.yml
      ├── package.json
      ├── scaffolds
      ├── source
      |   ├── _drafts
      |   └── _posts
      └── themes
      

      • _config.yml 这便是 hexo网站的配置文件

4. 尝试新建一个 hexo 文章

   1. hexo new hello world

   2. hexo generate

      • 简写：hexo g --- 生成静态文件

   3. hexo server

      • 简写：hexo s --- 启动服务器。默认情况下，访问http://localhost.4000/

   4. 效果如下：

      

   5. 以上 本地的准备工作搞定！！！

5. github 访问不了

   1. 在 C:\Windows\System32\drivers\etc 文件 hosts

   • 在这个网站 查询 github.com http://tool.chinaz.com/dns/

   • 192.30.255.112

   • 52.192.72.89

     

   • cmd 命令行

     ipconfig /flushdns

   • ok可以访问！！！

6. 部署 hexo 到 github上

   1. 在github上建立 tangrui-star.github.io

   2. npm install hexo-deployer-git --save

      • 安装一个Git部署插件

   3. 在 _config.yml 文件夹里配置

      • deploy:
          type: git
          repo: git@github.com:tangrui-star/tangrui-star.github.io.git
          branch: master
        

        其中：repo 是创建github仓库时的 SSH 复制过来就OK

   4. 部署到github上

      • hexo d
      • 刷新github的页面，会发现多了很多东西，则部署成功
      • 打开浏览器： https://tangrui-star.github.io 就可以访问成功
      • 恭喜你的个人博客上线了

三、更换 hexo 主题

1. 找到主题，github上有很多主题，供选择

2. 在Blog目录下

   • git clone https://github.com/litten/hexo-theme-yilia.git
   • git clone https://github.com/qisi007/react-admin-plus.git
   • git clone https://git@github.com:yscoder/hexo-theme-indigo.git
   • themes/yilia
   • 主题下载完成

3. 打开 _config.yml 配置文件

   • 找到 theme ：换名

     • hexo clean 重新清理一下
     • hexo g 重新生成静态文件
     • hexo s 重新部署一下项目
     • hexo d 重新推到github上

     再次网络访问。

   ---

   ok 以上是，初步完成git关联的个人博客

四、hexo命令操作

1. 网站地址 ： hexo.io

2. https://www.liuguisheng.vip/categories/个人博客/

   这个网站研究研究，很不错