零基础免费搭建个人博客-hexo+github

原创 2015年07月07日 00:10:28


使用hexo生成静态博客并架设在免费的github page平台

准备

系统:
* Window 7 64位

使用软件:
* Git v1.9.5
[下载地址] 百度云 360云盘 访问密码 d269 Git官网
* Node.js v0.12.5 x64
[下载地址] 百度云 360云盘 访问密码 608f node.js官网
32位或64位按自己电脑的系统来选择,如果不清楚,可以直接在官网下载32位的,可以兼容64位系统

备注:
不同软件版本的安装与使用会有差异,请尽量与本教程保持一致

安装Git

  • 大部分按默认安装,一路点击”Next”
  • 这里选择对应的windows选项,如下图

  • 等待安装完成

安装Node.js

  • Node安装更加简单,还是一路”Next”,最后等待安装完成即可

验证软件正确安装

  • 同时按下Win键和R键(或者点击“开始菜单”->点击“运行”),打开运行窗口,输入“cmd”
    然后输入以下命令,结果与下图相同则说明安装正确,若不正确可以卸载软件重新安装
git --version
node -v
npm -v

申请GitHub

  • 点击->GitHub进入官网注册帐号
  • 按下图分别输入用户名、邮箱、密码,然后点击注册
  • 按默认点击“Finish sign up”
  • 点击”New repository”,新建一个版本库
  • 输入Repository name:yourname.github.io(yourname与你的注册用户名一致,这个就是你博客的域名了)

    到此github帐号申请完成
  • 启用GitHub Page
    点击右边的“Setting”菜单进入设置,点击”Launch automatic page generator”

    点击底部的”Continue to layouts”

    最后点击”Publish page”,发布github默认生成的一个静态站点
  • 验证邮箱
    点击个人设置

    点击”Send verification Email”发送验证邮件

    进入你的邮箱,查收验证邮件进行验证

安装Hexo

hexo是基于node.js的静态博客,官网也是搭建在GitHub上
* 在电脑上新建一个blog文件夹,该文件夹用于存放你的博客文件,然后右键单击选择“Git Bash”

* 大家估计都有被“墙”的经历,安装hexo为了避免出现类似情况,我使用淘宝NPM镜像,输入以下命令等待安装完成

$ npm install -g cnpm --registry=https://registry.npm.taobao.org


* 使用淘宝NPM安装Hexo

$ cnpm install -g hexo-cli

与原先的npm完全一样,只是命令改为cnpm,一样等待hexo安装完成

出现的WARN可以不用理会
继续输入以下命令

$ cnpm install hexo --save

安装完成后,在输入命令,验证是否安装正确

$ hexo -v

本地运行hexo

  • 初始化hexo
$ hexo init


* 安装生成器

$ cnpm install


* 运行hexo,以后要在本地运行博客只要输入该命令即可

$ hexo s -g


打开浏览器,输入localhost:4000,就可以在本地看到你的个人博客了

* 停止运行
按住Ctrl+C键即可停止

管理博客

  • 配置信息
    使用Sublime_Text编辑器(绿色软件无需安装,解压即可使用)打开blog/_config.yml文件,进行配置
#博客名称
title: 我的博客
#副标题
subtitle: 一天进步一点
#简介
description: 记录生活点滴
#博客作者
author: John Doe
#博客语言
language: zh-CN
#时区
timezone:

#博客地址,与申请的GitHub一致
url: http://elfwalk.github.io
root: /
#博客链接格式
permalink: :year/:month/:day/:title/
permalink_defaults:

source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace:

default_category: uncategorized
category_map:
tag_map:

#日期格式
date_format: YYYY-MM-DD
time_format: HH:mm:ss

#分页,每页文章数量
per_page: 10
pagination_dir: page

#博客主题
theme: landscape

#发布设置
deploy: 
  type: git
  #elfwalk改为你的github用户名
  repository: https://github.com/elfwalk/elfwalk.github.io.git
  branch: master
  • 写一篇文章
    输入创建文章命令,生成一个md文件(/blog/source/_posts/)
$ hexo new "hello"


用编辑器打开hello.md文件,编写完后保存

title: hello
date: 2015-07-01 22:37:23
categories:
  - 日志
  - 二级目录
tags:
  - hello
---

摘要:
<!--more-->
正文:

发布博客

  • 设置git身份信息
$ git config --global user.name "你的用户名"
$ git config --global user.email "你的邮箱"


* 安装hexo git插件

$ cnpm install hexo-deployer-git --save


* 发布更新博客

$ hexo d -g

发布时需要输入github的帐号和密码,输入密码时是看不到自己输入的内容的

发布成功后,访问yourname.github.io看下成果

原文地址:http://hifor.net/2015/07/01/零基础免费搭建个人博客-hexo-github

版权声明:本文为博主原创文章,未经博主允许不得转载。

手把手教你用Hexo+Github 搭建属于自己的博客

欢迎关注我的微信公众号,扫一扫下方二维码或搜索微信号 stormjun,即可关注。 目前专注于 Android 开发,主要分享 Android开发相关知识和一些相关的优秀文章,包括个人总结,职场经验等...
  • gdutxiaoxu
  • gdutxiaoxu
  • 2016年12月11日 22:04
  • 58643

GitHub+Hexo搭建个人博客

1.hexo介绍看到同学使用github+hexo搭建了属于自己的博客,眼馋,弄了好久了,感觉有点眼高手低了,一直没来得及写一下自己搭建的流程,心血来潮,下边来简单介绍下搭建流程,也方便自己以后rev...
  • williamHappy
  • williamHappy
  • 2017年01月05日 09:33
  • 1355

hexo+GitHub博客搭建实战

我的个人博客链接:wangwlj.com 想要搭建类似的博客吗? 如果是,那就赶快点进来吧~~ 手把手教学,现在开始!! PS: 将会在个人博客持续更新,本文链接:hexo+GitHub博客搭...
  • qwerty200696
  • qwerty200696
  • 2018年01月07日 21:02
  • 279

hexo+github创建个人博客--基础篇

内容简介 此篇文章介绍的是基础的hexo+github搭建个人博客的方法,包括搭建之前的准备工作和搭建的步骤过程,当最后达到了预期效果,并且想深入研究其他功能时,可以参考hexo+github创建...
  • Little__Dragon
  • Little__Dragon
  • 2017年08月14日 16:51
  • 557

Linux USB驱动框架分析(二)

好,了解过USB一些规范细节之后,我们现在来看看Linux的驱动框架。事实上,Linux的设备驱动,特别是这种hotplug的USB设备驱动,会被编译成模块,然后在需要时挂在到内核。要写一个Linux...
  • leiwen_ndsc
  • leiwen_ndsc
  • 2012年03月26日 09:15
  • 244

用Github Page+Hexo轻松搭建个人博客

在2018年来临之际,笔者拖延了一年多的博客终于上线了,本文基于笔者的实践经验,即使你是一个技术小白,按照本文的步骤,也可以轻松搭建自己的博客。为什么要搭建个人博客? 总结和写作能力很重要 独立的才是...
  • peterzhen40
  • peterzhen40
  • 2017年12月31日 16:39
  • 126

hexo+github搭建个人博客(超详细教程)

首先呢,先说一下吧,作为一个程序猿来说,大多的大牛都是使用的是msdn/github这些来交流技术,但是我后来发现csdn上面好多的大牛都已经摒弃csdn,自己搭建个人博客进行发表文章记录点滴了。 虽...
  • AinUser
  • AinUser
  • 2017年08月26日 23:48
  • 1796

手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名

Hexo是一个开源的静态博客框架,支持markdown文档,应用起来很方便而且有丰富的主题模板可供选择,是建立个性化的个人博客的不二之选。以下以Coding+hexo为例搭建个人博客.因为GitHub...
  • q563730343
  • q563730343
  • 2017年12月22日 12:29
  • 389

hexo + GitHub + git 搭建个人博客

hexo + GitHub + git 搭建个人博客 * 安装配置node.js* 安装配置node.js (http://www.runoob.com/nodejs/nodejs-i...
  • edxuanlen
  • edxuanlen
  • 2018年01月24日 18:24
  • 141

利用Hexo搭建个人github博客

安装Hexo 关于 Hexo 安装前提 安装 Hexo 建站 默认主题 总结一下 坑 切换主题 发现主题 切换主题 坑 部署到GitHub 新建 repository 修改配置 部署 坑 ...
  • hujingshuang
  • hujingshuang
  • 2018年01月21日 21:19
  • 49
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:零基础免费搭建个人博客-hexo+github
举报原因:
原因补充:

(最多只允许输入30个字)