Ubuntu平台下通过Hexo在Github上搭建博客教程(一)

在查找资料时发现通过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
Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第1张图片

Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第2张图片

Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第3张图片

检查版本

node -v
Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第4张图片

安装 git

作用:把本地的 hexo 内容提交到 github 上.
包安装命令

 apt install git
Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第5张图片

检查版本

git --version
Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第6张图片

注册 github 账号

作用:用来做博客的远程创库、域名、服务器之类的,github 怎么与本地 hexo 建立连接等 安装好 hexo 再讲。

github 账号不会的自行百度,没有的话直接申请就行了,跟一般的注册账号差不多,配置好 SSH Keys。

正式安装 Hexo

Hexo 中文官网站
安装命令

npm install -g hexo-cli

Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第7张图片

安装 Hexo 完成后,请执行下列命令, Hexo 将会在指定文件夹中新建所需要的文件。

hexo init 
cd 
npm install
hexo -v

Tips :folder 的位置,这个位置就是 hexo 工作空间

Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第8张图片

Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第9张图片

至此hexo已安装成功!
先看看效果再说!

hexo server

Tips : 如果 4000 端口被占用,hexo server -p 5000

Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第10张图片
Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第11张图片

github 与本地 hexo 建立连接

在 github 建立 Repository

建立与你用户名对应的仓库,仓库名必为【your_user_name.github.io】,固定写法

Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第12张图片

在站点的配置文件_config.yml中设置部署信息

Tips:_config.yml位置 hexo 工作空间的目录下

deploy:
  type: git
  repo: [email protected]: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

绑定设置

一张图说明一切

Ubuntu平台下通过Hexo在Github上搭建博客教程(一)_第13张图片

然后在浏览器中输入 http://zhufanjia.com
大功告成!

参考文章:
HEXO+Github,搭建属于自己的博客

转载请注明原地址:http://zhufanjia.com 谢谢!

你可能感兴趣的:(Ubuntu平台下通过Hexo在Github上搭建博客教程(一))