利用Hexo和Github搭建个人博客

开篇先聊一聊

作为一名混迹于互联网的小小蝼蚁,虽然自己没什么技术可言,但是我希望每天能够进步一点,学一点技术。其实这篇文章的目的主要是为了像我一样没什么技术,但是渴望成就感的人带来一丝丝安慰。(主要是为了满足一下自己装B的内心 = ̄ω ̄=)


废话不多说,开始干活。

谁玩这个东东

  • 无聊的人
  • 装B的人
  • 像我一样渴望学习的人
  • 等等

环境搭建

( = ̄ω ̄= ) :本文的教程基于Win10搭建的,Mac用户请看MAC 上 github + hexo 搭建博客教程

  1. 安装 git
  2. 安装 node.js
  3. 注册GitHub账号

开始起飞啦

起飞第一步(配置git)

首先在本地创建ssh key;

$ ssh-keygen -t rsa -C "your_email@youremail.com"

后面的your_email@youremail.com改为你在github上注册的邮箱,之后会要求确认路径和输入密码,我们这使用默认的一路回车就行。成功的话会在~/下生成.ssh文件夹,进去,打开id_rsa.pub,复制里面的key。

回到github上,进入 Account Settings(账户配置),左边选择SSH Keys,Add SSH Key,title随便填,粘贴在你电脑上生成的key。

为了验证是否成功,在git bash下输入:

$ ssh -T git@github.com

如果是第一次的会提示是否continue,输入yes就会看到:You've successfully authenticated, but GitHub does not provide shell access 。这就表示已成功连上github。
接下来我们要做的就是把本地仓库传到github上去,在此之前还需要设置username和email,因为github每次commit都会记录他们。

$ git config --global user.name "your name"
$ git config --global user.email "your_email@youremail.com"

至此工作已经完成的差不多了,歇一歇再干!( •̀ ω •́ )✧

起飞第二步(安装hexo)

噔噔噔,我们的主角终于登场了,首先有童鞋疑惑了HEXO ←_← 是啥?(有疑惑的童鞋点我,可以根据官方文档部署。)

  1. 利用 npm命令即可安装。在任意位置点击鼠标右键,选择Git Bash。
  1. 输入以下命令:
$ npm install -g hexo

(说明:-g为全局安装hexo)

  1. 创建文件夹(我是在F盘下创建的Blog)
  1. 在Hexo文件下,右键运行Git Bash,输入以下命令:
$ hexo init

(这里请耐性等一下下 = ̄ω ̄=)

(初始化成功之后设定目录下的文件是这样的 = ̄ω ̄=)

起飞第三步(对博客进行配置)

  1. 找到_config.yml文件用编辑器打开(我用的是Visual Studio Code)修改一下部分


参数 说明
title 网站标题
subtitle 网站副标题
description 网站描述
author 您的名字
language 网站使用的语言
timezone 网站时区。Hexo 默认使用您电脑的时区。

参数说明:

参数 说明
title 网站标题
subtitle 网站副标题
description 网站描述
author 您的名字
language 网站使用的语言
timezone 网站时区。Hexo 默认使用您电脑的时区。

注意:每一项的冒号后面都要留下一个空格,再进行内容填写。

起飞第四步(本地测试)

  1. 安装hexo-server
$ npm install hexo-server --save

安装完成后,输入以下命令以启动服务器,您的网站会在 http://localhost:4000 下启动。在服务器启动期间,Hexo 会监视文件变动并自动更新,您无须重启服务器。

  1. 输入一下命令:
$ hexo g
$ hexo s
  1. 本地测试博客
    在浏览器输入:http://localhost:4000 出现如下界面,恭喜你成功啦 o((>ω< ))o

起飞第五步(部署到Github)

1.点击New Repository,新建一个版本库

2.输入Repository name:yourname.github.io(yourname与你的注册用户名一致,这个就是你博客的域名了)

  1. 域名配置
    顺着前面的配置往下走,有个url项,这就是域名配置。自己有域名的同学可以绑定自己的域名,自己没有域名的同学就乖乖填写之前自己设置的网址吧~
  1. deploy配置

repo的地址在这里:

  1. 安装hexo-deployer-git自动部署发布工具
$  npm install hexo-deployer-git  --save
  1. 发布到Github
$ hexo clean && hexo g && hexo d
  1. 发布测试
    在浏览器中输入:https://echoingursb.github.io/

起飞第六步(发布文章)

输入创建文章命令,生成一个md文件(/blog/source/_posts/) 双引号里为创建的文件名

$ hexo new "HelloWorld"

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

---
title: HelloWorld
date: 2017-08-20 10:23:39
tags:
---
categories:
- 日志
- 二级目录
tags:
- hello
---
摘要:
正文:我有一头小毛驴,我从来也不骑 = ̄ω ̄=

发布到Github上

$ hexo clean && hexo g && hexo d

#PS

如果在起飞第二部(安装hexo)有问题的话请看这里

  • 为了避免hexo安装失败,推荐使用淘宝NPM镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 使用淘宝NPM安装Hexo
$ cnpm install -g hexo-cli
  • 出现的WARN可以不用理会
    继续输入以下命令
$ cnpm install hexo --save
  • 安装完成后,在输入命令,验证是否安装正确
$ hexo -v

传送门

-个人博客echoingursb

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,635评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,628评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,971评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,986评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,006评论 6 394
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,784评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,475评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,364评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,860评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,008评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,152评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,829评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,490评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,035评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,156评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,428评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,127评论 2 356

推荐阅读更多精彩内容