作为小白中的小白,在升级之路上偶然看到好多大牛自己架设的博客,非常羡慕,在尝试了好久之后,终于初步搞定,微不足道的一大步,记录一下 :)

当初是看到这位的博客
Giraffe’s Home
然后也想自己弄一个。

来记录一下当时我整这破玩意的步骤:

首先

首先你需要安装Git 和Node js

Git 官网
NodeJs 中文网

其次,你需要一个GItHub的账号
然后,你就可以来安装hexo了

首先打开的是Git bash:对呀你得用到刚刚安的东西!

npm install -g hexo

初始化然后,执行init命令初始化hexo,命令:
你可以选择这个目录在电脑里的位置

hexo init blog

blog就是你的博客根目录,所有的操作都在里面进行。以后提交啥的都要先到这个目录再提交。

hexo generate(hexo g)生成页面

如果你生成页面的时候报错,大概是hexo版本的问题,你需要先执行:

npm install hexo-deployer-git –save

启动本地服务

hexo server

然后在 http://localhost4000这里就可以看到本地的博客了。

如果你想发布到网站上

你需要登录GitHub账号,然后新建一个仓库(Repository),命名规则是你的GitHub用户名.github.io
比如我的:Drazen08.github.io

然后:

打开你本地blog文件夹,里面有一个_config.yml文件,这个需要做一些小改动:

需要注意的是!

所有 冒号后面都要跟一个空格,要不然会报错,这里曾经困扰我好久!!!!

1
2
3
4
5
6
title: Drazen -- 标题
subtitle: the stack of it nerds -- 大概是类似座右铭之类的东西
description: start from zero
author: JFuncnovic
language: zh-Hans
timezone: AsiaShanghai

需要注意的是languagetimezone ,语言和时区。

这里:

1
theme: huno

huno是我下载的主题,放在**{目录}/theme/huno**下。

最重要的是

1
2
3
4
deploy
type: git
repo: git@github.comDrazen08Drazen08.github.io.git
branch: master

repo的地址是ssl形式的,其实好像不用这么麻烦,或许是我被墙了。。

最后执行

hexo deploy

在浏览器中输入 你自己的.github.io 就可以访问了

部署步骤

每次部署的步骤,可按以下三步来进行。
hexo clean
hexo generate
hexo deploy

一些常用命令:

hexo newpostName #新建文章

hexo new pagepageName #新建页面

hexo generate #生成静态页面至public目录

hexo server #开启预览访问端口(默认端口4000,ctrl + c关闭server)

hexo deploy #将.deploy目录部署到GitHub

hexo help # 查看帮助

hexo version #查看Hexo的版本

对了,当时好像我配置了一个ssh码关联到github上,忘记了。

本文采用CC-BY-SA-3.0协议,转载请注明出处
Author: dadonggua