资讯专栏INFORMATION COLUMN

hexo+css创建自己的blog(语法手册)

魏宪会 / 1857人阅读

摘要:语法使用手册注意因语法问题,有些的效果在中无法正常显示。

hexo语法使用手册

title: Manual
date: 2017-09-05 15:11:08
updated: 2017-09-05 15:11:08
tags:

注意:因语法问题,有些hexo的效果在segmentfault中无法正常显示。

1. 列表
有序号:
1. 第一点
2. 第二点
3. 第三点

无序号:
* 星号列表
+ 加号列表
- 减号列表

效果:

第一点

第二点

第三点

星号列表

加号列表

减号列表

2. 块注释
> 区块引用

或者:
{% blockquote %}
普通的引用
{% endblockquote %}

嵌套引用
> 一层引用
>> 两层引用

效果:

区块引用

注:blockquote效果不显示
{% blockquote %}
普通的引用
下一行
{% endblockquote %}

一层引用

两层引用

3. 分割线
***
---

效果:

4. 链接
[这是一个绝对路径的链接](https://hexo.io/zh-cn/docs/writing.html)
[这是一个相对路径的链接](/document/2017/08/07/hello-world/)
{% link text url [external] [title] %}
你好,我是{% link 百度 https://www.baidu.com/ 搜索  度娘 %}.

效果:
这是一个绝对路径的链接
这是一个相对路径的链接

注:效果不显示
你好,我是{% link 百度 https://www.baidu.com/ 搜索 度娘 %}.

5. 加粗
**双星加粗**
__双下划线加粗__

效果:
双星加粗
双下划线加粗

6. 斜体
*星号斜体*
_下划线斜体_

效果:
星号斜体
下划线斜体

7. 图片
![图1. 我最爱的炮兵](/document/assert/img.jpg "Title")

![图2. 我的头像](https://sfault-avatar.b0.upaiyun.com/267/966/2679662993-581186b9d2f8a_big64 "Title")

{% img [class names] /path/to/image [width] [height] [title text [alt text]] %}

{% img [box-model] http://weex.apache.org/cn/references/images/css-boxmodel.png 377 340 weex 盒模型 %}

效果:

注:效果不显示
{% img [box-model] http://weex.apache.org/cn/ref... 377 340 weex 盒模型 %}

8. 代码
多行代码块使用三个`
单行代码使用一个`
console.log("hello world!")
9. 标题
方法1: - 和 = (任何数量等效)
一级标题
===
二级标题
---

方法2: #
# 一级 H1
## 二级 H2
### 三级 H3
#### 四级 H4
##### 五级 H5
###### 六级 H6

效果:
方法1: - 和 =

一级标题 二级标题

方法2: #

一级 二级 三级 四级
五级
六级
10. jsfiddle
{% jsfiddle shorttag [tabs] [skin] [width] [height] %}

{% jsfiddle stardew/ffnm6Lsd/1/ %}  点击左上角fiddles

注:效果不显示
{% jsfiddle stardew/ffnm6Lsd/1/ %}

11. iframe
{% iframe url [width] [height] %}

{% iframe https://www.baidu.com/ 500 300 %}

注:效果不显示
{% iframe https://www.baidu.com/ 500 300 %}

12. 表格
左左中右对齐


dog | bird | cat
--- | ---- | ---
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz

dog | bird | cat
:---- | :---- | :----
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz

dog | bird | cat
:----: | :----: | :----:
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz

dog | bird | cat
----: | ----: | ----:
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz
dog bird cat
foo foo foo
bar bar bar
baz baz baz
dog bird cat
foo foo foo
bar bar bar
baz baz baz
dog bird cat
foo foo foo
bar bar bar
baz baz baz
dog bird cat
foo foo foo
bar bar bar
baz baz baz
13. 原生代码
{% raw %}
content
{% endraw %}

或者直接
content

 yy  #FF00FF

注:效果不显示
yy #FF00FF

14. 转义
符号 转义
! !
" ""
# #
$ $
% %
& &&
" '
( (
) )
* *
+ +
< <<
= =
> >>
? ?
@ @
[ [
\
] ]
{ {
| |
} }

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/112567.html

相关文章

  • hexo+css创建自己blog(搭建)

    摘要:目前比较火的和的文档都是使用框架实现的。二的安装安装前,确保电脑中已经安装了和。可以参照来自定义日期格式。值为时禁用主题部署参考部署部分的配置五部署上部署安装中配置部署部分的设置终端进入目录运行 一、什么是hexo Hexo是一个快速、简洁且高效的博客框架,使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。目前比较火的vue和weex的文档都是使...

    phoenixsky 评论0 收藏0
  • hexo+css项目部署到github(仿写weex使用手册

    摘要:项目部署到仿写使用手册一概述前面讲了如何使用搭建自己的博客,今天主要是总结下如何把本地能访问的静态的博客部署到上。以重写使用手册为例不要问我为什么这么无聊,等你怀孕了就知道了。 hexo+css项目部署到github 仿写weex使用手册 一、概述 前面讲了如何使用hexo+css搭建自己的博客,今天主要是总结下如何把本地能访问的静态的博客部署到github上。以重写weex使用手册为...

    JeOam 评论0 收藏0
  • hexo+css遇到unexpected token问题

    摘要:问题背景使用模拟实现文档,页面和的语法差异遇到问题。文档中的效果如下分析问题报错信息写的很明确,,是不被期望的。遇到问题时,解决思路可以考虑下转义码标签。 问题背景 使用hexo+css模拟实现weex文档,页面Weex 和 Vue 2.x 的语法差异遇到问题。 问题描述 新建页面,copy进去内容,hexo server运行,控制台报错: FATAL Somethings wrong...

    haoguo 评论0 收藏0
  • 博客从WordPress迁移到Hexo

    摘要:既然对感觉不错,那为什么要把博客从迁移到上呢。可以参考此文档进去可以选择中文安装所有必备的应用程序安装完成后,即可使用安装。插件安装完成后,执行下列命令来迁移所有文章。部署代码到清除缓存文件和已生成的静态文件。 偶然的机会看到了Hexo,就深深被吸引了,加载速度快,支持Makedown,还支持部署到Github上。作为一位PHP程序员,之前的博客用的是PHP开发的WordPress,其...

    caspar 评论0 收藏0
  • Hexo折腾记

    摘要:前言博主之前也有折腾和可对于一个前端来说,让人没法尽兴,因为不知道该如何添加自己的代码。下面记录博主搭建的整个过程。若这两个条件满足,则创建一个目录的。 如果时间可以静止,我希望就停在此刻。 前言 博主之前也有折腾wordpress和jekyll可对于一个前端er来说,wordpress让人没法尽兴,因为不知道该如何添加自己的代码。而jekyll就太麻烦了每一次都需要重新提交,而且样式...

    RaoMeng 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<