我们不生产代码,但我们是bug的专业制造者

Hexo搭建个人博客

为什么搭建个人博客

装逼!装逼!装逼!
好吧,记录自己学习过程的点点滴滴。作为技术小白你想不想拥有一片属于自己的天地,可以在上面为所欲为,大展拳脚,畅所欲言。
大爷您被挑逗得欲火焚身,蠢蠢欲动了吧。废话少说,那跟着我左手右手一个慢动作,一起

1
折腾吧!

什么是 Hexo?

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

公子欲装X,请备以下神器

  • github for windows
  • git.exe安装程序
  • node.js
  • github账号
  • coding账号

    node.js安装

    到官网分别下载安装包,选择安装到的文件夹,安装的时候勾选添加路径,一键安装到底就可以啦。

    测试node.js是否安装成功,运行cmd(win+R弹出后输入),输入
    node -v
    npm -v,
    出现相应的版本说明安装成功

    git安装

    git的安装和node.js一样,安装时也需要添加路径。

    安装hexo

    在你常用的一个盘下,我的是F盘,新建一个文件夹,命名为hexo,进入该文件夹,右键,选择Git Bash Here,弹出如下git窗口,

输入

1
npm install hexo-cli -g

接着输入

1
npm install hexo --save


然后你看到命令行刷了一大堆看不懂的东西,最后在命令行输入

1
hexo -v


可能出现warn提示,我们先无视它(好像并没有什么卵影响)!
如果你看到了hexo的版本,说明安装成功。那恭喜你,你已成功了一半了!
这时在hexo文件下发现自动生成了这些文件夹:

  • _config.yml
  • package.json
  • scaffolds
  • source
  • _drafts
  • _posts
  • themes

_config.yml

网站的 配置 信息,您可以在此配置大部分的参数。
这里面提醒一下,在编辑时:
选项后面的内容要空一格编辑
选项后面的内容要空一格编辑
选项后面的内容要空一格编辑
像这样:

否则编译错误,编辑——config.yml最好用sublime
编译器,代码高亮,老司机墙裂推荐。

scaffolds

模版 文件夹。当您新建文章时,Hexo 会根据 scaffold 来建立文件。

source

资源文件夹是存放用户资源的地方。除 posts 文件夹之外,开头命名为 (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

themes

主题 文件夹。Hexo 会根据主题来生成静态页面。

初始化hexo

在git命令行继续输入

1
hexo init

然后输入

1
npm install

npm会自动安装所需要的组件
继续操作,在命令行输入:

1
2
hexo g
hexo s

然后打开浏览器输入
http://localhost:4000
(不好意思,盗图了)

到此,我们前戏结束,hexo的基本配置基本结束
先开瓶82年的雪碧助助兴。

好戏在后头

接下来我们还有什么搞头呢,没错:注册和登陆github账号
Github
因为我们的博客是托管在这个上面的
我用的是qq邮箱注册的
username很重要,请用英文名。注册完后
点击右上角的+按钮,选择new respository
新建一个仓库,名字要与你github的名字一样,不是的话以后有可能会有问题。
点击setting=>SSh and GPG keys输入密匙,这个密匙怎么获得呢,请接着往下看:

配置SSH keys


我们如何让本地git项目与远程的github建立联系呢?用SSH keys。
打开git命令行

1
$cd ~/. ssh

检查本机的ssh密钥
如果是第一次用,会提示:No such file or directory
那我们生成新的SSH Key
首先,你需要为自己配置身份信息,打开git,然后一条一条输入

1
2
git config --global user.name "yourname"
git config --global user.email "youremail"

“yourusername”为你的github名字
“youremail”为你的github注册的邮箱账号

1
$ ssh-keygen -t rsa -C "邮件地址@youremail.com"

此时你可以在git命令行里看到的密匙的保存路径,一般在C盘用户文件夹下
最后看到这样的界面,就成功设置ssh key了:
添加SSH Key到GitHub
在本机设置SSH Key之后,需要添加到GitHub上,以完成SSH链接的设置。

1、打开密匙的保存路径,我的是本地C:\Documents and Settings\Administrator.ssh\id_rsa.pub文件(显示两个id_rsa.pub可以查看属性区分,记住后缀名为.pub那个)。此文件里面内容为刚才生成人密钥。如果看不到这个文件,你需要设置显示隐藏文件。准确的复制这个文件的内容,才能保证设置的成功。

2、登陆github系统。点击右上角的 Account Settings=>SSH Public keys => add another public keys

3、把你本地生成的密钥复制到里面(key文本框中,点击 add key 就ok了
测试
可以输入下面的命令,看看设置是否成功,git@github.com的部分不要修改:

1
2
$ ssh -T git@github.com
如果出现类似如下的情况


输入yes,要输入密码,按两次回车就好。

配置Deployment

打开_config.yml文件,为你的deploy配置仓库,
格式参照我的填写

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

yourname改为你的github账号的名字就好了,记得保存_config.yml文件。

下载github的电脑版,登陆你的github账号

然后用git进入hexo根目录,输入
hexo g(部署)


客官你的内容可能跟我的不同,不用着急。
再输入
hexo d(上传到github)
我们常用的几条命令:

1
2
3
hexo clean:清除public文件夹的缓存
hexo g:部署
hexo d:上传到github

我们上传自己新鲜滚热辣的文章,只需三条命令按顺序输入就可以了,是不是简单得飞起?
快说是!


第一次提交的话加载时间比较长,会弹出让你输入github账号的窗口,输入就可以了,成功的话在浏览器输入yourname.github.io后可以看到你的博客主页,到此,恭喜您,一个简单的博客算是搭建好了,给自己一点掌声。作为文艺青年的你可以用markdown写文章放到_post文件夹里面上传到博客了,后 缀为.md。这时你需要下载一个markdown编译器,markdown语法参考这里markdown


施主,老衲见你仪表堂堂,再传你一套装逼大法,写文章用的图片最好上传到七牛云储存上面,引用外链接就可以,否则用的电脑本地连接可能在博客上面加载不了,信我!

进阶玩法

请看图

当你在google中输入你网站的名字,然后查找图片,突然发现你的图片赫然在目,那种油然而生的满足感涌上心头,这种飘飘欲仙的感觉是别人体会不到的。如果你喜欢折腾,而且具有很强的抗压能力,那接着往下看呗。
咦?则怎么没有啦,你这个骗子,打屎你。开个玩笑,请移步。若这篇文章有点毛用,给你的世界带来那么的一丝光明,捐个香火钱,打赏的人最帅最漂亮啦。

Hybris中进行单元测试步骤

  1. 1. 为什么搭建个人博客
  2. 2. 什么是 Hexo?
  3. 3. 公子欲装X,请备以下神器
  4. 4. node.js安装
  5. 5. git安装
  6. 6. 安装hexo
    1. 6.1. _config.yml
    2. 6.2. scaffolds
    3. 6.3. source
    4. 6.4. themes
    5. 6.5. 初始化hexo
  7. 7. 好戏在后头
    1. 7.1. 配置SSH keys
    2. 7.2. 配置Deployment
      1. 7.2.1. 下载github的电脑版,登陆你的github账号
  8. 8. 进阶玩法