用hexo搭建我的第一个博客

因为我自己用的是window 7系统,所以下面的教程是针对window系统的 首先需要准备的有

Git v1.9.5

下载地址:百度云

Node.js v0.12.5 x64

下载地址:百度云

安装Git

作用:把本地的hexo提交到github上面去;

一路点击“Next”就好了

在这里选择对应的window选项

安装Node.js

Node也是一样简单,也是一路“Next”就好,然后就等待安装完成

接下来就要验证软件是否正确的安装了

在运行里面输入“cmd”

然后输入如图所示的命令,如果结果和图中的不一样,就要卸载软件重新的安装

git --version

node -v

npm -v

申请Github

点击-》Github官网注册一个账号,然后点击"setting"验证邮箱

选择Free

然后点击“New repository”,新建一个仓库,存放你的博客

输入Respository name:yourname.github.io(yourname是你的github的名字,然后这个就是博客的域名了)

## 启用Github page

进入你创建的仓库,点击"setting"进入设置==>点击"Launch automaic page generator"==>点击底部的"Continue to layouts"

最后点击"Publish page",发布github默认生成的静态站点

安装Hexo

hexo是基于node.js的静态博客,其官网也是搭建在github上的

在电脑新建一个文件夹,该文件夹存放你的博客文件,然后右键点击选择“Git Bash”,如建立一个blog文件夹。

然后输入命令”npm intall -g hexo“

有时候可能会被”墙“,可使用淘宝镜像安装,若以上正常不用执行这一步。

安装完成后,输入命令hexo -v验证是否正常安装

初始化hexo

输入hexo init

安装插件

输入npm install hexo-deployer-git --save

生成静态页面

输入hexo generate(hexo g也可以),生成静态页面到public目录下

预览

输入hexo s,开启本地预览(hexo s -g是预览并生成静态页面)

打开浏览器输入localhost:4000,就可以看到激动人心的一幕了!!,这是你的个人博客

然后在Git中ctrk+c 停止预览

这个时候,我们建的博客只是可以在本地预览,我们要让它变成在浏览器地址栏输入一行URL就可以访问的那种,听起来好像很厉害的样子?哈哈

这个时候就要轮到我们的github出场了,我们把博客部署在刚刚在github建的仓库里面,怎么部署呢?

首先我们需要添加S-S Key密钥到github上面,来让我们的电脑跟github建立连接,这样我们才能把博客部署到git上

我用的是TortoiseGit关于TortoiseGit的安装包找度娘就有了,然后打开其中的

Puttygen.exe生成密钥,点击Generate按钮

1、然后复制密钥(后面要在github中添加密钥),然后点击Save privete key按钮,选择一个地址保存。

2、双击TortoiseGit目录下的Pageant.ext使用密钥,导航栏出现图标,双击它。

3、点击Add key按钮,打开之前保存的密钥文件,关闭窗口。

如果不想下载TortoiseGit,也可以利用Git命令来生成秘钥参考链接

配置Github

1、登录Github,点击Setting.

2、点击Add SSH key,添加密钥信息。把之前复制的密钥黏贴在其中,title可以随便写,然后点击保存。

配置博客信息

配置好密钥后,我们就可以把博客部署到github上啦,编辑blog/_config.yml文件

#博客名称

title: 我的博客

#副标题

subtitle: 一天进步一点

#简介

description: 记录生活点滴

#博客作者

author: lxq

#博客语言

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: maste

配置好_config.yml并保存后,输入一下的命令部署到github上。

$hexo g          //生成静态页面

$hexo d          //部署到github

第二个命令中,会让你输入密码和账户名,跟你在github上的一致。 在浏览器中访问yourname.github.io(yourname是你的git用户名)就可以看到自己的博客了。

哈哈,到了这个时候,我们的博客已经大功告成了,是不是瞬间觉得自己超厉害的~

总结

一些常用命令:

hexo new"postName"#新建文章

hexo new page"pageName"#新建页面

hexo generate#生成静态页面至public目录

hexo server#开启预览访问端口(默认端口4000,'ctrl + c'关闭server)

hexo deploy#将.deploy目录部署到GitHub

hexo help# 查看帮助

hexo version#查看Hexo的版本

每次部署的步骤,按以下三步:

hexo clean

hexo generate(hexo g)

hexo deploy(hexo d)

博客的文章建议利用Markdown语法来写

你可能感兴趣的:(用hexo搭建我的第一个博客)