搭建自己博客

作者: 大叔与丫头 | 来源:发表于2018-01-05 17:31 被阅读0次

Hexo + gitHubPage +git博客搭建
Typecho 主题修改方法 & 优秀主题推荐
搭建自己博客
搭建ghost博客
阿里云服务器安装WordPress，搭建自己的博客网站
hexo 搭建
02-学习准备
Hexo+GithubPages 非常简单易行的搭建个人博客
博客系统搭建
不管路如何，先走再说

一、预备工作

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"两个文件夹。如下图

捕获.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 “test@163.com” # 输入你自己的邮箱
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 git@github.com
如果要选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 文件中对应的属性名称即可。