准备工作
- 有一个github账号,没有的话去注册一个;
- 安装了node.js、npm,并了解相关基础知识
搭建github博客
新建一个名为你的用户名.github.io
的仓库,比如说,如果你的github用户名是xxx,那么你就新建xxx.github.io
的仓库(必须是你的用户名,其它名称无效),将来你的网站访问地址就是 http://xxx.github.io 了。
配置SSH key
使用ssh key来解决本地和服务器的连接问题。
$ cd ~/. ssh #检查本机已存在的ssh密钥
如果提示:No such file or directory 说明你是第一次使用git。
ssh-keygen -t rsa -C "邮件地址"
然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub
文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置
-> SSH and GPG keys -> New SSH key:
将刚复制的内容粘贴到key哪里,title随便填,保存。
测试是否成功
$ ssh -T git@github.com # 注意邮箱地址不用改
如果提示Are you sure you want to continue connecting (yes/no)?
,输入yes,然后会看到:
Hi liuxianan! You've successfully authenticated, but GitHub does not provide shell access.
看到这个信息说明SSH已配置成功!
此时你还需要配置:
$ git config --global user.name "name"// 你的github用户名,非昵称
$ git config --global user.email "emal"// 填写你的github注册邮箱
安装hexo
$ npm install -g hexo
初始化
在电脑的某个地方新建一个名为hexo的文件夹(名字可以随便取),比如我的是E:\hexo
$ cd /e/hexo/
$ hexo init
hexo会自动下载一些文件到这个目录,包括node_modules.
$ hexo g # 生成
$ hexo s # 启动服务
执行以上命令之后,hexo就会在public文件夹生成相关html文件.
hexo s
是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容
修改主题
既然默认主题很丑,那我们别的不做,首先来替换一个好看点的主题。这是 官方主题。
首先下载这个主题:
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
修改_config.yml
中的theme: landscape
改为theme: yilia
,然后重新执行hexo g
来重新生成。
如果出现一些莫名其妙的问题,可以先执行hexo clean
来清理一下public的内容,然后再来重新生成和发布。
上传到github
如果你一切都配置好了,发布上传很容易,一句hexo d
就搞定,当然关键还是你要把所有东西配置好。
首先,ssh key
肯定要配置好。
其次,配置_config.yml
中有关deploy的部分:
deploy:
type: git
repository: git@github.com:y402797028/y402797028.github.io.git
branch: master
如果出现 not fund git
错误
原因是还需要安装一个插件:
npm install hexo-deployer-git --save
常用hexo命令
常见命令
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本
缩写
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
组合命令
hexo s -g #生成并本地预览
hexo d -g #生成并上传
写博客
定位到我们的hexo根目录,执行命令:
hexo new 'my-first-blog'
hexo会帮我们在_posts
下生成相关md文件:
我们只需要打开这个文件就可以开始写博客了
当然你也可以直接自己新建md文件,用这个命令的好处是帮我们自动生成了时间。
一般完整格式如下:
---
title: postName #文章页面上的显示名称,一般是中文
date: #文章生成时间,一般不改,当然也可以任意修改
categories: 默认分类 #分类
tags: [tag1,tag2,tag3] #文章标签,可空,多标签请用格式,注意:后面有个空格
description: 附加一段文章摘要,字数最好在140字以内,会出现在meta的description里面
---
以下是正文