Hexo极速搭建个人博客并部署到Github

szhang
465 阅读2分钟

文章大纲：

  1. 什么是Hexo
  2. 为什么要用Hexo
  3. 具体步骤
  4. 总结

1. 什么是Hexo

A fast, simple & powerful blog framework. 一个快速，简易，强大的博客框架。

2. 为什么要用Hexo

  • 搭建简单
  • 速度快
  • 社区成熟
  • 好看

3. 具体步骤

3.1 本地环境搭建

For Mac User: Mac用户在根目录下进行操作的时候，需要开启root权限。具体命令:sudo -s, 然后输入密码。 Node.js

  1. 去到Node.js官方下载点：nodejs.org/zh-cn/downl…
  2. 下载长期支持版（LTS)安装包。
  3. 根据提示逐步进行本地安装,可以使用node -v或者npm -v来查看版本号以确认安装成功。 image.png 注：中国地区可以使用更快的源：npm install -g cnpm --registry=https://registry.npm.taobao.org

Hexo

  1. npm install hexo-cli -g
  2. 可以使用hexo -v来查看版本号以验证安装hexo成功。 image.png

3.2 牛刀小试

  1. 建立一个博客目录mkdir blog
  2. 初始化一篇博客hexo init
  3. 启动博客hexo s, 即可在http://localhost:4000 访问。平时写完文章，也可以用这个命令做本地预览。
    1. 新建一篇文章hexo new "My first article"即可创建一篇文章，同时你也可以在blog/source/_post找到你新建的文章”My first article.md”。
    2. 修改文章。可以使用vim编辑器编辑文章。更多关于vim的内容可以参考简明 VIM 练级攻略学习。其中还支持Markdown语法，更多Markdown可自行Google学习。
    3. 生成文章hexo g。

3.3 部署到GitHub

  1. 登录到自己的github

  2. 新建一个repository, 此处命名一定要使用自己的username.github.io。例如我的username是10kshuaizhang, 则新建的这个应该是10kshuaizhang.github.io github.png

  3. 在博客根目录下安装git部署插件$ npm install hexo-deployer-git --save，WARNING可以忽略。

  4. 修改博客根目录下配置文件， _config.yml

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/xxxx/xxxx.github.io # 你的仓库地址， xxxx是你的username
branch: master
  1. 命令部署hexo d。第一次github需要认证，按照提示输入账号密码即可。浏览器访问xxxx.github.io即可到达你的博客。（xxxx为你的username即昵称）

3.4 更改主题

此处选用了Litten作者的主题，清晰简洁。Github地址为：github.com/litten/hexo…，实现步骤如下：

  1. 安装：$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
  2. 配置：修改hexo根目录下的_config.yml: theme:yilia
  3. 更新，终端命令
cd themes/yilia
git pull

更多配置详见作者Github或官网：hexo.io/

4. 总结

整体来说，搭建起来不是很难，关键在于以后去完善各个功能，并且坚持输出内容，将自己的知识梳理清晰，并且归纳到博客上。

avatar
文章
阅读
粉丝