【效率工具】搭建个人静态博客-hexo+Github（三）

xn213
399 阅读3分钟

这是我参与更文挑战的第 13 天，活动详情查看： 更文挑战

前文介绍了 【效率工具】Vuepress+GithubPages 搭建个人博客（知识笔记本）（一） 、【效率工具】搭建个人静态博客-Hugo+Github（二）-，-本文介绍搭建个人静态博客工具 hugo

仅当参考，按需食用，不足之处，欢迎各路大佬不吝赐教，补充完善，欢迎分享

  • 工欲善其事，必先利其器。实践（巧偷懒）促进科技发展-，-
  • 作为一个攻城狮，捣腾也是学习的途径，比如搭建自己的个人博客， 记录日常，记录学习，更是向大家展示自己
  • 本文将和大家分享使用 hexo + github, 手把手，零成\本搭建自己的个人博客，助你增长知识，提高竞争力

使用 hexo 创建个人博客

github-stars-hexo github-forks-hexo npm-downloads-hexo

快速、简洁且高效的博客框架

【文档】： hexo 中文文档

【主题】： hexo theme

【源码】： gihub/gohugoio/hugo

  • 超快速度 Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。

  • 支持 Markdown Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。

  • 一键部署 只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台。

  • 插件和可扩展性 强大的 API 带来无限的可能，与数种模板引擎（EJS，Pug，Nunjucks）和工具（Babel，PostCSS，Less/Sass）轻易集成

基于 hexo + markdown 搭建个人博客. 容易上手搭建, 生态相对完善成熟, 问题解决方案全面

这里介绍 / 安装 / 搭建 / 修改主题 / 部署到 github

使用 hexo 创建博客

1. 安装 nodejs / hexo

# 淘宝镜像源
npm install -g --registry=https://registry.npm.taobao.org

# 安装 hexo
cnpm i hexo-cli -g
# 验证 hexo
hexo -v
## hexo: 3.9.0
## hexo-cli: 2.0.0
## node: 10.16.0

2. hexo 命令创建项目

创建项目文件夹 cd 进入执行如下命令:

# 初始化项目
hexo init
# 默认克隆一个landscape 主题: themes/landscape;
# 默认创建一篇文章: source/_posts/hello-world.md
# 进入项目根目录, hexo start
# ==> 简写为hexo s
hexo s

3. 创建第一篇博客

# n => new
# ./source/_posts/my-first-blog.md
hexo n '文章名: 如: my-first-blog'
hexo n 'my-first-blog'

新建页面（重要）

# 比如说新建标签页面，执行命令之后会在根目录source文件夹下创建tags文件夹
hexo new page "tags"

4. 修改主题

# 克隆主题, 放到themes目录下的<主题名文件夹>下
# 如下是 `yilia` 的主题
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

重点修改配置

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
# 主题名: ./themes/<主题名>
theme: yilia # 默认 landscape

# 清一下
hexo clean
# INFO  Deleted database.
# INFO  Deleted public folder.

5. 部署到 gihub-pages

用到 git 插件 hexo-deployer-git

# 项目目录安装
cnpm i --save hexo-deployer-git

项目配置文件 _config.yml 中修改如下配置

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  # type 使用 git 部署
  type: git
  # github 地址:
  repo: https://github.com/<username>/<proname>.git
  # github 项目分支, 默认 master, 还是写一下吧
  branch: master

# 部署命令: hexo deploy 简称 `hexo d`
hexo d

还可以利用 Github Actions, 帮助我们自动构建，可参考前文的推荐学习参考

当然好用的博客搭建工具还有很多，这里列举部分工具，仅作参考，抛砖引玉，

既可以查找使用自己喜欢的主题，也可以定制自己的主题，有没有 get 到呢?

欢迎各路大神评论出你的私藏工具, 把你的 大神blog 分享给大家=，=

今日份预告不了了 明天更新还没有思路/话题：

由于今天的文章更新有点晚了，还没想好明天更新话题，早点休息，明天再想吧

那早点休息，大家好梦！下一篇敬请期待！ hahah~

avatar
文章
阅读
粉丝