logo头像
Snippet 博客主题

HelloHexo

1.新建文章

1
$ hexo new [layout] <title>
  • layout:布局,可选,对应scaffolds/目录下相应模版,且新文件存储在不同路径。
    • post:默认,存储路径为source/_posts
    • page:存储路径为source/_posts
    • draft:存储路径为source/_drafts
1
$ hexo publish [layout] <title>

默认情况下不显示source/_drafts中的内容,可使用上面的publish命令将草稿移动到 source/_posts 文件夹。

Front-matter 点击

2.编辑文章

全局资源访问

资源(Asset)指source 文件夹中除了文章以外的所有文件,如图片、CSS、JS 文件等。对于全局图片,放入source/images 文件夹中,通过类似于![](/images/image.jpg)的方法访问。

文章资源访问

1
2
3
4
5
_config.yml
post_asset_folder: true
marked:
prependRoot: true
postAsset: true //同post_asset_folder,图片放入与post同名文件夹。false时,图片放入post所有文件夹。

以上选项设置后,Hexo在创建新文章时自动创建一个与文章同名的关联文件夹(post_asset_folder:true时)。将所有与该文章有关的资源放入后,post中的资源地址将会被自动解析为其对应post的路径(prependRoot: true时),如:foo.md中的![](image.jpg) 将会被解析为 <img src="/2020/01/02/foo/image.jpg">

文章数据访问

Hexo 3 引入了新的数据文件,通过加载 source/_data 内的 YAML 或 JSON 文件中的键值对,读取指定数据。如:

1
2
3
4
5
source/_data/path.yml 

Home: /
Gallery: /gallery/
Archives: /archives/

在模板中使用这些数据:

1
2
3
<% for (var link in site.data.path) { %>
<a href="<%= site.data.path[link] %>"> <%= link %> </a>
<% } %>

渲染后:

1
2
3
<a href="/"> Home </a>
<a href="/gallery/"> Gallery </a>
<a href="/archives/"> Archives </a>

3.Run server

1
$ hexo server

4.Generate static files

1
$ hexo generate

5.参考链接

Hexo doc