Windows 配置hexo教程

作者: HuCoco | 来源:发表于2016-03-29 21:04 被阅读1422次

<h3>先说一些废话</h3>


Hexo基于Node.js,由台湾大神tommy351开发,可以实现一个静态网页组成的博客,而且更轻更快,使用也相当的简单。只要安装了GitNode.js,我们就可以在电脑上快速的用Hexo来写作,Hexo同样支持评论、分类、标签、图片等。

<h3>特性</h3>

  • 快速
    Hexo基于Node.js,支持多线程,几百篇文章也可以几秒生成。
  • 流畅
    支持GitHub Flavored MarkdownOctopress的插件。
  • 扩展
    Hexo支持EJSSwigStylus,通过插件支持HamlJadeLess



下面就来给大家介绍下Hexo静态博客环境搭建的方法。

<h3>Hexo安装方法</h3>

<h4>一、下载Git<h4>

msysGit下载地址

进入上面的页面,点击Download会进入下载页面,找到Downloads部分,根据自己系统的情况选择下载32位或者64位的安装包,下载完成后进行安装。

<h4>二、下在Node.js</h4>
Node.js下载地址
同样进入上面的界面,点击INSTALL下载安装包,下载完成后并安装。

<h4>三、安装Hexo</h4>
完成上面两步后,此时当我们在桌面点击鼠标右键时,会有一系列新的选项,这里我们需要用到的Git Bash,接下来我们会用命令行来完成剩余的工作。

<h5>1.安装Hexo</h5>
根据上面的方法,打开Git Bash控制台,之后系统会打开一个窗口,窗口内是黑色的背景和一堆英文,看不懂没有关系跟着步骤一步一步做就行。

在控制台中输入以下命令:

npm install -g hexo

之后系统会自动去Git上下载并安装Hexo,接下来会一直循环显示/-\这三个符号,这表示系统在下载需要的文件。

但是根据笔者遇到的情况,使用npm安装可能会出现卡住的现象导致无法正常安装,解决的办法就是修改npm的安装源,大家可以选择以下方法中的一个即可(正常下载的朋友就略过这里)

  1. 通过config命令:

    npm config set registry http://registry.cnpmjs.org

    npm info underscore

  2. 通过命令行指定

    npm -registry http://registry.cnpmjs.org info underscore

然后再来执行一次最开始的命令:

npm install -g hexo

耐心等待一会儿,Hexo就下载好了。

<h5>2.生成Hexo静态博客</h5>

  1. 选一个适合的地方存放博客文件

    cd命令可以在命令行中快速指定到一个地址,比如:

    cd D:\

    D:

    这样可以快速的指定要一个地址上去,然后是创建一个文件夹进行归类管理

    mkdir blog

    这样在D盘我们就创建了一个名字为blog的文件夹。接下来我们在进入blog文件夹中,同样使用cd命令。

    cd blog

    此时我们进入了我们选好的地址中,执行以下命令:

    hexo init

    然后你会看到以下的反馈:

    [info] Copying data

    [info] You are almost done! Don't forget to run 'npm install'...

    所以接下来就要执行

    npm install

    等待他完成后我们可以进去到文件夹中看到以下目录:

    • node_modules: Hexo的功能JavaScript文件

    • public:生成静态网页文件

    • scaffolds:工具模板

    • source

      • /_drafts-草稿文件夹
      • /_posts-文章文件夹
    • themes:用来存放皮肤的文件夹

    • _config.yml:全局配置文件

    • db.json:json格式的静态常量数据库

  1. 查看生成的静态网页

进入到blog的地址后,执行如下的命令:

hexo generate 用来生成静态网页相关的文件,这些文件会存储在public中,也可使用简单的命令hexo g

然后再输入hexo server或者hexo s这样可以在本地查看自己生成的网页,现在打开浏览器(推荐使用的浏览器是ChromeFireFox),在地址栏输入localhost:4000或者点击这里

<h3>最后</h3>

最初始的工作就做完了,下一步的任务就是如何吧网页托管到GitHub上,这样别人也能开你的博客了。

相关文章

  • Windows 配置hexo教程

    先说一些废话 Hexo基于Node.js,由台湾大神tommy351开发,可以实现一个静态网页组成的博客,而且更轻...

  • hexo博客mac配置

    欢迎大家关注的我的个人博客:子达小站 缘起 之前在自己的Windows笔记本上曾经按照教程配置过一次hexo,没有...

  • Git教程笔记

    Git教程笔记 Git教程-菜鸟教程 1. Git 安装配置 1.1 Linux | Windows | Mac...

  • Android 基础之 Git

    教程 Git 中文文档 Git教程-廖雪峰 安装 Windows 平台上安装Mac 平台上安装 配置 1. 配置用...

  • Yolov3-Windows 批量保存图像及运行与保存视频

    YOLOv3 Windows端配置:Windows下 YOLOv3配置教程(YOLOv3项VS2013平台迁移的方...

  • Mac本地配置hexo + Atom Markdown,连接Gi

    本篇主要内容如下: hexo Atom markdown环境配置和使用 本地配置hexo环境 选择并配置hexo ...

  • 快速部署hexo博客

    Hexo-Installation-Tutorial Hexo安装教程 教程声明:本篇教程所有涉及到的资源和引用,...

  • Nessus安装笔记

    标签:Nessus Windows 漏洞 安装 配置 本教程在Windows环境下安装安装环境及版本:Wi...

  • Blogging On Github

    使用Hexo+Github配置博客 初步使用Hexo+Github配置博客 进阶最详细的Hexo Next主题配置...

  • Mongodb4.2 安装及配置 2020-08-14

    [toc] Mongodb4.2 安装及配置 Windows MongoDB4.2.0安装配置教程 下载(地址如下...

网友评论

本文标题:Windows 配置hexo教程

本文链接:https://www.haomeiwen.com/subject/xppslttx.html