`

markdown-hexo使用

    博客分类:
  • web
阅读更多

What is Hexo?

Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

Installation

It only takes few minutes to set up Hexo. If you encounter a problem and can’t find the solution here, pleasesubmit a GitHub issue and I’ll try to solve it.

Requirements

Installing Hexo is quite easy. However, you do need to have a couple of other things installed first:

 

 

安装node.js
参考官网:http://nodejs.cn/

安装git插件:
Install hexo-deployer-git.
$ npm install hexo-deployer-git --save
配置_config.yml
deploy:
  type: git
  repo: <repository url>
  branch: [branch]
  message: [message]

 

初始化markdown项目:

安装初始化

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

 

markdown相关语法:

 语法手册:https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown

Markdown语法

1、分段: 两个回车

2、换行 两个空格 + 回车

3、标题 # ~ ###### 井号的个数表示几级标题,即Markdown可以表示一级标题到六级标题

4、引用 >

5、列表 * , + , - , 1. ,选其中之一,注意后面有个空格

6、代码区块 四个空格 开头

7、链接 [文字](链接地址)

8、图片 ![图片说明](图片地址) ,图片地址可以是本地路劲,也可以是网络地址

9、强调 **文字** , __文字__ , _文字_ , *文字*

10、代码 ```,``

下面来看看例文,你就马上明白,怎么来使用这些符号来写好一篇自己的博文了。

例文

在线编辑器例文: 传送门

Mou编辑器: 下载地址

你先试试,用Markdown怎么去些自己的文章,有了例子,还是很容易上手的。

hexo常用命令

我们在前面的已经略微的接触了一些hexo的命令,如 hexo new "my blog" ,hexo server 等。下面来介绍一下我们经常会用到的hexo命令

1、新建

 
hexo new "my blog"

新建的文件在 hexo/source/_posts/my-blog.md

2、编译

 
hexo generate

一般部署上去的时候都需要编译一下,编译后,会出现一个 public 文件夹,将所有的md文件编译成html文件

3、开启本地服务

 
hexo server

这个命令,我之前已经用过了,开启本地hexo服务用的

4、部署

 
hexo deploy

部署到git上的时候,需要用这个命令,下一篇中,我们会使用到这个命令

5、清除 public

hexo clean

当 source 文件夹中的部分资源更改过之后,特别是对文件进行了删除或者路径的改变之后,需要执行这个命令,然后重新编译。

 

 

 

 

hexo官网:https://hexo.io/ 

使用教程:http://www.zipperary.com/2013/05/28/hexo-guide-1/

分享到:
评论

相关推荐

    markdown-it-latex2img:用于markdown-it markdown解析器的LaTex插件,将LaTeX Math方程放在任何位置标签

    渲染结果支持多端使用,例如微信小程序 样品 屏幕截图: 安装 Node.js: npm install markdown-it-latex2img --save 浏览器(CDN): 用法 Node.js const md = require ( 'markdown-it' ) ( ) . use ( require ...

    hexo-renderer-markdown-it:Markdown-它是Markdown解析器,操作正确。 一种更快且符合CommonMark要求的Hexo替代产品

    hexo-renderer-markdown-it 该渲染器插件将用作上的渲染引擎。 增加了对和支持。主要特点支持 , 和 广泛的配置比默认渲染器更快hexo-renderer-marked 标题的安全ID 带有ID的标题的锚点脚注&lt;sub&gt; H 2 O &lt;sup&gt; x 2 ...

    Atom-hexo-generator-feed,为HEXO供电。为HEXOJS/HEXO做出贡献.zip

    2. 使用npm(Node.js包管理器)安装插件:`npm install hexo-generator-feed --save`。这会将插件添加到你的依赖列表中。 3. 编辑Hexo的配置文件`_config.yml`,添加以下配置项: ```yaml feed: type: atom path...

    Node.js-hexo-theme-material一个Hexo的Material主题

    【标题】"Node.js-hexo-theme-material" 指的是基于 Node.js 框架的 Hexo 内容管理系统所使用的 Material Design 风格的主题。Hexo 是一个快速、简洁且高效的静态站点生成器,它允许用户通过 Markdown 语言编写博客...

    前端开源库-hexo-renderer-stylus

    在实际开发中,hexo-renderer-stylus与Hexo的其他插件如hexo-generator-archive、hexo-generator-tag等配合使用,可以构建出功能齐全、美观的个人博客。通过Stylus的高级特性,你可以实现复杂的布局和动态效果,提升...

    前端开源库-hexo-uglify

    使用Hexo-uglify插件的过程通常包括以下几个步骤: 1. 安装:首先,你需要在你的Hexo项目目录下运行`npm install hexo-uglify --save`命令,这会将hexo-uglify插件添加到你的本地依赖中。 2. 配置:在Hexo的配置...

    前端开源库-hexo-neat

    在使用Hexo-Neat时,用户需要注意的是,虽然自动压缩和优化可以提高网站性能,但也可能会影响到源代码的可读性。因此,建议在开发和调试阶段禁用这些优化,待到部署前再启用。此外,定期检查压缩后的代码,确保没有...

    前端开源库-hexo-filter-cleanup

    【前端开源库-hexo-filter-cleanup】是一款专为Hexo静态博客框架设计的优化插件。Hexo是一款快速、简洁且高效的博客框架,它允许用户通过Markdown等简单易读的格式编写文章,然后自动生成静态网页。而`hexo-filter-...

    winwin-hexo-editor-client

    @ winwin / hexo-editor-client winwin2011的Hexo编辑器客户端 Schreenshots 特征 帖子/页面添加/删除/更新和预览 发布/页面发表/取消发表/草稿 Markdown编辑器 类别 标签 git推/重置/拉 生成/部署/清理 ...

    Node.js-Hexo博客搭建全攻略

    2. 设置主题:Hexo有许多美观的主题可供选择,你可以通过`npm install hexo-theme-landscape --save`(或其他主题名)安装喜欢的主题。然后在`_config.yml`中设置`theme`为已安装的主题。 3. 插件安装:Hexo还有丰富...

    hexo-markmap:Innsert a mindmap by markdown in your hexo blog. 在你的hexo博客中插入思维导图。 A Hexo plugin

    hexo-markmap Innsert a mindmap by markdown in your hexo blog by markmap. 在你的博客中使用markdown插入思维导图,使用markmap。 More preview in . 更多预览和说明见 . Install 安装 npm install hexo-markmap ...

    pai-hexo-web:派团队官网

    2. **Markdown内容编写**:在 pai-hexo-web 中,团队成员可以使用 Markdown 语言撰写文章。Markdown 是一种轻量级的标记语言,易于阅读和写作,同时可以方便地转化为HTML。这使得内容创作过程简单而高效。 3. **...

    nodejs-hexo-blog-source:nodejs-hexo-blog的

    标题 "nodejs-hexo-blog-source" 暗示我们正在讨论一个基于 Node.js 的 Hexo 博客平台的源代码。Hexo 是一个快速、简洁且高效的博客框架,它使用 Markdown(或其他支持的格式)编写内容,并利用 Node.js 进行编译和...

    col-hexo-CloudoLife.github.io:col-hexo-CloudoLife.github.io

    4. **博客结构**:在"col-hexo-CloudoLife.github.io-main"这个压缩包中,我们可能看到的文件结构包括`source`目录(存放原始内容,如Markdown文章)、`themes`目录(存放博客主题)、`config.yml`(Hexo配置文件)...

    winwin-hexo-editor:在线hexo博客编辑器

    @winwin/hexo-editor 一个在线hexo博客编辑器 | An online hexo blog editor by winwin2011 截图 | Screenshots | | 功能 | Feature 文章增删改和预览 | Post/Page add/delete/update and preview 发布和草稿 |...

    hexo-lute:基于Lute的Hexo降价渲染器

    hexo-lute的默认行为与使用默认配置hexo-renderer-marked几乎相同。 您可以在_config.yml配置此插件以启用其他功能。 lute : gfm : true # Enabled by default breaks : true # Enabled by default header_id :...

    markdown-preview:简单的降价预览器

    该工具是受hexo启发并在Web编程上进行实践的简单markdown文件预览器。 依存关系 我通过和使用降价转换 用法 git clone https://github.com/tz70s/markdown-preview.git # check dependencies go get -u " github....

    My-hexo-blog:hexo博客文件

    "My-hexo-blog"显然就是使用Hexo构建的一个个人博客项目。 在描述中提到的"My-hexo-blog:hexo博客文件",暗示了这个压缩包包含了一整个Hexo博客的源文件。这些文件通常包括以下部分: 1. **源文件夹(source)**:...

    Django-Hexo-Matery:尝试用Django3重新的我的Hexo博客,使用的前端主题是Matery

    Django-Hexo-Matery 尝试用Django3重写的我的Hexo博客,使用的前端主题是Matery。 开发环境 操作系统:macOS Cataline 10.15.3 Python : 安装的 (PyPy解释器平均比我们平时使用的CPython快4.4倍) Django :...

    zyw-hexo-site

    综上所述,"zyw-hexo-site"项目是一个使用Hexo和Node.js技术构建的个人博客,它结合了JavaScript的动态特性,提供了便捷的Markdown写作体验和丰富的自定义功能。通过理解和掌握这些知识点,你不仅可以创建自己的博客...

Global site tag (gtag.js) - Google Analytics