美文网首页
linux 下 Hexo + GitHub 搭建个人博客

linux 下 Hexo + GitHub 搭建个人博客

作者: tafanfly | 来源:发表于2018-12-12 22:56 被阅读0次

title: Linux下 Hexo + GitHub 搭建个人博客
categories: blog
tags:

  • Hexo
  • GitHub

Hexo 简介及搭建

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。


安装Hexo

安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:

  • Git -- 需要把本地的网页和文章等提交到 GitHub 上
  • Node.js -- Hexo 博客系统是基于 Node.js 编写的

安装 Git

sudo apt-get install git-core

安装成功

~ $ git --version
git version 2.7.4

安装 Node.js

安装 Node.js 的最佳方式是使用 nvm

curl https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh
wget -qO- https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh

或者

手动安装: git clone http://github.com/creationix/nvm.git .nvm
cd .nvm
. install.sh

安装nvm完成后,重启终端并执行下列命令即可安装 Node.js
nvm install stable

安装成功

~ $ node -v
v11.3.0

安装Hexo

使用 npm 安装 Hexo

npm install -g hexo-cli

安装成功

~ $ hexo --version
hexo-cli: 1.1.0

本地调式 Hexo

执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件

hexo init <folder>
cd <folder>
npm install # install node_modules

运行成功输出信息, 在浏览器中输入http://localhost:4000, 可以看到hexo页面。

$ hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
^C INFO  See you again

Github Pages托管

Github Pages服务可以给我们提供一个静态网页的托管,以便远程浏览我们的博客内容。

首先我们需要在本机生成一个公钥以便跟github建立安全连接,使用下面命令后,
一直enter下去。

$ ssh-keygen -t rsa -C "email@domain.com"

这里的邮箱就是我们github setting 里面的邮箱,随后复制公钥内容:

cat ~/.ssh/id_rsa.pub

复制后,登陆github,进入Settings->SSH and GPG keys->New SSH key->粘贴

随后进入系统测试连接是否成功:

ssh -T git@github.com

根据提示输入yes,如果成功建立连接就可以进行接下来的操作了。

接下来我们使用我们需要在github上创建一个仓库repository,注意仓库名称必须为 [github_user].github.io (github_user 是你github的用户名, 这点非常重要)。


Hexo 与 GitHub Pages关联
  • 配置 Deployment

在_config.yml文件中,找到Deployment文件,然后按照如下修改:(注意冒号后面记得空一格!)

# Deployment

## Docs: https://hexo.io/docs/deployment.html

deploy:

type: git

repo: git@github.com:github_user/github_user.github.io.git

branch: master
  • 本地文件提交到 GitHub Pages,三个步骤,当然可以在生成静态文件后本地查看(hexo s)。
# 删除旧的 public 文件
hexo clean

# 生成新的 public 文件
hexo generate(hexo g)

# 本地查看
# hexo s

# 开始部署
hexo deploye(hexo d)

在浏览器中输入https://github_user.github.io 就可以看到你的简单博客了。可能需要等待一段时间才能访问的。

期间出现改错误提示: ERROR Deployer not found: git, 需要安装一个扩展

npm install hexo-deployer-git --save

大功告成了 ~~~ ^_^


参考

相关文章

网友评论

      本文标题:linux 下 Hexo + GitHub 搭建个人博客

      本文链接:https://www.haomeiwen.com/subject/xljpcqtx.html