注册属于你自己的账号
点击注册github账号 (此处不做说明,请自行浏览:github教程:[1]注册github),注册完毕就拥有了自己的代码仓库啦。
创建仓库
登陆GitHub账号,在首页的右上角头像的左边有个“+”号点击加号,选择New repositor(新存储库)或者点击这里
开启github pages
创建完成后点击settings进入设置界面
进入设置页面向下滚动,找到如下页面,这个链接会显示刚创建仓库的名称,点击他你就可以看到你博客的雏形!
hexo
要想使用hexo需要安装node.js以及git
安装node.js
下载node.js
参考:node.js安装教程
git
下载git
安装方式非常简单一直点击Next就可以了
安装hexo
在任意地方新建一个文件夹,文件夹名字随意最好是英文,例如就叫:hexo
进入到你创建的文件夹中,鼠标右键选择Git Bash
分别输入以下命令
npm install hexo-cli -g
hexo init blog #这条命令会在hexo文件夹中新建一个blog文件夹
npm install
hexo g #生成静态页面
hexo s #启动本地服务器
现在你就可以在浏览器输入http://localhost:4000 你就会看到hexo 的默认首页
详细命令请参考:Hexo文档
添加主题
hexo默认的主题不太喜欢,这里我已Next主题为例
安装主题
回到Git Bash 窗口按下ctrl + c 退出本地服务器,分别输入以下命令
hexo clean
git clone https://github.com/iissnan/hexo-theme-next themes/next
启动Next主题
在blog文件夹下找到_config.yml
文件 在文件中找到 theme:
修改为:
theme:next
注意冒号后面需要空格
更新主题
继续回到Git Bash 窗口输入以下命令:
cd themes/yilia
git pull
hexo g
hexo s
此时刷新http://localhost:4000/页面就能看到新的主题了.
将代码提价到github仓库
还是编辑根目录下_config.yml
文件,找到deploy
修改为:
deploy:
type: git
repo: [email protected]:ykpkp/ykpkp.github.io.git #这里的网址填你自己的
branch: master
冒号后面都需要空格
自己的网址在这里:
保存后需要提前安装一个扩展:
npm install hexo-deployer-git --save
接下来就是将Hexo部署到我们的Github仓库上
部署到github仓库
设置ssh keys
ssh-keygen -t rsa -C "邮件地址@youremail.com" #生成key文件,邮箱地址填你的Github地址
#Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>
#然后会让你输入密码,这个密码可以不是你github账号的密码,这个密码是你以后提交代码时要用的
之后就可以看到成功的提示。
添加SSH Key到Github
回到Git Bash输入以下命令:
cd ~/.ssh
ls #输入完这个命令你就看到 id_rsa id_rsa.pub
cat id_rsa.pub #输入完这个命令你会看到 id_rsa.pub 这个文件里面的内容
复制 id_rsa.pub 里面的内容:
进入github首页
添加SSH Key。
将刚复制的id_rsa.pub 里面的内容,粘贴到key中
到了这就可以测试一下是否成功了:
ssh -T [email protected]
#之后会要你输入yes/no,输入yes就好了
设置你的账号信息:
git config --global user.name "你的名字" #随便填
git config --global user.email "邮箱@邮箱.com" #github邮箱
部署到github
hexo d
完结
每次在本地修改好代码后输入以下命令提交到github仓库:
hexo g # 生成静态文件
hexo d # 提交到github仓库
hexo s #启动本地服务器 可以在本地查看修改的内容
至此就已经完成了博客的搭建,后面会继续写对博客的一些优化。