搭建自己博客

一、预备工作

1、安装node.js以及npm
(1)windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),
只需要登陆官网((http://nodejs.org/)),找到对应版本,下载安装即可。
(2)安装过程基本直接“NEXT”就可以了。(windows的安装msi文件在过程中会直接添加path的系
统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”)
(3)安装完成后可以使用cmd(win+r然后输入cmd进入)测试下是否安装成功。方法:在cmd下
输入node -v,如果出现nodejs的版本信息,则证明安装正确。
(4)npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使
用cmd命令行输入"npm -v"来测试是否成功安装。
(5)npm作为一个NodeJS的模块管理,需要一些额外的配置

①、我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下图

搭建自己博客_第1张图片
捕获.JPG

②、启动cmd,输入
npm config set prefix "C:\Program Files\nodejs\node_global"
以及
npm config set cache "C:\Program Files\nodejs\node_cache"
③、现在我们来装个模块试试,选择express这个比较常用的模块。同样在cmd命令行里面,输入“npm install express -g”
④、关闭cmd,打开系统对话框,“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”。
⑤、进入环境变量对话框,在系统变量下新建"NODE_PATH",输入”C:\Program Files\nodejs\node_global\node_modules“。(ps:这一步相当关键。)
2014.4.19新增:由于改变了module的默认地址,所以上面的用户变量都要跟着改变一下(用户变量"PATH"修改为“C:\Program Files\nodejs\node_global\”),要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”这个错误。
⑥、以上步骤都OK的话,我们可以再次开启cmd命令行,进入node,输入“require('express')”来测试下node的模块全局路径是否配置正确了。正确的话cmd会列出express的相关信息。如下图(如出错一般都是NODE_PATH的配置不对,可以检查下第④⑤步)

2、配置github
(1)先new repository,建一个仓库。
(2)repository name一定要跟owner名一致,即取成Ownername.github.io。描述
自己随便写。可以勾选要readme也可以选择不要。然后点Create repository。
(3)github仓库就配好了

3、电脑装git
(1)在Windows下,打开Git Bash,在使用git前配置一下如下内容:
git config –global user.name “test” # 请将test处换成你自己的名字
git config –global user.email “[email protected]” # 输入你自己的邮箱
git config –global core.ignorecase false
(2)检查电脑上现有的ssh key。
cd cd .ssh
(3)生成新的SSH Key,输入如下代码,即可生成新的key文件:
$ ssh-keygen -t rsa -C “邮件地址@youremail.com”
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):(这 里直接回车)
Enter passphrase (empty for no passphrase):<输入加密串>(建议直接回车设置 空密码)
Enter same passphrase again:<再次输入加密串>(直接回车)
最后看到这样的界面,就成功设置ssh key了:

4、将git与github连上
(1)添加SSH Key到GitHub:
用文本编辑工具打开id_rsa.pub文件(此文件夹位置请看上一步3中的图),如
果看不到这个文件,你需要设置显示隐藏文件。准确的复制这个文件的内容,
才能保证设置的成功。
(2)进入你的github主页,点击settings。 选择 SSH and GPG keys 选线,然后再
点击new ssh key,将id_rsa.pub,将里面的内容全部复制到此。
(3)测试一下看看是否成功连接上。
$ ssh -T [email protected]
如果要选yes/no就敲打你的键盘输入yes,要是出现
Hi username! You’ve successfully authenticated, but GitHub does not provide
shell access.
那就成功了。

二、安装Hexo
1、新建一个文件件来放相关内容,如 d:/blog,然后以管理员身份打来git bash
2、npm install-g hexo
之后,到指定的hexo目录,建立一个hexo文件夹,进入到 d:/blog/hexo目录
hexo init
3、本地的hexo文件夹下内容为:
_config.yml
db.json
node_modules
package.json
scaffolds
source
themes
4、打开_config.yml ,在文件最后deplo修改如下
deploy:
type: git
repository: [https://github.com/yourID/yourID.github.io.git]
(https://github.com/yourID/yourID.github.io.git)
branch: master
yourID请换成自己的用户名

注:在配置所有的_config.yml文件时(包括theme中的),在所有的冒号:后边都要加一个空格,否则执行hexo命令会报错。
博主本人的报错为FATAL bad indentation of a mapping entry at line 72, column 15:
请确认您使用空格进行缩进(Soft tab),并确认冒号后有一个空格。

5、在blog文件夹目录下执行生成静态页面命令
hexo generate 或者 hexo g
注:若执行命令hexo deploy仍然报错:无法连接git,则执行如下命令来安装hexo-
deployer-git:
npm install hexo-deployer-git --save
再次执行hexo generate和hexo deploy命令

6、打开网页
浏览器中打开网址http://yourID.github.io
7、发布文章

终端cd到blog文件夹下
hexo new "postName" //新建文章,位于目录/blog/source/_posts下
编辑文章
终端cd到blog文件夹下
hexo generate //生成静态页面
hexo deploy //将文章部署到Github

三、安装theme
目前比较流行的是next主题,具体安装步骤如下
终端cd到 hexo目录
git clone https://github.com/iissnan/hexo-theme-next themes/next
将hexo目录下_config.yml里theme的名称landscape修改为next
附:NexT 使用文档

更改theme内容,修改 blog/_config.yml 文件和 hexo/themes/next/_config.yml 文件中对应的属性名称即可。

  • 不要忘记冒号:后加空格。具体细则看此博客
    http://blog.csdn.net/zuoziji416/article/details/53204478

你可能感兴趣的:(搭建自己博客)