博客搭建

博客施工结束


博客创建

创建过程

1.安装Node.js并配置好Node.js环境,通过cmd输入“node -v”和“npm -v”可验证。

C:\User\马里奥>node -v
v6.11.4

C:\User\马里奥>npm -v
5.4.2

2.安装Git并配置好Git环境,安装成功的后,在电脑任何位置,鼠标右键出现“Git GUI Here”和“Git Bash Here”即成功。

3.注册Github并且新建一个仓库,仓库名称严格按照“账户名.github.io”来设置,同时勾选Initialize this repository with a README。

4.接下来便是安装hexo,提一嘴路径的问题,包括以上的所有安装都是自定义路径,然后在cmd中通过cd命令进入要安装的文件夹,使用“npm install hexo -g“命令进行安装,这时候静静的等待就好了。

D:\blog>npm install hexo -g

可以使用"hexo -v"命令检查是否安装成功,出现一大堆类似于版本号的东西就成功了。

D:\blog>hexo -v

5.同样是在这个文件夹的路径下,cmd中使用“hexo init”命令进行文件夹的初始化,也是需要静静等待的。当出现“Start blogging with Hexo”的时候,这一阶段就告一段落了。

D:\blog>hexo init

6.同样是在这个文件夹的路径下,cmd中使用“npm install”安装所需的组件。

D:\blog>npm install

7.组件安装成功后,这时候可以首次体验一下Hexo了,输入“hexo g”。然后在输入“hexo s”开启服务器,访问网址。

D:\blog>hexo g

D:\blog>hexo s

8.终于快要完成了,现在便是将Hexo和 Github page联系起来,使用Git bash设置Git的user name和email(在我设置的blog路径下,可以直接在这个文件夹里面鼠标右键选择Git Bash Here)。

$ git config --global user.name "maliao"
$ git config --global user.email "[email protected]"

9.选择C:\Users\Administrator.ssh路径下鼠标右键选择Git Bash Here,输入“ssh-keygen -t rsa -C "[email protected]"”,连续三个回车以后,生成秘钥,得到两个文件:id_rsa和id_rsa.pub。输入“eval "$(ssh-agent -s)"”,添加密钥到ssh-agent,再输入ssh-add ~/.ssh/id_rsa,添加生成的SH key到ssh-agent

$ sh-keygen -t rsa -C "[email protected]
$ eval "$(ssh-agent -s)"
$ ssh-add ~/.ssh/id_rsa

10.登录Github,点击个人头像里的settings添加ssh。点击左边的SSH and GPG keys,然后选择New SSH key,将id_rsa.pub内容复制上去。在Git bash中输入“ssh -T [email protected]”,测试添加ssh是否成功。如果出现“Hi 你的用户名”,恭喜你,添加成功!

11.在blog文件夹中找到_config.yml文件,修改repo值,注意:空格。

deploy:
  type: git
  repository: [email protected]:maliao/maliao.github.io.git
  branch: master

12.搭建完成,执行hexo new post “博客名”新建一篇博客,(发布文章之前使用npm install hexo-deployer-git --save命令安装一个必要拓展)通过编辑器编辑好文章后,执行hexo d -g命令,你的第一篇博客便发出了。

搭建过程中的一些坑

1.Node.js在安装的过程中会自动配置环境。

2.官网下载Git非常慢,可以选择其他方式。

3安装Hexo的过程很慢,而且可能会停在某处,不要试图去打扰他,静静地等待就好了。

4.本地访问Hexo时候,Ctrl+C和你平时用的复制键是一个,所以要注意,不要复制了网址,Hexo却stop了。

5.在你测试添加ssh是否成功的时候,她可能出现一个很迷的选项让你选择(YES/NO),跟教程不太一样,这时候,你要果断选择YES。

6.新版本Git,配置Deployment时候,不要试图去修改type后的git为github。

7.再次部署文章的时候,记得先使用“hexo clean”命令,不然你会体会到什么叫佛。


猜你喜欢

转载自blog.csdn.net/qq_40265501/article/details/80000693