A.下载所需语言软件
Git. Download Now
Cmder. Download Now
Node.js. Download Now
Sublime Text 3. Download Now
Markdown. Download Now
B.登陆GitHub网页进行注册和建库
1. 通过邮箱注册账户名(username),谨慎填写用户名
2. 登陆你的账号后,点击头像,选择your profile
3. 点击Repositories, 然后右上角选择Create a new Repositiories,然后填写自己的博客域名,格式一般为:yourname.github.io (yourname必须和注册用户名一致)
4. 注册和建库结束
C. 建立Blog所需环境(注意程序命令之间的x空格)
1. 通过菜单栏找到Git Bash并打开,然后输入以下指令:
git config --global user.name "过程B注册的Github用户名"
git config --global user.email "注册使用的邮箱地址"
*例子:
git config --global user.name "fushengrui"
git config --global user.email "fus1@mcmaster.ca"
2. 在电脑桌面(建议)或者任意系统盘建立一个文件并命名为: Blog 所需环境
3. 打开Cmder 按顺序输入以下指令:
cd Desktop\blog所需环境
npm install -g hexo-cli
hexo init
hexo g
hexo server -p 4008
(Important to Know: 首先,cd 后跟上一步骤建立文件夹的位置,为了方便,建议把文件建立在桌面就可以直接复制粘贴该命令; 其次, -p 后的数字为任意四位数字)
4. 当hexo server -p 4008运行成功,命令框会提示进入“localhost: 4008"进行网页博客预览。如果失败,重新输入该指令并替换“4008”为其他任意四位数字
D. 建立SSH密匙
1. 打开Git Bash输入以下指令:
ssh-key gen -t rsa -C "GitHub注册使用的邮箱”
2. 一般情况下,输入完该指令后,命令框会提示你为这个密匙文件夹进行命名,直接输入任意文件名即可;
3. 根据命令框提示密匙所在位置找到该文件;
4. 用Sumblime Text打开该文件,并复制文件中的内容;
5. 打开“github.com/settings/keys"网站,登陆你的GitHub账号,选择增加新的SSH Key;
6. 然后粘贴已复制的内容,并提交。
E.配置博客
1. 在你文件夹“blog所需环境”中找到另一个名为“blog”的文件夹;
2. 进入blog文件夹找到名为“_config.yml"的文件;
3. 用Sublime 打开该文件夹找到如下内容并编辑:
deploy:
type: git
repo: https://github.com/Github用户名/用户名.github.io.git
branch: master
(Important:如果没有repo或者branch这一栏直接打字输入就好。铭记:deploy:, type:, repo:, branch: 后必须要先打一个空格在进行输入)
4. 找到并继续修改其它重要信息(记得每个冒号后加空格)
title: 输入和修改博客网页显示的博客名
subtitle: 副标题
description: 网站描述
author:作者名
language:zh-Hans
timezone: Asia/Shanghai
5. 保存,退出
F.正式域名生产和后续更新博客内容所需步骤
1. 打开 Git CMD
2. 按顺序输入以下指令:
npm install hexo-deployer-git --save
hexo clean
hexo g
hexo s -p 4008
3. 先打开localhost: 4008网页进行预览,如果效果符合你的预期,键盘按 “Ctrl+C"
4. 在命令框输入以下指令:
n
hexo d
5. 这个时候会弹出一个窗口登陆你的GitHub账户和用户名,域名生成。以后就可以直接在网页输入“xxx.github.io”登陆你的博客啦
G. 调整博客背景页面的主题?
1. 打开网页"http://hexo.io/themes/”并点击选择你喜欢的背景主题
2. 点击后会弹出另一个网页窗口,然后点击绿色按钮“clone or download",然后点击“download ZIP”
3. 点开该压缩文件并解压文件到之前建立的“blog所需环境”=>"blog” => "themes"
4. 再次打开文件夹"blog" 的“_config.yml"找到“theme”栏
5. 在theme栏后编辑你刚下载的“主题的名字”即“下载的文件夹名”,然后保存,记得冒号后加空格;
6. 执行步骤F(跳过过程1直接从过程2的“hexo clean”开始),更新博客即可。