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. [转]ASP.NET如何获取上传图片尺寸(是指宽高)

    1.采用客户端javascript可以取得图片大小 <input id="FileUpload" type="file" size="27&qu ...

  2. java bitSet简单使用

    package Contain; import java.util.BitSet; public class MyBitset { public static void main(String[] a ...

  3. JS获取MVC Attrbuate验证是否通用

    直接用JQValidate的方法,$("#FeedBackForm").valid(); 当结果是true表示验证通过,false时表示验证失败~

  4. Java并发包:AtomicBoolean和AtomicReference

      AtomicBoolean AtomicBoolean是一个读和写都是原子性的boolean类型的变量.这里包含高级的原子操作,例如compareAndSet().AtomicBoolean位于J ...

  5. STL专题·vector容器

    1.构造函数 vector():创建一个空vector vector(int nSize):创建一个vector,元素个数为nSize (vector<int> a(10);) vecto ...

  6. ubuntu安装flashplayer插件三步走

    1.去官网下载flash;2.解压3.复制.so文件到~/.mozilla/plugins/

  7. Spring Cloud 微服务入门(一)--初识分布式及其发展历程

    分布式开发出现背景 当有计算机出现一段时间之后就开始有人去想如何将不同的电脑进行网络连接,而网络连接之后对于web的项目开发就探索所谓的分布式设计,同时人们也意识到重要的数据必须多份存在.所以分布式就 ...

  8. 【mongdb主从复制和同步】

    主从同步: Master: Slave: 副本集: #在卷本中加任意主机 #登录从 #登录主 #同步日志 #仲裁: 向集群中添加主机成为仲裁 #查看集群里的成员角色参数:

  9. 「PHP」抽象工厂模式

    引言   所属:创建型模式,常用设计模式之一 参考资料: <大话设计模式>程杰   模式概述    官方定义:抽象工厂模式(Abstract Factory),提供一个创建一系列相关或互相 ...

  10. 转载:C语言指针使用的注意事项

    相信大家对指针的用法已经很熟了,这里也不多说些定义性的东西了,只说一下指针使用中的注意事项吧. 一.在定义指针的时候注意连续声明多个指针时容易犯的错误,例如int * a,b;这种声明是声明了一个指向 ...