跳至主要內容

Hexo

Mr.Liu大约 2 分钟

Hexo

Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。

注意: 查看文档open in new window以获取更多信息。如果使用Hexo时遇到任何问题,可以在故障排除open in new window中找到答案,或者可以在GitHubopen in new window上询问。

安装

  1. git和nodejs安装好后,就可以安装hexo了
npm install hexo-cli -g
npm install hexo --save

依旧用hexo -v查看一下版本

至此就全部安装完了。

使用

初始化一下hexo

hexo init

创建一个新帖子

$ hexo new "我的新帖子"

更多信息:写作open in new window

运行服务器

$ hexo server

更多信息:服务器open in new window

生成静态文件

$ hexo generate

更多信息:生成open in new window

部署到远程站点

$ hexo deploy

更多信息:部署open in new window

常见问题

Hexo中添加本地图片

  1. 把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true

  2. 在你的hexo目录下执行这样一句话npm install hexo-asset-image --save,这是下载安装一个可以上传本地图片的插件

  3. 等待一小段时间后,再运行hexo n "xxxx"来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹

  4. 最后在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中,然后只需要在xxxx.md中按照markdown的格式引入图片:

    ![你想输入的替代文字](xxxx/图片名.jpg)
    

    xxxx是这个md文件的名字,也是同名文件夹的名字。只需要有文件夹名字即可,不需要有什么绝对路径。你想引入的图片就只需要放入xxxx这个文件夹内就好了,很像引用相对路径。