Github Page+Hexo(一)

作者: XhstormR | 来源:发表于2015-02-13 14:39 被阅读886次

仅针对Windows平台
纯绿色,全便携

下载运行环境

  1. 下载Node.js官方EXE单文件版程序:
    http://nodejs.org/download/
    选择Windows Binary(.exe)即可
    将node.exe添加到系统环境变量Path中。
    从0.6.1开始,Node.js在Windows平台上提供了两种安装方式,一是.MSI安装文件,另外还有一个.EXE可执行文件。
    我选择了.EXE文件。因为.MSI安装文件除了将node.exe复制到C:\Program File (x86)\目录中及修改系统Path之外,没发现还有其他作用。
node.exe
  1. 下载便携版Git :
    https://github.com/msysgit/msysgit/releases/latest
    选择PortableGit-1.9.5-preview20141217.7z解压即可。
PortableGit
  1. 下载npm源代码:
    https://github.com/npm/npm/releases/latest
    选择Source code(zip)解压即可。
    在命令提示符窗口中执行下面的操作,完成npm的编译:
C:\>D:
D:\>cd npmjs
D:\npmjs>node cli.js install -gf
npm.zip

还有一种安装npm的方法,虽然很麻烦,但更绿色,我就是用的这种.

  1. 新建一个文件夹如D:\Node,在其中新建npm-cache,npm-global二个文件夹.把node.exe和解压好的npm源文件放在Node中.
  2. 在D:\Node\node_modules中再复制一个npm文件夹(node.exe也要在其中).
  3. 把D:\Node\bin中的npm,npm.cmd2个文件复制到D:\Node中.
  4. 把npm-global文件夹添加到系统环境变量Path中.
  5. 然后在CMD中运行 :
npm config set prefix "D:\Node\npm-global"       #全局安装路径
npm config set cache "D:\Node\npm-cache"       #缓存文件路径

最后一步下载Hexo

在解压后的PortableGit中运行Git bash.bat,输入npm 命令 ,Hexo就下载到本地了。

$ npm install hexo -g

搭建Hexo博客

  1. 新建一个需要当做博客目录的文件夹(如H:\hexo)。

进入该文件夹之后,加入hexo程序和npm依赖包。

$ hexo init
$ npm install
  1. 现在我们已经搭建起本地的hexo博客了,执行以下命令(在H:\hexo),然后到浏览器输入localhost:4000看看。
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)

没有错误,便可以部署至Github了。

hexo clean #清除缓存 网页正常情况下可以忽略此条命令
hexo generate #生成静态页面至public目录
hexo deploy ###将.deploy目录部署到GitHub
  1. 每次使用命令时,都要在H:\hexo目录下,在Git bash.bat中输入。每次修改本地文件后,需要hexo generate才能保存。
  2. Hexo现在支持更加简单的命令格式了,比如:
    hexo n == hexo new
    hexo g == hexo generate
    hexo s == hexo server
    hexo d == hexo deploy
  3. 想要在生成后发布,你可以运行下面命令中的任何一个,效果都是相同的。
$ hexo generate -deploy
$ hexo deploy -generate

相关文章

  • Github Page+Hexo(一)

    仅针对Windows平台纯绿色,全便携 下载运行环境 下载Node.js官方EXE单文件版程序:http://no...

  • Github Page+Hexo(二)

    配置Hexo 站点配置用到两个文件 : 对博客的配置H:\hexo\_config.yml, 对主题的配置H:\h...

  • github page+hexo构建静态博客

    首先,完成整套的搭建需要: 1.下载安装git工具下载地址[https://gitforwindows.org/]...

  • 用Github Page+Hexo轻松搭建个人博客

    在2018年来临之际,笔者拖延了一年多的博客终于上线了,本文基于笔者的实践经验,即使你是一个技术小白,按照本文的步...

  • github - github注册(一)

    前言 github面向开源及私有软件项目的 托管 平台github是 分布式 的 版本控制 系统微软收购githu...

  • Github(一)

    参考文章:https://blog.csdn.net/xc_zhou/article/details/806377...

  • GitHub入门(一)

    一、在本地熟悉git简单命令 在安装和注册了Git后:1.首先要创建一个版本库。 右键桌面,点击gitbash 2...

  • GITHUB入门(一)

    安装好github。 为了避免一些麻烦,在操作过程中最好不要有中文。 mkdir project# 创建项目目录 ...

  • GitHub入门(一)

    本文作者: 杨晓辉 本文链接: http://youngxhui.github.io/2017/09/01/协同过...

  • 一.gitHub初识

    前言 其实gitHub早就已经接触了,经常在上面引用别人的库,但是也仅限如此,今天有时间就来了解下这个老朋友吧 今...

网友评论

  • hrscy:请问楼主,我按照你的步骤设置好了之后,在浏览器里输入域名后,显示不是hexo的主页,而是我购买域名的网页,请问是什么原因呢?

本文标题:Github Page+Hexo(一)

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