zoukankan      html  css  js  c++  java
  • hexo教程(一)——使用hexo+github搭建个人博客

    使用hexo+github搭建个人博客

    安装node.js

    安装git环境

    由于之前在做项目的过程中已经安装过node.js和git,故此处不再演示,可以参考网上其他教程

    安装hexo

    想必到了这里,你已经安装好了node.js和git,下面开始安装hexo。

    • 在某一磁盘创建文件夹
      我选择的是G盘,文件夹名为 Blog

    • 进入Blog文件夹,右键鼠标->选择Git Bash Here
      kC0Epn.png

    • 输入 npm install -g hexo-cli ,耐心等待一段时间后,如下图所示
      kC0jN4.png

    • 输入 npm install hexo -save,耐心等待一段时间后,如下图所示
      kC0v4J.png

    • 我们发现,Blog文件夹中多了如下所示的内容kC0zC9.png

    在接下来的步骤中,我出现了 Command Not Found的情况,在网上查找解决办法,于是有了后续步骤

    • 在Blog文件夹中新建文件夹,命名为hexokCB9jx.png
    • 关闭当前Git Bash,进入hexo文件夹,右键鼠标->选择Git Bash Here。或者直接在当前的Git Bash中输入 cd hexokCBngI.png
    • 输入hexo init,初始化hexo环境,耐心等待一段时间后,如下图所示kCBiDK.png
    • 输入npm install,安装npm依赖包,耐心等待一段时间后,如下图所示kCBV4H.png
    • 输入hexo generate或者是hexo g,生成静态页面,耐心等待一段时间后,如下图所示kCBQDf.png
    • 输入hexo server或者是hexo s,生成本地服务,如下图所示。我们每次写完博客,也可以现在本地预览一下,然后再发布到网上去。kCBm8A.png
    • 接着,我们在浏览器中访问http://localhost:4000/,如下图所示。这就是在本地生成的一个博客。kCBMKP.png
    • 在Git Bash中按下Ctrl+C,关闭当前端口服务。
    • 到这里,我们的本地博客就已经搭建完成了。下一篇博客将介绍如何与Github连接,将博客上传至Internet
  • 相关阅读:
    唯一的确定一棵二叉树
    Educational Codeforces Round 55 (Rated for Div. 2)
    524 (Div. 2) Masha and two friends
    单链表实现n(n≥20)的阶乘
    表达式的后缀表示
    UPCOJ2012 The King’s Walk(dp)
    第七届山东省省赛D Swiss-system tournament(归并排序)
    第七届山东省省赛C Proxy(最短路)
    hihocoder1185 连通性·三
    hihocoder1184 连通性二·边的双连通分量
  • 原文地址:https://www.cnblogs.com/xrblog/p/11585885.html
Copyright © 2011-2022 走看看