Hexo+NexT(一):在Windows下安装Hexo+NexT及搭建博客

阅读本篇之前,假定读者已经有了Node.js的基础,如需要补充Node.js知识的,请自行百度。

Hexo是在Node.js框架下的一个项目,利用Node.js提供的强大功能,完成从Markdown到静态网页的转换。

NexT是Hexo项目下的一个主题插件,提供可高度定制的页面外观。

Hexo博客专题索引页

1. 我们要做什么

  1. 搭建Node.js环境
  2. 下载Hexo项目
  3. 下载NexT的主题插件
  4. 运行博客

2. 在Windows系统下安装Node.js

在Windows下,Node.js的核心是命令行可执行文件Node.exe。无论安装版或者绿色版,只要满足以下两个基本条件,Hexo即可运行。

  1. node.exe在命令行控制台的当前文件夹,或者可以通过系统环境变量path找到。
  2. Node.js相关的工具包(如npm,实际上是Windows脚本文件npm.cmd)在命令行控制台的当前文件夹或者可以通过系统环境变量path找到。

注意npmNode.js自带的模块包管理工具,跟node.exe位于同一文件夹。Hexo项目也是提供了命令行工具hexo.cmd。这个项目被所有的实例共享,Hexo一般应全局安装。它的hexo.cmd所在文件夹应被放入系统path变量中。

安装Node.js

上面的信息对Windows老司机已经足够。本节余下内容请老司机略过。

  1. 从http://nodejs.cn/download/下载32或64位zip压缩包版本,建议安装长期支持版本。
  2. 把下载包解压缩到你希望安装的文件夹,比如D:\DevelopTools\Nodejs\
  3. 任选下面一种方式把Node.exe的路径放到系统path变量中去。修改path变量后,只有在新打开的命令行窗口中生效。
    • 使用setx命令

      setx PATH "%PATH%;D:\DevelopTools\Nodejs\;" /M

    • 直接修改注册表

      用注册表编辑器打开HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Environment,在path变量后追加;D:\DevelopTools\Nodejs\;

    • 我的电脑上点击右键,选择属性,选择高级系统设置,选择高级,选择系统变量,在path变量中追加上述路径。
  4. 以下面任意方式设置包的全局安装位置,假设其位置为d:\node_global
    • npm命令npm config set prefix ="d:\node_global"
    • 直接打开C:\Users\Administrator\.npmrc文件,增加或修改其中的prefix=d:\node_global
  5. 参照3的方式把Node.js包的全局安装路径d:\node_global放到系统path变量中去。
  6. 运行node -vnpm -v,显示正常的版本则说明安装完毕。

补充:国内环境下把包的远程服务器设置为淘宝镜像,以加快下载速度。

  • 使用命令行运行npm config set registry=https://registry.npm.taobao.org/
  • 或者,直接修改C:\Users\Administrator\.npmrc文件,增加一行registry=https://registry.npm.taobao.org/

3. 安装或下载Hexo项目

官方推荐采用npm进行安装。

npm install hexo-cli -g

上面的命令会把hexo.cmd安装到全局包仓库中,由于该仓库文件夹在Windows系统的path中。所以你就可以在任意位置执行hexo命令了。

执行一下命令确认hexo安装完好。

hexo -v

该命令会显示hexo的版本及依赖的包。

4. 安装或下载NexT主题插件

通过git指令下载NexT最新的主题文件。

git clone https://github.com/iissnan/hexo-theme-next themes/next

或者,直接从发布页https://github.com/iissnan/hexo-theme-next/releases下载源指定版本源代码。

Assets 2

Source code(zip)

Source code(tar.gz)

下载之后,解压缩主题主题文件,并把它放到themes主题文件

+---public
|   +---about
|   +---archives
|   +---categories
|   +---css
|   +---images
|   +---js
|   +---lib
|   +---page
|   +---post
|   \---tags
+---scaffolds
+---source
|   +---about
|   +---categories
|   +---images
|   +---tags
|   +---_drafts
|   \---_posts
\---themes
    \---next
        +---languages
        +---layout
        +---scripts
        +---source
        |   +---css
        |   +---fonts
        |   +---images
        |   +---js

在站点配置文件_config.yml里面,找到它

# 原来的值是landscape
theme: next

5. 创建及运行博客

  1. 创建一个空白文件夹,作为博客根目录,在该根目录下,初始化博客

    hexo init
  2. 把主题文件拷贝到博客文件的theme下面
  3. 执行Hexo提供的服务器命令。
    hexo serve

? 控制台显示:

INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

在浏览器地址栏里面输入http://localhost:4000,就可以访问博客了。

重要信息

本文章用到的项目版本

hexo:3.8.0
NexT:5.1.2

原文地址:https://www.cnblogs.com/guide2it/p/11111457.html

时间: 2024-10-29 04:02:15

Hexo+NexT(一):在Windows下安装Hexo+NexT及搭建博客的相关文章

windows下安装hexo和生成博客

首先在电脑上安装node和git,这个只要在相关官网的下载然后一步安装即可. 然后在你的电脑上新建一个文件夹,用来存放你的博客文件,比如创建hexo 进入该文件,右键打开git bash 安装hexo的命令: 输入 hexo -v 出现一系列的版本号就是安装成功 生成博客 hexo会将这个文件夹初始化成一个博客专用文件夹,初始化完成后,会有一个默认主题以及一个hello-word的默认文章. 可以先生成博客来看一下效果,运行命令: 然后hexo会开始生成博客,生成结束后,要浏览它,所以要开启一下

Windows下安装nodejs并进一步搭建vue开发环境步骤(二)

1.  安装cnpm 说明:由于许多npm包都是在国外,我们这里用到淘宝的镜像服务器,来对我们依赖的module进行安装,因此首先安装"中国的npm"--cnpm 参考网址:http://npm.taobao.org/ 安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org 2.  用cnpm安装vue 安装命令:cnpm install vue -g 3.  安装vue命令行工具 安装命令:cnpm i

Hexo+NexT(零):最全Hexo+Next搭建博客教程

快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受限免费空间各种限制,自己买空间和域名,实现对博客的完全控制,此为二阶段:管理网站太累,只想安安静静码文字,管理网站这种琐事,交给专业的人士去打理吧,此为博客人生的最高阶段. 对于我这种完美控的人,既入了坑,自然是要直达最高阶段了.所以,现在我主机在手,域名也有,网站基本框架建好,一下子实现了少操心,多码字的幸福生活.不过,总觉得过程如白驹过隙,太短

在Windows下使用Hexo+GithubPage搭建博客的过程

1.安装Node.js 下载地址:传送门 去 node.js 官网下载相应版本,进行安装即可. 可以通过node -v的命令来测试NodeJS是否安装成功 2.安装Git 下载地址:传送门 去 Git 官网下载相应版本,进行安装即可. 选择在第二个在系统的cmd也可以使用 可以通过git –version的命令来测试git是否安装成功 3.注册Github账号 去 Github 官网进行注册即可. 注册完之后记得添加 SSH Key. 这个 SSH Key是一个认证,让github识别绑定这台机

个人建站&mac下安装hexo

title: 个人建站&mac下安装hexo date: 2018-04-18 16:34:02 tags: [mac,blog,个人建站,markdown] --- 这两天使用了markdown来写文章,发觉甚是好用.条理清晰,排版清爽.so,萌生了使用支持markdown的hexo来进行个人建站. setup 1 安装node.js: hexo的serv是基于node.js的,所以首先我们要安装node.js. 已经安装的可以跳过. 安装 Node.js 的最佳方式是使用 nvm. nvm是

Python学习笔记(三)windows下安装theano

早就听说theano很难安装,这一次算是初步尝试,不知道会不会有其它问题. 0 参考材料 (1)win 8.1 64bit 深度学习theano 安装设置 (2)Windows下安装theano成功,但一import就报decode错是什么原因? (3)Wndows8.1 64bit环境下搭建深度学习平台之Theano安装配置 (4)deep learning学习环境Theano安装(win8+win7) 1 简单记录过程 (1)安装anaconda:Download Anaconda now!

windows下安装redis

1.redis简介redis是一个key-value存储系统.和Memcached类似,它支持存 储的value类型相对更多,包括string(字符串).list(链表).set(集合).zset(sorted set --有序集合)和hashs(哈希类型).这些数据类型都支持push/pop.add/remove及取交集并集和差集及更丰富的操作,而且这些操作都 是原子性的.在此基础上,redis支持各种不同方式的排序.与memcached一样,为了保证效率,数据都是缓存在内存中.区别的是red

在 Windows 下安装 GruntJS

在你安装 Grunt.js 之前你需要先安装 Node.js.对于本教程而言,我已经安装好了 node.js v0.10.0. 我将要安装 Grunt.js v0.4.1.警告:如果你已经安装了 Grunt.js 0.3.x 或者更低的版本,请先卸载它. Grunt 的命令行界面 为了安装 grunt.js,我们需要要安装好全局的 Grunt 命令行界面(CLI),当前的 CLI 版本是 1.0.6.打开 Windows 命令窗口(CMD)并输入以下指令: npm install grunt-c

在windows下安装OpenDaylight的Helium(氦)版本

前言 OpenDaylight(以下简写为ODL)的Helium(氦)版本已经成为相对稳定的版本(相对于Li版本).Helium(氦)版本下载链接地址为http://www.opendaylight.org/software/downloads/helium.官网中分别共享了版本.安装向导.用户向导.开发者向导手册,可进行下载学习.在本篇文章中,着重讲一下在Windows下的安装过程. 1 Helium安装 虽然官方要求ODL Helium(氦)版本是基于Ubuntu的,但是在实际学习过程中,U