搭建hexo步骤

搭建hexo步骤

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

node -v 和 npm -v

image-20201210175035191

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
    1. 完成后:

      • 文件目录如下 在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. 效果如下:

      image-20201210183706387
    5. 以上 本地的准备工作搞定!!!

  5. github 访问不了

    1. 在 C:WindowsSystem32driversetc 文件 hosts
    • 在这个网站 查询 github.com http://tool.chinaz.com/dns/

    • 192.30.255.112

    • 52.192.72.89

      image-20201210190531250
    • 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目录下

  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/个人博客/

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

原文地址:https://www.cnblogs.com/tangtangrui/p/14595243.html