【BLOG】BLOG的部署与搭建

BLOG

字数统计: 752阅读时长: 3 min

 2020/03/09   Share

今天完成了个人博客 oCodeHoney 的搭建，使用的是github托管和hexo框架，之前折腾了很久用云服务器和html+css自己写，但是知识储备不够，所以一直没有成型。今天也折腾了半个下午才算是正式部署完毕，中间也经历了一些波折，这里记录一下详细的教程。

参考

教程

注册github账号
下载git
下载node.js（以上三步直接官网下载，比较简单不做赘述）

HEXO安装

在桌面上单击右键–>Git Bash Here,输入命令

npm install -g hexo

安装完成后可输入 hexo -v 查看版本并判断是否安装成功。

BLOG本地文件创建

在你想要存储的位置创建blog文件夹，即为根目录。

在根目录下右击–>Git Bash Here,输入命令

hexo init

此时可以发现根目录下已经有了很多文件，即初始化完成，然后输入命令

hexo install

完成后继续输入命令

npm install hexo-deployer-git --save

本地文件创建完成。

远端部署

首先在根目录右键打开git bash，输入命令(把your_email改为你自己的邮箱)

ssh-keygen -t rsa -C "your_email"

按几下回车直到完成，按着提示的路径/c/Users/user/.ssh/id_rsa.pub找到id_rsa.pub文件，用记事本打开，复制里面所有代码。打开github–>Settings(点击头像旁边的小三角，在下拉栏中选择Settings)–>SSH and GPG keys–>New SSH key–>title随便写，key就把刚刚复制的代码粘贴进去–>Add SSH key

然后进入github–>start a project,在Repository Name栏内写入 username（你的github用户名）.github.io,下面有一个with a README的选项可以勾选上,其余的不用改，点击Create repository。

之后进入界面中有一个绿色按钮Clone or download,点击,复制SSH地址（即git@github.com开头的那串地址），如果打开的时候是http开头的就点击右上角use SSH，
复制完后进入根目录，用Visual Studio Code（其他类似软件如Sublime也可，官网可直接下载）打开根目录下_config.yml文件，找到最下面修改代码如下（注意空格）

1
2
3

type: git
repo: git@github.com/username/username.github.io.git  //复制的SSH地址
branch: master

写完之后保存（ctrl + s），关闭文件，打开命令行，输入命令

hexo g -d

注意，第一次安装时会出现部署失败的情况，在代码提示中有以下代码

Please tell me who you are.
Run
  git config --global user.email "you@example.com"
  git config --global user.name "Your Name"

按照提示依次输入如下命令(邮箱和名字改为自己的)

1 2	git config --global user.email "you@example.com" git config --global user.name "Your Name"

完成后再次输入命令hexo g -d，部署就成功了。

Author：oCodeHoney

Date：2020-3-9

Next Post

【BLOG】自定义首页文章摘要的方法
Previous Post

【BLOG】在博客中加入本地图片的方法

CATALOG

1. 参考
2. 教程

