hexo是由Node.js驱动的一款快速、简单且功能强大的博客框架,支持多线程,数百篇文章只需几秒即可生成。支持markdown编写文章,可以方便的生成静态网页托管在github上。

感觉不错。

前端人员都在用github分享自己的代码。所以想着用hexo部署到git上。搞一个自己的博客。

一,安装hexo

1、利用 npm 命令即可安装。(在任意位置点击鼠标右键,选择 Git bash

npm install -g hexo

2、创建hexo文件夹:

我的hexo文件夹(如 D:\Hexo ),执行以下指令(在 D:\Hexo 内点击鼠标右键,选择 Git bash ),Hexo 即会自动在目标文件夹建立网站所需要的所有文件。

hexo init

3、安装依赖包

npm install

4、启动本地服务

现在我们已经搭建起本地的hexo博客了,执行以下命令(在 D:\Hexo ),然后到浏览器输入 localhost:4000 看看。

hexo generate
hexo server

好了,至此,本地博客已经搭建起来了,只是本地哦。别人是看不到了,

二、下面我们讲博客部署到github上面。

1、在github上创建一个仓库

aaarticlea/png;base64,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" alt="" />

2、编辑 _config.yml (在  D:\Hexo 下)。

deploy:
type: git
repository: git@github.com:wbingithub/wbingithub.github.io.git
branch: master

3、执行下列指令即可完成部署。

hexo generate
hexo deploy

注意:有些新用户需要设置 ssh,否则上述命令会失败。ssh 的介绍和设置方法请看 github设置添加SSH ,不用担心,很简单。

记住:每次修改本地文件后,需要 hexo generate 才能保存。每次使用命令时,都要在 H:\hexo 目录下。

Okay,我们的博客已经完全搭建起来了,在浏览器访问 https://wbingithub.github.io 就能看到你的成就了!

搭建hexo博客并部署到github上的更多相关文章

  1. 史上最详细“截图”搭建Hexo博客并部署到Github

    http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hex ...

  2. Termux搭建hexo博客并部署到GitHub

    Termux搭建hexo博客并部署到GitHub 安装 termux-change-repo apt update apt install git && nodejs &&am ...

  3. 搭建Hexo博客并部署到Github

    参考: http://www.jianshu.com/p/a67792d93682 http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d. ...

  4. Linux下使用 github+hexo 搭建个人博客02-hexo部署到Github Pages

    之前的这篇文章<Linux下使用 github+hexo 搭建个人博客01-hexo搭建>,相信大家都知道怎么搭建 hexo ,怎么切换主题,并且完成了一篇博文的创建,以及 MarkDow ...

  5. 使用Hexo快速搭建一个博客,并部署到github

    本文旨在记录一下我在通过hexo搭建一个博客,并将其部署在github上面的过程,也供我自己在以后的使用过程中能够快速学习和参考.需要看更详细或者官方文档的可以点击Hexo官方文档进行查看. 安装前提 ...

  6. 使用Hexo搭建个人博客并部署到GitHub或码云上全过程

    一.前言 如上图所示:GitHub有Github Pages,而码云也有码云 Pages 1.Github Pages或Gitee Pages是什么呢? Github Pages或者Gitee Pag ...

  7. Hexo瞎折腾系列(6) - 将博客同时部署到Github和Coding

    前言 由于本人只是将Hexo博客同时部署到 Github 和 Coding.net ,所以这里只介绍怎么同时部署到这两个网站的pages. 之所以选择这两个网站,是因为国外用户可以访问 Github, ...

  8. 基于Hexo搭建博客并部署到Github Pages

    基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几 ...

  9. Note | 用Hugo搭建博客并部署到GitHub Pages

    目录 1. 本地搭建 1.1 安装Hugo 1.2 创建站点 1.3 新建页面和文章 1.4 使用主题 1.5 修改配置文件 1.6 预览 2. 部署 之前担心过现有博客平台(如博客园,CSDN)突然 ...

随机推荐

  1. Poj2919 Crane

    挑战程序设计竞赛的一道题 最近刚学了三角变换.于是就构造了个矩阵,没想到正是向量旋转的矩阵(不知道具体叫什么qwq 然后网上一半的题解是左闭右开的,另一部分是懒标记的. 于是便自己yy了一个左闭右闭的 ...

  2. 安装 git,并创建版本库 记录一下

    参考大神网址: http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/001374325 ...

  3. 基于vue脚手架的项目打包上线(发布)方法和误区

    最近要把vue脚手架开发的一个项目上线,只知道vue脚手架是基于node的服务端项目,那么只需要 npm run dev 就可以轻松启动整个项目,当我想当然的给服务器配置合适的node环境(这里也遇到 ...

  4. springmvc mybatis 整合

    官网 http://www.fhadmin.org/D 集成安全权限框架shiro  Shiro 是一个用 Java 语言实现的框架,通过一个简单易用的 API 提供身份验证和授权,更安全,更可靠E ...

  5. meta的随堂笔记

    Meta标签与搜索引擎优化(SEO) 概要 通常所说的meta标签,是在Html网页源代码中的一个重要的html标签.meta标签用来描述一个html网页文档的属性,例如作者.日期和时间.网页描述.关 ...

  6. Oracle 触发器(二)

    Oracle触发器详解   触发器是许多关系数据库系统都提供的一项技术.在oracle系统里,触发器类似过程和函数,都有声明,执行和异常处理过程的PL/SQL块. 8.1 触发器类型 触发器在数据库里 ...

  7. String.Format() 方法

    一 定义 String.Format() 是将指定的 String类型的数据中的每个格式项替换为相应对象的值的文本等效项. string p1 = "Jackie"; string ...

  8. OC - 时间日期类NSDate

    OC - 时间日期类NSDate //NSDate 时间日期类 NSDate 二进制数据流 { //1.获取当前时间 零时区的时间 //显示的是格林尼治的时间: 年-月-日 时:分:秒:+时区 NSD ...

  9. string::size_type类型

    string::size_type类型 对于string中的size函数,size函数返回的是string对象的字符个数(长度),我们知道,对size()来说,返回一个int或者是一个unsigned ...

  10. HDU 2065 "红色病毒"问题(生成函数)

    Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submission( ...