使用Hexo开源博客系统,轻松搭建你的个人博客(1)

时间:2022-04-19 09:04:21

Hexo 是一个轻量级、简洁、高效且高逼格的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。同时有着丰富的主题,官网或者GitHub都可以轻松下载到。由于Hexo博客都是静态文件,所以推荐部署在Github上,不需要额外的服务器和后台,做到零成本。

话不多说,下面就开始介绍如何使用Hexo搭建个人博客。

准备

hexo依赖于Node.js和Git,因此需要先安装这两项:

1.Node.js下载地址

2.Git下载地址

安装完Node.js后,可使用npm命令,由于npm命令本身是很慢的(源在国外),建议使用淘宝的cnpm来替代npm命令,打开命令行执行如下命令安装cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

-g表示全局安装,下面就可以开始安装Hexo了。

安装Hexo

1.安装

命令行执行如下命令:

cnpm install -g hexo

2.创建目录

在任意地方创建文件夹hexo,如D:\blog\hexo,这个文件夹就是用来存放博客代码和文章的地方,后面我们称之为根目录。

3.初始化Hexo

这边建议在GitBash操作,又键该目录,选择Git Bash Here,打开后执行如下命令:

hexo init

初始化后会在目录生成如下文件

使用Hexo开源博客系统,轻松搭建你的个人博客(1)

大家会看到,目录中有个名为_config.yml的文件,这个是全局配置文件,主要配置站点信息。

这时我们的hexo博客已安装完成,执行如下命令

hexo g
hexo s

然后打开浏览器输入:http://localhost:4000,即可看到博客主页。

使用Hexo开源博客系统,轻松搭建你的个人博客(1)

4.写文章

执行下列命令来创建一篇新文章

hexo new [layout] <title>

layout可选,默认post,可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局

Hexo 有三种默认布局:post、page 和 draft。在创建者三种不同类型的文件时,它们将会被保存到不同的路径;而自定义的其他布局和 post 相同,都将储存到 source/_posts 文件夹。

布局 路径
post source/_posts
page source
draft source/_drafts

执行命令后会在对应目录下生成一个markdown文件

使用Hexo开源博客系统,轻松搭建你的个人博客(1)

总结

在此,Hexo博客初始版本已经搭建完成,下一章节,将教大家如何安装主题,配置一些常用的功能。

重点

hexo init:初始化Hexo

hexo g:重新生成public文件夹,这个里面是生成的所有静态文件,包括html,css,js文件以及图片等

hexo s:启动hexo服务的

可连着使用hexo s hexo g

hexo new [layout] <title>:创建文章

使用Hexo开源博客系统,轻松搭建你的个人博客(1)的更多相关文章

  1. 开源入侵检测系统OSSEC搭建之二:客户端安装

    上一篇文章中已经将OSSEC服务端的安装以及客户端的Key导出操作做了解说,接下来在另一台虚拟机中安装客户端,与安装服务端类似同样需要安装ossec,步骤如下. 一.下载ossec-hids-2.8. ...

  2. 开源入侵检测系统OSSEC搭建之一:服务端安装

    OSSEC是一款开源的多平台的入侵检测系统,可以运行于Windows, Linux, OpenBSD/FreeBSD, 以及 MacOS等操作系统中.主要功能有日志分析.完整性检查.rootkit检测 ...

  3. 使用Hugo,只需5分钟,轻松搭建一个自己的博客

    前面跟大家介绍过hexo这款静态博客系统,功能强大,基本能满足博客的各种需求.今天,我再跟大家介绍一款优秀的静态博客系统,那就是Hugo. Hugo是由Go语言实现的静态网站生成器.简单.易用.高效. ...

  4. 使用Hexo开源博客系统,轻松搭建你的个人博客(2)- 配置篇

    上一章节,我们介绍了Hexo的基础搭建,搭建完大家一定发现,是英文版本的,并且页面有点丑陋.这一章节,就来跟大家介绍Hexo的配置和主题的设置. 站点信息 上一章有跟大家提到过_config.yml这 ...

  5. Node&period;js的开源博客系统Ghost搭建教程

    准备工作 Node.js版本:0.10.x.0.12.x.4.2.x.安装步骤可参考:Node.js环境搭建 Ghost版本:0.7.4:中文集成版(33.6M),中文标准版(3.39M),英文原版( ...

  6. Linux博客系统服务器搭建

    linux(CentOS)服务器搭建 前言 拿到购买的服务器信息后,会给出一个服务器的账号的密码,看你自己设置,账号一般为root. 拿到后,可在阿里云官网登录进入服务器.然后就可以进行一下的流程从而 ...

  7. 开源入侵检测系统OSSEC搭建之三:Web界面安装

    注意:以下操作需在OSSEC服务端进行设置 一.下载analogi,存放于/var/www/html/下并赋予权限 [root@localhost ~]# wget https://github.co ...

  8. Docker&plus;SpringBoot&plus;Mybatis&plus;thymeleaf的Java博客系统开源啦

    个人博客 对于技术人员来说,拥有自己的个人博客应该是一件令人向往的事情,可以记录和分享自己的观点,想到这件事就觉得有意思,但是刚开始写博客的时候脑海中是没有搭建个人博客这一想法的,因为刚起步的时候连我 ...

  9. 从零开始搭建solo个人博客系统

    目录 1.博客系统的搭建流程 2.服务器选购 2.1阿里云学生主机 2.2普通云主机 3.域名购买与备案(可选) 3.1域名购买 3.2域名服务器备案 3.3域名服务器解析 4.solo安装 4.1 ...

随机推荐

  1. Makefile拆分编写

    在实际开发项目中,我们通常将一个工程划分为多个文件夹,每个文件夹代表不能的功能,如:我的一个项目cpl,它分为两个文件夹:src和test.当在cpl文件夹中运行make的时候,它的一级目录都会自动运 ...

  2. &lt&semi;&lt&semi;测试驱动开发的艺术&gt&semi;&gt&semi;读书笔记

    TDD通过边测试边编写代码,然后重构来防止重构所引起的错误 通过自动化测试和持续集成工具,随时保持可以发布 TDD第一步: 1. 需求分解 2. 将需求转化成测试 3. 写一个失败的测试 4. 逐步通 ...

  3. 用Visual Studio创建gtest动态链接库工程

    Step1 创建名为gtest的Win32 Project Step2 在Application Settings中的Application type下选择DLL Step3 把gtest-all.c ...

  4. Highcharts 带有数据标签曲线图表

    <html> <head> <meta charset="UTF-8" /> <title>Highcharts</title ...

  5. CentOs文件实时同步

    1,生成数据序

  6. js jquery 实现html页面之间参数传递(单一参数、对象参数传递)

    最近自己在忙着做毕业设计,后台程序员,前端菜鸡,因为需要,所以实现了html页面之间参数传递.------jstarseven .菜鸡的自我修养. 页面A代码如下: <!DOCTYPE html ...

  7. Beta 冲刺(6&sol;7)

    目录 摘要 团队部分 个人部分 摘要 队名:小白吃 组长博客:hjj 作业博客:beta冲刺(6/7) 团队部分 后敬甲(组长) 过去两天完成了哪些任务 ppt制作 视频拍摄 接下来的计划 准备答辩 ...

  8. springboot&lpar;五&rpar;过滤器和拦截器

    前言 过滤器和拦截器二者都是AOP编程思想的提现,都能实现诸如权限检查.日志记录等.二者有一定的相似之处,不同的地方在于: Filter是servlet规范,只能用在Web程序中,而拦截器是Sprin ...

  9. 从Win32程序中的主函数中获取命令行参数

    在标准C或者Win32控制台程序的main函数中,它们都有两个参数:"argc" 和 "argv",如下所示: int main(int argc, char ...

  10. ServiceWorker和WebWorker

    在google打上关键字 service worker 空格进行搜索 参考地址 (Web_worker)[https://en.wikipedia.org/wiki/Web_worker] (serv ...