为什么要使用GitHub Pages搭建博客?
[email protected]
[email protected]
[email protected]
Github账号
repository名称为 username.github.io
此时在浏览器中输入 username.github.io 将会显示
…………
别激动,这时只是创建了一个GitHub自带GitHub Pages主题,接下来配置安装hexo来搭建你更加定制的Blog主题。
Git官网下载地址
Node.js官网下载地址
下载完成直接下一步下一步
最后将安装目录的bin文件加入到环境变量当中
关于设置环境变量
右击我的电脑->属性->高级系统设置->环境变量
找到Path编辑->新建->粘贴
打开Git Bash 输入
npm install hexo-cli -g
等待数秒钟,中间可能会出现WARN没有关系
安装完成之后在CMD里面分别输入
git --version
node -v
npm -v
来验证安装
结果如下图:
为了安全起见,我们来创建一个SSH安全连接
在Git Bash中输入
cd ~/.ssh
来检测系统中是否已经存在了密钥。
若系统反馈为:No such file or directory
则我们需要创建一个
ssh-keygen -t rsa -C "你的邮箱地址"
注意C为大写
一路三个回车键
然后按照反馈信息找到.ssh/id_rsa.pub使用txt或者sublime等文本处理软件打开
全选里面的内容,并复制
打开GitHub主页
点击右上角头像选择Setting
选中左侧菜单SSH and GPG Keys
将刚刚复制的内容粘贴到Key当中,Title可以不填,最后按Add SSH Key
在Git Bash中输入
ssh -T [email protected]
如果得到反馈:Are you sure you want to continue connecting (yes/no)?
输入yes
如果看到
Hi liuxianan! You've successfully authenticated, but GitHub does not provide shell access.
则说明成功了
最后完善个人信息
git config --global user.name "username" //你的GitHub用户名
git config --global user.email "user email" //你的GitHub主邮箱
为博客创建一个路径,例如 F:/hexo/username.github.io并初始化
在Git Bash中输入
cd /f/hexo/username.github.io/
hexo init
此时hexo会下载一些文件
其中themes当中存放的是你的博客模板文件,source存放的是你的博客文章,_config.yml是你博客的一些参数配置,里面的参数直接按照提示修改即可(可以使用txt或者Sublime等字处理软件编辑)
hexo g //生成
hexo s //本地浏览
此时在浏览器中输入http://localhost:4000即可进行本地浏览
缩写 | 全称 | 功能 |
---|---|---|
hexo n "new" | hexo new "new" | 新建文章名为new |
hexo p | hexo publish | 草稿 |
hexo g | hexo generate | 生成 |
hexo c | hexo clean | 清空 |
hexo s | hexo server | 开启本地服务(浏览) |
hexo d | hexo deploy | 部署 |
hexo的主题是可以更换的,默认使用的是landscape主题,我们替换成其他主题例如
有哪些好看的hexo主题
更换方法如下
cd /f/hexo/zjko.github.io/
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
稍等片刻即可下载完成,所有已下载的主体都放在themes文件夹里。
通过修改博客目录里面的(在本例子当中为zjko.github.io文件夹下)_config.yml中的theme: landscape 为theme: yilia,然后重新生成。
通过修改主体文件夹中的_config.yml可以对主题进行定制。(本例中文件为theme/yilia/_config.yml)
打开博客目录下的_config.yml,将一下内容复制进去
deploy:
type: git
repository: [email protected]:zjko/zjko.github.io.git
branch: master
其中repository后面填写的内容与你的
保持一致,修改成功之后之后上传都不需要修改。
注意_config文件当中所有的设置参数‘:’之后均有空格
npm install hexo-deployer-git --save
安装完成之后,使用Git Bash进入博客目录输入hexo d即可部署到GitHub,此时即可通过username.github.io访问博客。
关于域名的购买可以参考一些域名服务商
关于购买域名的几点建议:
购买了自己的域名之后,设置解析,将记录值设置为主机号。
可以通过ping username.github.io 来查看项目所在的主机号
设置记录
解析可能需要一点时间,中间可以使用
ping yourdomain
来检查是否解析成功
在这时可以回到自己的GitHub找到博客的这个Repository,进入Settings
在框框中写入自己的域名。
此时便已经完整的在GitHub上搭建了一个属于自己的Blog网站。
接下来你可能需要:
关于编写博客