Hexo是一个静态博客框架
可以方便地创建自己的博客
但是hexo的markdown解释引擎并不是很好用……有时候会出现一些奇怪的效果……
基本用法
i其实主要参考Hexo官方文档即可
这里作简单归纳
安装就不说了,看文档
- 初始化:
进入要作为blog的文件夹hexo init
npm install
文章(.md):
放入文件夹sources/_posts
中
文章开头可以写入信息,最基本的有title
,date
和tags
内容要和冒号用空格隔开如:title: aaaa
每个信息占用一行,tags
可以有多个标签,如tags: - aaa - bbbb
注意横线和标签内容也要用空格隔开,另外每个标签可以独占一行
写完信息后,在信息的后面应该加入三个横线---
表示信息结束
总体大致如下:title: TITLE date: 2015/03/04 tags: - aaaaa - bbbbb
生成静态页面
hexo g
- 本地查看
hexo s
输入网址0.0.0.0:4000
查看 部署到github
- 在github上新建仓库
仓库名必须是USERNAME.github.io
USERNAME为github的用户名 - 安装git-deploy插件:
npm install hexo-deployer-git --save
配置
_config.yml
文件:deployer: - type: git - repo: http://github.com/USERNAME/USERNAME.github.io` #USERNAME为github用户名
执行部署命令
hexo d
随后根据提示输入github帐号密码即可- 部署git需要配置好git用户名和邮箱
每次commit都会记录这两个信息
git config --global user.name "用户名"
git config --global user.email "邮箱"
- 部署git需要配置好git用户名和邮箱
- 在github上新建仓库
- 更换主题
以next主题为例clone https://github.com/iissnan/hexo-theme-next
到themes/next
目录下
修改_config.yml
文件,将themes
修改为next
即可 - 相关配置信息
在文件_config.yml
中,包括博客名,作者名,主题,部署方式等 - 其他信息
参照hexo官方文档和相关主题的官方文档
HTML、CSS、JS等资源的添加
- 在
source
目录下新建目录,将资源放入其中即可调用
hexo将自动在网站根目录下生成相应的目录和文件 - HTML文件需要在文件内容头部加入
layout: FALSE
表示不对该文件使用布局
但是此时HTML不会作为文章直接显示出来,需要自己在_post
目录下写md文章来跳转比如我要把HTML格式的python的笔记挂上去
我在source
目录下新建了目录Note_for_Python
,把笔记内容放到该目录下
在_post
写一个md文章作为笔记内容的目录,比如要跳转到目录下的1.html
文件——[1](/Note_for_Python/1.html)