乐趣区

关于hexo:30分钟hexogithub快速搭建博客

前言

有些同学可能感觉搭建博客是一件麻烦的事,既须要购买注册域名,又要购买配置服务器,还须要花老本去保护它们。没关系,即便这些你都没有,照样能够搭建本人的博客。你只须要筹备一个 github 账号。

本文概览如下:

好了,当初咱们正式应用 hexo 开始搭建博客吧~

搭建博客

装置 hexo

npm install -g hexo-cli

初始化我的项目

当初咱们曾经装置实现 hexo 了。接下来应用 hexo 初始化博客我的项目。

// 初始化生成 blog 我的项目
hexo init blog

配置主题

hexo 默认的主题是_landscape,当初咱们将主题配置为 keep。_

// 确认目录是否切换到了 blog 中,如果没有,则将目录切换到 blog 中
cd blog

// 装置 keep 主题
npm install hexo-theme-keep

// 批改_config.yml 配置文件
theme: keep

// 预览网站
hexo server

在浏览器中关上 http://localhost:4000,如图

增加文章

新建

当初,让咱们新建一篇博客

// 在 blog 我的项目中,执行如下命令:新建文章
hexo new post 今日菜谱

如图如示,新建的这篇博客以 markdown 的格局模式存储在了 blog/source/_posts 目录下。

编辑

增加注释

当初咱们关上【今日菜谱.md】,写下咱们的今日菜谱。

而后保留。刷新 http://localhost:4000 该链接。便能够看到看到咱们刚刚更新的最新文章了。如图

增加分类和标签

接着咱们为文章增加分类和标签:关上【今日菜谱.md】,批改如下

而后,关上终端别离执行如下命令。

hexo new page categories
hexo new page tags

如下所示,hexo 会在 souce 目录下,创立一个 categories 和 tags 文件夹,外面都蕴含一个 index.md 文件。


当初咱们在浏览器中别离拜访如下地址,便能够别离看到咱们增加的分类和标签了。点击【美食】分类和【菜谱】标签便能够看到属于它们的文章。
http://localhost:4000/categories/

http://localhost:4000/tags/

为了能在主页间接拜访标签和分类,咱们能够对 node_moduels/hexo-theme-keep/_config.yml 配置文件做如下批改:

再次刷新 http://localhost:4000,如图

公布草稿

如果你临时还不想要文章被公开拜访,能够先创立草稿。如下

hexo new draft 今日随想


刷新 http://localhost:4000 临时还无法访问咱们新创建的这篇文章,如果想要拜访这篇文章,咱们则须要公布该文章,执行如下命令

// 公布草稿
hexo publish draft 今日随想

当初这篇文章从_draft 目录挪动到了_post 目录。

接着,咱们再刷新 http://localhost:4000,便能够看到这篇文章了

部署博客

当初咱们应用 github page 来部署咱们的博客。首先你须要有一个 github 账号,如果没有则须要先去注册一个。

新建仓库

1. 咱们关上 github,而后点击 New repository 按钮,如图

2. 创立一个名为 username .github.io 的存储库,其中 username 是你在 GitHub 上的用户名

3. 胜利创立长仓库后,复制仓库的 https 地址,如图

部署

// 确认目录是否切换到了 blog 中,如果没有,则将目录切换到 blog 中
cd blog

// 装置部署插件
npm install hexo-deployer-git --save

// 批改_config.yml 配置文件
// 将复制的地址,黏贴到如下 repo 字段中
deploy:
    type: git
  repo: https://github.com/one-cheese/one-cheese.github.io.git
    branch: master
 
// 部署网站到创立的仓库
hexo deploy

部署实现后,咱们刷新 one-cheese.github.io 仓库,本地生成的 public 中的动态资源全都上传到了该仓库中,如图。

当初,拜访 github page 地址 one-cheese.github.io,便能够看到部署胜利的博客了。

退出移动版