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/
相关推荐
渲染结果支持多端使用,例如微信小程序 样品 屏幕截图: 安装 Node.js: npm install markdown-it-latex2img --save 浏览器(CDN): 用法 Node.js const md = require ( 'markdown-it' ) ( ) . use ( require ...
hexo-renderer-markdown-it 该渲染器插件将用作上的渲染引擎。 增加了对和支持。主要特点支持 , 和 广泛的配置比默认渲染器更快hexo-renderer-marked 标题的安全ID 带有ID的标题的锚点脚注<sub> H 2 O <sup> x 2 ...
2. 使用npm(Node.js包管理器)安装插件:`npm install hexo-generator-feed --save`。这会将插件添加到你的依赖列表中。 3. 编辑Hexo的配置文件`_config.yml`,添加以下配置项: ```yaml feed: type: atom path...
【标题】"Node.js-hexo-theme-material" 指的是基于 Node.js 框架的 Hexo 内容管理系统所使用的 Material Design 风格的主题。Hexo 是一个快速、简洁且高效的静态站点生成器,它允许用户通过 Markdown 语言编写博客...
在实际开发中,hexo-renderer-stylus与Hexo的其他插件如hexo-generator-archive、hexo-generator-tag等配合使用,可以构建出功能齐全、美观的个人博客。通过Stylus的高级特性,你可以实现复杂的布局和动态效果,提升...
使用Hexo-uglify插件的过程通常包括以下几个步骤: 1. 安装:首先,你需要在你的Hexo项目目录下运行`npm install hexo-uglify --save`命令,这会将hexo-uglify插件添加到你的本地依赖中。 2. 配置:在Hexo的配置...
在使用Hexo-Neat时,用户需要注意的是,虽然自动压缩和优化可以提高网站性能,但也可能会影响到源代码的可读性。因此,建议在开发和调试阶段禁用这些优化,待到部署前再启用。此外,定期检查压缩后的代码,确保没有...
【前端开源库-hexo-filter-cleanup】是一款专为Hexo静态博客框架设计的优化插件。Hexo是一款快速、简洁且高效的博客框架,它允许用户通过Markdown等简单易读的格式编写文章,然后自动生成静态网页。而`hexo-filter-...
@ winwin / hexo-editor-client winwin2011的Hexo编辑器客户端 Schreenshots 特征 帖子/页面添加/删除/更新和预览 发布/页面发表/取消发表/草稿 Markdown编辑器 类别 标签 git推/重置/拉 生成/部署/清理 ...
2. 设置主题:Hexo有许多美观的主题可供选择,你可以通过`npm install hexo-theme-landscape --save`(或其他主题名)安装喜欢的主题。然后在`_config.yml`中设置`theme`为已安装的主题。 3. 插件安装:Hexo还有丰富...
hexo-markmap Innsert a mindmap by markdown in your hexo blog by markmap. 在你的博客中使用markdown插入思维导图,使用markmap。 More preview in . 更多预览和说明见 . Install 安装 npm install hexo-markmap ...
2. **Markdown内容编写**:在 pai-hexo-web 中,团队成员可以使用 Markdown 语言撰写文章。Markdown 是一种轻量级的标记语言,易于阅读和写作,同时可以方便地转化为HTML。这使得内容创作过程简单而高效。 3. **...
标题 "nodejs-hexo-blog-source" 暗示我们正在讨论一个基于 Node.js 的 Hexo 博客平台的源代码。Hexo 是一个快速、简洁且高效的博客框架,它使用 Markdown(或其他支持的格式)编写内容,并利用 Node.js 进行编译和...
4. **博客结构**:在"col-hexo-CloudoLife.github.io-main"这个压缩包中,我们可能看到的文件结构包括`source`目录(存放原始内容,如Markdown文章)、`themes`目录(存放博客主题)、`config.yml`(Hexo配置文件)...
@winwin/hexo-editor 一个在线hexo博客编辑器 | An online hexo blog editor by winwin2011 截图 | Screenshots | | 功能 | Feature 文章增删改和预览 | Post/Page add/delete/update and preview 发布和草稿 |...
hexo-lute的默认行为与使用默认配置hexo-renderer-marked几乎相同。 您可以在_config.yml配置此插件以启用其他功能。 lute : gfm : true # Enabled by default breaks : true # Enabled by default header_id :...
该工具是受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博客文件",暗示了这个压缩包包含了一整个Hexo博客的源文件。这些文件通常包括以下部分: 1. **源文件夹(source)**:...
Django-Hexo-Matery 尝试用Django3重写的我的Hexo博客,使用的前端主题是Matery。 开发环境 操作系统:macOS Cataline 10.15.3 Python : 安装的 (PyPy解释器平均比我们平时使用的CPython快4.4倍) Django :...
综上所述,"zyw-hexo-site"项目是一个使用Hexo和Node.js技术构建的个人博客,它结合了JavaScript的动态特性,提供了便捷的Markdown写作体验和丰富的自定义功能。通过理解和掌握这些知识点,你不仅可以创建自己的博客...