基础工作
1.安装Node.js和配置好Node.js环境,在cmd中命令中,成功界面如下:
-->node -v
v6.11.1
-->npm -v
6.9.0
2.安装git并配置git环境,安装成功的象征就是鼠标右键中出现GIT GUI Hrer和GIt Bash Here
3.在GitHub上创建库,库名必须是:账户名.github.io
4.安装Hexo
- 在电脑上新建一个blog文件夹,进入该目录下。
- 输入
npm install hexo -g
,开始安装Hexo - 输入
hexo v
检查hexo是否安装成功 - 输入
hexo init
初始化该文件夹。这需要一段时间,当看到" Start blogging with Hexo!表明初始化成功。 - 输入
npm install
安装需要的组件。 - 输入
hexo s
开启服务器。
5.将Hexo与Github page联系起来,这里需要先配置ssh,
6.配置Deployment,在其文件夹中,找到_config.yml文件,修改repo值
deploy:
type: git
repository: git@github.com:sjcnhlm/sjcnhlm.github.io.git
branch: master
7.新建自己的博客,在cmd下输入exo new post “博客名”
, 这时候在文件夹_posts目录下将会看到已经创建的文件。
在生成以及部署文章之前,需要安装一个扩展:
npm install hexo-deployer-git --save
使用编辑器编好文章,那么就可以使用命令:hexo d -g,生成以及部署了
部署成功后访问自己的地址:http://sjcnh.github.io。那么将看到生成的文章
进阶工作
之前的工作仅仅是搭建起来一个博客,还没有设置博客的界面,主题等。为了使自己的个人博客个性,我们需要对主题进行配置。
1.安装主题
可以在hexo官方网站,https://hexo.io/themes,找到自己喜欢的主题。然后克隆到themes/next,以next主题为例。
具体方法是在blog文件夹中鼠标右键,点击Git Base Here。输入命令:git clone https://github.com/iissnan/hexo-theme-next themes/next
2.启用主题
在站点目录中(blog),打开配置文件_config.yml,修改theme:next
这样的话就可以应用next主题。不过这是最原始的next主题,可以根据自己的喜好再去优化,这里不再赘述。