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. 51Nod - 1205 (流水先调度)超级经典的贪心 模板题

    题目链接:https://www.51nod.com/onlineJudge/questionCode.html#!problemId=1205 N个作业{1,2,…,n}要在由2台机器M1和M2组成 ...

  2. IOS开发数据存储篇—IOS中的几种数据存储方式

    IOS开发数据存储篇—IOS中的几种数据存储方式 发表于2016/4/5 21:02:09  421人阅读 分类: 数据存储 在项目开发当中,我们经常会对一些数据进行本地缓存处理.离线缓存的数据一般都 ...

  3. Oracle 创建触发器实现自增长

    Oracle中没有主键,要实现自增长,需要创建触发器,每次插入数据的时候进行ID赋值. 环境:Oracle11,Navicat工具连接 创建了一个表,字段如下(字段名,表名都需要大写,你小写了还无效. ...

  4. Spring Boot集成Hazelcast实现集群与分布式内存缓存

    Hazelcast是Hazelcast公司开源的一款分布式内存数据库产品,提供弹性可扩展.高性能的分布式内存计算.并通过提供诸如Map,Queue,ExecutorService,Lock和JCach ...

  5. AtomicReference 原子引用

    AtomicReference和AtomicInteger非常类似,不同之处就在于AtomicInteger是对整数的封装,底层采用的是compareAndSwapInt实现CAS,比较的是数值是否相 ...

  6. Office365完整离线安装包下载及自定义安装教程

    Office 365是微软打造的一款适用于教育机构使用的office办公软件,这里为大家提供了一个Office 365离线安装包下载工具,让office 365离线包下载到本地再安装,而不是联网下载安 ...

  7. 聊聊c#与Python以及IronPython

    简单说说这个意义.做了很久的c#,突然发现Python火了.就看看,估计这篇博文有点长,有点长,尽量包括主要的东西,还有点杂,浏览吧,选择自己喜欢的看看. 先看比较.网上一堆各种比较.但是主要比较语法 ...

  8. CSS中的动画

    1.transition 在CSS3中,可以通过transition为元素从一种样式变换为另外一种样式的过程添加效果. transition为简写属性,用于在一个属性中设置四个过渡属性,分别是: tr ...

  9. 洛谷九月月赛T1 思考

    很迷的一道题目,刚开始直接枚举n个1,然后去mod m ,爆0,后来发现一个神奇性质:找到递推公式An=An-1*10+1,枚举n,不断mod m,每递推一次就1的个数加一.居然可行! 听说余数具有可 ...

  10. elk6.3.2在线安装中文分词工具IK

    1.进入ES目录并执行安装(注意版本号改成你需要的版本) cd /usr/share/elasticsearch ./bin/elasticsearch-plugin install https:// ...