因为我自己用的是window 7系统,所以下面的教程是针对window系统的 首先需要准备的有
安装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语法来写
参考:地址