玩转hexo - 2 - 起步

标签: hexo 原创html

因为部分段落的排版没法实现,请查看原文。node

地址:http://blog.lujingtao.com/2017/11/07/hexo-init/git


前言

其实这篇文章一开始并不打算写,由于Hexo官方文档已经说的比较详细了。可是对于咱们新手来讲,仍是有点过于详细了。因此我就写个太长不看版吧。npm

Hexo的必要依赖

在使用hexo以前,必须确保你的电脑上安装了如下两个软件。这两个软件都是傻瓜式安装,点击直接进入下载页。浏览器

  • Node.js 只会用到里面的包管理器npm
  • Git 在本地写完博客后用这个来部署到在线仓库

Hexo安装

如下操做在终端 / 命令行中进行:bash

npm install hexo-cli -g # 全局安装hexo全家桶
hexo init blog # 找一个目录后,用hexo初始化blog文件夹
cd blog # 进入blog文件夹
npm install # 安装基础依赖

命令②中注意下面几点:服务器

  • 没有命令行基础的同窗注意了,灵活运用cd 目录名进入目录 & cd ..返回上一级,这两个命令来找到一个合适的位置,②初始化会在当前目录新建一个文件夹
  • 该过程可能会比较缓慢,由于在初始化的时候会下载不少基础静态文件,请耐心等待
  • 若是中途遇到下载不动或者断网的状况下,用ctrl + c来终止,而后从新尝试初始化
  • 若是看到形如added 428 packages in 119.913sStart blogging with Hexo!,说明初始化成功
  • 初始化结束后并不会直接进入目录,因此有了③这条命令

Hexo基础操做

hexo clean # 清除历史生成的静态文件
hexo generate # 生成静态文件(简写:hexo g)
hexo server # 启动本地服务器,便于预览(简写: hexo s)

这三步结束以后会看到以下字样,表示成功启动本地服务:hexo

Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.post

而后在浏览器中打开http://localhost:4000/,就能够看到一个搭载了基础主题的hexo博客了,里面有hexo送你的一篇感人的hello world文章。命令行

[图片上传失败...(image-30b14f-1512877864799)]

Hexo写文章

莫慌,首先明确一下文章在哪?

[图片上传失败...(image-783167-1512877864799)]

如上图所示,hexo会把全部文章的源文件都归档至_posts/内,统一调度管理。而咱们要作的就是对这些源文件进行一些随心所欲操做。

经常使用的写文章方式分为如下两种。

经过命令行

hexo new 文章文件名

这条命令会在_posts/建立一个全新的md文件。原始内容的官方叫法为Front-matter,其中有不少设置,感兴趣的话能够提早去了解一下。

在Front-matter以后就是正文了,请开始你的表演。

特色:__功能页包括标签页、归档页、分类页以及自定义页面等只能经过指令的来建立。__指令稍有不一样,后面再详细介绍。

缺点:若是本地服务已经启动,则必须先用ctrl + c结束后才能操做。

复制粘贴大法

这个方法能够说是很是亲民了。

_posts/里随便找一篇文章,复制粘贴,给克隆儿从新起个名儿,内容变一变,一套打完收工!

特色:方便快捷。能够不用结束本地服务。借鉴这个思路,你能够在任何地方编辑一个md文章,而后转移进来。

缺点:没法建立功能页。复制的文件头中的时间date必需要手动修改,否则会影响主页文章排序。(这个时间蛮重要的,还跟浏览数和评论有关系)

以上两种方法各有优势,综合食用更佳。

相关文章
相关标签/搜索