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

感觉不错。

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

一,安装hexo

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

  1. npm install -g hexo

2、创建hexo文件夹:

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

  1. hexo init

3、安装依赖包

  1. npm install

4、启动本地服务

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

  1. hexo generate
  2. hexo server

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

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

1、在github上创建一个仓库

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

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

  1. deploy:
  2. type: git
  3. repository: git@github.com:wbingithub/wbingithub.github.io.git
  4. branch: master

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

  1. hexo generate
  2. 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. Git如何从github上pull别人的项目

    1:使用git方式导入项目 菜单-File->import->Git->Projects from Git 2:选择某个服务器上的资源 3:选择需要pull的地址 后面需要自己加上 ...

  2. HDU 1885 Key Task (带门和钥匙的迷宫搜索 bfs+二进制压缩)

    传送门: http://acm.hdu.edu.cn/showproblem.php?pid=1885 Key Task Time Limit: 3000/1000 MS (Java/Others)  ...

  3. div自适应水平垂直居中的方法

    1.Flexbox布局: display:flex; justify-content:center; align-items:center; width:100%; 2.Bootstrap栅格布局 一 ...

  4. 轻量ORM-SqlRepoEx (八)MySQL、Sql Service 迁移

    数据库变更在编程应用中是常的,MySQL.Sql Service之间的数据迁移更为常见,在 SqlRepoEx2.0DemoForAspCore中演示了,这种数据库之间切换时SqlRepoEx是如何的 ...

  5. asp.net mvc5 step by step(二)——Data Annotations(data 注释)

       以下使用在Entity Framework Code First Entity Framework Code First 利用一种被称为约定(Conventions)优于配置(Configura ...

  6. 用java数组模拟登录和注册功能

    package com.linkage.login; import java.util.Scanner; public class user { // 存储用户名和密码 public static S ...

  7. python 创建虚拟环境

    创建一个文件夹:mkdir tf_env 进入到文件夹内:cd tf_env 创建虚拟环境:python3 -m venv tensorflow-dev 激活虚拟环境:source tensorflo ...

  8. wordpress | 网站访问速度优化方案(Avada)

    一.谷歌字体 原因: Wordpress系统默认使用谷歌字体,在国内谷歌域名被屏蔽,所以导致操作反应慢. 解决方法: 对于后台:找到Wordpress这个文件 /wp-includes/script- ...

  9. Yii2之发送电子邮件

    官方文档:http://www.yiiframework.com/doc-2.0/guide-tutorial-mailing.html 使用Yii2框架的时候,有时候需要发送电子邮件,Yiii2提供 ...

  10. Centos7 Redis3.0 集群搭建备忘

    (要让集群正常工作至少需要3个主节点,在这里我们要创建6个redis节点,其中三个为主节点,三个为从节点,对应的redis节点的ip和端口对应关系如下) 127.0.0.1:7000 127.0.0. ...