概述
本人搭建博客地址: http://www.janszeng.top/
经过几天的折腾,终于配成功了,现记录如下,本人是在win7上搭建个人博客的。
直奔主题,搭建个人博客主要分为以下几步:
* 先查看效果(本人搭建的博客)
* 本地环境搭建(win7)
* 安装hexo
* 主题切换
* SSH配置
* 域名配置
* 鸣谢
没错就这上面几步,就能使我们拥有自己的博客网站,帅不帅?酷不酷?
0x01 本地环境搭建(win7)
- git安装(因为hexo发布是使用git发布的)
- 安Node.js(因为hexo是基于Node.js)
git安装 (git官网)
- windows 进入官网下载最新版安装(下面本人的版本)
$ git version
git version 2.7.2.windows.1
- Ubuntu下安装git 参考,猛点这里
- Centos下安装git 参考,猛点这里
Node.js 安装(Node官网)
值得注意的是,node.js的版本必须6.0以上,出现以下信息就证明安装成功了
node -v
v6.11.2
0x02 安装hexo
在安装hexo之前,先介绍hexo常用的几个命令
hexo g #完整命令为hexo generate,生成静态文件
hexo s #完整命令为hexo server,启动服务器,本地可以测试
hexo d #完整命令为hexo deploy,将本地编译好的静态文件发布到github上
hexo n #完整命令为hexo new,新建一篇文章
hexo clean #清除当前项目的静态文件
输入以下命令安装hexo:
npm install -g hexo
完成后,根据自己的爱好,在硬盘(如:D)上新建一个hexo的目录,然后在该目录依次执行以下命令
hexo init
npm install(用于安装依赖包)
执行完成后,输入以下命令,然后通过访问:http://localhost:4000,来访问,一个本地博客就可以看到了,值得注意的是,默认主题是landscape,如需要变主题,得自己手动修改。
hexo g
hexo s
0x03 主题切换
本人的主题是 yilia这个主题, hexo-theme-yilia地址,在当前项目页,输入以下命令:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
等待完成,然后:
cd themes
ls -l
会发现多了一个yilia的目录,然后回到上层,使用sublime或者editplus或者其他文本编辑工具,修改hexo目前下的_config.yml,找到theme项,theme后面的内容修改为yilia,如下:
pagination_dir: page
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia
# Deployment
## Docs: https://hexo.io/docs/deployment.html
#coding: git@git.coding.net:JansZeng/hexoblog.git,master
然后,重新编译,启动:
hexo clean
hexo g
hexo s
访问http://localhost:4000,这时看到的页面是不是不一样了?此时,hexo的安装及主题修改已经完成了.是不是很酷?
0x04 SSH配置
- 登录git
- 点击new 创建一个项目,填写后面的名字的时候,需要注意,名称必须为 你的github有户名.github.io,这个一定不能出错,然后点击Create repository,这样创建了一个空项目
- 接下来配置SSH,执行下列命令
ssh-keygen -t rsa -C "zxxj157391@163.com"
连续按三次回车,会在 C:UsersAdministrator.ssh 有三个文件,打开id_rsa.pub文件,copy文件中的内容
* 点击Settings
* 点击 SSH and GPG Keys
* 点击 New SSH Key
* 将copy的内容copy到 Key 方框中
* 点击 Add SSH Key
* 打开hexo目录下的_config.yml,找到deploy:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
#coding: git@git.coding.net:JansZeng/hexoblog.git,master
deploy:
type: git
#repository: https://github.com:JansZeng/janszeng.github.io.git
repo:
github: git@github.com:JansZeng/janszeng.github.io.git,master
- 保存后,重新编译,启动:
hexo clean
hexo g
hexo d
如果出现:
ERROR Deployer not found: git
执行以下命令:
npm install hexo-deployer-git --save
然后在执行:
hexo d
成功话在浏览器输入:http://janszeng.github.io,这样的话,SSH配置完成了
0x05 域名配置
- 去阿里云购买这自己域名(如: janszeng.top)
- 进入阿里云后,配置域名解析(域名 –> 解析 –> 添加解析)
- 在你上述创建的git地址,创建一个名称为CNAME的文件,内容为你购买的域名,如下:
www.janszeng.top
- 将工程下载到本地,将CNAME文件拖到hexosource目录下,
- 保存后,重新编译,启动:
hexo clean
hexo g
hexo d
0x06 鸣谢
- litten hexo-theme-yilia
- 沸沸腾 的使用github+Hexo人人都能拥有一个美美的博客
- 嘟嘟独立博客 hexo系列文章
- JansZeng技术博客 使用hexo+yilia+github搭建个人博客
最后
以上就是微笑墨镜为你收集整理的使用hexo+yilia+github搭建个人博客的全部内容,希望文章能够帮你解决使用hexo+yilia+github搭建个人博客所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复