http://www.open-open.com/lib/view/open1481532171287.html

开始

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

也有很多此类的文章了,不过还是要记录一下,分享给大家,我自己也做个复习。我也是不久前才弄好 ^_^

工具准备

  • 1.安装Node.js
  • 2.安装Git

安装过程就不说了,估计没有不会的。

  • 3.注册Github帐号

点击进入 Github ,注册帐号(用户名关系到博客以后的 域名前缀)。

安装Hexo

安装完上述程序,就可以进行Hexo的安装了。

打开命令行,输入安装命令:

  1. npm install hexo-cli -g

等待完成,安装 Hexo 后,依次执行下列命令,Hexo将会在指定文件夹中新建所需要的文件。

folder(不用打[])是你新建的文件夹名称,用于存放博客的所有文件。

默认安装在你打开的命令行默认所在的目录,可以切换至其他目录进行安装。

  1. hexo init [folder]
  2. cd [folder]
  3. npm install

比如我把目录切换到D盘进行安装。

列出一个目录,看见下面这句话,就说明安装成功了。

可以打开电脑看一下目录结构。

执行下面命令,生成网站(public文件夹):

  1. hexo g

结果如下:

执行下面命令,运行服务,就可以在浏览器中访问了,地址为: http://localhost:4000

  1. hexo s

如果遇到 hexo s 无效或者错误,可能是因为没有安装hexo server,执行下面命令,然后再试:

  1. npm install hexo-server --save

浏览器查看(这就是安装好的模样,这是默认主题,可以添加新的主题):

但是现在我们只能在我们本地的电脑上面浏览,别人无法看见,我们还需要将它部署到Github上面。这样就可以让别人访问了。

hexo 基本命令,先了解,后面会用到。

  1. hexo g #完整命令为hexo generate,用于生成静态文件
  2. hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览
  3. hexo d #完整命令为hexo deploy,用于将本地文件发布到github上
  4. hexo n #完整命令为hexo new,用于新建一篇文章
  5. hexo clean #清除生成的文件

部署

新建仓库(New repository)

登录到你的Github帐号,在右上角+号点击新建。

填写信息。格式为:你的用户名.github.io。然后创建。

配置网站信息

打开你的文件夹,找到 _config.yml 文件,打开它。最开始和最后。

默认可能会没有repo和branch选项,我们要手动写上。

repo: 地址为下图中的地址。替换成你的就可以。

Github 默认分支是 master。

暂时修改这些信息就可以。

  1. # Site
  2. title: Hexo #网站标题
  3. subtitle: #副标题
  4. description: #描述
  5. author: zgm #作者,你的名字
  6. language: zh-Hans #设置语言 zh-Hans为中文
  7. timezone: #时区 默认使用电脑的时区
  8.  
  9. # Deployment
  10. ## Docs: https://hexo.io/docs/deployment.html
  11. deploy:
  12. type: git
  13. repo: https://github.com/你的用户名/你的用户名.github.io.git
  14. branch: master

设置Git

在Git Bash输入以下指令(任意位置点击鼠标右键),检查是否已经存在了SSH keys。

  1. ls -al ~/.ssh

如果不存在就没有关系,如果存在的话,可以直接删除.ssh文件夹里面所有文件。输入以下指令:

邮箱就是你注册Github时候的邮箱

执行命令,生成密钥。

  1. ssh-keygen -t rsa -C "xxx@xxx.com"

然后回车,出现提示就直接回车,第一次会问你是否继续,回车,第二次问你是否设置一个密码,写不写都可以,第三次是重复输入密码,没有的话就直接回车。

之后找到用户目录下.ssh文件夹,打开id_rsa.pub文件,复制里面的内容。

打开github网页找到右上角点击你的头像,找到Setting,进去点SSH keys,新建一个SSH。

在Git Bash输入下面的命令:

  1. ssh -T git@github.com

登陆成功。

前面我们说过,hexo d 是部署到Github的命令,但是现在我们执行的话,会提示你

  1. ERROR Deployer not found:git

所以我们还要安装hexo-deployer-git:

  1. npm install hexo-deployer-git --save

安装完成后,在Git Bash配置一下用户名和密码(分别是你的邮箱和用户名):

  1. git config --global user.email "xxx@xxx.com"
  2. git config --global user.name "你的用户名"

执行部署命令:

  1. hexo d

通常情况下是先生成网站,然后部署。可以将两个步骤放到一起:

  1. hexo d -g

现在你就可以打开网站看到效果了。

发表

新建文章

通过以下命令新建文章:

  1. hexo new "文章名字"

然后用编辑器打开你文件夹下面的 source\_posts 里面的 文章名字.md 文件。

  1. title: 文章名字 #标题
  2. date: 2016-12-09 12:04:29 #发表日期
  3. categories: blog #文章文类
  4. tags: [文章,blog] #文章标签
  5. ---
  6. #这里是正文,用markdown写,你可以选择写一段显示在首页的简介后
  7. #加上<!--more-->,在<!--more-->之前的内容会显示在首页,
  8. #之后的内容会被隐藏,点击Read more才能看到。

更新文章

在命令行执行:

  1. hexo d -g

这样就可以把你的新文章传上去啦。

Github 结合 Hexo 搭建轻量博客的更多相关文章

  1. 使用 GitHub 和 Hexo 搭建个人独立博客

      Wordpress这类博客系统功能强大,可对与我只想划拉的写点东西的人,感觉大材小用了.而且wp需要部署,网站的服务器也会带来问题,国内的服务器首先需要备案,费用不低:国外服务器访问速度受影响.近 ...

  2. Ubuntu下github pages+hexo搭建自己的博客

    hexo 是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github上.Hexo简单优雅, 而且风格多变, 适合搭建个人博客,而且支持多平台的搭建. 平台 Ubuntu14.04 ...

  3. github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url)

    详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clo ...

  4. github+hexo搭建自己的博客网站(七)注意事项(避免read.me,CNAME文件的覆盖,手动改github page的域名)

    详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如 ...

  5. 使用GitHub+hexo搭建个人独立博客

    前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...

  6. Hexo搭建静态个人博客

    Hexo简介 之前在Github上托管的博客就是使用jekyll搭建的,官方的Github Pages同样推荐使用它.我之前体验了一下jekyll,没有达到我想要的效果.于是寻找替代方案,搜索同类博客 ...

  7. 使用Hexo 搭建自己的博客

    使用Hexo 搭建自己的博客 最近一直都想着如何去搭建属于自己的博客,有空的时候就写写文章什么的. 本人对该博客系统的要求是: 博文的编写要采用现在流行的MarkDown来进行编写. 本人还不想去注册 ...

  8. github+hexo搭建自己的博客网站(一)基础入门

    github提供的page,hexo提供的静态博客文档,这样可以搭建一个自己的一个博客网站. 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可 ...

  9. 基于gitHub+hexo搭建的个人博客

    文章导航 前期准备 安装hexo 修改hexo主题 自定义主题 部署本地文件到github查看 我的第一篇博客 前期准备 下载安装git命令行工具.node及npm环境 注册自己的GitHub账号 安 ...

随机推荐

  1. ABB工业机器人(条件执行数字信号判断,画方or画圆)

    一.前戏 条件:从安全点,到工具区域夹取工具(笔),到工作区域,判断数字信号 Di1 =1 ,Ture :画方,False:画圆,回到工具区域放下工具(笔),回到安全点 二. 准备工作 校准tcp工具 ...

  2. PAT-链表-A1032 Sharing

    题意:给出两条链表的首地址以及若干个节点的的地址.数据.下一个节点的地址,求两条链表的首个共用节点的地址.如果两条链表没有共用节点,则输出-1. 思路:使用静态链表,首先遍历一遍第一个链表并进行标记. ...

  3. android如何让checkbox实现互斥以及android验证端cession登录注意事项

    1.CheckBox有一个监听器OnChangedListener,每次选择checkbox都会触发这个事件, 里边有一个参数isChecked,就是判断checkbox是否已经选上了的,可以在这判断 ...

  4. Codeforces Round #621 (Div. 1 + Div. 2) D

    题意: 给n,m,k,有n个点,m条线,距离都是一: 有k个特殊点,选择其中两个,进行相连,距离变为1,使得原本的最短路,经过相连改变小或者不变,最终结果是所有结果里面的最大距离. 思路: 选择i,j ...

  5. 设置idea的快捷键组合 设置为默认

    ubuntu中,idea的快捷键组合 为 “Default for GNOME”,和windows中不一样了,需要修改为“Default”:

  6. 每天进步一点点------Error: Can't place pins assigned to pin location Pin_K22 (IOPAD_X41_Y19_N14)

    在QII中的Assignments----Device----Device and pin option-----(选项卡)Dual purpose pin将nCE0 的设置改为: use as re ...

  7. 谁偷偷删了你的微信?别慌!Python 揪出来

    不知道你有没有经历过,想联系一位很长时间没有联系的朋友,发现对方很早以前已经把你删除了,而你还一无所知. 相信每个人的微信通信录里都存在一些「僵尸粉」,他们默默地躺在联系人列表中,你以为对方还是朋友, ...

  8. django 模版查找路径

    路径的配置,模版上下文的配置等.模版路径可以在两个地方配置. 1.'DIRS':这是一个列表,在这个列表中可以存放所有的模版路径,以后在视图中使用render或者render_to_string渲染模 ...

  9. 为什么要使用wsgi协议

    一个cs模型是由服务器和客户端组成,大多相互情况下也就是服务器端和浏览器之间的通信.通过浏览器请求服务器,然后服务器再响应浏览器. 那么如果浏览器想要请求一个python文件,例如http://127 ...

  10. Django框架之ORM的相关操作之一对一关系(四)

    ORM中一对一在当一张表的某一些字段查询的比较频繁,另外一些字段查询的不是特别频繁,那么就把不常用的字段单独拿出来做成一张表,然后通过一对一进行关联起来.举个例子:在我们登录某个账户的时候,一般会显示 ...