什么是Hexo博客
Hexo 是一个基于nodejs 的静态博客网站生成器,作者是来自台湾的Tommy Chen。
特点:
- 不可思议的快速 ─ 只要一眨眼静态文件即生成完成
- 支持 Markdown
- 仅需一道指令即可部署到 GitHub Pages 和 Heroku
- 已移植 Octopress 插件
- 高扩展性、自订性
- 兼容于 Windows, Mac & Linux

安装
1.全局安装Hexo-cli脚手架
npm install hexo-cli -g
2.初始化你的博客
hexo init blog
3.安装依赖
cd 你的博客名
npm install
4.运行本地dev server
hexo server or
npm run dev
运行dev server出现localhost:4000s时就可以在浏览器看到效果

Hexo的常见运行命令
| 命令 | 描述 | 参数 |
|---|---|---|
| hexo init [folder] | 使用脚手架初始化一个博客模型 | folder:博客文件夹名称 |
| hexo generate(g) | 一键生成静态代码,生成在博客目录下的public文件夹下 | -d or --deploy:文件生成后立即部署网站 -w or --watch: 监视文件变动 -b or --bail: 生成过程中如果发生任何未处理的异常则抛出异常 -f or --force: 强制重新生成文件 Hexo 引入了差分机制,如果 public 目录存在,那么 hexo g 只会重新生成改动的文件。 使用该参数的效果接近 hexo clean && hexo generate -c or --concurrency:最大同时生成文件的数量,默认无限制 |
| hexo new [Page] | 新建一篇文章 | Page:文章标题名 -p or --path: 指定新文章的路径 -r or --replace:如果存在同名文章,将其替换 -s or --slug:文章的 Slug,作为新文章的文件名和发布后的 URL |
| hexo server | 启动服务器 | -p or --port:重设端口 -s or --static:只使用静态文件 -l or --log:启动日记记录,使用覆盖记录格式 |
| hexo deploy | 部署打包到public文件夹 | -g or --generate:部署之前预先生成静态文件 |
| hexo clean | 清除缓存 | 无 |
| hexo version | hexo的当前版本 | 无 |
配置
博客元数据
| 参数 | 描述 |
|---|---|
| title | 网站标题 |
| subtitle | 网站副标题 |
| description | 网站描述 |
| keywords | 网站的关键词。支援多个关键词。 |
| author | 您的名字 |
| language | 网站使用的语言。对于简体中文用户来说,使用不同的主题可能需要设置成不同的值,请参考你的主题的文档自行设置,常见的有 zh-Hans和 zh-CN。 |
| timezone | 网站时区。Hexo 默认使用您电脑的时区。请参考 时区列表 进行设置,如 America/New_York, Japan, 和 UTC 。一般的,对于中国大陆地区可以使用 Asia/Shanghai。 |
博客url
| 参数 | 描述 |
|---|---|
| url | 网址 |
| root | 网站根目录 |
| permalink | 文章的 永久链接 格式 :year/:month/:day/:title/ |
| permalink_defaults | 永久链接中各部分的默认值 |
| pretty_urls | 改写 permalink 的值来美化 URL |
| pretty_urls.trailing_index | 是否在永久链接中保留尾部的 index.html,设置为 false 时去除默认值true |
| pretty_urls.trailing_html | 是否在永久链接中保留尾部的 .html, 设置为 false 时去除 (对尾部的 index.html无效)默认值true |
代码高亮
| 参数 | 描述 |
|---|---|
| highlight | 代码块的设置 |
| highlight.enable | 开启代码块高亮默认值true |
| highlight.auto_detect | 如果未指定语言,则启用自动检测默认值false |
日期格式
| 参数 | 描述 |
|---|---|
| date_format | 日期格式 YYYY-MM-DD |
| time_format | 时间格式 HH:mm:ss |
| updated_option | 当 Front Matter 中没有指定 updated 时 updated 的取值默认值mtime |
分页
| 参数 | 描述 | 默认值 |
|---|---|---|
| per_page | 每页显示的文章量 (0 = 关闭分页功能) | 10 |
| pagination_dir | 分页目录 | page |
扩展
| 参数 | 描述 |
|---|---|
| theme | 当前主题名称。值为false时禁用主题 |
| theme_config | 主题的配置文件。在这里放置的配置会覆盖主题目录下的 _config.yml 中的配置 |
| deploy | 部署部分的设置 |
打包
项目配置完成。在部署之前检查depoly是否配置git远程仓库地址,确认过后使用hexo d命令一键部署到git远程仓库上,开启GitPage就可以访问。
不知道如何玩GitPage参考这篇博客:
域名
tip: 国内域名需要备案,如果不备案就无法正常访问,国外可以不用备案。
首先购买域名,到阿里云,腾讯云等购买域名,然后在控制台管理域名界面填写域名解析设置,重点是记录类型和记录值,记录类型填写CNAME,记录值就填写你的部署页网址,如果是把博客放到自己的服务器上,记录值就是A(指向一个ip4),记录值填写服务器的ip地址。保存设定后,过几分钟大概就可以访问了。
码字不易,希望点点推荐和关注,谢谢
什么是Hexo博客的更多相关文章
- Hexo博客建设
上次我教大家利用wordpress程序搭建个人网站,这次换个Hexo来搭建咱们的个人博客,那咱们开始吧!先提供官网给大家英文版的请点击这里,中文版的请点击这里,好了然后是工具要准备下,貌似就只要安装g ...
- ubuntu安装hexo博客
ubuntu下安装hexo博客 一 安装git sudo apt-get install git 二 安装nodejs 官网下载linux安装包.tar.gz文件 解压 tar zxvf 这样变可以切 ...
- 史上最详细“截图”搭建Hexo博客并部署到Github
http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hex ...
- 史上最详细“截图”搭建Hexo博客——For Windows
http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88 ...
- [原创]HEXO博客搭建日记
博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...
- linux 搭建hexo博客
搭建环境: CentOS 6.5 1.安装git的编译包 yum -y install gcc zlib-devel openssl-devel perl cpio expat-devel gette ...
- 在Github上面搭建Hexo博客(一):部署到Github
什么是Hexo Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上.并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设 ...
- hexo博客的优化与配置——加入统计代码
今天看着csdn博客的訪客数,就想给hexo博客也加入统计訪客的插件,上次折腾了个pacman主题,中间自带的是goole的统计,easy被墙,所以就想换一个统计工具,看了好多人用的都是cnzz的站长 ...
- 在腾讯云上部署Hexo博客
推荐理由 ----搭建个人的空间博客目前深受个人开发者的追捧,然而博客的种类和平台有很多,Hexo是一个开源的静态博客生成器.相比于其他博客而言它只要是web容器就能用.除了闷头专研技术之外,程序员还 ...
- hexo博客MathJax公式渲染问题
这个问题自己很早以前便碰到了,用MathJax语法写的一些公式,在本地Markdown编译器上渲染是没问题的,可是部署到hexo博客中就出现问题了,之前我是使用图片代替公式应付过去了,今天从网上找了一 ...
随机推荐
- 一.前后端分离及drf实现序列化的原理
为什么要进行前后端分离 可pc.app.pad多端适应 SPA开发模式的流行--单页web应用(只有一html页面) 可实现前后端开发职责清(不分离时,前端是通过后端给的变量并渲染出来方式拿到数据! ...
- SELinux已经允许,为什么日志显示的仍然是denied?
从日志可以看到,SELinux的Mode已经修改位了permissive = 1,也就是允许模式,但它前面的日志仍然显示的是“denied".本来我还以为是自己哪里没弄好导致的这个问题,但访 ...
- 猿灯塔:最详细Dubbo相关面试题!
1.Dubbo是什么? Dubbo是阿里巴巴开源的基于 Java 的高性能 RPC 分布式服务框架,现已成为 Apache 基金会孵化项目. 面试官问你如果这个都不清楚,那下面的就没必要问了. 官网: ...
- Meta标签大全_web开发常用meta整理
meta标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. 必要属性 属性 值 描 ...
- CSS3动画 相比JS Animation 哪个更快?
CSS vs. JS Animation: 哪个更快? 基于JavaScript的动画竟然已经默默地比CSS的transition动画快了?而且,Adobe和 Google竟然一直在发布可以媲美原生应 ...
- Buffer的创建及使用源码分析——ByteBuffer为例
目录 Buffer概述 Buffer的创建 Buffer的使用 总结 参考资料 Buffer概述 注:全文以ByteBuffer类为例说明 在Java中提供了7种类型的Buffer,每一种类型的Buf ...
- PHP一维数组快速去重、去零
1.一维数组去重: /** * 一维数组去重,返回格式为索引数组 * @param array $data 待去重的数组 * @return array */ public static functi ...
- Django初级之django简介
1.Django简介 Django是Python语言中的一个web框架,Python语言中主流的web框架有Django.Tornado.Flask 等多种.Django相较与其它WEB框架,其优势为 ...
- vue组件keepAlive的使用
需要达到的效果: 列表页------->详情页/修改------>返回列表页(缓存列表页) 其它不缓存 //vuex/index.js new Vuex.store({ state: { ...
- scrapy (三) : 请求传参
scrapy 请求传参 1.定义数据结构item.py文件 ''' field: item.py ''' # -*- coding: utf-8 -*- # Define here the model ...