使用Hexo、Github搭建博客全过程

一直没时间搭建自己的博客,很羡慕别人的博客写得这么漂亮。今天发现使用Hexo和Github来搭建静态博客还不错,故记录下详细过程,以供参考。

注册Github、添加SSH key 、创建.github.io

注册自然不用多说,直接来添加SSH key,windows可通过Git Bash来执行以下命令生成SSH key

ssh-keygen -t rsa -C "waylanpunch@youremail.com"

一路回车将id_rsa.pub复制添加到github-settings-ssh keys即可

创建repository,格式为waylanpunch.github.io

安装Hexo

执行以下命令:

npm install-g hexo

初始化:

hexo init

生成静态资源:

hexo g

启动服务:

hexo s

启动完成后可通过 http://localhost:4000/ 来访问

配置_config.yml

配置一些基本信息就不多说了,直接说怎么配置上传github,打开_config.yml,找到deploy,按照以下内容添加修改即可

deploy:
      type: git
      repository: git@github.com:waylanpunch/waylanpunch.github.io.git
      branch: master

hexo需执行以下命令,否则上传不到github

npm install hexo-deployer-git --save

执行以下命令部署到github

hexo deploy

然后访问waylanpunch.github.io就可以看到效果啦!

以后每次部署需执行下面三步命令:

hexo clean 
hexo g
hexo d

我个人没有独立域名所以写不出绑定教程了。

安装主题

ok,到这里hexo的安装已经告一段落了,但俗话说的好,人靠衣装马靠鞍,接下来我们要去换一款主题,这里以NexT为例

cd your-hexo-site
git clone https://github.com/iissnan/hexo-theme-next themes/next

然后将_config.yml里的theme改为next即可。

使用Hexo写作

执行以下命令生成编辑文件

hexo new post filename

文件类型参考路径\scaffolds\,默认有draft.md、page.md和post.md三种类型
进入\source_posts\文件夹下,编辑刚才创建的Markdown文件

然后再执行

hexo clean 
hexo g
hexo d

访问waylanpunch.github.io就可以看到部署的文章了

参考的教程在这里:简书

I Don't Want Your Money, I Want Aragaki Yui.