zoukankan      html  css  js  c++  java
  • 搭建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/个人博客/

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

  • 相关阅读:
    Xen原理
    KVM系统镜像制作
    KVM原理及使用
    virsh使用总结
    libvirt原理
    虚拟化原理介绍
    TCP协议深度刨析
    TCP Socket通信详细过程
    firewall-cmd 使用总结
    PDO防 SQL注入攻击 原理分析 以及 使用PDO的注意事项
  • 原文地址:https://www.cnblogs.com/tangtangrui/p/14595243.html
Copyright © 2011-2022 走看看