前言
有些同学可能感觉搭建博客是一件麻烦的事,既须要购买注册域名,又要购买配置服务器,还须要花老本去保护它们。没关系,即便这些你都没有,照样能够搭建本人的博客。你只须要筹备一个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,便能够看到部署胜利的博客了。
发表回复