关于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,便能够看到部署胜利的博客了。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理