github+Hexo快速搭建我的博客

注意 本文主要针对Windows平台和Hexo 3.xnode

准备工做

下载Gitlinux

[下载地址] Git官网git

下载Node.jsgithub

[下载地址] node.js官网npm

32位或64位按本身电脑的系统来选择,若是不清楚,能够直接在官网下载32位的,能够兼容64位系统浏览器

安装软件

分别安装git和node.js安装包,一路下一步便可。缓存

配置git

配置本机上git的全局用户名和密码

安装完Git之后,双击桌面的“Git Bash" 图标,输入如下命令:hexo

$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

其中的用户名和邮箱以本身的来代替便可ssh

image

建立本机的SSH Key

输入一下命令,你须要把邮件地址换成你本身的邮件地址,而后一路回车,使用默认值便可工具

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

若是一切顺利的话,能够在用户主目录里找到.ssh目录,里面有id_rsa和id_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露出去,id_rsa.pub是公钥,能够放心地告诉任何人。

image

配置github

在github上注册一个本身的帐号,注册过程就不详细说了。注册完之后登陆github ,点击右上角本身头像右边的小箭头,选择“Settings-SSH and GPG keys”

image

image

而后,点击页面右边的“Add SSH Key”,填上任意Title,在Key文本框里粘贴刚刚得到到的id_rsa.pub文件的内容,id_rsa.pub用记事本打开就好。

image

接下来建立本身的仓库,点击“New repository”

image

填写仓库的名称,名称请按xx.github.io的格式填写,xx为本身的用户名,填写完成后点击建立便可。

image

仓库建立完成后的页面以下,到这里git的配置算基本完成了,接下来要配置一下Hexo。

image

配置Hexo

在本身电脑上新建一个空的文件夹,我这里是在e盘下新建了一个Blog文件件,而后右键选择“Git Bash Here"打开git,输入一下命令

$ npm install -g hexo-cli

若是发现没反应则应该是被墙了,则先安装淘宝镜像,命令以下

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

而后输入安装命令

$ cnpm install -g hexo-cli

image

出现的WARN能够不用理会,继续输入如下命令

$ cnpm install hexo --save

安装完成后,输入“hexo -v"查看是否安装正确,接下来在Blog文件夹下输入一下命令初始化hexo

$ hexo init

输入一下命令安装生成器

$ cnpm install

image

安装完成之后输入一下命令打开hexo服务,就能够在浏览器下输入localhost:4000,就能够在本地看到你的我的博客了

$ hexo s

image

image

配置上传博客到github上

打开blog根目录下的_config.yml配置文件,修改一下配置,public_dir项修改为与以前创建的仓库名称一致,修改完后保存

image

在命令行中输入如下命令,生成hexo博客的静态文件

$ hexo g

image

这时候会发现blog目录下多了一个与仓库名称同名的文件夹,里面存放的就是刚刚生成的网页文件,接下来的任务就是把这些静态文件上传到github上去

命令行进入到该文件夹,而后输入如下命令初始化工做区

$ git init

image

输入如下命令将静态文件添加的版本库的缓存区

$ git add --all

image

输入如下命令将更改提交到版本库,双引号中的内容为本身的更改说明,可按本身状况填写

$ git commit -m "git tracks changes"

image

上传博客到github上

打开刚才在github上创建的仓库,复制ssh的地址

image

在Git命令行窗口中输入如下命令,添加远程库,后面的那串git@....git字符串替换为本身刚才复制的ssh地址

$ git remote add origin git@github.com:michaelliao/learngit.git

image

最后输入如下命令,将本地的版本库推送到github上的远程库

$ git push -u origin master

第一次推送按以上的输,之后的推送只要输入一下命令便可

$ git push origin master

image

查看github上的仓库里,是否是已经有了刚才推送的文件,这时候浏览器打开本身的git.io地址,就能够看到本身的博客已经搭建起来啦!

如何新建文章

在blog目录下打开git命令行窗口,输入一下命令,双引号中的内容替换成文章题目

$ hexo new "title"

而后在blog——source——_post目录下就能够看到本身新建的.md文件了,用编辑工具编写文章,而后重复以上步骤添加到版本库,推送到远程版本库便可。

本教程完

相关文章
相关标签/搜索