共计 2760 个字符,预计需要花费 7 分钟才能阅读完成。
hexo+Github Pages 博客搭建全过程
申明: 演示环境为 Ubuntu 16.04,记录时间为 16~17 年。
创立仓库
[!NOTE]
目标是应用 GitHub Pages 来部署咱们的博客。
注册 GitHub 账号,官网地址:https://github.com/
登录后如下图,点击创立仓库
填写仓库信息即可
仓库名称必须是 用户名.github.io,比方我的用户名是 damit5,那么我就填damit5.github.io
配置 SSH
[!NOTE]
目标是为了不便上传内容到 github 中。
设置 user name 和 email
git config --global user.name "你的 GitHub 用户名"
git config --global user.email "你的 GitHub 注册邮箱"
生成 ssh 密钥
ssh-keygen -t rsa -C "你的 GitHub 注册邮箱"
个别这种状况下是不须要明码的,所以始终回车就好
胜利后,用户文件夹下就会有一个新的文件夹 .ssh,外面就有刚刚创立的 ssh 密钥文件 id_rsa 和id_rsa_pub
[!NOTE]
注:id_rsa 文件是私钥,要妥善保存,id_rsa.pub 是公钥文件。
增加公钥到 GitHub
点击用户头像,而后再点击 Settings 选项
在用户设置栏,点击 SSH and GPG keys 选项,而后点击New SSH key
将 id_rsa.pub 的内容复制到Key 文本框中,再点击Add SSH key
测试 SSH
ssh -T git@github.com
接下来会显示出上面的确认信息
The authenticity of host 'github.com (192.30.255.112)' can't be established.
RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no)?
输出 yes 而后回车
如果显示出上面的内容则示意胜利(damit5 是用户名)
Hi damit5! You've successfully authenticated, but GitHub does not provide shell access.
装置 Node.js
[!NOTE]
装置 hexo 所须要的环境
装置过程
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
而后,将以下代码增加至到 profile(~/.bash_profile
,~/.zshrc
, ~/.profile
,~/.bashrc
其中之一)文件中
export NVM_DIR="$HOME/.nvm"
[-s "$NVM_DIR/nvm.sh"] && . "$NVM_DIR/nvm.sh"
重启终端,输出以下指令装置 node 最新的 LTS 版本
nvm install --lts=boron
NPM 减速
Node.js 默认是通过 npm 进行包治理的,但 npm 官网源在国内速度十分慢,倡议大家应用淘宝 npm 镜像,办法如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
装置胜利后,就能够能过以下指令减速装置相用包啦
cnpm install [PackageName]
hexo 装置编译
装置 hexo
装置好 Node.js 环境后,就能够通过 node 的 npm 包管理工具装置 hexo,执行以下指令(当然 cnpm 能够换成 npm,这里应用淘宝减速)
cnpm install hexo-cli -g
hexo 全局装置一次就够了,前面能够间接应用 hexo 相干的操作。
创立博客文件夹
在此目录下治理本人的博客源码
mkdir blog
cd blog
初始化 hexo
hexo init
装置依赖包
cnpm install
生成动态页面
hexo g
启动本地服务器
hexo s
下面 2 条命令也能够联合为
hexo s -g
呈现以下内容则阐明 hexo 环境装置胜利
INFO Start processing
INFO hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
部署 hexo
增加近程仓库
编辑_config.yml
, 找到最初的内容
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:
增加 GitHub 仓库信息
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:damit5/damit5.github.io.git
branch: master
PS: type、repo、branch 的后面和前面都有 2 个空格
装置 git 插件
cnpm install hexo-deployer-git --save
部署
hexo deploy
如果没有意外,部署就胜利了,能够关上 https://< 用户名 >.github.io 查看。
比方我的就是 : https://damit5.github.io/
自定义域名配置
注:该域名为几年前我用的域名,最新的域名是
gm7.org
当初曾经能够通过 https://yourname.github.io 来拜访本人的博客站点啦。这时可能有人会说了,大家都通过 github.io 来拜访,好没共性,能不能配置用本人的域名来拜访本人的站点。答案当然能够。
首先,你得有个本人的域名,如果还没,那就去买个。
进域名控制台
在解析外面增加一条 CNAME 记录,指向 yourname.github.io 即可。
关上我的项目,抉择 setting
找到 GitHub Pages
这样就能够通过本人的域名来拜访了
hexo 根底应用
根底
hexo new"postName" #新建文章
hexo new page"pageName" #新建页面
hexo generate #生成动态页面至 public 目录
hexo clean #革除生成内容
hexo server #开启预览拜访端口(默认端口 4000,'ctrl + c' 敞开 server)hexo deploy #将.deploy 目录部署到指定空间
hexo help # 查看帮忙
hexo version #查看 hexo 的版本
hexo 命令缩写
hexo g:hexo generate
hexo c:hexo clean
hexo s:hexo server
hexo d:hexo deploy
hexo 命令组合
hexo clean && hexo g -s #革除、生成、启动
hexo clean && hexo g -d #革除、生成、部署
批改主题
https://hexo.io/themes/