共计 1726 个字符,预计需要花费 5 分钟才能阅读完成。
前言
有些同学可能感觉搭建博客是一件麻烦的事,既须要购买注册域名,又要购买配置服务器,还须要花老本去保护它们。没关系,即便这些你都没有,照样能够搭建本人的博客。你只须要筹备一个 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,便能够看到部署胜利的博客了。