侧边栏壁纸
  • 累计撰写 122 篇文章
  • 累计创建 68 个标签
  • 累计收到 1 条评论

目 录CONTENT

文章目录

Hexo博客配置教程

刘少锋
2019-03-23 / 0 评论 / 0 点赞 / 22 阅读 / 552 字

实现Hexo + GitHub 搭建博客。

Hexo简介

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

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

hexo教程

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

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

至此就全部安装完了。

  1. 接下来初始化一下hexo
hexo init
  1. 创建一个新帖子
$ hexo new "我的新帖子"

更多信息:写作

  1. 运行服务器
$ hexo server

更多信息:服务器

  1. 生成静态文件
$ hexo generate

更多信息:生成

  1. 部署到远程站点
$ hexo deploy

更多信息:部署

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这个文件夹内就好了,很像引用相对路径。

0

评论区