在查找资料时发现通过hexo在github上搭建博客挺有意思,又想这可以把平时的知识点记录下来,于是开始折腾了...
hexo是一款基于Node.js的静态博客框架, hexo github链接 ,这篇教程是针对与 ubuntu 的(Windows 下的搭建步骤可以参考)
ubuntu版本 : lab_release -a
No LSB modules are available
Distributor ID: Ubuntu
Description: Ubuntu 16.04 LTS
Release: 16.04
Codename: xenial
环境配置
安装 node
作用:用来生成静态页面. node 官方下载及安装说明
包安装命令
curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
sudo apt-get install -y nodejs
检查版本
node -v
安装 git
作用:把本地的 hexo
内容提交到 github
上.
包安装命令
apt install git
检查版本
git --version
注册 github 账号
作用:用来做博客的远程创库、域名、服务器之类的,github
怎么与本地 hexo
建立连接等 安装好 hexo
再讲。
github 账号不会的自行百度,没有的话直接申请就行了,跟一般的注册账号差不多,配置好 SSH Keys。
正式安装 Hexo
Hexo 中文官网站
安装命令
npm install -g hexo-cli
安装
Hexo
完成后,请执行下列命令,Hexo
将会在指定文件夹中新建所需要的文件。
hexo init <folder>
cd <folder>
npm install
hexo -v
Tips :folder 的位置,这个位置就是 hexo
工作空间
至此hexo已安装成功!
先看看效果再说!
hexo server
Tips : 如果 4000 端口被占用,hexo server -p 5000
github 与本地 hexo 建立连接
在 github 建立 Repository
建立与你用户名对应的仓库,仓库名必为【your_user_name.github.io】,固定写法
在站点的配置文件_config.yml
中设置部署信息
Tips:_config.yml
位置 hexo 工作空间的目录下
deploy:
type: git
repo: git@github.com:YiShanQingF/YiShanQingF.github.io.git
branch: master
message: '站点更新:{{now("YYYY-MM-DD HH:mm:ss")}}'
然后执行下面命令
npm install hexo-deployer-git --save
Tips:注意格式,:
后有空格,type
repo
branch
message
前有两个空格
网上会有很多说法,有的type是github, 还有repository最后面的后缀也不一样,是github.com.git,我也踩了很多坑,我现在的版本是hexo: 3.2.0,执行命令hexo -vsersion就出来了,貌似3.0后全部改成我上面这种格式了。
部署
hexo clean
hexo generate
hexo deploy
然后在浏览器中输入 http://yishanqingf.github.io 就行了,我的 github 的账户叫 yishanqingf ,把这个改成你 github 的账户名就OK了!
绑定域名
购买域名
我的域名是在 万网买的,这里就不讲购买的步骤了
绑定域名
在hexo
的工作空间下的source
目录下新建一个CNAME
的文件,不要后缀。打开CNAME
写上购买的域名
zhufanjia.com
绑定设置
一张图说明一切
然后在浏览器中输入 http://zhufanjia.com
大功告成!
参考文章:
HEXO+Github,搭建属于自己的博客
转载请注明原地址:http://zhufanjia.com 谢谢!