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. HDU 2096 小明A+B(%的运用)

    传送门: 小明A+B Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total ...

  2. ffmpeg教程

    转:http://blog.sina.com.cn/s/blog_51396f890100nd91.html 概要  电影文件有很多基本的组成部分.首先,文件本身被称为容器Container,容器的类 ...

  3. ViewController里的loadView和viewDidLoad什么区别

    当你访问一个ViewController的view属性时,如果此时view的值是nil,那么,ViewController就会自动调用loadView这个方法.这个方法就会加载或者创建一个view对象 ...

  4. kafka 参数配置 1

    kafka 参数配置 #参数配置 * broker.id : kafka 集群的唯一,标识每个broker * log.dirs : 指定kafka持久化消息的目录,可以设置多个目录,如:/home/ ...

  5. TortoiseSVN 分支创建与合并

    前提准备: 确保本地Work Copy 和 服务器上的 版本一致.( 所有代码都提交到SVN,并update一次) 1  从主干创建分支代码 在本地Work Copy  选中项目文件夹,鼠标右键选择 ...

  6. DBUtils连接池,websocket

    1.mysql数据库连接池 概念:数据库连接池(Connection pooling)是程序启动时建立足够的数据库连接,并将这些连接组成一个连接池,由程序动态地对池中的连接进行申请,使用,释放. 这样 ...

  7. [MYSQL][2]索引

    创建表时创建索引: 在已经存在的表上创建索引: 方法一 方法二 删除索引:

  8. 在Notepad++中使用文本对比插件

    目前Notepad++最新版是7.5.1,但很多插件仍然不能在64位版中使用,官网上是这么说的“Note that the most of plugins (including Plugin Mana ...

  9. 第3章 jQuery中的DOM操作

    parent() .parents().closest() 区别示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...

  10. 隐藏Windows不常用设置项

    Windows10的设置里面有很多我们不想看见的项目,例如"轻松使用","隐私","游戏","Cortana"等,我们可 ...